/*!
 * Bootstrap Grid v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}

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

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1 {
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.col-2 {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.col-5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.col-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.col-8 {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.col-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.col-11 {
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.col-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  -ms-flex-order: -1;
  order: -1;
}

.order-last {
  -ms-flex-order: 13;
  order: 13;
}

.order-0 {
  -ms-flex-order: 0;
  order: 0;
}

.order-1 {
  -ms-flex-order: 1;
  order: 1;
}

.order-2 {
  -ms-flex-order: 2;
  order: 2;
}

.order-3 {
  -ms-flex-order: 3;
  order: 3;
}

.order-4 {
  -ms-flex-order: 4;
  order: 4;
}

.order-5 {
  -ms-flex-order: 5;
  order: 5;
}

.order-6 {
  -ms-flex-order: 6;
  order: 6;
}

.order-7 {
  -ms-flex-order: 7;
  order: 7;
}

.order-8 {
  -ms-flex-order: 8;
  order: 8;
}

.order-9 {
  -ms-flex-order: 9;
  order: 9;
}

.order-10 {
  -ms-flex-order: 10;
  order: 10;
}

.order-11 {
  -ms-flex-order: 11;
  order: 11;
}

.order-12 {
  -ms-flex-order: 12;
  order: 12;
}

.offset-1 {
  margin-left: 8.333333%;
}

.offset-2 {
  margin-left: 16.666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.333333%;
}

.offset-5 {
  margin-left: 41.666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.333333%;
}

.offset-8 {
  margin-left: 66.666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.333333%;
}

.offset-11 {
  margin-left: 91.666667%;
}

@media (min-width: 576px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-sm-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-sm-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }

  .col-sm-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }

  .col-sm-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-sm-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .col-sm-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }

  .col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-sm-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }

  .col-sm-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }

  .col-sm-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-sm-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }

  .col-sm-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }

  .col-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-sm-first {
    -ms-flex-order: -1;
    order: -1;
  }

  .order-sm-last {
    -ms-flex-order: 13;
    order: 13;
  }

  .order-sm-0 {
    -ms-flex-order: 0;
    order: 0;
  }

  .order-sm-1 {
    -ms-flex-order: 1;
    order: 1;
  }

  .order-sm-2 {
    -ms-flex-order: 2;
    order: 2;
  }

  .order-sm-3 {
    -ms-flex-order: 3;
    order: 3;
  }

  .order-sm-4 {
    -ms-flex-order: 4;
    order: 4;
  }

  .order-sm-5 {
    -ms-flex-order: 5;
    order: 5;
  }

  .order-sm-6 {
    -ms-flex-order: 6;
    order: 6;
  }

  .order-sm-7 {
    -ms-flex-order: 7;
    order: 7;
  }

  .order-sm-8 {
    -ms-flex-order: 8;
    order: 8;
  }

  .order-sm-9 {
    -ms-flex-order: 9;
    order: 9;
  }

  .order-sm-10 {
    -ms-flex-order: 10;
    order: 10;
  }

  .order-sm-11 {
    -ms-flex-order: 11;
    order: 11;
  }

  .order-sm-12 {
    -ms-flex-order: 12;
    order: 12;
  }

  .offset-sm-0 {
    margin-left: 0;
  }

  .offset-sm-1 {
    margin-left: 8.333333%;
  }

  .offset-sm-2 {
    margin-left: 16.666667%;
  }

  .offset-sm-3 {
    margin-left: 25%;
  }

  .offset-sm-4 {
    margin-left: 33.333333%;
  }

  .offset-sm-5 {
    margin-left: 41.666667%;
  }

  .offset-sm-6 {
    margin-left: 50%;
  }

  .offset-sm-7 {
    margin-left: 58.333333%;
  }

  .offset-sm-8 {
    margin-left: 66.666667%;
  }

  .offset-sm-9 {
    margin-left: 75%;
  }

  .offset-sm-10 {
    margin-left: 83.333333%;
  }

  .offset-sm-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-md-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-md-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }

  .col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }

  .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .col-md-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }

  .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-md-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }

  .col-md-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }

  .col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-md-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }

  .col-md-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }

  .col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-md-first {
    -ms-flex-order: -1;
    order: -1;
  }

  .order-md-last {
    -ms-flex-order: 13;
    order: 13;
  }

  .order-md-0 {
    -ms-flex-order: 0;
    order: 0;
  }

  .order-md-1 {
    -ms-flex-order: 1;
    order: 1;
  }

  .order-md-2 {
    -ms-flex-order: 2;
    order: 2;
  }

  .order-md-3 {
    -ms-flex-order: 3;
    order: 3;
  }

  .order-md-4 {
    -ms-flex-order: 4;
    order: 4;
  }

  .order-md-5 {
    -ms-flex-order: 5;
    order: 5;
  }

  .order-md-6 {
    -ms-flex-order: 6;
    order: 6;
  }

  .order-md-7 {
    -ms-flex-order: 7;
    order: 7;
  }

  .order-md-8 {
    -ms-flex-order: 8;
    order: 8;
  }

  .order-md-9 {
    -ms-flex-order: 9;
    order: 9;
  }

  .order-md-10 {
    -ms-flex-order: 10;
    order: 10;
  }

  .order-md-11 {
    -ms-flex-order: 11;
    order: 11;
  }

  .order-md-12 {
    -ms-flex-order: 12;
    order: 12;
  }

  .offset-md-0 {
    margin-left: 0;
  }

  .offset-md-1 {
    margin-left: 8.333333%;
  }

  .offset-md-2 {
    margin-left: 16.666667%;
  }

  .offset-md-3 {
    margin-left: 25%;
  }

  .offset-md-4 {
    margin-left: 33.333333%;
  }

  .offset-md-5 {
    margin-left: 41.666667%;
  }

  .offset-md-6 {
    margin-left: 50%;
  }

  .offset-md-7 {
    margin-left: 58.333333%;
  }

  .offset-md-8 {
    margin-left: 66.666667%;
  }

  .offset-md-9 {
    margin-left: 75%;
  }

  .offset-md-10 {
    margin-left: 83.333333%;
  }

  .offset-md-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 992px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-lg-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-lg-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }

  .col-lg-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }

  .col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .col-lg-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }

  .col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-lg-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }

  .col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }

  .col-lg-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-lg-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }

  .col-lg-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }

  .col-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-lg-first {
    -ms-flex-order: -1;
    order: -1;
  }

  .order-lg-last {
    -ms-flex-order: 13;
    order: 13;
  }

  .order-lg-0 {
    -ms-flex-order: 0;
    order: 0;
  }

  .order-lg-1 {
    -ms-flex-order: 1;
    order: 1;
  }

  .order-lg-2 {
    -ms-flex-order: 2;
    order: 2;
  }

  .order-lg-3 {
    -ms-flex-order: 3;
    order: 3;
  }

  .order-lg-4 {
    -ms-flex-order: 4;
    order: 4;
  }

  .order-lg-5 {
    -ms-flex-order: 5;
    order: 5;
  }

  .order-lg-6 {
    -ms-flex-order: 6;
    order: 6;
  }

  .order-lg-7 {
    -ms-flex-order: 7;
    order: 7;
  }

  .order-lg-8 {
    -ms-flex-order: 8;
    order: 8;
  }

  .order-lg-9 {
    -ms-flex-order: 9;
    order: 9;
  }

  .order-lg-10 {
    -ms-flex-order: 10;
    order: 10;
  }

  .order-lg-11 {
    -ms-flex-order: 11;
    order: 11;
  }

  .order-lg-12 {
    -ms-flex-order: 12;
    order: 12;
  }

  .offset-lg-0 {
    margin-left: 0;
  }

  .offset-lg-1 {
    margin-left: 8.333333%;
  }

  .offset-lg-2 {
    margin-left: 16.666667%;
  }

  .offset-lg-3 {
    margin-left: 25%;
  }

  .offset-lg-4 {
    margin-left: 33.333333%;
  }

  .offset-lg-5 {
    margin-left: 41.666667%;
  }

  .offset-lg-6 {
    margin-left: 50%;
  }

  .offset-lg-7 {
    margin-left: 58.333333%;
  }

  .offset-lg-8 {
    margin-left: 66.666667%;
  }

  .offset-lg-9 {
    margin-left: 75%;
  }

  .offset-lg-10 {
    margin-left: 83.333333%;
  }

  .offset-lg-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 1200px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-xl-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-xl-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }

  .col-xl-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }

  .col-xl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-xl-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .col-xl-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }

  .col-xl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-xl-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }

  .col-xl-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }

  .col-xl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-xl-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }

  .col-xl-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }

  .col-xl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-xl-first {
    -ms-flex-order: -1;
    order: -1;
  }

  .order-xl-last {
    -ms-flex-order: 13;
    order: 13;
  }

  .order-xl-0 {
    -ms-flex-order: 0;
    order: 0;
  }

  .order-xl-1 {
    -ms-flex-order: 1;
    order: 1;
  }

  .order-xl-2 {
    -ms-flex-order: 2;
    order: 2;
  }

  .order-xl-3 {
    -ms-flex-order: 3;
    order: 3;
  }

  .order-xl-4 {
    -ms-flex-order: 4;
    order: 4;
  }

  .order-xl-5 {
    -ms-flex-order: 5;
    order: 5;
  }

  .order-xl-6 {
    -ms-flex-order: 6;
    order: 6;
  }

  .order-xl-7 {
    -ms-flex-order: 7;
    order: 7;
  }

  .order-xl-8 {
    -ms-flex-order: 8;
    order: 8;
  }

  .order-xl-9 {
    -ms-flex-order: 9;
    order: 9;
  }

  .order-xl-10 {
    -ms-flex-order: 10;
    order: 10;
  }

  .order-xl-11 {
    -ms-flex-order: 11;
    order: 11;
  }

  .order-xl-12 {
    -ms-flex-order: 12;
    order: 12;
  }

  .offset-xl-0 {
    margin-left: 0;
  }

  .offset-xl-1 {
    margin-left: 8.333333%;
  }

  .offset-xl-2 {
    margin-left: 16.666667%;
  }

  .offset-xl-3 {
    margin-left: 25%;
  }

  .offset-xl-4 {
    margin-left: 33.333333%;
  }

  .offset-xl-5 {
    margin-left: 41.666667%;
  }

  .offset-xl-6 {
    margin-left: 50%;
  }

  .offset-xl-7 {
    margin-left: 58.333333%;
  }

  .offset-xl-8 {
    margin-left: 66.666667%;
  }

  .offset-xl-9 {
    margin-left: 75%;
  }

  .offset-xl-10 {
    margin-left: 83.333333%;
  }

  .offset-xl-11 {
    margin-left: 91.666667%;
  }
}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}

.d-inline-flex {
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }

  .d-sm-inline {
    display: inline !important;
  }

  .d-sm-inline-block {
    display: inline-block !important;
  }

  .d-sm-block {
    display: block !important;
  }

  .d-sm-table {
    display: table !important;
  }

  .d-sm-table-row {
    display: table-row !important;
  }

  .d-sm-table-cell {
    display: table-cell !important;
  }

  .d-sm-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-sm-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }

  .d-md-inline {
    display: inline !important;
  }

  .d-md-inline-block {
    display: inline-block !important;
  }

  .d-md-block {
    display: block !important;
  }

  .d-md-table {
    display: table !important;
  }

  .d-md-table-row {
    display: table-row !important;
  }

  .d-md-table-cell {
    display: table-cell !important;
  }

  .d-md-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-md-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }

  .d-lg-inline {
    display: inline !important;
  }

  .d-lg-inline-block {
    display: inline-block !important;
  }

  .d-lg-block {
    display: block !important;
  }

  .d-lg-table {
    display: table !important;
  }

  .d-lg-table-row {
    display: table-row !important;
  }

  .d-lg-table-cell {
    display: table-cell !important;
  }

  .d-lg-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-lg-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }

  .d-xl-inline {
    display: inline !important;
  }

  .d-xl-inline-block {
    display: inline-block !important;
  }

  .d-xl-block {
    display: block !important;
  }

  .d-xl-table {
    display: table !important;
  }

  .d-xl-table-row {
    display: table-row !important;
  }

  .d-xl-table-cell {
    display: table-cell !important;
  }

  .d-xl-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-xl-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media print {
  .d-print-none {
    display: none !important;
  }

  .d-print-inline {
    display: inline !important;
  }

  .d-print-inline-block {
    display: inline-block !important;
  }

  .d-print-block {
    display: block !important;
  }

  .d-print-table {
    display: table !important;
  }

  .d-print-table-row {
    display: table-row !important;
  }

  .d-print-table-cell {
    display: table-cell !important;
  }

  .d-print-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-print-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

.flex-row {
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}

.flex-column {
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

.flex-row-reverse {
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
}

.flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}

.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
}

.flex-grow-0 {
  -ms-flex-positive: 0 !important;
  flex-grow: 0 !important;
}

.flex-grow-1 {
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  -ms-flex-negative: 1 !important;
  flex-shrink: 1 !important;
}

.justify-content-start {
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}

.justify-content-end {
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

.justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.justify-content-between {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}

.align-items-start {
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}

.align-items-end {
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}

.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important;
}

.align-items-baseline {
  -ms-flex-align: baseline !important;
  align-items: baseline !important;
}

.align-items-stretch {
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}

.align-content-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important;
}

.align-content-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important;
}

.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important;
}

.align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
}

.align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important;
}

.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important;
}

.align-self-auto {
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
}

.align-self-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
}

.align-self-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
}

.align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important;
}

.align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important;
}

.align-self-stretch {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
}

@media (min-width: 576px) {
  .flex-sm-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }

  .flex-sm-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }

  .flex-sm-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }

  .flex-sm-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }

  .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }

  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }

  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }

  .flex-sm-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }

  .flex-sm-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }

  .flex-sm-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }

  .flex-sm-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }

  .flex-sm-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }

  .justify-content-sm-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }

  .justify-content-sm-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }

  .justify-content-sm-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }

  .justify-content-sm-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }

  .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }

  .align-items-sm-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }

  .align-items-sm-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }

  .align-items-sm-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }

  .align-items-sm-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }

  .align-items-sm-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }

  .align-content-sm-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }

  .align-content-sm-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }

  .align-content-sm-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }

  .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }

  .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }

  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }

  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }

  .align-self-sm-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }

  .align-self-sm-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }

  .align-self-sm-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }

  .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }

  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 768px) {
  .flex-md-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }

  .flex-md-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }

  .flex-md-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }

  .flex-md-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }

  .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }

  .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }

  .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }

  .flex-md-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }

  .flex-md-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }

  .flex-md-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }

  .flex-md-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }

  .flex-md-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }

  .justify-content-md-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }

  .justify-content-md-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }

  .justify-content-md-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }

  .justify-content-md-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }

  .justify-content-md-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }

  .align-items-md-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }

  .align-items-md-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }

  .align-items-md-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }

  .align-items-md-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }

  .align-items-md-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }

  .align-content-md-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }

  .align-content-md-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }

  .align-content-md-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }

  .align-content-md-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }

  .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }

  .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }

  .align-self-md-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }

  .align-self-md-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }

  .align-self-md-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }

  .align-self-md-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }

  .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }

  .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 992px) {
  .flex-lg-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }

  .flex-lg-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }

  .flex-lg-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }

  .flex-lg-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }

  .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }

  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }

  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }

  .flex-lg-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }

  .flex-lg-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }

  .flex-lg-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }

  .flex-lg-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }

  .flex-lg-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }

  .justify-content-lg-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }

  .justify-content-lg-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }

  .justify-content-lg-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }

  .justify-content-lg-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }

  .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }

  .align-items-lg-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }

  .align-items-lg-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }

  .align-items-lg-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }

  .align-items-lg-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }

  .align-items-lg-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }

  .align-content-lg-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }

  .align-content-lg-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }

  .align-content-lg-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }

  .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }

  .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }

  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }

  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }

  .align-self-lg-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }

  .align-self-lg-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }

  .align-self-lg-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }

  .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }

  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 1200px) {
  .flex-xl-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }

  .flex-xl-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }

  .flex-xl-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }

  .flex-xl-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }

  .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }

  .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }

  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }

  .flex-xl-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }

  .flex-xl-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }

  .flex-xl-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }

  .flex-xl-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }

  .flex-xl-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }

  .justify-content-xl-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }

  .justify-content-xl-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }

  .justify-content-xl-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }

  .justify-content-xl-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }

  .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }

  .align-items-xl-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }

  .align-items-xl-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }

  .align-items-xl-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }

  .align-items-xl-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }

  .align-items-xl-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }

  .align-content-xl-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }

  .align-content-xl-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }

  .align-content-xl-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }

  .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }

  .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }

  .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }

  .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }

  .align-self-xl-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }

  .align-self-xl-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }

  .align-self-xl-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }

  .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }

  .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.m-n1 {
  margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important;
}

.m-n2 {
  margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important;
}

.m-n3 {
  margin: -1rem !important;
}

.mt-n3,
.my-n3 {
  margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
  margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
  margin-left: -1rem !important;
}

.m-n4 {
  margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important;
}

.m-n5 {
  margin: -3rem !important;
}

.mt-n5,
.my-n5 {
  margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
  margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
  margin-left: -3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }

  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }

  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }

  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }

  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }

  .m-sm-1 {
    margin: 0.25rem !important;
  }

  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important;
  }

  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important;
  }

  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important;
  }

  .m-sm-2 {
    margin: 0.5rem !important;
  }

  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important;
  }

  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important;
  }

  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important;
  }

  .m-sm-3 {
    margin: 1rem !important;
  }

  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important;
  }

  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important;
  }

  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important;
  }

  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important;
  }

  .m-sm-4 {
    margin: 1.5rem !important;
  }

  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important;
  }

  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important;
  }

  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important;
  }

  .m-sm-5 {
    margin: 3rem !important;
  }

  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important;
  }

  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important;
  }

  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important;
  }

  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important;
  }

  .p-sm-0 {
    padding: 0 !important;
  }

  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }

  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }

  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }

  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }

  .p-sm-1 {
    padding: 0.25rem !important;
  }

  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important;
  }

  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important;
  }

  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important;
  }

  .p-sm-2 {
    padding: 0.5rem !important;
  }

  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important;
  }

  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important;
  }

  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important;
  }

  .p-sm-3 {
    padding: 1rem !important;
  }

  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important;
  }

  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important;
  }

  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important;
  }

  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important;
  }

  .p-sm-4 {
    padding: 1.5rem !important;
  }

  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important;
  }

  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important;
  }

  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important;
  }

  .p-sm-5 {
    padding: 3rem !important;
  }

  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important;
  }

  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important;
  }

  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important;
  }

  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important;
  }

  .m-sm-n1 {
    margin: -0.25rem !important;
  }

  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -0.25rem !important;
  }

  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -0.25rem !important;
  }

  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }

  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -0.25rem !important;
  }

  .m-sm-n2 {
    margin: -0.5rem !important;
  }

  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -0.5rem !important;
  }

  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -0.5rem !important;
  }

  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -0.5rem !important;
  }

  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -0.5rem !important;
  }

  .m-sm-n3 {
    margin: -1rem !important;
  }

  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -1rem !important;
  }

  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -1rem !important;
  }

  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -1rem !important;
  }

  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -1rem !important;
  }

  .m-sm-n4 {
    margin: -1.5rem !important;
  }

  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -1.5rem !important;
  }

  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -1.5rem !important;
  }

  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1.5rem !important;
  }

  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -1.5rem !important;
  }

  .m-sm-n5 {
    margin: -3rem !important;
  }

  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -3rem !important;
  }

  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -3rem !important;
  }

  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -3rem !important;
  }

  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -3rem !important;
  }

  .m-sm-auto {
    margin: auto !important;
  }

  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }

  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }

  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }

  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }

  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }

  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }

  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }

  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }

  .m-md-1 {
    margin: 0.25rem !important;
  }

  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important;
  }

  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important;
  }

  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important;
  }

  .m-md-2 {
    margin: 0.5rem !important;
  }

  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important;
  }

  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important;
  }

  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important;
  }

  .m-md-3 {
    margin: 1rem !important;
  }

  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important;
  }

  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important;
  }

  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important;
  }

  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important;
  }

  .m-md-4 {
    margin: 1.5rem !important;
  }

  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important;
  }

  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important;
  }

  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important;
  }

  .m-md-5 {
    margin: 3rem !important;
  }

  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important;
  }

  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important;
  }

  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important;
  }

  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important;
  }

  .p-md-0 {
    padding: 0 !important;
  }

  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }

  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }

  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }

  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }

  .p-md-1 {
    padding: 0.25rem !important;
  }

  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important;
  }

  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important;
  }

  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important;
  }

  .p-md-2 {
    padding: 0.5rem !important;
  }

  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important;
  }

  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important;
  }

  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important;
  }

  .p-md-3 {
    padding: 1rem !important;
  }

  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important;
  }

  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important;
  }

  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important;
  }

  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important;
  }

  .p-md-4 {
    padding: 1.5rem !important;
  }

  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important;
  }

  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important;
  }

  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important;
  }

  .p-md-5 {
    padding: 3rem !important;
  }

  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important;
  }

  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important;
  }

  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important;
  }

  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important;
  }

  .m-md-n1 {
    margin: -0.25rem !important;
  }

  .mt-md-n1,
  .my-md-n1 {
    margin-top: -0.25rem !important;
  }

  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -0.25rem !important;
  }

  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -0.25rem !important;
  }

  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -0.25rem !important;
  }

  .m-md-n2 {
    margin: -0.5rem !important;
  }

  .mt-md-n2,
  .my-md-n2 {
    margin-top: -0.5rem !important;
  }

  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -0.5rem !important;
  }

  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -0.5rem !important;
  }

  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -0.5rem !important;
  }

  .m-md-n3 {
    margin: -1rem !important;
  }

  .mt-md-n3,
  .my-md-n3 {
    margin-top: -1rem !important;
  }

  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -1rem !important;
  }

  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -1rem !important;
  }

  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -1rem !important;
  }

  .m-md-n4 {
    margin: -1.5rem !important;
  }

  .mt-md-n4,
  .my-md-n4 {
    margin-top: -1.5rem !important;
  }

  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -1.5rem !important;
  }

  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -1.5rem !important;
  }

  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -1.5rem !important;
  }

  .m-md-n5 {
    margin: -3rem !important;
  }

  .mt-md-n5,
  .my-md-n5 {
    margin-top: -3rem !important;
  }

  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -3rem !important;
  }

  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -3rem !important;
  }

  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -3rem !important;
  }

  .m-md-auto {
    margin: auto !important;
  }

  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }

  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }

  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }

  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }

  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }

  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }

  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }

  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }

  .m-lg-1 {
    margin: 0.25rem !important;
  }

  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important;
  }

  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important;
  }

  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important;
  }

  .m-lg-2 {
    margin: 0.5rem !important;
  }

  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important;
  }

  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important;
  }

  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important;
  }

  .m-lg-3 {
    margin: 1rem !important;
  }

  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important;
  }

  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important;
  }

  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important;
  }

  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important;
  }

  .m-lg-4 {
    margin: 1.5rem !important;
  }

  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important;
  }

  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important;
  }

  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important;
  }

  .m-lg-5 {
    margin: 3rem !important;
  }

  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important;
  }

  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important;
  }

  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important;
  }

  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important;
  }

  .p-lg-0 {
    padding: 0 !important;
  }

  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }

  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }

  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }

  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }

  .p-lg-1 {
    padding: 0.25rem !important;
  }

  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important;
  }

  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important;
  }

  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important;
  }

  .p-lg-2 {
    padding: 0.5rem !important;
  }

  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important;
  }

  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important;
  }

  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important;
  }

  .p-lg-3 {
    padding: 1rem !important;
  }

  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important;
  }

  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important;
  }

  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important;
  }

  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important;
  }

  .p-lg-4 {
    padding: 1.5rem !important;
  }

  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important;
  }

  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important;
  }

  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important;
  }

  .p-lg-5 {
    padding: 3rem !important;
  }

  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important;
  }

  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important;
  }

  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important;
  }

  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important;
  }

  .m-lg-n1 {
    margin: -0.25rem !important;
  }

  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -0.25rem !important;
  }

  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -0.25rem !important;
  }

  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }

  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -0.25rem !important;
  }

  .m-lg-n2 {
    margin: -0.5rem !important;
  }

  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -0.5rem !important;
  }

  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -0.5rem !important;
  }

  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -0.5rem !important;
  }

  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -0.5rem !important;
  }

  .m-lg-n3 {
    margin: -1rem !important;
  }

  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -1rem !important;
  }

  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -1rem !important;
  }

  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -1rem !important;
  }

  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -1rem !important;
  }

  .m-lg-n4 {
    margin: -1.5rem !important;
  }

  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -1.5rem !important;
  }

  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -1.5rem !important;
  }

  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1.5rem !important;
  }

  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -1.5rem !important;
  }

  .m-lg-n5 {
    margin: -3rem !important;
  }

  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -3rem !important;
  }

  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -3rem !important;
  }

  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -3rem !important;
  }

  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -3rem !important;
  }

  .m-lg-auto {
    margin: auto !important;
  }

  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }

  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }

  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }

  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }

  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }

  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }

  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }

  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }

  .m-xl-1 {
    margin: 0.25rem !important;
  }

  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important;
  }

  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important;
  }

  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important;
  }

  .m-xl-2 {
    margin: 0.5rem !important;
  }

  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important;
  }

  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important;
  }

  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important;
  }

  .m-xl-3 {
    margin: 1rem !important;
  }

  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important;
  }

  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important;
  }

  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important;
  }

  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important;
  }

  .m-xl-4 {
    margin: 1.5rem !important;
  }

  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important;
  }

  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important;
  }

  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important;
  }

  .m-xl-5 {
    margin: 3rem !important;
  }

  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important;
  }

  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important;
  }

  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important;
  }

  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important;
  }

  .p-xl-0 {
    padding: 0 !important;
  }

  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }

  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }

  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }

  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }

  .p-xl-1 {
    padding: 0.25rem !important;
  }

  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important;
  }

  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important;
  }

  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important;
  }

  .p-xl-2 {
    padding: 0.5rem !important;
  }

  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important;
  }

  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important;
  }

  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important;
  }

  .p-xl-3 {
    padding: 1rem !important;
  }

  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important;
  }

  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important;
  }

  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important;
  }

  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important;
  }

  .p-xl-4 {
    padding: 1.5rem !important;
  }

  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important;
  }

  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important;
  }

  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important;
  }

  .p-xl-5 {
    padding: 3rem !important;
  }

  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important;
  }

  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important;
  }

  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important;
  }

  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important;
  }

  .m-xl-n1 {
    margin: -0.25rem !important;
  }

  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -0.25rem !important;
  }

  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -0.25rem !important;
  }

  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -0.25rem !important;
  }

  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -0.25rem !important;
  }

  .m-xl-n2 {
    margin: -0.5rem !important;
  }

  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -0.5rem !important;
  }

  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -0.5rem !important;
  }

  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -0.5rem !important;
  }

  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -0.5rem !important;
  }

  .m-xl-n3 {
    margin: -1rem !important;
  }

  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -1rem !important;
  }

  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -1rem !important;
  }

  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -1rem !important;
  }

  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -1rem !important;
  }

  .m-xl-n4 {
    margin: -1.5rem !important;
  }

  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -1.5rem !important;
  }

  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -1.5rem !important;
  }

  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -1.5rem !important;
  }

  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -1.5rem !important;
  }

  .m-xl-n5 {
    margin: -3rem !important;
  }

  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -3rem !important;
  }

  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -3rem !important;
  }

  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -3rem !important;
  }

  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -3rem !important;
  }

  .m-xl-auto {
    margin: auto !important;
  }

  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }

  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }

  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }

  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: 0;
}

.slick-list.dragging {
  cursor: pointer;
}

.slick-slider .slick-list,
.slick-slider .slick-track {
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:after,
.slick-track:before {
  display: table;
  content: '';
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/*# sourceMappingURL=slick.min.css.map */
/*
  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!      WARNING     !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

  Has used ONLY for old application
  for NEW application will used /static/css/fueled/shared/globals.less

  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
*/

.center-block {
  display: block;
  margin: 0 auto;
}

.acts_as_link {
  color: #0B7BCC;
  cursor: pointer;
}

.acts_as_link:hover {
  color: #085e9c;
}

.box {
  background: #ffffff;
  border-radius: 5px;
  background-clip: padding-box;
  padding: 10px;
}

.box-no-padding {
  border-radius: 5px;
  background-clip: padding-box;
}

.gradient_technique {
  -webkit-box-shadow: 0 2px 1px #333;
  box-shadow: 0 2px 1px #333;
}

.technique_border_and_box {
  border: 1px solid #cccccc;
  border-radius: 2px;
  background-clip: padding-box;
  line-height: 58px;
}

.box-blue {
  border-radius: 5px;
  background-clip: padding-box;
  border: 1px solid #C8D8DF;
  padding: 10px;
  background-color: #DCEDF4;
  color: #3888A9;
}

.right {
  text-align: right;
}

.center {
  text-align: center;
}

.hidden {
  display: none !important;
}

.happify_icon .white {
  display: block;
  width: 60px;
  height: 60px;
  background-image: url("/static/img/sprite-1.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0 0;
}

.happify_icon .small {
  background-repeat: no-repeat;
  background-position: center center;
  display: inline-block;
  width: 14px;
  height: 14px;
  line-height: 14px;
  vertical-align: text-top;
}

.happify_icon .medium {
  background-repeat: no-repeat;
  background-position: center center;
  display: inline-block;
  width: 14px;
  height: 14px;
  line-height: 14px;
  vertical-align: middle;
}

.happify_icon .large {
  background-repeat: no-repeat;
  background-position: center center;
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  vertical-align: middle;
}

.happify_icon .extra-large {
  background-repeat: no-repeat;
  background-position: center center;
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  vertical-align: middle;
}

.happify_colors.savor {
  color: #c5168a;
}

.happify_colors.thank {
  color: #ff7a00;
}

.happify_colors.aspire {
  color: #00aaea;
}

.happify_colors.give {
  color: #06b709;
}

.happify_colors.empathize {
  color: #ff3131;
}

.happify_colors.revive {
  color: #2ac4c5;
}

.happify_colors.other {
  color: #f4d420;
}

#activity_alert_modal {
  max-width: 600px;
  /*------------------------------------*\
    BUTTON GROUP
  \*------------------------------------*/
}

#activity_alert_modal .btn-group {
  text-align: center;
  left: 0;
  width: 100%;
  padding-bottom: 40px;
}

#activity_alert_modal .hidden {
  display: none !important;
}

#activity_alert_modal .button {
  font-size: 1.5rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  display: inline-block;
  min-width: 200px;
  height: 50px;
  margin: 10px;
  line-height: 50px;
  text-transform: uppercase;
}

#activity_alert_modal .button.orange {
  -webkit-box-shadow: 0 4px 0 #b35500;
  box-shadow: 0 4px 0 #b35500;
}

#activity_alert_modal .button.light-gray {
  background: #d7d7d2;
  -webkit-box-shadow: 0 4px 0 #c5c5c5;
  box-shadow: 0 4px 0 #c5c5c5;
}

#activity_alert_modal hgroup {
  line-height: 1.5;
  text-align: center;
}

#activity_alert_modal h2,
#activity_alert_modal h3 {
  margin: 0;
  color: #00aaea;
  font-weight: normal;
}

#activity_alert_modal #modalTitle {
  padding: 40px 20px 10px;
}

#activity_alert_modal h2 {
  font-size: 2.3rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
}

#activity_alert_modal h3 {
  font-size: 1.65rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
}

#activity_alert_modal .message {
  padding: 20px;
  line-height: 1;
}

#activity_alert_modal .message > * {
  display: inline-block;
  vertical-align: middle;
}

#activity_alert_modal .message .message-text {
  text-align: center;
  margin: auto;
  display: block;
}

#activity_alert_modal .message .message-icon {
  display: block;
  margin: auto;
}

#activity_alert_modal .message-icon.medal {
  margin: 10px 20px 0;
}

#activity_alert_modal .message-icon.warning-icon {
  width: 45px;
  height: 45px;
}

#activity_alert_modal .message-text {
  font-size: 1.8rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  width: 80%;
}

#activity_alert_modal .inner {
  background: #ffffff;
  border-radius: 5px;
  background-clip: padding-box;
  padding: 10px;
  position: relative;
  padding-left: 220px;
  height: 185px;
}

#activity_alert_modal img {
  position: absolute;
  left: 10px;
  top: 25px;
}

#activity_alert_modal .header_text {
  color: #666;
  font-size: 16px;
  margin-bottom: 10px;
}

#activity_alert_modal .middle_text {
  font-size: 14px;
  margin-bottom: 10px;
}

#activity_alert_modal .bottom_text {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}

#multiple_question_quiz .btn-group.open .btn.permission-text,
#multiple_question_quiz_post .btn-group.open .btn.permission-text,
#activity_quiz .btn-group.open .btn.permission-text,
#poll_quiz_question .btn-group.open .btn.permission-text,
#activity_status_activity_viewer .btn-group.open .btn.permission-text,
#activity_status_reporter .btn-group.open .btn.permission-text,
#activity_status_planner .btn-group.open .btn.permission-text,
#completed_activity_status .btn-group.open .btn.permission-text {
  background: -webkit-gradient(linear, left bottom, left top, from(#e5e4e4), to(#FFF));
  background: linear-gradient(to top, #e5e4e4 0%, #FFF 100%);
}

#multiple_question_quiz .btn-group.open .btn.dropdown-toggle,
#multiple_question_quiz_post .btn-group.open .btn.dropdown-toggle,
#activity_quiz .btn-group.open .btn.dropdown-toggle,
#poll_quiz_question .btn-group.open .btn.dropdown-toggle,
#activity_status_activity_viewer .btn-group.open .btn.dropdown-toggle,
#activity_status_reporter .btn-group.open .btn.dropdown-toggle,
#activity_status_planner .btn-group.open .btn.dropdown-toggle,
#completed_activity_status .btn-group.open .btn.dropdown-toggle {
  background: -webkit-gradient(linear, left bottom, left top, from(#cdcdcd), to(#EEE));
  background: linear-gradient(to top, #cdcdcd 0%, #EEE 100%);
}

#multiple_question_quiz .btn-group .btn,
#multiple_question_quiz_post .btn-group .btn,
#activity_quiz .btn-group .btn,
#poll_quiz_question .btn-group .btn,
#activity_status_activity_viewer .btn-group .btn,
#activity_status_reporter .btn-group .btn,
#activity_status_planner .btn-group .btn,
#completed_activity_status .btn-group .btn {
  background: -webkit-gradient(linear, left bottom, left top, from(#ededed), to(#FFF));
  background: linear-gradient(to top, #ededed 0%, #FFF 100%);
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  border: 1px #dbdbdb solid;
  color: #000;
}

#multiple_question_quiz .btn-group .btn.permission-text,
#multiple_question_quiz_post .btn-group .btn.permission-text,
#activity_quiz .btn-group .btn.permission-text,
#poll_quiz_question .btn-group .btn.permission-text,
#activity_status_activity_viewer .btn-group .btn.permission-text,
#activity_status_reporter .btn-group .btn.permission-text,
#activity_status_planner .btn-group .btn.permission-text,
#completed_activity_status .btn-group .btn.permission-text {
  max-width: 185px;
}

#multiple_question_quiz .btn-group .btn.dropdown-toggle,
#multiple_question_quiz_post .btn-group .btn.dropdown-toggle,
#activity_quiz .btn-group .btn.dropdown-toggle,
#poll_quiz_question .btn-group .btn.dropdown-toggle,
#activity_status_activity_viewer .btn-group .btn.dropdown-toggle,
#activity_status_reporter .btn-group .btn.dropdown-toggle,
#activity_status_planner .btn-group .btn.dropdown-toggle,
#completed_activity_status .btn-group .btn.dropdown-toggle {
  background: -webkit-gradient(linear, left bottom, left top, from(#d8d8d8), to(#EEE));
  background: linear-gradient(to top, #d8d8d8 0%, #EEE 100%);
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  border-left: 0;
}

#multiple_question_quiz .btn-toolbar,
#multiple_question_quiz_post .btn-toolbar,
#activity_quiz .btn-toolbar,
#poll_quiz_question .btn-toolbar,
#activity_status_activity_viewer .btn-toolbar,
#activity_status_reporter .btn-toolbar,
#activity_status_planner .btn-toolbar,
#completed_activity_status .btn-toolbar {
  background: url(/static/img/activity_viewer/red_vertical_lines.png) repeat-y scroll 0 0 #fff;
  padding: 30px 40px 30px 60px;
  width: 100%;
  border: 1px solid #d9dedc;
  border-top: none;
  border-bottom: none;
  margin: 0 0 15px 0;
}

@media (max-width: 991.98px) {
  #multiple_question_quiz .btn-toolbar,
  #multiple_question_quiz_post .btn-toolbar,
  #activity_quiz .btn-toolbar,
  #poll_quiz_question .btn-toolbar,
  #activity_status_activity_viewer .btn-toolbar,
  #activity_status_reporter .btn-toolbar,
  #activity_status_planner .btn-toolbar,
  #completed_activity_status .btn-toolbar {
    padding: 15px;
    background: #fff;
  }
}

#multiple_question_quiz .btn-toolbar .pledge-container button,
#multiple_question_quiz_post .btn-toolbar .pledge-container button,
#activity_quiz .btn-toolbar .pledge-container button,
#poll_quiz_question .btn-toolbar .pledge-container button,
#activity_status_activity_viewer .btn-toolbar .pledge-container button,
#activity_status_reporter .btn-toolbar .pledge-container button,
#activity_status_planner .btn-toolbar .pledge-container button,
#completed_activity_status .btn-toolbar .pledge-container button,
#multiple_question_quiz .btn-toolbar .didit-container button,
#multiple_question_quiz_post .btn-toolbar .didit-container button,
#activity_quiz .btn-toolbar .didit-container button,
#poll_quiz_question .btn-toolbar .didit-container button,
#activity_status_activity_viewer .btn-toolbar .didit-container button,
#activity_status_reporter .btn-toolbar .didit-container button,
#activity_status_planner .btn-toolbar .didit-container button,
#completed_activity_status .btn-toolbar .didit-container button {
  width: auto;
  height: auto;
  padding: 10px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

#multiple_question_quiz .btn-toolbar .pledge-container button.finish_later,
#multiple_question_quiz_post .btn-toolbar .pledge-container button.finish_later,
#activity_quiz .btn-toolbar .pledge-container button.finish_later,
#poll_quiz_question .btn-toolbar .pledge-container button.finish_later,
#activity_status_activity_viewer .btn-toolbar .pledge-container button.finish_later,
#activity_status_reporter .btn-toolbar .pledge-container button.finish_later,
#activity_status_planner .btn-toolbar .pledge-container button.finish_later,
#completed_activity_status .btn-toolbar .pledge-container button.finish_later,
#multiple_question_quiz .btn-toolbar .didit-container button.finish_later,
#multiple_question_quiz_post .btn-toolbar .didit-container button.finish_later,
#activity_quiz .btn-toolbar .didit-container button.finish_later,
#poll_quiz_question .btn-toolbar .didit-container button.finish_later,
#activity_status_activity_viewer .btn-toolbar .didit-container button.finish_later,
#activity_status_reporter .btn-toolbar .didit-container button.finish_later,
#activity_status_planner .btn-toolbar .didit-container button.finish_later,
#completed_activity_status .btn-toolbar .didit-container button.finish_later {
  margin-right: 20px;
}

#multiple_question_quiz .btn-toolbar .edit,
#multiple_question_quiz_post .btn-toolbar .edit,
#activity_quiz .btn-toolbar .edit,
#poll_quiz_question .btn-toolbar .edit,
#activity_status_activity_viewer .btn-toolbar .edit,
#activity_status_reporter .btn-toolbar .edit,
#activity_status_planner .btn-toolbar .edit,
#completed_activity_status .btn-toolbar .edit {
  text-align: right;
}

#multiple_question_quiz .btn-toolbar hr,
#multiple_question_quiz_post .btn-toolbar hr,
#activity_quiz .btn-toolbar hr,
#poll_quiz_question .btn-toolbar hr,
#activity_status_activity_viewer .btn-toolbar hr,
#activity_status_reporter .btn-toolbar hr,
#activity_status_planner .btn-toolbar hr,
#completed_activity_status .btn-toolbar hr {
  background: none;
}

#multiple_question_quiz .privacy-section .privacy-menu,
#multiple_question_quiz_post .privacy-section .privacy-menu,
#activity_quiz .privacy-section .privacy-menu,
#poll_quiz_question .privacy-section .privacy-menu,
#activity_status_activity_viewer .privacy-section .privacy-menu,
#activity_status_reporter .privacy-section .privacy-menu,
#activity_status_planner .privacy-section .privacy-menu,
#completed_activity_status .privacy-section .privacy-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 991.98px) {
  #multiple_question_quiz .privacy-section .privacy-menu,
  #multiple_question_quiz_post .privacy-section .privacy-menu,
  #activity_quiz .privacy-section .privacy-menu,
  #poll_quiz_question .privacy-section .privacy-menu,
  #activity_status_activity_viewer .privacy-section .privacy-menu,
  #activity_status_reporter .privacy-section .privacy-menu,
  #activity_status_planner .privacy-section .privacy-menu,
  #completed_activity_status .privacy-section .privacy-menu {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}

#multiple_question_quiz .privacy-section .privacy-menu .privacy_wrap,
#multiple_question_quiz_post .privacy-section .privacy-menu .privacy_wrap,
#activity_quiz .privacy-section .privacy-menu .privacy_wrap,
#poll_quiz_question .privacy-section .privacy-menu .privacy_wrap,
#activity_status_activity_viewer .privacy-section .privacy-menu .privacy_wrap,
#activity_status_reporter .privacy-section .privacy-menu .privacy_wrap,
#activity_status_planner .privacy-section .privacy-menu .privacy_wrap,
#completed_activity_status .privacy-section .privacy-menu .privacy_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 991.98px) {
  #multiple_question_quiz .privacy-section .privacy-menu .privacy_wrap,
  #multiple_question_quiz_post .privacy-section .privacy-menu .privacy_wrap,
  #activity_quiz .privacy-section .privacy-menu .privacy_wrap,
  #poll_quiz_question .privacy-section .privacy-menu .privacy_wrap,
  #activity_status_activity_viewer .privacy-section .privacy-menu .privacy_wrap,
  #activity_status_reporter .privacy-section .privacy-menu .privacy_wrap,
  #activity_status_planner .privacy-section .privacy-menu .privacy_wrap,
  #completed_activity_status .privacy-section .privacy-menu .privacy_wrap {
    margin-bottom: 20px;
    width: 100%;
  }
}

@media (max-width: 575.98px) {
  #multiple_question_quiz .privacy-section .privacy-menu .privacy_wrap,
  #multiple_question_quiz_post .privacy-section .privacy-menu .privacy_wrap,
  #activity_quiz .privacy-section .privacy-menu .privacy_wrap,
  #poll_quiz_question .privacy-section .privacy-menu .privacy_wrap,
  #activity_status_activity_viewer .privacy-section .privacy-menu .privacy_wrap,
  #activity_status_reporter .privacy-section .privacy-menu .privacy_wrap,
  #activity_status_planner .privacy-section .privacy-menu .privacy_wrap,
  #completed_activity_status .privacy-section .privacy-menu .privacy_wrap {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

#multiple_question_quiz .privacy-section .privacy-menu .privacy_wrap .who_wrap,
#multiple_question_quiz_post .privacy-section .privacy-menu .privacy_wrap .who_wrap,
#activity_quiz .privacy-section .privacy-menu .privacy_wrap .who_wrap,
#poll_quiz_question .privacy-section .privacy-menu .privacy_wrap .who_wrap,
#activity_status_activity_viewer .privacy-section .privacy-menu .privacy_wrap .who_wrap,
#activity_status_reporter .privacy-section .privacy-menu .privacy_wrap .who_wrap,
#activity_status_planner .privacy-section .privacy-menu .privacy_wrap .who_wrap,
#completed_activity_status .privacy-section .privacy-menu .privacy_wrap .who_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 10px;
}

@media (max-width: 575.98px) {
  #multiple_question_quiz .privacy-section .privacy-menu .privacy_wrap .who_wrap,
  #multiple_question_quiz_post .privacy-section .privacy-menu .privacy_wrap .who_wrap,
  #activity_quiz .privacy-section .privacy-menu .privacy_wrap .who_wrap,
  #poll_quiz_question .privacy-section .privacy-menu .privacy_wrap .who_wrap,
  #activity_status_activity_viewer .privacy-section .privacy-menu .privacy_wrap .who_wrap,
  #activity_status_reporter .privacy-section .privacy-menu .privacy_wrap .who_wrap,
  #activity_status_planner .privacy-section .privacy-menu .privacy_wrap .who_wrap,
  #completed_activity_status .privacy-section .privacy-menu .privacy_wrap .who_wrap {
    width: 100%;
    margin-bottom: 10px;
  }
}

#multiple_question_quiz .privacy-section .privacy-menu .privacy_wrap .who_wrap .icon_who,
#multiple_question_quiz_post .privacy-section .privacy-menu .privacy_wrap .who_wrap .icon_who,
#activity_quiz .privacy-section .privacy-menu .privacy_wrap .who_wrap .icon_who,
#poll_quiz_question .privacy-section .privacy-menu .privacy_wrap .who_wrap .icon_who,
#activity_status_activity_viewer .privacy-section .privacy-menu .privacy_wrap .who_wrap .icon_who,
#activity_status_reporter .privacy-section .privacy-menu .privacy_wrap .who_wrap .icon_who,
#activity_status_planner .privacy-section .privacy-menu .privacy_wrap .who_wrap .icon_who,
#completed_activity_status .privacy-section .privacy-menu .privacy_wrap .who_wrap .icon_who {
  background-image: url("/static/img/sprite-1.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -164px -61px;
  width: 29px;
  height: 29px;
  cursor: pointer;
  margin-right: 10px;
}

#multiple_question_quiz .privacy-section .privacy-menu .privacy_wrap .who_wrap .icon_who:hover,
#multiple_question_quiz_post .privacy-section .privacy-menu .privacy_wrap .who_wrap .icon_who:hover,
#activity_quiz .privacy-section .privacy-menu .privacy_wrap .who_wrap .icon_who:hover,
#poll_quiz_question .privacy-section .privacy-menu .privacy_wrap .who_wrap .icon_who:hover,
#activity_status_activity_viewer .privacy-section .privacy-menu .privacy_wrap .who_wrap .icon_who:hover,
#activity_status_reporter .privacy-section .privacy-menu .privacy_wrap .who_wrap .icon_who:hover,
#activity_status_planner .privacy-section .privacy-menu .privacy_wrap .who_wrap .icon_who:hover,
#completed_activity_status .privacy-section .privacy-menu .privacy_wrap .who_wrap .icon_who:hover {
  background-position: -164px -97px;
}

#multiple_question_quiz .privacy-section .privacy-menu .privacy_wrap .who_wrap .who,
#multiple_question_quiz_post .privacy-section .privacy-menu .privacy_wrap .who_wrap .who,
#activity_quiz .privacy-section .privacy-menu .privacy_wrap .who_wrap .who,
#poll_quiz_question .privacy-section .privacy-menu .privacy_wrap .who_wrap .who,
#activity_status_activity_viewer .privacy-section .privacy-menu .privacy_wrap .who_wrap .who,
#activity_status_reporter .privacy-section .privacy-menu .privacy_wrap .who_wrap .who,
#activity_status_planner .privacy-section .privacy-menu .privacy_wrap .who_wrap .who,
#completed_activity_status .privacy-section .privacy-menu .privacy_wrap .who_wrap .who {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin-right: 10px;
  padding: 0;
  color: #f05a20;
}

#multiple_question_quiz .privacy-section .privacy-menu .privacy_wrap .permission_selector .btn-group,
#multiple_question_quiz_post .privacy-section .privacy-menu .privacy_wrap .permission_selector .btn-group,
#activity_quiz .privacy-section .privacy-menu .privacy_wrap .permission_selector .btn-group,
#poll_quiz_question .privacy-section .privacy-menu .privacy_wrap .permission_selector .btn-group,
#activity_status_activity_viewer .privacy-section .privacy-menu .privacy_wrap .permission_selector .btn-group,
#activity_status_reporter .privacy-section .privacy-menu .privacy_wrap .permission_selector .btn-group,
#activity_status_planner .privacy-section .privacy-menu .privacy_wrap .permission_selector .btn-group,
#completed_activity_status .privacy-section .privacy-menu .privacy_wrap .permission_selector .btn-group {
  width: 100%;
}

#multiple_question_quiz .privacy-section .privacy-menu .privacy_wrap .permission_selector .btn-group button,
#multiple_question_quiz_post .privacy-section .privacy-menu .privacy_wrap .permission_selector .btn-group button,
#activity_quiz .privacy-section .privacy-menu .privacy_wrap .permission_selector .btn-group button,
#poll_quiz_question .privacy-section .privacy-menu .privacy_wrap .permission_selector .btn-group button,
#activity_status_activity_viewer .privacy-section .privacy-menu .privacy_wrap .permission_selector .btn-group button,
#activity_status_reporter .privacy-section .privacy-menu .privacy_wrap .permission_selector .btn-group button,
#activity_status_planner .privacy-section .privacy-menu .privacy_wrap .permission_selector .btn-group button,
#completed_activity_status .privacy-section .privacy-menu .privacy_wrap .permission_selector .btn-group button {
  border: none;
  padding: 0;
  margin: 0;
  background: none;
}

#multiple_question_quiz .privacy-section .privacy-menu .privacy_wrap .permission_selector .btn-group .premissons-listbox-btn,
#multiple_question_quiz_post .privacy-section .privacy-menu .privacy_wrap .permission_selector .btn-group .premissons-listbox-btn,
#activity_quiz .privacy-section .privacy-menu .privacy_wrap .permission_selector .btn-group .premissons-listbox-btn,
#poll_quiz_question .privacy-section .privacy-menu .privacy_wrap .permission_selector .btn-group .premissons-listbox-btn,
#activity_status_activity_viewer .privacy-section .privacy-menu .privacy_wrap .permission_selector .btn-group .premissons-listbox-btn,
#activity_status_reporter .privacy-section .privacy-menu .privacy_wrap .permission_selector .btn-group .premissons-listbox-btn,
#activity_status_planner .privacy-section .privacy-menu .privacy_wrap .permission_selector .btn-group .premissons-listbox-btn,
#completed_activity_status .privacy-section .privacy-menu .privacy_wrap .permission_selector .btn-group .premissons-listbox-btn {
  font-size: 0rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#multiple_question_quiz .privacy-section .privacy-menu .privacy_wrap .permission_selector .btn-group .premissons-listbox-btn .left-part,
#multiple_question_quiz_post .privacy-section .privacy-menu .privacy_wrap .permission_selector .btn-group .premissons-listbox-btn .left-part,
#activity_quiz .privacy-section .privacy-menu .privacy_wrap .permission_selector .btn-group .premissons-listbox-btn .left-part,
#poll_quiz_question .privacy-section .privacy-menu .privacy_wrap .permission_selector .btn-group .premissons-listbox-btn .left-part,
#activity_status_activity_viewer .privacy-section .privacy-menu .privacy_wrap .permission_selector .btn-group .premissons-listbox-btn .left-part,
#activity_status_reporter .privacy-section .privacy-menu .privacy_wrap .permission_selector .btn-group .premissons-listbox-btn .left-part,
#activity_status_planner .privacy-section .privacy-menu .privacy_wrap .permission_selector .btn-group .premissons-listbox-btn .left-part,
#completed_activity_status .privacy-section .privacy-menu .privacy_wrap .permission_selector .btn-group .premissons-listbox-btn .left-part {
  max-width: 185px;
  margin-left: 0;
  border-radius: 4px 0 0 4px;
  padding: 4px 8px 4px 5px;
  border-right: 0;
}

#multiple_question_quiz .privacy-section .privacy-menu .privacy_wrap .permission_selector .btn-group .premissons-listbox-btn .right-part,
#multiple_question_quiz_post .privacy-section .privacy-menu .privacy_wrap .permission_selector .btn-group .premissons-listbox-btn .right-part,
#activity_quiz .privacy-section .privacy-menu .privacy_wrap .permission_selector .btn-group .premissons-listbox-btn .right-part,
#poll_quiz_question .privacy-section .privacy-menu .privacy_wrap .permission_selector .btn-group .premissons-listbox-btn .right-part,
#activity_status_activity_viewer .privacy-section .privacy-menu .privacy_wrap .permission_selector .btn-group .premissons-listbox-btn .right-part,
#activity_status_reporter .privacy-section .privacy-menu .privacy_wrap .permission_selector .btn-group .premissons-listbox-btn .right-part,
#activity_status_planner .privacy-section .privacy-menu .privacy_wrap .permission_selector .btn-group .premissons-listbox-btn .right-part,
#completed_activity_status .privacy-section .privacy-menu .privacy_wrap .permission_selector .btn-group .premissons-listbox-btn .right-part {
  border-radius: 0 4px 4px 0;
  border-left: 0;
}

#multiple_question_quiz .privacy-section .privacy-menu .privacy_wrap .permission_selector .btn-group .dropdown-menu,
#multiple_question_quiz_post .privacy-section .privacy-menu .privacy_wrap .permission_selector .btn-group .dropdown-menu,
#activity_quiz .privacy-section .privacy-menu .privacy_wrap .permission_selector .btn-group .dropdown-menu,
#poll_quiz_question .privacy-section .privacy-menu .privacy_wrap .permission_selector .btn-group .dropdown-menu,
#activity_status_activity_viewer .privacy-section .privacy-menu .privacy_wrap .permission_selector .btn-group .dropdown-menu,
#activity_status_reporter .privacy-section .privacy-menu .privacy_wrap .permission_selector .btn-group .dropdown-menu,
#activity_status_planner .privacy-section .privacy-menu .privacy_wrap .permission_selector .btn-group .dropdown-menu,
#completed_activity_status .privacy-section .privacy-menu .privacy_wrap .permission_selector .btn-group .dropdown-menu {
  outline: none;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

#multiple_question_quiz .privacy-section .privacy-menu .privacy_wrap .permission_selector .btn-group .dropdown-menu .js-permission-select,
#multiple_question_quiz_post .privacy-section .privacy-menu .privacy_wrap .permission_selector .btn-group .dropdown-menu .js-permission-select,
#activity_quiz .privacy-section .privacy-menu .privacy_wrap .permission_selector .btn-group .dropdown-menu .js-permission-select,
#poll_quiz_question .privacy-section .privacy-menu .privacy_wrap .permission_selector .btn-group .dropdown-menu .js-permission-select,
#activity_status_activity_viewer .privacy-section .privacy-menu .privacy_wrap .permission_selector .btn-group .dropdown-menu .js-permission-select,
#activity_status_reporter .privacy-section .privacy-menu .privacy_wrap .permission_selector .btn-group .dropdown-menu .js-permission-select,
#activity_status_planner .privacy-section .privacy-menu .privacy_wrap .permission_selector .btn-group .dropdown-menu .js-permission-select,
#completed_activity_status .privacy-section .privacy-menu .privacy_wrap .permission_selector .btn-group .dropdown-menu .js-permission-select {
  overflow-x: hidden;
  display: block;
  padding: 3px 15px;
  clear: both;
  font-weight: normal;
  line-height: 18px;
  color: #333;
  white-space: nowrap;
  text-decoration: none;
  text-align: left;
}

#multiple_question_quiz .privacy-section .privacy-menu .privacy_wrap .permission_selector .btn-group .dropdown-menu .js-permission-select:hover,
#multiple_question_quiz_post .privacy-section .privacy-menu .privacy_wrap .permission_selector .btn-group .dropdown-menu .js-permission-select:hover,
#activity_quiz .privacy-section .privacy-menu .privacy_wrap .permission_selector .btn-group .dropdown-menu .js-permission-select:hover,
#poll_quiz_question .privacy-section .privacy-menu .privacy_wrap .permission_selector .btn-group .dropdown-menu .js-permission-select:hover,
#activity_status_activity_viewer .privacy-section .privacy-menu .privacy_wrap .permission_selector .btn-group .dropdown-menu .js-permission-select:hover,
#activity_status_reporter .privacy-section .privacy-menu .privacy_wrap .permission_selector .btn-group .dropdown-menu .js-permission-select:hover,
#activity_status_planner .privacy-section .privacy-menu .privacy_wrap .permission_selector .btn-group .dropdown-menu .js-permission-select:hover,
#completed_activity_status .privacy-section .privacy-menu .privacy_wrap .permission_selector .btn-group .dropdown-menu .js-permission-select:hover,
#multiple_question_quiz .privacy-section .privacy-menu .privacy_wrap .permission_selector .btn-group .dropdown-menu .js-permission-select:focus,
#multiple_question_quiz_post .privacy-section .privacy-menu .privacy_wrap .permission_selector .btn-group .dropdown-menu .js-permission-select:focus,
#activity_quiz .privacy-section .privacy-menu .privacy_wrap .permission_selector .btn-group .dropdown-menu .js-permission-select:focus,
#poll_quiz_question .privacy-section .privacy-menu .privacy_wrap .permission_selector .btn-group .dropdown-menu .js-permission-select:focus,
#activity_status_activity_viewer .privacy-section .privacy-menu .privacy_wrap .permission_selector .btn-group .dropdown-menu .js-permission-select:focus,
#activity_status_reporter .privacy-section .privacy-menu .privacy_wrap .permission_selector .btn-group .dropdown-menu .js-permission-select:focus,
#activity_status_planner .privacy-section .privacy-menu .privacy_wrap .permission_selector .btn-group .dropdown-menu .js-permission-select:focus,
#completed_activity_status .privacy-section .privacy-menu .privacy_wrap .permission_selector .btn-group .dropdown-menu .js-permission-select:focus {
  color: #fff;
  text-decoration: none;
  background-color: #08c;
}

#multiple_question_quiz .privacy-section .privacy-menu .buttons_wrap,
#multiple_question_quiz_post .privacy-section .privacy-menu .buttons_wrap,
#activity_quiz .privacy-section .privacy-menu .buttons_wrap,
#poll_quiz_question .privacy-section .privacy-menu .buttons_wrap,
#activity_status_activity_viewer .privacy-section .privacy-menu .buttons_wrap,
#activity_status_reporter .privacy-section .privacy-menu .buttons_wrap,
#activity_status_planner .privacy-section .privacy-menu .buttons_wrap,
#completed_activity_status .privacy-section .privacy-menu .buttons_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#multiple_question_quiz .privacy-section .privacy-menu .buttons_wrap .btn,
#multiple_question_quiz_post .privacy-section .privacy-menu .buttons_wrap .btn,
#activity_quiz .privacy-section .privacy-menu .buttons_wrap .btn,
#poll_quiz_question .privacy-section .privacy-menu .buttons_wrap .btn,
#activity_status_activity_viewer .privacy-section .privacy-menu .buttons_wrap .btn,
#activity_status_reporter .privacy-section .privacy-menu .buttons_wrap .btn,
#activity_status_planner .privacy-section .privacy-menu .buttons_wrap .btn,
#completed_activity_status .privacy-section .privacy-menu .buttons_wrap .btn {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  padding: 4px 10px;
  color: #aaaaaa;
  background: none;
  text-decoration: underline;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
}

#multiple_question_quiz .privacy-section .privacy-menu .buttons_wrap .btn.discard,
#multiple_question_quiz_post .privacy-section .privacy-menu .buttons_wrap .btn.discard,
#activity_quiz .privacy-section .privacy-menu .buttons_wrap .btn.discard,
#poll_quiz_question .privacy-section .privacy-menu .buttons_wrap .btn.discard,
#activity_status_activity_viewer .privacy-section .privacy-menu .buttons_wrap .btn.discard,
#activity_status_reporter .privacy-section .privacy-menu .buttons_wrap .btn.discard,
#activity_status_planner .privacy-section .privacy-menu .buttons_wrap .btn.discard,
#completed_activity_status .privacy-section .privacy-menu .buttons_wrap .btn.discard {
  margin: 0 10px 0 0;
}

#multiple_question_quiz .privacy-section .privacy-menu .buttons_wrap .button_happify_it,
#multiple_question_quiz_post .privacy-section .privacy-menu .buttons_wrap .button_happify_it,
#activity_quiz .privacy-section .privacy-menu .buttons_wrap .button_happify_it,
#poll_quiz_question .privacy-section .privacy-menu .buttons_wrap .button_happify_it,
#activity_status_activity_viewer .privacy-section .privacy-menu .buttons_wrap .button_happify_it,
#activity_status_reporter .privacy-section .privacy-menu .buttons_wrap .button_happify_it,
#activity_status_planner .privacy-section .privacy-menu .buttons_wrap .button_happify_it,
#completed_activity_status .privacy-section .privacy-menu .buttons_wrap .button_happify_it {
  font-size: 1.6rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  text-transform: uppercase;
  text-align: center;
  padding: 10px 35px;
  height: auto;
}

#multiple_question_quiz .privacy-section .comments-view,
#multiple_question_quiz_post .privacy-section .comments-view,
#activity_quiz .privacy-section .comments-view,
#poll_quiz_question .privacy-section .comments-view,
#activity_status_activity_viewer .privacy-section .comments-view,
#activity_status_reporter .privacy-section .comments-view,
#activity_status_planner .privacy-section .comments-view,
#completed_activity_status .privacy-section .comments-view {
  padding: 20px 0;
}

#multiple_question_quiz .privacy-section .comments-view h2,
#multiple_question_quiz_post .privacy-section .comments-view h2,
#activity_quiz .privacy-section .comments-view h2,
#poll_quiz_question .privacy-section .comments-view h2,
#activity_status_activity_viewer .privacy-section .comments-view h2,
#activity_status_reporter .privacy-section .comments-view h2,
#activity_status_planner .privacy-section .comments-view h2,
#completed_activity_status .privacy-section .comments-view h2 {
  color: #03a9e5;
  margin: 0;
  padding-bottom: 20px;
}

#activity_status_activity_viewer .activities-container,
#activity_status_reporter .activities-container,
#activity_status_planner .activities-container,
#completed_activity_status .activities-container {
  background: #ebf0ee url(/static/img/activity_reporter_bg_50x50.png) repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 15px;
}

#activity_status_activity_viewer .activities-container .activity-steps,
#activity_status_reporter .activities-container .activity-steps,
#activity_status_planner .activities-container .activity-steps,
#completed_activity_status .activities-container .activity-steps {
  width: 45px;
  position: relative;
}

@media (max-width: 575.98px) {
  #activity_status_activity_viewer .activities-container .activity-steps,
  #activity_status_reporter .activities-container .activity-steps,
  #activity_status_planner .activities-container .activity-steps,
  #completed_activity_status .activities-container .activity-steps {
    display: none;
  }
}

#activity_status_activity_viewer .activities-container .activity-steps .activity-step-track,
#activity_status_reporter .activities-container .activity-steps .activity-step-track,
#activity_status_planner .activities-container .activity-steps .activity-step-track,
#completed_activity_status .activities-container .activity-steps .activity-step-track {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background: #d6dddb;
  width: 6px;
  height: calc(100% - -30px);
  top: 30px;
  z-index: 10;
}

#activity_status_activity_viewer .activities-container .activity-steps .activity-step-track.compass,
#activity_status_reporter .activities-container .activity-steps .activity-step-track.compass,
#activity_status_planner .activities-container .activity-steps .activity-step-track.compass,
#completed_activity_status .activities-container .activity-steps .activity-step-track.compass {
  height: 68px;
}

#activity_status_activity_viewer .activities-container .activity-steps .icon_step,
#activity_status_reporter .activities-container .activity-steps .icon_step,
#activity_status_planner .activities-container .activity-steps .icon_step,
#completed_activity_status .activities-container .activity-steps .icon_step {
  width: 42px;
  height: 42px;
  margin: 0 auto;
  z-index: 20;
  position: relative;
}

#activity_status_activity_viewer .activities-container .activity-steps .icon_step.icon_step1,
#activity_status_reporter .activities-container .activity-steps .icon_step.icon_step1,
#activity_status_planner .activities-container .activity-steps .icon_step.icon_step1,
#completed_activity_status .activities-container .activity-steps .icon_step.icon_step1 {
  background: transparent url(/static/img/activity_viewer/icon-step1.png) 0 0 no-repeat;
}

#activity_status_activity_viewer .activities-container .activity-steps .icon_step.icon_step2,
#activity_status_reporter .activities-container .activity-steps .icon_step.icon_step2,
#activity_status_planner .activities-container .activity-steps .icon_step.icon_step2,
#completed_activity_status .activities-container .activity-steps .icon_step.icon_step2 {
  background: transparent url(/static/img/activity_viewer/icon-step2.png) 0 0 no-repeat;
}

#activity_status_activity_viewer .activities-container .activity-steps .icon_step.icon_step3,
#activity_status_reporter .activities-container .activity-steps .icon_step.icon_step3,
#activity_status_planner .activities-container .activity-steps .icon_step.icon_step3,
#completed_activity_status .activities-container .activity-steps .icon_step.icon_step3 {
  background: transparent url(/static/img/activity_viewer/icon-step3.png) 0 0 no-repeat;
}

#activity_status_activity_viewer .activities-container .activity-steps .icon_step.icon_step_completed,
#activity_status_reporter .activities-container .activity-steps .icon_step.icon_step_completed,
#activity_status_planner .activities-container .activity-steps .icon_step.icon_step_completed,
#completed_activity_status .activities-container .activity-steps .icon_step.icon_step_completed {
  background: transparent url(/static/img/activity_viewer/icon-completed-step.png) 0 0 no-repeat;
}

#activity_status_activity_viewer .activities-container .activity-info-wrap,
#activity_status_reporter .activities-container .activity-info-wrap,
#activity_status_planner .activities-container .activity-info-wrap,
#completed_activity_status .activities-container .activity-info-wrap {
  width: calc(100% - 55px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 575.98px) {
  #activity_status_activity_viewer .activities-container .activity-info-wrap,
  #activity_status_reporter .activities-container .activity-info-wrap,
  #activity_status_planner .activities-container .activity-info-wrap,
  #completed_activity_status .activities-container .activity-info-wrap {
    width: 100%;
  }
}

#activity_status_activity_viewer .activities-container .activity-info-wrap.activity-wrap,
#activity_status_reporter .activities-container .activity-info-wrap.activity-wrap,
#activity_status_planner .activities-container .activity-info-wrap.activity-wrap,
#completed_activity_status .activities-container .activity-info-wrap.activity-wrap {
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  background: #ffffff;
}

#activity_status_activity_viewer .activities-container .activity-info-wrap .activity_info,
#activity_status_reporter .activities-container .activity-info-wrap .activity_info,
#activity_status_planner .activities-container .activity-info-wrap .activity_info,
#completed_activity_status .activities-container .activity-info-wrap .activity_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 10px 15px;
}

#activity_status_activity_viewer .activities-container .activity-info-wrap .activity_info .img_wrap,
#activity_status_reporter .activities-container .activity-info-wrap .activity_info .img_wrap,
#activity_status_planner .activities-container .activity-info-wrap .activity_info .img_wrap,
#completed_activity_status .activities-container .activity-info-wrap .activity_info .img_wrap {
  width: 210px;
}

@media (max-width: 991.98px) {
  #activity_status_activity_viewer .activities-container .activity-info-wrap .activity_info .img_wrap,
  #activity_status_reporter .activities-container .activity-info-wrap .activity_info .img_wrap,
  #activity_status_planner .activities-container .activity-info-wrap .activity_info .img_wrap,
  #completed_activity_status .activities-container .activity-info-wrap .activity_info .img_wrap {
    width: 100%;
    margin-bottom: 20px;
  }
}

#activity_status_activity_viewer .activities-container .activity-info-wrap .activity_info .content_wrap,
#activity_status_reporter .activities-container .activity-info-wrap .activity_info .content_wrap,
#activity_status_planner .activities-container .activity-info-wrap .activity_info .content_wrap,
#completed_activity_status .activities-container .activity-info-wrap .activity_info .content_wrap {
  width: calc(100% - 210px);
}

@media (max-width: 991.98px) {
  #activity_status_activity_viewer .activities-container .activity-info-wrap .activity_info .content_wrap,
  #activity_status_reporter .activities-container .activity-info-wrap .activity_info .content_wrap,
  #activity_status_planner .activities-container .activity-info-wrap .activity_info .content_wrap,
  #completed_activity_status .activities-container .activity-info-wrap .activity_info .content_wrap {
    width: 100%;
  }
}

#activity_status_activity_viewer .activities-container .activity-info-wrap .activity_info .content_wrap .btn-group,
#activity_status_reporter .activities-container .activity-info-wrap .activity_info .content_wrap .btn-group,
#activity_status_planner .activities-container .activity-info-wrap .activity_info .content_wrap .btn-group,
#completed_activity_status .activities-container .activity-info-wrap .activity_info .content_wrap .btn-group {
  margin: 10px 0;
}

#activity_status_activity_viewer .activities-container .activity-info-wrap .activity_info .content_wrap h2,
#activity_status_reporter .activities-container .activity-info-wrap .activity_info .content_wrap h2,
#activity_status_planner .activities-container .activity-info-wrap .activity_info .content_wrap h2,
#completed_activity_status .activities-container .activity-info-wrap .activity_info .content_wrap h2,
#activity_status_activity_viewer .activities-container .activity-info-wrap .activity_info .content_wrap #tip_selection_title,
#activity_status_reporter .activities-container .activity-info-wrap .activity_info .content_wrap #tip_selection_title,
#activity_status_planner .activities-container .activity-info-wrap .activity_info .content_wrap #tip_selection_title,
#completed_activity_status .activities-container .activity-info-wrap .activity_info .content_wrap #tip_selection_title {
  font-size: 1.9rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #666;
}

#activity_status_activity_viewer .activities-container .activity-info-wrap .activity_info .content_wrap .dropdown_replacement_title,
#activity_status_reporter .activities-container .activity-info-wrap .activity_info .content_wrap .dropdown_replacement_title,
#activity_status_planner .activities-container .activity-info-wrap .activity_info .content_wrap .dropdown_replacement_title,
#completed_activity_status .activities-container .activity-info-wrap .activity_info .content_wrap .dropdown_replacement_title {
  font-size: 1.9rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  color: #9c9c9c;
  margin: 10px;
}

#activity_status_activity_viewer .activities-container .activity-info-wrap .activity_info .content_wrap .only-one-tip-text,
#activity_status_reporter .activities-container .activity-info-wrap .activity_info .content_wrap .only-one-tip-text,
#activity_status_planner .activities-container .activity-info-wrap .activity_info .content_wrap .only-one-tip-text,
#completed_activity_status .activities-container .activity-info-wrap .activity_info .content_wrap .only-one-tip-text {
  font-size: 1.9rem;
  font-family: OpenSansBold;
  font-weight: normal;
  padding: 8px 0 0 0;
  margin: 0;
  line-height: 18px;
  color: #666;
}

#activity_status_activity_viewer .activities-container .activity-info-wrap .activity_info .content_wrap #listbox-button.btn-group,
#activity_status_reporter .activities-container .activity-info-wrap .activity_info .content_wrap #listbox-button.btn-group,
#activity_status_planner .activities-container .activity-info-wrap .activity_info .content_wrap #listbox-button.btn-group,
#completed_activity_status .activities-container .activity-info-wrap .activity_info .content_wrap #listbox-button.btn-group {
  border: none;
  margin: 0;
  padding: 0 !important;
  background: none;
  position: unset;
}

#activity_status_activity_viewer .activities-container .activity-info-wrap .activity_info .content_wrap #listbox-button.btn-group .right-part,
#activity_status_reporter .activities-container .activity-info-wrap .activity_info .content_wrap #listbox-button.btn-group .right-part,
#activity_status_planner .activities-container .activity-info-wrap .activity_info .content_wrap #listbox-button.btn-group .right-part,
#completed_activity_status .activities-container .activity-info-wrap .activity_info .content_wrap #listbox-button.btn-group .right-part {
  background: -webkit-gradient(linear, left bottom, left top, from(#d8d8d8), to(#EEE));
  background: linear-gradient(to top, #d8d8d8 0%, #EEE 100%);
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  padding: 4px 8px 4px 8px;
  display: inline-block;
  border: 1px #dbdbdb solid;
  border-left: 0;
}

#activity_status_activity_viewer .activities-container .activity-info-wrap .activity_info .content_wrap .description-container,
#activity_status_reporter .activities-container .activity-info-wrap .activity_info .content_wrap .description-container,
#activity_status_planner .activities-container .activity-info-wrap .activity_info .content_wrap .description-container,
#completed_activity_status .activities-container .activity-info-wrap .activity_info .content_wrap .description-container {
  margin-bottom: 30px;
  font-size: 1.5rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #666;
}

@media (max-width: 767.98px) {
  #activity_status_activity_viewer .activities-container .activity-info-wrap .activity_info .content_wrap .description-container,
  #activity_status_reporter .activities-container .activity-info-wrap .activity_info .content_wrap .description-container,
  #activity_status_planner .activities-container .activity-info-wrap .activity_info .content_wrap .description-container,
  #completed_activity_status .activities-container .activity-info-wrap .activity_info .content_wrap .description-container {
    margin-bottom: 0;
  }
}

#activity_status_activity_viewer .activities-container .activity-info-wrap .activity_info .content_wrap .description-container p,
#activity_status_reporter .activities-container .activity-info-wrap .activity_info .content_wrap .description-container p,
#activity_status_planner .activities-container .activity-info-wrap .activity_info .content_wrap .description-container p,
#completed_activity_status .activities-container .activity-info-wrap .activity_info .content_wrap .description-container p {
  font-size: 1.5rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #666;
  margin: 0 0 15px;
}

#activity_status_activity_viewer .activities-container .activity-info-wrap .activity_info .content_wrap .description-container p b,
#activity_status_reporter .activities-container .activity-info-wrap .activity_info .content_wrap .description-container p b,
#activity_status_planner .activities-container .activity-info-wrap .activity_info .content_wrap .description-container p b,
#completed_activity_status .activities-container .activity-info-wrap .activity_info .content_wrap .description-container p b,
#activity_status_activity_viewer .activities-container .activity-info-wrap .activity_info .content_wrap .description-container p strong,
#activity_status_reporter .activities-container .activity-info-wrap .activity_info .content_wrap .description-container p strong,
#activity_status_planner .activities-container .activity-info-wrap .activity_info .content_wrap .description-container p strong,
#completed_activity_status .activities-container .activity-info-wrap .activity_info .content_wrap .description-container p strong {
  font-family: OpenSansBold;
  font-weight: normal;
}

#activity_status_activity_viewer .activities-container .activity-info-wrap .activity_info .content_wrap .description-container ul,
#activity_status_reporter .activities-container .activity-info-wrap .activity_info .content_wrap .description-container ul,
#activity_status_planner .activities-container .activity-info-wrap .activity_info .content_wrap .description-container ul,
#completed_activity_status .activities-container .activity-info-wrap .activity_info .content_wrap .description-container ul {
  list-style: disc;
  list-style-position: inside;
  margin-bottom: 15px;
}

#activity_status_activity_viewer .activities-container .activity-info-wrap .activity_info .content_wrap .description-container ul li p,
#activity_status_reporter .activities-container .activity-info-wrap .activity_info .content_wrap .description-container ul li p,
#activity_status_planner .activities-container .activity-info-wrap .activity_info .content_wrap .description-container ul li p,
#completed_activity_status .activities-container .activity-info-wrap .activity_info .content_wrap .description-container ul li p {
  display: inline-block;
  width: 94%;
  vertical-align: top;
  margin-bottom: 0;
}

#activity_status_activity_viewer .activities-container .activity-info-wrap .activity_info .content_wrap .description-container ol,
#activity_status_reporter .activities-container .activity-info-wrap .activity_info .content_wrap .description-container ol,
#activity_status_planner .activities-container .activity-info-wrap .activity_info .content_wrap .description-container ol,
#completed_activity_status .activities-container .activity-info-wrap .activity_info .content_wrap .description-container ol {
  font-size: 1.5rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #666666;
  list-style: decimal;
}

#activity_status_activity_viewer .activities-container .activity-info-wrap .activity_info .content_wrap .description-container ol li,
#activity_status_reporter .activities-container .activity-info-wrap .activity_info .content_wrap .description-container ol li,
#activity_status_planner .activities-container .activity-info-wrap .activity_info .content_wrap .description-container ol li,
#completed_activity_status .activities-container .activity-info-wrap .activity_info .content_wrap .description-container ol li {
  margin-left: 17px;
}

#activity_status_activity_viewer .activities-container .activity-info-wrap .activity-reporter-wrap,
#activity_status_reporter .activities-container .activity-info-wrap .activity-reporter-wrap,
#activity_status_planner .activities-container .activity-info-wrap .activity-reporter-wrap,
#completed_activity_status .activities-container .activity-info-wrap .activity-reporter-wrap,
#activity_status_activity_viewer .activities-container .activity-info-wrap .activity-planner-wrap,
#activity_status_reporter .activities-container .activity-info-wrap .activity-planner-wrap,
#activity_status_planner .activities-container .activity-info-wrap .activity-planner-wrap,
#completed_activity_status .activities-container .activity-info-wrap .activity-planner-wrap,
#activity_status_activity_viewer .activities-container .activity-info-wrap .activity-completed-wrap,
#activity_status_reporter .activities-container .activity-info-wrap .activity-completed-wrap,
#activity_status_planner .activities-container .activity-info-wrap .activity-completed-wrap,
#completed_activity_status .activities-container .activity-info-wrap .activity-completed-wrap {
  background: url("/static/img/activity_viewer/red_vertical_lines.png") repeat-y scroll 0 0 #fffcf6;
  border: 1px solid #d9dedc;
  border-bottom: none;
  padding: 30px 40px 15px 60px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
}

@media (max-width: 991.98px) {
  #activity_status_activity_viewer .activities-container .activity-info-wrap .activity-reporter-wrap,
  #activity_status_reporter .activities-container .activity-info-wrap .activity-reporter-wrap,
  #activity_status_planner .activities-container .activity-info-wrap .activity-reporter-wrap,
  #completed_activity_status .activities-container .activity-info-wrap .activity-reporter-wrap,
  #activity_status_activity_viewer .activities-container .activity-info-wrap .activity-planner-wrap,
  #activity_status_reporter .activities-container .activity-info-wrap .activity-planner-wrap,
  #activity_status_planner .activities-container .activity-info-wrap .activity-planner-wrap,
  #completed_activity_status .activities-container .activity-info-wrap .activity-planner-wrap,
  #activity_status_activity_viewer .activities-container .activity-info-wrap .activity-completed-wrap,
  #activity_status_reporter .activities-container .activity-info-wrap .activity-completed-wrap,
  #activity_status_planner .activities-container .activity-info-wrap .activity-completed-wrap,
  #completed_activity_status .activities-container .activity-info-wrap .activity-completed-wrap {
    background: #fffcf6;
    padding: 15px 0;
  }
}

#activity_status_activity_viewer .activities-container .activity-info-wrap .activity-reporter-wrap .field_container:not(.happy_face_picker),
#activity_status_reporter .activities-container .activity-info-wrap .activity-reporter-wrap .field_container:not(.happy_face_picker),
#activity_status_planner .activities-container .activity-info-wrap .activity-reporter-wrap .field_container:not(.happy_face_picker),
#completed_activity_status .activities-container .activity-info-wrap .activity-reporter-wrap .field_container:not(.happy_face_picker),
#activity_status_activity_viewer .activities-container .activity-info-wrap .activity-planner-wrap .field_container:not(.happy_face_picker),
#activity_status_reporter .activities-container .activity-info-wrap .activity-planner-wrap .field_container:not(.happy_face_picker),
#activity_status_planner .activities-container .activity-info-wrap .activity-planner-wrap .field_container:not(.happy_face_picker),
#completed_activity_status .activities-container .activity-info-wrap .activity-planner-wrap .field_container:not(.happy_face_picker),
#activity_status_activity_viewer .activities-container .activity-info-wrap .activity-completed-wrap .field_container:not(.happy_face_picker),
#activity_status_reporter .activities-container .activity-info-wrap .activity-completed-wrap .field_container:not(.happy_face_picker),
#activity_status_planner .activities-container .activity-info-wrap .activity-completed-wrap .field_container:not(.happy_face_picker),
#completed_activity_status .activities-container .activity-info-wrap .activity-completed-wrap .field_container:not(.happy_face_picker) {
  position: relative;
}

#activity_status_activity_viewer .activities-container .activity-info-wrap .activity-reporter-wrap .field_container:not(.happy_face_picker) textarea,
#activity_status_reporter .activities-container .activity-info-wrap .activity-reporter-wrap .field_container:not(.happy_face_picker) textarea,
#activity_status_planner .activities-container .activity-info-wrap .activity-reporter-wrap .field_container:not(.happy_face_picker) textarea,
#completed_activity_status .activities-container .activity-info-wrap .activity-reporter-wrap .field_container:not(.happy_face_picker) textarea,
#activity_status_activity_viewer .activities-container .activity-info-wrap .activity-planner-wrap .field_container:not(.happy_face_picker) textarea,
#activity_status_reporter .activities-container .activity-info-wrap .activity-planner-wrap .field_container:not(.happy_face_picker) textarea,
#activity_status_planner .activities-container .activity-info-wrap .activity-planner-wrap .field_container:not(.happy_face_picker) textarea,
#completed_activity_status .activities-container .activity-info-wrap .activity-planner-wrap .field_container:not(.happy_face_picker) textarea,
#activity_status_activity_viewer .activities-container .activity-info-wrap .activity-completed-wrap .field_container:not(.happy_face_picker) textarea,
#activity_status_reporter .activities-container .activity-info-wrap .activity-completed-wrap .field_container:not(.happy_face_picker) textarea,
#activity_status_planner .activities-container .activity-info-wrap .activity-completed-wrap .field_container:not(.happy_face_picker) textarea,
#completed_activity_status .activities-container .activity-info-wrap .activity-completed-wrap .field_container:not(.happy_face_picker) textarea,
#activity_status_activity_viewer .activities-container .activity-info-wrap .activity-reporter-wrap .field_container:not(.happy_face_picker) input[type="text"],
#activity_status_reporter .activities-container .activity-info-wrap .activity-reporter-wrap .field_container:not(.happy_face_picker) input[type="text"],
#activity_status_planner .activities-container .activity-info-wrap .activity-reporter-wrap .field_container:not(.happy_face_picker) input[type="text"],
#completed_activity_status .activities-container .activity-info-wrap .activity-reporter-wrap .field_container:not(.happy_face_picker) input[type="text"],
#activity_status_activity_viewer .activities-container .activity-info-wrap .activity-planner-wrap .field_container:not(.happy_face_picker) input[type="text"],
#activity_status_reporter .activities-container .activity-info-wrap .activity-planner-wrap .field_container:not(.happy_face_picker) input[type="text"],
#activity_status_planner .activities-container .activity-info-wrap .activity-planner-wrap .field_container:not(.happy_face_picker) input[type="text"],
#completed_activity_status .activities-container .activity-info-wrap .activity-planner-wrap .field_container:not(.happy_face_picker) input[type="text"],
#activity_status_activity_viewer .activities-container .activity-info-wrap .activity-completed-wrap .field_container:not(.happy_face_picker) input[type="text"],
#activity_status_reporter .activities-container .activity-info-wrap .activity-completed-wrap .field_container:not(.happy_face_picker) input[type="text"],
#activity_status_planner .activities-container .activity-info-wrap .activity-completed-wrap .field_container:not(.happy_face_picker) input[type="text"],
#completed_activity_status .activities-container .activity-info-wrap .activity-completed-wrap .field_container:not(.happy_face_picker) input[type="text"] {
  color: #7b461d;
  width: 100%;
  resize: none;
  height: 135px;
  background: url("/static/img/activity_viewer/textarea-lines-bg.png") repeat scroll 0 27px transparent;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  line-height: 27px;
}

#activity_status_activity_viewer .activities-container .activity-info-wrap .activity-reporter-wrap .field_container:not(.happy_face_picker) textarea:focus,
#activity_status_reporter .activities-container .activity-info-wrap .activity-reporter-wrap .field_container:not(.happy_face_picker) textarea:focus,
#activity_status_planner .activities-container .activity-info-wrap .activity-reporter-wrap .field_container:not(.happy_face_picker) textarea:focus,
#completed_activity_status .activities-container .activity-info-wrap .activity-reporter-wrap .field_container:not(.happy_face_picker) textarea:focus,
#activity_status_activity_viewer .activities-container .activity-info-wrap .activity-planner-wrap .field_container:not(.happy_face_picker) textarea:focus,
#activity_status_reporter .activities-container .activity-info-wrap .activity-planner-wrap .field_container:not(.happy_face_picker) textarea:focus,
#activity_status_planner .activities-container .activity-info-wrap .activity-planner-wrap .field_container:not(.happy_face_picker) textarea:focus,
#completed_activity_status .activities-container .activity-info-wrap .activity-planner-wrap .field_container:not(.happy_face_picker) textarea:focus,
#activity_status_activity_viewer .activities-container .activity-info-wrap .activity-completed-wrap .field_container:not(.happy_face_picker) textarea:focus,
#activity_status_reporter .activities-container .activity-info-wrap .activity-completed-wrap .field_container:not(.happy_face_picker) textarea:focus,
#activity_status_planner .activities-container .activity-info-wrap .activity-completed-wrap .field_container:not(.happy_face_picker) textarea:focus,
#completed_activity_status .activities-container .activity-info-wrap .activity-completed-wrap .field_container:not(.happy_face_picker) textarea:focus,
#activity_status_activity_viewer .activities-container .activity-info-wrap .activity-reporter-wrap .field_container:not(.happy_face_picker) input[type="text"]:focus,
#activity_status_reporter .activities-container .activity-info-wrap .activity-reporter-wrap .field_container:not(.happy_face_picker) input[type="text"]:focus,
#activity_status_planner .activities-container .activity-info-wrap .activity-reporter-wrap .field_container:not(.happy_face_picker) input[type="text"]:focus,
#completed_activity_status .activities-container .activity-info-wrap .activity-reporter-wrap .field_container:not(.happy_face_picker) input[type="text"]:focus,
#activity_status_activity_viewer .activities-container .activity-info-wrap .activity-planner-wrap .field_container:not(.happy_face_picker) input[type="text"]:focus,
#activity_status_reporter .activities-container .activity-info-wrap .activity-planner-wrap .field_container:not(.happy_face_picker) input[type="text"]:focus,
#activity_status_planner .activities-container .activity-info-wrap .activity-planner-wrap .field_container:not(.happy_face_picker) input[type="text"]:focus,
#completed_activity_status .activities-container .activity-info-wrap .activity-planner-wrap .field_container:not(.happy_face_picker) input[type="text"]:focus,
#activity_status_activity_viewer .activities-container .activity-info-wrap .activity-completed-wrap .field_container:not(.happy_face_picker) input[type="text"]:focus,
#activity_status_reporter .activities-container .activity-info-wrap .activity-completed-wrap .field_container:not(.happy_face_picker) input[type="text"]:focus,
#activity_status_planner .activities-container .activity-info-wrap .activity-completed-wrap .field_container:not(.happy_face_picker) input[type="text"]:focus,
#completed_activity_status .activities-container .activity-info-wrap .activity-completed-wrap .field_container:not(.happy_face_picker) input[type="text"]:focus {
  outline: none;
  border-color: #2ac0e6;
}

#activity_status_activity_viewer .activities-container .activity-info-wrap .activity-reporter-wrap .field_container:not(.happy_face_picker) input[type="text"],
#activity_status_reporter .activities-container .activity-info-wrap .activity-reporter-wrap .field_container:not(.happy_face_picker) input[type="text"],
#activity_status_planner .activities-container .activity-info-wrap .activity-reporter-wrap .field_container:not(.happy_face_picker) input[type="text"],
#completed_activity_status .activities-container .activity-info-wrap .activity-reporter-wrap .field_container:not(.happy_face_picker) input[type="text"],
#activity_status_activity_viewer .activities-container .activity-info-wrap .activity-planner-wrap .field_container:not(.happy_face_picker) input[type="text"],
#activity_status_reporter .activities-container .activity-info-wrap .activity-planner-wrap .field_container:not(.happy_face_picker) input[type="text"],
#activity_status_planner .activities-container .activity-info-wrap .activity-planner-wrap .field_container:not(.happy_face_picker) input[type="text"],
#completed_activity_status .activities-container .activity-info-wrap .activity-planner-wrap .field_container:not(.happy_face_picker) input[type="text"],
#activity_status_activity_viewer .activities-container .activity-info-wrap .activity-completed-wrap .field_container:not(.happy_face_picker) input[type="text"],
#activity_status_reporter .activities-container .activity-info-wrap .activity-completed-wrap .field_container:not(.happy_face_picker) input[type="text"],
#activity_status_planner .activities-container .activity-info-wrap .activity-completed-wrap .field_container:not(.happy_face_picker) input[type="text"],
#completed_activity_status .activities-container .activity-info-wrap .activity-completed-wrap .field_container:not(.happy_face_picker) input[type="text"] {
  height: 34px;
}

#activity_status_activity_viewer .activities-container .activity-info-wrap .activity-reporter-wrap .field_container:not(.happy_face_picker) label.sub-heading,
#activity_status_reporter .activities-container .activity-info-wrap .activity-reporter-wrap .field_container:not(.happy_face_picker) label.sub-heading,
#activity_status_planner .activities-container .activity-info-wrap .activity-reporter-wrap .field_container:not(.happy_face_picker) label.sub-heading,
#completed_activity_status .activities-container .activity-info-wrap .activity-reporter-wrap .field_container:not(.happy_face_picker) label.sub-heading,
#activity_status_activity_viewer .activities-container .activity-info-wrap .activity-planner-wrap .field_container:not(.happy_face_picker) label.sub-heading,
#activity_status_reporter .activities-container .activity-info-wrap .activity-planner-wrap .field_container:not(.happy_face_picker) label.sub-heading,
#activity_status_planner .activities-container .activity-info-wrap .activity-planner-wrap .field_container:not(.happy_face_picker) label.sub-heading,
#completed_activity_status .activities-container .activity-info-wrap .activity-planner-wrap .field_container:not(.happy_face_picker) label.sub-heading,
#activity_status_activity_viewer .activities-container .activity-info-wrap .activity-completed-wrap .field_container:not(.happy_face_picker) label.sub-heading,
#activity_status_reporter .activities-container .activity-info-wrap .activity-completed-wrap .field_container:not(.happy_face_picker) label.sub-heading,
#activity_status_planner .activities-container .activity-info-wrap .activity-completed-wrap .field_container:not(.happy_face_picker) label.sub-heading,
#completed_activity_status .activities-container .activity-info-wrap .activity-completed-wrap .field_container:not(.happy_face_picker) label.sub-heading,
#activity_status_activity_viewer .activities-container .activity-info-wrap .activity-reporter-wrap .field_container:not(.happy_face_picker) h3.sub-heading,
#activity_status_reporter .activities-container .activity-info-wrap .activity-reporter-wrap .field_container:not(.happy_face_picker) h3.sub-heading,
#activity_status_planner .activities-container .activity-info-wrap .activity-reporter-wrap .field_container:not(.happy_face_picker) h3.sub-heading,
#completed_activity_status .activities-container .activity-info-wrap .activity-reporter-wrap .field_container:not(.happy_face_picker) h3.sub-heading,
#activity_status_activity_viewer .activities-container .activity-info-wrap .activity-planner-wrap .field_container:not(.happy_face_picker) h3.sub-heading,
#activity_status_reporter .activities-container .activity-info-wrap .activity-planner-wrap .field_container:not(.happy_face_picker) h3.sub-heading,
#activity_status_planner .activities-container .activity-info-wrap .activity-planner-wrap .field_container:not(.happy_face_picker) h3.sub-heading,
#completed_activity_status .activities-container .activity-info-wrap .activity-planner-wrap .field_container:not(.happy_face_picker) h3.sub-heading,
#activity_status_activity_viewer .activities-container .activity-info-wrap .activity-completed-wrap .field_container:not(.happy_face_picker) h3.sub-heading,
#activity_status_reporter .activities-container .activity-info-wrap .activity-completed-wrap .field_container:not(.happy_face_picker) h3.sub-heading,
#activity_status_planner .activities-container .activity-info-wrap .activity-completed-wrap .field_container:not(.happy_face_picker) h3.sub-heading,
#completed_activity_status .activities-container .activity-info-wrap .activity-completed-wrap .field_container:not(.happy_face_picker) h3.sub-heading,
#activity_status_activity_viewer .activities-container .activity-info-wrap .activity-reporter-wrap .field_container:not(.happy_face_picker) h4.sub-heading,
#activity_status_reporter .activities-container .activity-info-wrap .activity-reporter-wrap .field_container:not(.happy_face_picker) h4.sub-heading,
#activity_status_planner .activities-container .activity-info-wrap .activity-reporter-wrap .field_container:not(.happy_face_picker) h4.sub-heading,
#completed_activity_status .activities-container .activity-info-wrap .activity-reporter-wrap .field_container:not(.happy_face_picker) h4.sub-heading,
#activity_status_activity_viewer .activities-container .activity-info-wrap .activity-planner-wrap .field_container:not(.happy_face_picker) h4.sub-heading,
#activity_status_reporter .activities-container .activity-info-wrap .activity-planner-wrap .field_container:not(.happy_face_picker) h4.sub-heading,
#activity_status_planner .activities-container .activity-info-wrap .activity-planner-wrap .field_container:not(.happy_face_picker) h4.sub-heading,
#completed_activity_status .activities-container .activity-info-wrap .activity-planner-wrap .field_container:not(.happy_face_picker) h4.sub-heading,
#activity_status_activity_viewer .activities-container .activity-info-wrap .activity-completed-wrap .field_container:not(.happy_face_picker) h4.sub-heading,
#activity_status_reporter .activities-container .activity-info-wrap .activity-completed-wrap .field_container:not(.happy_face_picker) h4.sub-heading,
#activity_status_planner .activities-container .activity-info-wrap .activity-completed-wrap .field_container:not(.happy_face_picker) h4.sub-heading,
#completed_activity_status .activities-container .activity-info-wrap .activity-completed-wrap .field_container:not(.happy_face_picker) h4.sub-heading {
  font-size: 1.6rem;
  font-family: OpenSansBold;
  font-weight: normal;
  color: #777;
  line-height: 18px;
  text-align: left;
  width: 100%;
}

#activity_status_activity_viewer .activities-container .activity-info-wrap .activity-reporter-wrap .field_container:not(.happy_face_picker) .error_hidden,
#activity_status_reporter .activities-container .activity-info-wrap .activity-reporter-wrap .field_container:not(.happy_face_picker) .error_hidden,
#activity_status_planner .activities-container .activity-info-wrap .activity-reporter-wrap .field_container:not(.happy_face_picker) .error_hidden,
#completed_activity_status .activities-container .activity-info-wrap .activity-reporter-wrap .field_container:not(.happy_face_picker) .error_hidden,
#activity_status_activity_viewer .activities-container .activity-info-wrap .activity-planner-wrap .field_container:not(.happy_face_picker) .error_hidden,
#activity_status_reporter .activities-container .activity-info-wrap .activity-planner-wrap .field_container:not(.happy_face_picker) .error_hidden,
#activity_status_planner .activities-container .activity-info-wrap .activity-planner-wrap .field_container:not(.happy_face_picker) .error_hidden,
#completed_activity_status .activities-container .activity-info-wrap .activity-planner-wrap .field_container:not(.happy_face_picker) .error_hidden,
#activity_status_activity_viewer .activities-container .activity-info-wrap .activity-completed-wrap .field_container:not(.happy_face_picker) .error_hidden,
#activity_status_reporter .activities-container .activity-info-wrap .activity-completed-wrap .field_container:not(.happy_face_picker) .error_hidden,
#activity_status_planner .activities-container .activity-info-wrap .activity-completed-wrap .field_container:not(.happy_face_picker) .error_hidden,
#completed_activity_status .activities-container .activity-info-wrap .activity-completed-wrap .field_container:not(.happy_face_picker) .error_hidden {
  display: none;
}

#activity_status_activity_viewer .activities-container .activity-info-wrap .activity-reporter-wrap .field_container:not(.happy_face_picker) .error_visible,
#activity_status_reporter .activities-container .activity-info-wrap .activity-reporter-wrap .field_container:not(.happy_face_picker) .error_visible,
#activity_status_planner .activities-container .activity-info-wrap .activity-reporter-wrap .field_container:not(.happy_face_picker) .error_visible,
#completed_activity_status .activities-container .activity-info-wrap .activity-reporter-wrap .field_container:not(.happy_face_picker) .error_visible,
#activity_status_activity_viewer .activities-container .activity-info-wrap .activity-planner-wrap .field_container:not(.happy_face_picker) .error_visible,
#activity_status_reporter .activities-container .activity-info-wrap .activity-planner-wrap .field_container:not(.happy_face_picker) .error_visible,
#activity_status_planner .activities-container .activity-info-wrap .activity-planner-wrap .field_container:not(.happy_face_picker) .error_visible,
#completed_activity_status .activities-container .activity-info-wrap .activity-planner-wrap .field_container:not(.happy_face_picker) .error_visible,
#activity_status_activity_viewer .activities-container .activity-info-wrap .activity-completed-wrap .field_container:not(.happy_face_picker) .error_visible,
#activity_status_reporter .activities-container .activity-info-wrap .activity-completed-wrap .field_container:not(.happy_face_picker) .error_visible,
#activity_status_planner .activities-container .activity-info-wrap .activity-completed-wrap .field_container:not(.happy_face_picker) .error_visible,
#completed_activity_status .activities-container .activity-info-wrap .activity-completed-wrap .field_container:not(.happy_face_picker) .error_visible {
  display: block;
  position: absolute;
  top: 0;
  left: -30px;
  font-size: 14px;
  color: red;
}

@media (max-width: 991.98px) {
  #activity_status_activity_viewer .activities-container .activity-info-wrap .activity-reporter-wrap .field_container:not(.happy_face_picker) .error_visible,
  #activity_status_reporter .activities-container .activity-info-wrap .activity-reporter-wrap .field_container:not(.happy_face_picker) .error_visible,
  #activity_status_planner .activities-container .activity-info-wrap .activity-reporter-wrap .field_container:not(.happy_face_picker) .error_visible,
  #completed_activity_status .activities-container .activity-info-wrap .activity-reporter-wrap .field_container:not(.happy_face_picker) .error_visible,
  #activity_status_activity_viewer .activities-container .activity-info-wrap .activity-planner-wrap .field_container:not(.happy_face_picker) .error_visible,
  #activity_status_reporter .activities-container .activity-info-wrap .activity-planner-wrap .field_container:not(.happy_face_picker) .error_visible,
  #activity_status_planner .activities-container .activity-info-wrap .activity-planner-wrap .field_container:not(.happy_face_picker) .error_visible,
  #completed_activity_status .activities-container .activity-info-wrap .activity-planner-wrap .field_container:not(.happy_face_picker) .error_visible,
  #activity_status_activity_viewer .activities-container .activity-info-wrap .activity-completed-wrap .field_container:not(.happy_face_picker) .error_visible,
  #activity_status_reporter .activities-container .activity-info-wrap .activity-completed-wrap .field_container:not(.happy_face_picker) .error_visible,
  #activity_status_planner .activities-container .activity-info-wrap .activity-completed-wrap .field_container:not(.happy_face_picker) .error_visible,
  #completed_activity_status .activities-container .activity-info-wrap .activity-completed-wrap .field_container:not(.happy_face_picker) .error_visible {
    left: 0;
  }
}

@media (max-width: 991.98px) {
  #activity_status_activity_viewer .activities-container .activity-info-wrap .activity-reporter-wrap .field_container:not(.happy_face_picker) .error_visible + .sub-heading,
  #activity_status_reporter .activities-container .activity-info-wrap .activity-reporter-wrap .field_container:not(.happy_face_picker) .error_visible + .sub-heading,
  #activity_status_planner .activities-container .activity-info-wrap .activity-reporter-wrap .field_container:not(.happy_face_picker) .error_visible + .sub-heading,
  #completed_activity_status .activities-container .activity-info-wrap .activity-reporter-wrap .field_container:not(.happy_face_picker) .error_visible + .sub-heading,
  #activity_status_activity_viewer .activities-container .activity-info-wrap .activity-planner-wrap .field_container:not(.happy_face_picker) .error_visible + .sub-heading,
  #activity_status_reporter .activities-container .activity-info-wrap .activity-planner-wrap .field_container:not(.happy_face_picker) .error_visible + .sub-heading,
  #activity_status_planner .activities-container .activity-info-wrap .activity-planner-wrap .field_container:not(.happy_face_picker) .error_visible + .sub-heading,
  #completed_activity_status .activities-container .activity-info-wrap .activity-planner-wrap .field_container:not(.happy_face_picker) .error_visible + .sub-heading,
  #activity_status_activity_viewer .activities-container .activity-info-wrap .activity-completed-wrap .field_container:not(.happy_face_picker) .error_visible + .sub-heading,
  #activity_status_reporter .activities-container .activity-info-wrap .activity-completed-wrap .field_container:not(.happy_face_picker) .error_visible + .sub-heading,
  #activity_status_planner .activities-container .activity-info-wrap .activity-completed-wrap .field_container:not(.happy_face_picker) .error_visible + .sub-heading,
  #completed_activity_status .activities-container .activity-info-wrap .activity-completed-wrap .field_container:not(.happy_face_picker) .error_visible + .sub-heading {
    padding-left: 40px;
  }
}

#activity_status_activity_viewer .activities-container .activity-info-wrap .activity-reporter-wrap .field_container:not(.happy_face_picker) .error_visible .validation_arrow_icon,
#activity_status_reporter .activities-container .activity-info-wrap .activity-reporter-wrap .field_container:not(.happy_face_picker) .error_visible .validation_arrow_icon,
#activity_status_planner .activities-container .activity-info-wrap .activity-reporter-wrap .field_container:not(.happy_face_picker) .error_visible .validation_arrow_icon,
#completed_activity_status .activities-container .activity-info-wrap .activity-reporter-wrap .field_container:not(.happy_face_picker) .error_visible .validation_arrow_icon,
#activity_status_activity_viewer .activities-container .activity-info-wrap .activity-planner-wrap .field_container:not(.happy_face_picker) .error_visible .validation_arrow_icon,
#activity_status_reporter .activities-container .activity-info-wrap .activity-planner-wrap .field_container:not(.happy_face_picker) .error_visible .validation_arrow_icon,
#activity_status_planner .activities-container .activity-info-wrap .activity-planner-wrap .field_container:not(.happy_face_picker) .error_visible .validation_arrow_icon,
#completed_activity_status .activities-container .activity-info-wrap .activity-planner-wrap .field_container:not(.happy_face_picker) .error_visible .validation_arrow_icon,
#activity_status_activity_viewer .activities-container .activity-info-wrap .activity-completed-wrap .field_container:not(.happy_face_picker) .error_visible .validation_arrow_icon,
#activity_status_reporter .activities-container .activity-info-wrap .activity-completed-wrap .field_container:not(.happy_face_picker) .error_visible .validation_arrow_icon,
#activity_status_planner .activities-container .activity-info-wrap .activity-completed-wrap .field_container:not(.happy_face_picker) .error_visible .validation_arrow_icon,
#completed_activity_status .activities-container .activity-info-wrap .activity-completed-wrap .field_container:not(.happy_face_picker) .error_visible .validation_arrow_icon {
  display: block;
  float: right;
  height: 17px;
  width: 15px;
  background-image: url(/static/img/reporter_error_arrows.png);
  background-position: 0 0;
}

#activity_status_activity_viewer .activities-container .activity-info-wrap .activity-reporter-wrap .field_container:not(.happy_face_picker) .error_visible .validation_pen_icon,
#activity_status_reporter .activities-container .activity-info-wrap .activity-reporter-wrap .field_container:not(.happy_face_picker) .error_visible .validation_pen_icon,
#activity_status_planner .activities-container .activity-info-wrap .activity-reporter-wrap .field_container:not(.happy_face_picker) .error_visible .validation_pen_icon,
#completed_activity_status .activities-container .activity-info-wrap .activity-reporter-wrap .field_container:not(.happy_face_picker) .error_visible .validation_pen_icon,
#activity_status_activity_viewer .activities-container .activity-info-wrap .activity-planner-wrap .field_container:not(.happy_face_picker) .error_visible .validation_pen_icon,
#activity_status_reporter .activities-container .activity-info-wrap .activity-planner-wrap .field_container:not(.happy_face_picker) .error_visible .validation_pen_icon,
#activity_status_planner .activities-container .activity-info-wrap .activity-planner-wrap .field_container:not(.happy_face_picker) .error_visible .validation_pen_icon,
#completed_activity_status .activities-container .activity-info-wrap .activity-planner-wrap .field_container:not(.happy_face_picker) .error_visible .validation_pen_icon,
#activity_status_activity_viewer .activities-container .activity-info-wrap .activity-completed-wrap .field_container:not(.happy_face_picker) .error_visible .validation_pen_icon,
#activity_status_reporter .activities-container .activity-info-wrap .activity-completed-wrap .field_container:not(.happy_face_picker) .error_visible .validation_pen_icon,
#activity_status_planner .activities-container .activity-info-wrap .activity-completed-wrap .field_container:not(.happy_face_picker) .error_visible .validation_pen_icon,
#completed_activity_status .activities-container .activity-info-wrap .activity-completed-wrap .field_container:not(.happy_face_picker) .error_visible .validation_pen_icon {
  background-image: url("/static/img/sprite-1.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -124px -529px;
  display: block;
  float: left;
  height: 23px;
  width: 23px;
}

#activity_status_activity_viewer .activities-container .activity-info-wrap .activity-reporter-wrap .field_container:not(.happy_face_picker) .error_visible .text,
#activity_status_reporter .activities-container .activity-info-wrap .activity-reporter-wrap .field_container:not(.happy_face_picker) .error_visible .text,
#activity_status_planner .activities-container .activity-info-wrap .activity-reporter-wrap .field_container:not(.happy_face_picker) .error_visible .text,
#completed_activity_status .activities-container .activity-info-wrap .activity-reporter-wrap .field_container:not(.happy_face_picker) .error_visible .text,
#activity_status_activity_viewer .activities-container .activity-info-wrap .activity-planner-wrap .field_container:not(.happy_face_picker) .error_visible .text,
#activity_status_reporter .activities-container .activity-info-wrap .activity-planner-wrap .field_container:not(.happy_face_picker) .error_visible .text,
#activity_status_planner .activities-container .activity-info-wrap .activity-planner-wrap .field_container:not(.happy_face_picker) .error_visible .text,
#completed_activity_status .activities-container .activity-info-wrap .activity-planner-wrap .field_container:not(.happy_face_picker) .error_visible .text,
#activity_status_activity_viewer .activities-container .activity-info-wrap .activity-completed-wrap .field_container:not(.happy_face_picker) .error_visible .text,
#activity_status_reporter .activities-container .activity-info-wrap .activity-completed-wrap .field_container:not(.happy_face_picker) .error_visible .text,
#activity_status_planner .activities-container .activity-info-wrap .activity-completed-wrap .field_container:not(.happy_face_picker) .error_visible .text,
#completed_activity_status .activities-container .activity-info-wrap .activity-completed-wrap .field_container:not(.happy_face_picker) .error_visible .text {
  display: block;
  float: left;
  padding: 0;
  margin: 0 5px;
}

#activity_status_activity_viewer .activities-container .activity-info-wrap .activity-reporter-wrap label#smiles-title,
#activity_status_reporter .activities-container .activity-info-wrap .activity-reporter-wrap label#smiles-title,
#activity_status_planner .activities-container .activity-info-wrap .activity-reporter-wrap label#smiles-title,
#completed_activity_status .activities-container .activity-info-wrap .activity-reporter-wrap label#smiles-title,
#activity_status_activity_viewer .activities-container .activity-info-wrap .activity-planner-wrap label#smiles-title,
#activity_status_reporter .activities-container .activity-info-wrap .activity-planner-wrap label#smiles-title,
#activity_status_planner .activities-container .activity-info-wrap .activity-planner-wrap label#smiles-title,
#completed_activity_status .activities-container .activity-info-wrap .activity-planner-wrap label#smiles-title,
#activity_status_activity_viewer .activities-container .activity-info-wrap .activity-completed-wrap label#smiles-title,
#activity_status_reporter .activities-container .activity-info-wrap .activity-completed-wrap label#smiles-title,
#activity_status_planner .activities-container .activity-info-wrap .activity-completed-wrap label#smiles-title,
#completed_activity_status .activities-container .activity-info-wrap .activity-completed-wrap label#smiles-title {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  width: 170px;
  float: left;
  color: #7b4408;
  line-height: 18px;
  margin: 10px 10px 0 0;
  text-align: right;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  #activity_status_activity_viewer .activities-container .activity-info-wrap .activity-reporter-wrap label#smiles-title,
  #activity_status_reporter .activities-container .activity-info-wrap .activity-reporter-wrap label#smiles-title,
  #activity_status_planner .activities-container .activity-info-wrap .activity-reporter-wrap label#smiles-title,
  #completed_activity_status .activities-container .activity-info-wrap .activity-reporter-wrap label#smiles-title,
  #activity_status_activity_viewer .activities-container .activity-info-wrap .activity-planner-wrap label#smiles-title,
  #activity_status_reporter .activities-container .activity-info-wrap .activity-planner-wrap label#smiles-title,
  #activity_status_planner .activities-container .activity-info-wrap .activity-planner-wrap label#smiles-title,
  #completed_activity_status .activities-container .activity-info-wrap .activity-planner-wrap label#smiles-title,
  #activity_status_activity_viewer .activities-container .activity-info-wrap .activity-completed-wrap label#smiles-title,
  #activity_status_reporter .activities-container .activity-info-wrap .activity-completed-wrap label#smiles-title,
  #activity_status_planner .activities-container .activity-info-wrap .activity-completed-wrap label#smiles-title,
  #completed_activity_status .activities-container .activity-info-wrap .activity-completed-wrap label#smiles-title {
    width: 165px;
  }
}

@media (max-width: 767.98px) {
  #activity_status_activity_viewer .activities-container .activity-info-wrap .activity-reporter-wrap label#smiles-title,
  #activity_status_reporter .activities-container .activity-info-wrap .activity-reporter-wrap label#smiles-title,
  #activity_status_planner .activities-container .activity-info-wrap .activity-reporter-wrap label#smiles-title,
  #completed_activity_status .activities-container .activity-info-wrap .activity-reporter-wrap label#smiles-title,
  #activity_status_activity_viewer .activities-container .activity-info-wrap .activity-planner-wrap label#smiles-title,
  #activity_status_reporter .activities-container .activity-info-wrap .activity-planner-wrap label#smiles-title,
  #activity_status_planner .activities-container .activity-info-wrap .activity-planner-wrap label#smiles-title,
  #completed_activity_status .activities-container .activity-info-wrap .activity-planner-wrap label#smiles-title,
  #activity_status_activity_viewer .activities-container .activity-info-wrap .activity-completed-wrap label#smiles-title,
  #activity_status_reporter .activities-container .activity-info-wrap .activity-completed-wrap label#smiles-title,
  #activity_status_planner .activities-container .activity-info-wrap .activity-completed-wrap label#smiles-title,
  #completed_activity_status .activities-container .activity-info-wrap .activity-completed-wrap label#smiles-title {
    text-align: left;
    float: none;
    margin: 10px 0;
    width: 100%;
  }
}

#activity_status_activity_viewer .activities-container .activity-info-wrap .activity-reporter-wrap .right_img,
#activity_status_reporter .activities-container .activity-info-wrap .activity-reporter-wrap .right_img,
#activity_status_planner .activities-container .activity-info-wrap .activity-reporter-wrap .right_img,
#completed_activity_status .activities-container .activity-info-wrap .activity-reporter-wrap .right_img,
#activity_status_activity_viewer .activities-container .activity-info-wrap .activity-planner-wrap .right_img,
#activity_status_reporter .activities-container .activity-info-wrap .activity-planner-wrap .right_img,
#activity_status_planner .activities-container .activity-info-wrap .activity-planner-wrap .right_img,
#completed_activity_status .activities-container .activity-info-wrap .activity-planner-wrap .right_img,
#activity_status_activity_viewer .activities-container .activity-info-wrap .activity-completed-wrap .right_img,
#activity_status_reporter .activities-container .activity-info-wrap .activity-completed-wrap .right_img,
#activity_status_planner .activities-container .activity-info-wrap .activity-completed-wrap .right_img,
#completed_activity_status .activities-container .activity-info-wrap .activity-completed-wrap .right_img {
  position: relative;
  display: block;
  margin-bottom: 50px;
}

@media (max-width: 991.98px) {
  #activity_status_activity_viewer .activities-container .activity-info-wrap .activity-reporter-wrap .right_img,
  #activity_status_reporter .activities-container .activity-info-wrap .activity-reporter-wrap .right_img,
  #activity_status_planner .activities-container .activity-info-wrap .activity-reporter-wrap .right_img,
  #completed_activity_status .activities-container .activity-info-wrap .activity-reporter-wrap .right_img,
  #activity_status_activity_viewer .activities-container .activity-info-wrap .activity-planner-wrap .right_img,
  #activity_status_reporter .activities-container .activity-info-wrap .activity-planner-wrap .right_img,
  #activity_status_planner .activities-container .activity-info-wrap .activity-planner-wrap .right_img,
  #completed_activity_status .activities-container .activity-info-wrap .activity-planner-wrap .right_img,
  #activity_status_activity_viewer .activities-container .activity-info-wrap .activity-completed-wrap .right_img,
  #activity_status_reporter .activities-container .activity-info-wrap .activity-completed-wrap .right_img,
  #activity_status_planner .activities-container .activity-info-wrap .activity-completed-wrap .right_img,
  #completed_activity_status .activities-container .activity-info-wrap .activity-completed-wrap .right_img {
    margin: 20px auto 0;
    width: auto;
  }
}

#activity_status_activity_viewer .activities-container .activity-info-wrap .activity-reporter-wrap .right_img .sticker.sticker_right,
#activity_status_reporter .activities-container .activity-info-wrap .activity-reporter-wrap .right_img .sticker.sticker_right,
#activity_status_planner .activities-container .activity-info-wrap .activity-reporter-wrap .right_img .sticker.sticker_right,
#completed_activity_status .activities-container .activity-info-wrap .activity-reporter-wrap .right_img .sticker.sticker_right,
#activity_status_activity_viewer .activities-container .activity-info-wrap .activity-planner-wrap .right_img .sticker.sticker_right,
#activity_status_reporter .activities-container .activity-info-wrap .activity-planner-wrap .right_img .sticker.sticker_right,
#activity_status_planner .activities-container .activity-info-wrap .activity-planner-wrap .right_img .sticker.sticker_right,
#completed_activity_status .activities-container .activity-info-wrap .activity-planner-wrap .right_img .sticker.sticker_right,
#activity_status_activity_viewer .activities-container .activity-info-wrap .activity-completed-wrap .right_img .sticker.sticker_right,
#activity_status_reporter .activities-container .activity-info-wrap .activity-completed-wrap .right_img .sticker.sticker_right,
#activity_status_planner .activities-container .activity-info-wrap .activity-completed-wrap .right_img .sticker.sticker_right,
#completed_activity_status .activities-container .activity-info-wrap .activity-completed-wrap .right_img .sticker.sticker_right {
  right: -10px;
}

#activity_status_activity_viewer .activities-container .activity-info-wrap .activity-reporter-wrap .right_img .activity-status-image,
#activity_status_reporter .activities-container .activity-info-wrap .activity-reporter-wrap .right_img .activity-status-image,
#activity_status_planner .activities-container .activity-info-wrap .activity-reporter-wrap .right_img .activity-status-image,
#completed_activity_status .activities-container .activity-info-wrap .activity-reporter-wrap .right_img .activity-status-image,
#activity_status_activity_viewer .activities-container .activity-info-wrap .activity-planner-wrap .right_img .activity-status-image,
#activity_status_reporter .activities-container .activity-info-wrap .activity-planner-wrap .right_img .activity-status-image,
#activity_status_planner .activities-container .activity-info-wrap .activity-planner-wrap .right_img .activity-status-image,
#completed_activity_status .activities-container .activity-info-wrap .activity-planner-wrap .right_img .activity-status-image,
#activity_status_activity_viewer .activities-container .activity-info-wrap .activity-completed-wrap .right_img .activity-status-image,
#activity_status_reporter .activities-container .activity-info-wrap .activity-completed-wrap .right_img .activity-status-image,
#activity_status_planner .activities-container .activity-info-wrap .activity-completed-wrap .right_img .activity-status-image,
#completed_activity_status .activities-container .activity-info-wrap .activity-completed-wrap .right_img .activity-status-image {
  background-color: #fff;
  border: 7px double #fff;
  -webkit-box-shadow: 0 0 1px #888;
  box-shadow: 0 0 1px #888;
}

#activity_status_activity_viewer .activities-container .activity-info-wrap .activity-reporter-wrap .right_img .js-image-display-view,
#activity_status_reporter .activities-container .activity-info-wrap .activity-reporter-wrap .right_img .js-image-display-view,
#activity_status_planner .activities-container .activity-info-wrap .activity-reporter-wrap .right_img .js-image-display-view,
#completed_activity_status .activities-container .activity-info-wrap .activity-reporter-wrap .right_img .js-image-display-view,
#activity_status_activity_viewer .activities-container .activity-info-wrap .activity-planner-wrap .right_img .js-image-display-view,
#activity_status_reporter .activities-container .activity-info-wrap .activity-planner-wrap .right_img .js-image-display-view,
#activity_status_planner .activities-container .activity-info-wrap .activity-planner-wrap .right_img .js-image-display-view,
#completed_activity_status .activities-container .activity-info-wrap .activity-planner-wrap .right_img .js-image-display-view,
#activity_status_activity_viewer .activities-container .activity-info-wrap .activity-completed-wrap .right_img .js-image-display-view,
#activity_status_reporter .activities-container .activity-info-wrap .activity-completed-wrap .right_img .js-image-display-view,
#activity_status_planner .activities-container .activity-info-wrap .activity-completed-wrap .right_img .js-image-display-view,
#completed_activity_status .activities-container .activity-info-wrap .activity-completed-wrap .right_img .js-image-display-view {
  display: block;
}

#activity_status_activity_viewer .activities-container .activity-info-wrap .activity-reporter-wrap .right_img .js-image-display-view img,
#activity_status_reporter .activities-container .activity-info-wrap .activity-reporter-wrap .right_img .js-image-display-view img,
#activity_status_planner .activities-container .activity-info-wrap .activity-reporter-wrap .right_img .js-image-display-view img,
#completed_activity_status .activities-container .activity-info-wrap .activity-reporter-wrap .right_img .js-image-display-view img,
#activity_status_activity_viewer .activities-container .activity-info-wrap .activity-planner-wrap .right_img .js-image-display-view img,
#activity_status_reporter .activities-container .activity-info-wrap .activity-planner-wrap .right_img .js-image-display-view img,
#activity_status_planner .activities-container .activity-info-wrap .activity-planner-wrap .right_img .js-image-display-view img,
#completed_activity_status .activities-container .activity-info-wrap .activity-planner-wrap .right_img .js-image-display-view img,
#activity_status_activity_viewer .activities-container .activity-info-wrap .activity-completed-wrap .right_img .js-image-display-view img,
#activity_status_reporter .activities-container .activity-info-wrap .activity-completed-wrap .right_img .js-image-display-view img,
#activity_status_planner .activities-container .activity-info-wrap .activity-completed-wrap .right_img .js-image-display-view img,
#completed_activity_status .activities-container .activity-info-wrap .activity-completed-wrap .right_img .js-image-display-view img {
  background-color: #ffffff;
  padding: 5px;
  border: 1px solid #d9dedc;
}

#activity_status_activity_viewer .activities-container .activity-info-wrap .activity-completed-wrap,
#activity_status_reporter .activities-container .activity-info-wrap .activity-completed-wrap,
#activity_status_planner .activities-container .activity-info-wrap .activity-completed-wrap,
#completed_activity_status .activities-container .activity-info-wrap .activity-completed-wrap {
  padding: 20px 10px 15px 60px;
}

#activity_status_activity_viewer .activities-container .activity-info-wrap .activity_title,
#activity_status_reporter .activities-container .activity-info-wrap .activity_title,
#activity_status_planner .activities-container .activity-info-wrap .activity_title,
#completed_activity_status .activities-container .activity-info-wrap .activity_title {
  font-size: 2.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  padding: 0;
  margin: 0 0 10px;
  color: #2ac0e6;
}

#activity_status_activity_viewer .activities-container .instruction_button,
#activity_status_reporter .activities-container .instruction_button,
#activity_status_planner .activities-container .instruction_button,
#completed_activity_status .activities-container .instruction_button {
  font-size: 1.1rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  position: relative;
  top: -10px;
  margin: 0 auto;
  color: #d87b38;
  border: thin solid #e1e5e2;
  border-radius: 2px;
  cursor: pointer;
  z-index: 10;
  padding: 0 20px;
  background: #fff;
}

#activity_status_activity_viewer .activities-container .instruction_button:before,
#activity_status_reporter .activities-container .instruction_button:before,
#activity_status_planner .activities-container .instruction_button:before,
#completed_activity_status .activities-container .instruction_button:before,
#activity_status_activity_viewer .activities-container .instruction_button:after,
#activity_status_reporter .activities-container .instruction_button:after,
#activity_status_planner .activities-container .instruction_button:after,
#completed_activity_status .activities-container .instruction_button:after {
  content: "";
  border-style: solid;
  border-width: 4px;
  border-color: transparent transparent #ff7a00 transparent;
  width: 0;
  height: 0;
  position: absolute;
  top: 2px;
}

#activity_status_activity_viewer .activities-container .instruction_button:before,
#activity_status_reporter .activities-container .instruction_button:before,
#activity_status_planner .activities-container .instruction_button:before,
#completed_activity_status .activities-container .instruction_button:before {
  left: 5px;
}

#activity_status_activity_viewer .activities-container .instruction_button:after,
#activity_status_reporter .activities-container .instruction_button:after,
#activity_status_planner .activities-container .instruction_button:after,
#completed_activity_status .activities-container .instruction_button:after {
  right: 5px;
}

#activity_status_activity_viewer .activities-container .instruction_button.show_instruction_bg:after,
#activity_status_reporter .activities-container .instruction_button.show_instruction_bg:after,
#activity_status_planner .activities-container .instruction_button.show_instruction_bg:after,
#completed_activity_status .activities-container .instruction_button.show_instruction_bg:after,
#activity_status_activity_viewer .activities-container .instruction_button.show_instruction_bg:before,
#activity_status_reporter .activities-container .instruction_button.show_instruction_bg:before,
#activity_status_planner .activities-container .instruction_button.show_instruction_bg:before,
#completed_activity_status .activities-container .instruction_button.show_instruction_bg:before {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  top: 6px;
}

#activity_status_activity_viewer .activities-container .instruction_text,
#activity_status_reporter .activities-container .instruction_text,
#activity_status_planner .activities-container .instruction_text,
#completed_activity_status .activities-container .instruction_text {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  background: #fff;
  padding: 10px;
  display: inline-block;
}

#activity_status_activity_viewer .activities-container .instruction_text p,
#activity_status_reporter .activities-container .instruction_text p,
#activity_status_planner .activities-container .instruction_text p,
#completed_activity_status .activities-container .instruction_text p {
  font-size: 1.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin: 0;
  padding-left: 25px;
  max-width: 180px;
  color: #656565;
  word-wrap: break-word;
}

#activity_status_activity_viewer .activities-container .instruction_text span.icon_instruction_text,
#activity_status_reporter .activities-container .instruction_text span.icon_instruction_text,
#activity_status_planner .activities-container .instruction_text span.icon_instruction_text,
#completed_activity_status .activities-container .instruction_text span.icon_instruction_text {
  width: 14px;
  height: 21px;
  background: transparent url(/static/img/activity_viewer/icon_instruction_text.png) 0 0 no-repeat;
  float: left;
}

h1,
h2,
h3,
h4,
div {
  outline: none;
}

.validation-error {
  background: red;
}

.circular.coach {
  background: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: none !important;
}

.activities-container h3 {
  color: #7c4412;
  font-weight: normal;
  line-height: 18px;
  margin: 10px 10px 0 0;
}

.activities-container h3 a.nick {
  font-size: 2.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #7b4408;
  line-height: 20px;
}

.activities-container ::-webkit-input-placeholder {
  color: #372f2b;
}

.activities-container :-moz-placeholder {
  color: #372f2b;
}

.activities-container :-ms-input-placeholder {
  color: #372f2b;
}

.ana_activity_logo {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 32px;
  height: 32px;
}

.ana_activity_logo img {
  position: absolute;
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
}

#completed_activity_status .tip-short-text {
  font-size: 22px;
  color: #666666;
  font-weight: bold;
}

#completed_activity_status button.js-like,
#completed_activity_status button.js-unlike {
  margin-top: 8px;
  height: 22px;
  line-height: 22px;
  border-radius: 2px;
  background-clip: padding-box;
  padding: 0 10px 0 0;
  color: #5f5f5f;
  border: 1px solid #cac9c6;
  background-color: #fafafa;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zd…AiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f3f3f3));
  background-image: linear-gradient(to bottom, #fff, #f3f3f3 100%);
  font-family: OpenSansSemiBold;
}

#completed_activity_status .activity-wrap.step2wrap {
  position: relative;
  padding-top: 10px;
}

#completed_activity_status .activity-wrap.step2wrap:after {
  content: "";
  position: absolute;
  bottom: -15px;
  left: 0;
  background: url(/static/img/activity_viewer/shadow-activity_reporter.png) no-repeat center 100% transparent;
  width: 888px;
  height: 15px;
  z-index: 2;
  visibility: visible;
}

#activity_status_planner .activity-wrap.planner-wrap:after {
  content: "";
  position: absolute;
  bottom: -15px;
  left: 0;
  width: 888px;
  height: 15px;
  z-index: 2;
  visibility: visible;
}

#activity_status_planner form.main_form,
#completed_activity_status form.main_form {
  background: #ffffff;
  padding: 10px;
  border-radius: 8px;
  background-clip: padding-box;
  border-color: #aaa;
}

#activity_status_planner .tip-short-text,
#completed_activity_status .tip-short-text {
  color: #9c9c9c;
  line-height: 57px;
  font-size: 1.9rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin: 0px;
}

#activity_status_planner .instructions-container,
#completed_activity_status .instructions-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 20px;
}

#activity_status_planner .instructions-container img,
#completed_activity_status .instructions-container img {
  margin-right: 15px;
  min-width: 186px;
  height: 168px;
}

#activity_status_planner .instructions-container.hidden,
#completed_activity_status .instructions-container.hidden {
  display: none;
}

#activity_status_planner .js-why-it-works.transparent span,
#completed_activity_status .js-why-it-works.transparent span {
  position: relative;
  top: 4px;
  margin-right: 5px;
}

#activity_status_planner .user_picker input,
#completed_activity_status .user_picker input,
#activity_status_planner .technique_status-description-section textarea,
#completed_activity_status .technique_status-description-section textarea {
  width: 400px;
}

#activity_status_planner .user_picker,
#completed_activity_status .user_picker {
  height: 25px;
  margin-top: 17px;
}

#activity_status_activity_viewer,
#completed_activity_status {
  zoom: 1;
  position: relative;
  padding-top: 2px;
}

#activity_status_activity_viewer:before,
#completed_activity_status:before,
#activity_status_activity_viewer:after,
#completed_activity_status:after {
  content: '';
  display: table;
}

#activity_status_activity_viewer:after,
#completed_activity_status:after {
  clear: both;
}

#activity_status_activity_viewer::after,
#completed_activity_status::after {
  display: block;
  clear: both;
  content: "";
}

#activity_status_activity_viewer:before,
#completed_activity_status:before,
#activity_status_activity_viewer:after,
#completed_activity_status:after {
  content: '';
  display: table;
}

#activity_status_activity_viewer:after,
#completed_activity_status:after {
  clear: both;
}

#activity_status_activity_viewer::after,
#completed_activity_status::after {
  display: block;
  clear: both;
  content: "";
}

#activity_status_activity_viewer::after,
#completed_activity_status::after {
  display: block;
  clear: both;
  content: "";
}

#activity_status_activity_viewer::after,
#completed_activity_status::after {
  display: block;
  clear: both;
  content: "";
}

#activity_status_activity_viewer #activity-viral-share-widget,
#completed_activity_status #activity-viral-share-widget {
  position: relative;
}

#activity_status_activity_viewer .skill-color h2,
#completed_activity_status .skill-color h2 {
  font-size: 2.2rem;
  font-family: OpenSansBold;
  font-weight: normal;
  color: #fff;
  margin: 0 0 0 15px;
  float: left;
}

#activity_status_activity_viewer .skill-color h3,
#completed_activity_status .skill-color h3 {
  font-size: 3rem;
  font-family: OpenSansBold;
  font-weight: normal;
  color: #fff;
  text-align: center;
  line-height: 18px;
  margin: -1px 0;
  float: right;
}

#activity_status_activity_viewer .skill-color h3 em,
#completed_activity_status .skill-color h3 em {
  font-size: 15px;
  display: block;
  font-style: normal;
  margin-top: 5px;
}

#activity_status_activity_viewer .skill-color.gi,
#completed_activity_status .skill-color.gi {
  background: #06b709;
  border-color: #06b709;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

#activity_status_activity_viewer .skill-color.gi h3,
#completed_activity_status .skill-color.gi h3 {
  margin: 10px 5px 0 0;
}

#activity_status_activity_viewer .skill-color.sa,
#completed_activity_status .skill-color.sa {
  background: #c5168a;
  border-color: #c5168a;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

#activity_status_activity_viewer .skill-color.sa h2,
#completed_activity_status .skill-color.sa h2 {
  margin: 10px 0 0 25px;
}

#activity_status_activity_viewer .skill-color.sa h3,
#completed_activity_status .skill-color.sa h3 {
  margin: 10px 5px 0 0;
}

#activity_status_activity_viewer .skill-color.th,
#completed_activity_status .skill-color.th {
  background: #ff7a00;
  border-color: #ff7a00;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

#activity_status_activity_viewer .skill-color.as,
#completed_activity_status .skill-color.as {
  background: #00aaea;
  border-color: #00aaea;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

#activity_status_activity_viewer .skill-color.em,
#completed_activity_status .skill-color.em {
  background: #ff3131;
  border-color: #ff3131;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

#activity_status_activity_viewer .skill-color.em h3,
#completed_activity_status .skill-color.em h3 {
  margin: 10px 5px 0 0;
}

#activity_status_activity_viewer .skill-color.ot,
#completed_activity_status .skill-color.ot {
  background: #f4d420;
  border-color: #f4d420;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

#activity_status_activity_viewer .skill-color.ot h3,
#completed_activity_status .skill-color.ot h3 {
  margin: 10px 5px 0 0;
}

#activity_status_activity_viewer .skill-icon-large,
#completed_activity_status .skill-icon-large {
  float: left;
  display: block;
}

#activity_status_activity_viewer .skill-icon-large.empathize,
#completed_activity_status .skill-icon-large.empathize {
  width: 60px;
  height: 51px;
  margin: 0 0 0 0;
}

#activity_status_activity_viewer .skill-icon-large.aspire,
#completed_activity_status .skill-icon-large.aspire {
  width: 80px;
  height: 42px;
  margin: 0 0 -10px 0;
}

#activity_status_activity_viewer .skill-icon-large.give,
#completed_activity_status .skill-icon-large.give {
  width: 52px;
  height: 55px;
  margin: 0 0 -10px 0;
}

#activity_status_activity_viewer .skill-icon-large.thank,
#completed_activity_status .skill-icon-large.thank {
  width: 77px;
  height: 49px;
  margin: 0 0 -10px 0;
}

#activity_status_activity_viewer .skill-icon-large.savor,
#completed_activity_status .skill-icon-large.savor {
  width: 49px;
  height: 66px;
  margin: 0 0 -10px 0;
}

#activity_status_activity_viewer.js-tip-selected .js-why-it-works,
#completed_activity_status.js-tip-selected .js-why-it-works,
#activity_status_activity_viewer .js-tip-selected .container-old,
#completed_activity_status .js-tip-selected .container-old {
  display: block;
}

#activity_status_activity_viewer.js-tip-selected .js-why-it-works.hidden,
#completed_activity_status.js-tip-selected .js-why-it-works.hidden,
#activity_status_activity_viewer .js-tip-selected .container-old.hidden,
#completed_activity_status .js-tip-selected .container-old.hidden {
  display: none;
}

#activity_status_activity_viewer .activity_info h3 a,
#completed_activity_status .activity_info h3 a {
  font-size: 12px;
  font-weight: normal;
}

#activity_status_activity_viewer .activity_info a.lock,
#completed_activity_status .activity_info a.lock {
  font-size: 12px;
  margin: 3px 0 0 10px;
}

#activity_status_activity_viewer .content-pane h2,
#completed_activity_status .content-pane h2,
#activity_status_activity_viewer .content-pane #tip_selection_title,
#completed_activity_status .content-pane #tip_selection_title {
  font-size: 1.9rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #666;
  margin: 0;
  padding: 0;
  line-height: 36px;
}

#activity_status_activity_viewer .content-pane .only-one-tip-text,
#completed_activity_status .content-pane .only-one-tip-text {
  font-size: 1.9rem;
  font-family: OpenSansBold;
  font-weight: normal;
  padding-top: 10px;
  color: #666;
}

#activity_status_activity_viewer .content-pane .btn-group .btn,
#completed_activity_status .content-pane .btn-group .btn {
  color: #000;
  max-width: 425px;
}

#activity_status_activity_viewer .content-pane #listbox-button.btn-group,
#completed_activity_status .content-pane #listbox-button.btn-group {
  border: none;
  margin: 0;
  padding: 0 !important;
  background: none;
  position: unset;
}

#activity_status_activity_viewer .content-pane #listbox-button.btn-group .right-part,
#completed_activity_status .content-pane #listbox-button.btn-group .right-part {
  background: -webkit-gradient(linear, left bottom, left top, from(#d8d8d8), to(#EEE));
  background: linear-gradient(to top, #d8d8d8 0%, #EEE 100%);
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  padding: 4px 8px 4px 8px;
  display: inline-block;
  border: 1px #dbdbdb solid;
  border-left: 0;
}

#activity_status_activity_viewer #content-box h3,
#completed_activity_status #content-box h3 {
  margin: 0 0;
}

#activity_status_activity_viewer #content-box .button-group,
#completed_activity_status #content-box .button-group {
  margin-bottom: 5px;
}

#activity_status_activity_viewer #content-box .button-group .btn,
#completed_activity_status #content-box .button-group .btn {
  padding: 100px;
  width: 140px;
  margin: 0 5px;
}

#activity_status_reporter .activities-container,
#activity_status_activity_viewer .activities-container,
#completed_activity_status .activities-container {
  /* ========= C S R =========== */
}

#activity_status_reporter .activities-container .cs-reporter,
#activity_status_activity_viewer .activities-container .cs-reporter,
#completed_activity_status .activities-container .cs-reporter {
  position: relative;
  margin: 0 auto;
  text-align: right;
}

@media (max-width: 991.98px) {
  #activity_status_reporter .activities-container .cs-reporter,
  #activity_status_activity_viewer .activities-container .cs-reporter,
  #completed_activity_status .activities-container .cs-reporter {
    text-align: center;
  }
}

#activity_status_reporter .activities-container .cs-reporter.first-time,
#activity_status_activity_viewer .activities-container .cs-reporter.first-time,
#completed_activity_status .activities-container .cs-reporter.first-time {
  width: calc(100% - -30px);
  min-height: 500px;
  margin: -15px -15px 0;
  text-align: center;
  background: url("/static/img/strengths/strengths_bg2.png") no-repeat, rgba(234, 241, 239, 0.6);
  background-size: cover;
}

#activity_status_reporter .activities-container .cs-reporter h2,
#activity_status_activity_viewer .activities-container .cs-reporter h2,
#completed_activity_status .activities-container .cs-reporter h2 {
  color: #00aaea;
  font-size: 30px;
  text-align: center;
  margin-bottom: 10px;
}

#activity_status_reporter .activities-container .cs-reporter h4,
#activity_status_activity_viewer .activities-container .cs-reporter h4,
#completed_activity_status .activities-container .cs-reporter h4 {
  font-size: 1.4rem;
  font-family: OpenSansBold;
  font-weight: normal;
  color: #777;
}

#activity_status_reporter .activities-container .cs-reporter .centered,
#activity_status_activity_viewer .activities-container .cs-reporter .centered,
#completed_activity_status .activities-container .cs-reporter .centered {
  margin: 40px 15px 40px auto;
  width: 50%;
}

@media (min-width: 768px) and (max-width: 991.98px) {
  #activity_status_reporter .activities-container .cs-reporter .centered,
  #activity_status_activity_viewer .activities-container .cs-reporter .centered,
  #completed_activity_status .activities-container .cs-reporter .centered {
    margin: 40px auto;
    width: 70%;
  }
}

@media (max-width: 767.98px) {
  #activity_status_reporter .activities-container .cs-reporter .centered,
  #activity_status_activity_viewer .activities-container .cs-reporter .centered,
  #completed_activity_status .activities-container .cs-reporter .centered {
    margin: 40px 0;
    width: 100%;
    padding: 0 15px;
  }
}

#activity_status_reporter .activities-container .cs-reporter .centered > h4,
#activity_status_activity_viewer .activities-container .cs-reporter .centered > h4,
#completed_activity_status .activities-container .cs-reporter .centered > h4 {
  max-width: 455px;
  text-align: left;
}

@media (max-width: 991.98px) {
  #activity_status_reporter .activities-container .cs-reporter .centered > h4,
  #activity_status_activity_viewer .activities-container .cs-reporter .centered > h4,
  #completed_activity_status .activities-container .cs-reporter .centered > h4 {
    max-width: none;
  }
}

#activity_status_reporter .activities-container .cs-reporter .centered > p,
#activity_status_activity_viewer .activities-container .cs-reporter .centered > p,
#completed_activity_status .activities-container .cs-reporter .centered > p {
  max-width: 440px;
  text-align: left;
}

@media (max-width: 991.98px) {
  #activity_status_reporter .activities-container .cs-reporter .centered > p,
  #activity_status_activity_viewer .activities-container .cs-reporter .centered > p,
  #completed_activity_status .activities-container .cs-reporter .centered > p {
    max-width: none;
  }
}

#activity_status_reporter .activities-container .cs-reporter .strengths-list,
#activity_status_activity_viewer .activities-container .cs-reporter .strengths-list,
#completed_activity_status .activities-container .cs-reporter .strengths-list {
  margin: 50px 0;
  text-align: center;
}

#activity_status_reporter .activities-container .cs-reporter .strengths-list li,
#activity_status_activity_viewer .activities-container .cs-reporter .strengths-list li,
#completed_activity_status .activities-container .cs-reporter .strengths-list li {
  display: inline-block;
  width: 180px;
  vertical-align: text-top;
  margin-bottom: 10px;
}

#activity_status_reporter .activities-container .cs-reporter .strength-tooltip,
#activity_status_activity_viewer .activities-container .cs-reporter .strength-tooltip,
#completed_activity_status .activities-container .cs-reporter .strength-tooltip {
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 50%;
  text-align: center;
  font-size: 1.5rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  background: #00aaea;
  color: #fff;
  display: inline-block;
  position: absolute;
  margin-left: 10px;
  cursor: pointer;
}

#activity_status_reporter .activities-container .cs-reporter .strength-tooltip:hover > div,
#activity_status_activity_viewer .activities-container .cs-reporter .strength-tooltip:hover > div,
#completed_activity_status .activities-container .cs-reporter .strength-tooltip:hover > div,
#activity_status_reporter .activities-container .cs-reporter .strength-tooltip:focus > div,
#activity_status_activity_viewer .activities-container .cs-reporter .strength-tooltip:focus > div,
#completed_activity_status .activities-container .cs-reporter .strength-tooltip:focus > div {
  display: block;
}

#activity_status_reporter .activities-container .cs-reporter .strength-tooltip > div,
#activity_status_activity_viewer .activities-container .cs-reporter .strength-tooltip > div,
#completed_activity_status .activities-container .cs-reporter .strength-tooltip > div {
  -webkit-box-shadow: 0 3px rgba(0, 0, 0, 0.07);
  box-shadow: 0 3px rgba(0, 0, 0, 0.07);
  padding: 20px;
  top: 33px;
  background: #fff;
  border: 1px solid #d0d0d1;
  display: none;
  position: absolute;
  line-height: 1.2;
  text-align: left;
  width: 300px;
  left: -70px;
  border-radius: 5px;
  z-index: 999;
}

#activity_status_reporter .activities-container .cs-reporter .strength-tooltip > div span:first-of-type,
#activity_status_activity_viewer .activities-container .cs-reporter .strength-tooltip > div span:first-of-type,
#completed_activity_status .activities-container .cs-reporter .strength-tooltip > div span:first-of-type {
  font-size: 1.5rem;
  font-family: OpenSansBold;
  font-weight: normal;
  color: #777;
  display: block;
  margin-bottom: 10px;
  text-align: center;
}

#activity_status_reporter .activities-container .cs-reporter .strength-tooltip > div span:last-of-type,
#activity_status_activity_viewer .activities-container .cs-reporter .strength-tooltip > div span:last-of-type,
#completed_activity_status .activities-container .cs-reporter .strength-tooltip > div span:last-of-type {
  font-size: 1.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
  text-transform: none;
  text-align: left;
}

#activity_status_reporter .activities-container .cs-reporter .strength-tooltip > div::after,
#activity_status_activity_viewer .activities-container .cs-reporter .strength-tooltip > div::after,
#completed_activity_status .activities-container .cs-reporter .strength-tooltip > div::after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 20px;
  height: 20px;
  top: -10px;
  border-top: 1px solid #d0d0d1;
  border-left: 1px solid #d0d0d1;
  position: absolute;
  left: 20%;
  background: inherit;
  content: "";
}

#activity_status_reporter .activities-container .cs-reporter .strength-name,
#activity_status_activity_viewer .activities-container .cs-reporter .strength-name,
#completed_activity_status .activities-container .cs-reporter .strength-name {
  font-size: 1.5rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
  position: relative;
  cursor: pointer;
}

#activity_status_reporter .activities-container .cs-reporter .strength-name:hover .strength-tooltip > div,
#activity_status_activity_viewer .activities-container .cs-reporter .strength-name:hover .strength-tooltip > div,
#completed_activity_status .activities-container .cs-reporter .strength-name:hover .strength-tooltip > div {
  display: block;
}

#activity_status_reporter .activities-container .cs-reporter .strength-name::before,
#activity_status_activity_viewer .activities-container .cs-reporter .strength-name::before,
#completed_activity_status .activities-container .cs-reporter .strength-name::before {
  color: #00aaea;
  display: block;
  margin: 10px 0;
  font-size: 24px;
  content: "#" attr(data-nr);
}

#activity_status_reporter .activities-container .cs-reporter .strength-icon,
#activity_status_activity_viewer .activities-container .cs-reporter .strength-icon,
#completed_activity_status .activities-container .cs-reporter .strength-icon {
  height: 160px;
  line-height: 160px;
  cursor: pointer;
}

#activity_status_reporter .activities-container .cs-reporter .strength-icon--locked,
#activity_status_activity_viewer .activities-container .cs-reporter .strength-icon--locked,
#completed_activity_status .activities-container .cs-reporter .strength-icon--locked {
  opacity: 0.3;
}

#activity_status_reporter .activities-container .cs-reporter .strength-icon:hover + .strength-name .strength-tooltip > div,
#activity_status_activity_viewer .activities-container .cs-reporter .strength-icon:hover + .strength-name .strength-tooltip > div,
#completed_activity_status .activities-container .cs-reporter .strength-icon:hover + .strength-name .strength-tooltip > div,
#activity_status_reporter .activities-container .cs-reporter .strength-icon:focus + .strength-name .strength-tooltip > div,
#activity_status_activity_viewer .activities-container .cs-reporter .strength-icon:focus + .strength-name .strength-tooltip > div,
#completed_activity_status .activities-container .cs-reporter .strength-icon:focus + .strength-name .strength-tooltip > div {
  display: block;
}

#activity_status_reporter .activities-container .cs-reporter .strength-icon > div,
#activity_status_activity_viewer .activities-container .cs-reporter .strength-icon > div,
#completed_activity_status .activities-container .cs-reporter .strength-icon > div {
  display: inline-block;
  line-height: normal;
  vertical-align: middle;
}

#activity_status_reporter .activities-container .cs-reporter .retake-button,
#activity_status_activity_viewer .activities-container .cs-reporter .retake-button,
#completed_activity_status .activities-container .cs-reporter .retake-button {
  color: #777;
  font-size: 15px;
  font-weight: bold;
  text-decoration: underline;
  position: absolute;
  right: 10px;
  top: 35px;
}

@media (max-width: 991.98px) {
  #activity_status_reporter .activities-container .cs-reporter .retake-button,
  #activity_status_activity_viewer .activities-container .cs-reporter .retake-button,
  #completed_activity_status .activities-container .cs-reporter .retake-button {
    position: relative;
    top: 0;
    right: 0;
  }
}

#activity_status_reporter .activities-container .cs-reporter .strengths-unlock,
#activity_status_activity_viewer .activities-container .cs-reporter .strengths-unlock,
#completed_activity_status .activities-container .cs-reporter .strengths-unlock {
  padding: 0 175px;
  margin-bottom: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  #activity_status_reporter .activities-container .cs-reporter .strengths-unlock,
  #activity_status_activity_viewer .activities-container .cs-reporter .strengths-unlock,
  #completed_activity_status .activities-container .cs-reporter .strengths-unlock {
    padding: 0 85px;
  }
}

@media (max-width: 991.98px) {
  #activity_status_reporter .activities-container .cs-reporter .strengths-unlock,
  #activity_status_activity_viewer .activities-container .cs-reporter .strengths-unlock,
  #completed_activity_status .activities-container .cs-reporter .strengths-unlock {
    padding: 0;
  }
}

#activity_status_reporter .activities-container .cs-reporter .strengths-unlock p,
#activity_status_activity_viewer .activities-container .cs-reporter .strengths-unlock p,
#completed_activity_status .activities-container .cs-reporter .strengths-unlock p {
  font-size: 16px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: 100%;
  text-align: left;
}

@media (max-width: 767.98px) {
  #activity_status_reporter .activities-container .cs-reporter .strengths-unlock p,
  #activity_status_activity_viewer .activities-container .cs-reporter .strengths-unlock p,
  #completed_activity_status .activities-container .cs-reporter .strengths-unlock p {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    text-align: center;
  }
}

#activity_status_reporter .activities-container .cs-reporter .btn-small,
#activity_status_activity_viewer .activities-container .cs-reporter .btn-small,
#completed_activity_status .activities-container .cs-reporter .btn-small {
  font-size: 1.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #fff;
  border: none;
  border-radius: 5px;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
}

#activity_status_reporter .activities-container .cs-reporter .btn-unlock,
#activity_status_activity_viewer .activities-container .cs-reporter .btn-unlock,
#completed_activity_status .activities-container .cs-reporter .btn-unlock {
  font-size: 1.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #fff;
  border: none;
  border-radius: 5px;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  background: #81BA00;
  -webkit-box-shadow: 0 3px 0 #5e8700;
  box-shadow: 0 3px 0 #5e8700;
  padding: 12px 42px 12px 12px;
  position: relative;
  float: right;
  margin: 0 0 0 20px;
}

@media (max-width: 767.98px) {
  #activity_status_reporter .activities-container .cs-reporter .btn-unlock,
  #activity_status_activity_viewer .activities-container .cs-reporter .btn-unlock,
  #completed_activity_status .activities-container .cs-reporter .btn-unlock {
    float: none;
    margin: 0 auto;
  }
}

#activity_status_reporter .activities-container .cs-reporter .btn-unlock:hover,
#activity_status_activity_viewer .activities-container .cs-reporter .btn-unlock:hover,
#completed_activity_status .activities-container .cs-reporter .btn-unlock:hover {
  background: #7db500;
}

#activity_status_reporter .activities-container .cs-reporter .btn-unlock::after,
#activity_status_activity_viewer .activities-container .cs-reporter .btn-unlock::after,
#completed_activity_status .activities-container .cs-reporter .btn-unlock::after {
  position: absolute;
  width: 13px;
  height: 16px;
  top: 50%;
  right: 10%;
  margin-top: -8px;
  background-image: url("/static/img/sprite-1.png");
  background-position: -88px -561px;
  content: "";
}

#activity_status_reporter .activities-container .cs-reporter .btn-assessment,
#activity_status_activity_viewer .activities-container .cs-reporter .btn-assessment,
#completed_activity_status .activities-container .cs-reporter .btn-assessment {
  font-size: 1.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #fff;
  border: none;
  border-radius: 5px;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  padding: 12px 15px;
  display: inline-block;
  background: #00aaea;
  -webkit-box-shadow: 0 3px 0 #0085b7;
  box-shadow: 0 3px 0 #0085b7;
}

#activity_status_reporter .activities-container .cs-reporter .btn-assessment:hover,
#activity_status_activity_viewer .activities-container .cs-reporter .btn-assessment:hover,
#completed_activity_status .activities-container .cs-reporter .btn-assessment:hover {
  background: #00a6e5;
}

#completed_activity_status .skill-icon-large,
#activity_status_activity_viewer .skill-icon-large {
  float: left;
  display: block;
  background: transparent url("/static/img/homepage/skill_icons_v2019.png");
  background-image: url("/static/img/homepage/skill_icons_v2019.png");
  background-size: 526px 526px;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-color: transparent;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #completed_activity_status .skill-icon-large,
  #activity_status_activity_viewer .skill-icon-large {
    background: transparent url("/static/img/homepage/skill_icons_v2019@2x.png");
    background-repeat: no-repeat;
    background-size: 526px 526px;
    background-position: 0% 0%;
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #completed_activity_status .skill-icon-large,
  #activity_status_activity_viewer .skill-icon-large {
    background-image: url("/static/img/homepage/skill_icons_v2019@2x.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #completed_activity_status .skill-icon-large,
  #activity_status_activity_viewer .skill-icon-large {
    background-image: url("/static/img/homepage/skill_icons_v2019@2x.png");
  }
}

#completed_activity_status .skill-icon-large.empathize,
#activity_status_activity_viewer .skill-icon-large.empathize,
#completed_activity_status .skill-icon-large.EM,
#activity_status_activity_viewer .skill-icon-large.EM {
  background-position: -114px -319px;
  width: 60px;
  height: 60px;
  margin: 0;
  position: absolute;
  top: -5px;
  left: 20px;
}

#completed_activity_status .skill-icon-large.aspire,
#activity_status_activity_viewer .skill-icon-large.aspire,
#completed_activity_status .skill-icon-large.AS,
#activity_status_activity_viewer .skill-icon-large.AS {
  background-position: 0px -321px;
  width: 65px;
  height: 60px;
  margin: 0;
  position: absolute;
  top: 2px;
  left: 20px;
}

#completed_activity_status .skill-icon-large.give,
#activity_status_activity_viewer .skill-icon-large.give,
#completed_activity_status .skill-icon-large.GI,
#activity_status_activity_viewer .skill-icon-large.GI {
  background-position: -56px -319px;
  width: 60px;
  height: 60px;
  margin: 0;
  position: absolute;
  top: -3px;
  left: 20px;
}

#completed_activity_status .skill-icon-large.thank,
#activity_status_activity_viewer .skill-icon-large.thank,
#completed_activity_status .skill-icon-large.TH,
#activity_status_activity_viewer .skill-icon-large.TH {
  background-position: -272px -319px;
  width: 77px;
  height: 60px;
  margin: 0;
  position: absolute;
  top: -5px;
  left: 20px;
}

#completed_activity_status .skill-icon-large.savor,
#activity_status_activity_viewer .skill-icon-large.savor,
#completed_activity_status .skill-icon-large.SA,
#activity_status_activity_viewer .skill-icon-large.SA {
  background-position: -227px -320px;
  width: 49px;
  height: 60px;
  margin: 0;
  position: absolute;
  top: 0;
  left: 20px;
}

#completed_activity_status .skill-icon-large.revive,
#activity_status_activity_viewer .skill-icon-large.revive,
#completed_activity_status .skill-icon-large.RE,
#activity_status_activity_viewer .skill-icon-large.RE {
  background-position: -177px -319px;
  width: 49px;
  height: 60px;
  margin: 0;
  position: absolute;
  top: 0;
  left: 20px;
}

#completed_activity_status .skill-icon-large.other,
#activity_status_activity_viewer .skill-icon-large.other,
#completed_activity_status .skill-icon-large.OT,
#activity_status_activity_viewer .skill-icon-large.OT {
  background-position: -346px -324px;
  width: 49px;
  height: 60px;
  margin: 0;
  position: absolute;
  top: 0;
  left: 20px;
}

#completed_activity_status .skill-color h2,
#activity_status_activity_viewer .skill-color h2 {
  font-size: 2.4rem;
  font-family: OpenSansBold;
  font-weight: normal;
  color: #fbfbfb;
  margin: 0 0 0 15px;
  float: left;
}

#completed_activity_status .skill-color h3,
#activity_status_activity_viewer .skill-color h3 {
  font-size: 3.2rem;
  font-family: OpenSansBold;
  font-weight: normal;
  color: #ffffff;
  text-align: center;
  line-height: 18px;
  float: right;
  opacity: 0.8;
}

#completed_activity_status .skill-color h3 span,
#activity_status_activity_viewer .skill-color h3 span {
  font-size: 1.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  display: block;
  margin-top: 5px;
}

#completed_activity_status .skill-color.gi,
#activity_status_activity_viewer .skill-color.gi {
  background: #06b709;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

#completed_activity_status .skill-color.gi h2,
#activity_status_activity_viewer .skill-color.gi h2 {
  margin: 3px 0 0 75px;
}

#completed_activity_status .skill-color.gi h3,
#activity_status_activity_viewer .skill-color.gi h3 {
  margin: 2px 0;
}

#completed_activity_status .skill-color.sa,
#activity_status_activity_viewer .skill-color.sa {
  background: #c5168a;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

#completed_activity_status .skill-color.sa h2,
#activity_status_activity_viewer .skill-color.sa h2 {
  margin: 3px 0 0 80px;
}

#completed_activity_status .skill-color.sa h3,
#activity_status_activity_viewer .skill-color.sa h3 {
  margin: 2px 0;
}

#completed_activity_status .skill-color.th,
#activity_status_activity_viewer .skill-color.th {
  background: #ff7a00;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

#completed_activity_status .skill-color.th h3,
#activity_status_activity_viewer .skill-color.th h3 {
  margin: 2px 0;
}

#completed_activity_status .skill-color.as,
#activity_status_activity_viewer .skill-color.as {
  background: #00aaea;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

#completed_activity_status .skill-color.as h3,
#activity_status_activity_viewer .skill-color.as h3 {
  margin: 2px 0;
}

#completed_activity_status .skill-color.em,
#activity_status_activity_viewer .skill-color.em {
  background: #ff3131;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

#completed_activity_status .skill-color.em h2,
#activity_status_activity_viewer .skill-color.em h2 {
  margin: 3px 0 0 90px;
}

#completed_activity_status .skill-color.em h3,
#activity_status_activity_viewer .skill-color.em h3 {
  margin: 3px 0;
}

#completed_activity_status .skill-color.ot,
#activity_status_activity_viewer .skill-color.ot {
  background: #f4d420;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

#completed_activity_status .skill-color.ot h2,
#activity_status_activity_viewer .skill-color.ot h2 {
  margin: 3px 0 0 90px;
}

#completed_activity_status .skill-color.ot h3,
#activity_status_activity_viewer .skill-color.ot h3 {
  margin: 3px 0;
}

#completed_activity_status .skill-color.re,
#activity_status_activity_viewer .skill-color.re {
  background: #2ac4c5;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

#completed_activity_status .skill-color.re h2,
#activity_status_activity_viewer .skill-color.re h2 {
  margin: 3px 0 0 90px;
}

#completed_activity_status .skill-color.re h3,
#activity_status_activity_viewer .skill-color.re h3 {
  margin: 3px 0;
}

#activity_status_activity_viewer .activity_header {
  position: relative;
  height: 60px;
  overflow: hidden;
  width: 1013px;
  left: -9px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

#activity_status_activity_viewer .activity_header .header_gradient {
  position: absolute;
  top: -7px;
  left: -11px;
  width: 1025px;
  height: 60px;
}

#activity_status_activity_viewer .activity_info h3 a {
  font-size: 12px;
  font-weight: normal;
}

#activity_status_activity_viewer .activity_info a.lock {
  font-size: 12px;
  margin: 3px 0 0 10px;
}

#activity_status_activity_viewer .content-pane h2,
#activity_status_activity_viewer .content-pane #tip_selection_title {
  font-size: 1.9rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #b4b4b4;
  margin: 0;
  padding: 0;
  line-height: 36px;
}

#activity_status_activity_viewer .content-pane .only-one-tip-text {
  font-size: 1.9rem;
  font-family: OpenSansBold;
  font-weight: normal;
  padding: 8px 0 0 0;
  margin: 0;
  line-height: 18px;
  color: #c5c5c5;
}

#activity_status_activity_viewer .content-pane .btn-group .btn {
  color: #000;
}

#activity_status_activity_viewer #content-box h3 {
  margin: 10px 0;
}

#activity_status_activity_viewer #content-box .button-group {
  margin-bottom: 5px;
}

#activity_status_activity_viewer #content-box .button-group .btn {
  padding: 100px;
  width: 140px;
  margin: 0 5px;
}

#activity_status_activity_viewer .data {
  zoom: 1;
}

#activity_status_activity_viewer .data:before,
#activity_status_activity_viewer .data:after {
  content: '';
  display: table;
}

#activity_status_activity_viewer .data:after {
  clear: both;
}

#activity_status_activity_viewer .data::after {
  display: block;
  clear: both;
  content: "";
}

#activity_status_activity_viewer .data:before,
#activity_status_activity_viewer .data:after {
  content: '';
  display: table;
}

#activity_status_activity_viewer .data:after {
  clear: both;
}

#activity_status_activity_viewer .data::after {
  display: block;
  clear: both;
  content: "";
}

#activity_status_activity_viewer .data::after {
  display: block;
  clear: both;
  content: "";
}

#activity_status_activity_viewer .data::after {
  display: block;
  clear: both;
  content: "";
}

#activity_status_reporter textarea,
#activity_status_reporter input {
  -webkit-box-shadow: none;
  box-shadow: none;
}

#tip_megamenu {
  display: none;
  position: absolute;
  z-index: 9999;
}

#tip_megamenu .tip_megamenu-inner {
  background: #ffffff;
  border-radius: 5px;
  background-clip: padding-box;
  padding: 10px;
  border: 6px solid #e5e5e5;
}

#tip_megamenu ul.life_domains {
  margin: 0;
  padding: 0;
  zoom: 1;
}

#tip_megamenu ul.life_domains:before,
#tip_megamenu ul.life_domains:after {
  content: '';
  display: table;
}

#tip_megamenu ul.life_domains:after {
  clear: both;
}

#tip_megamenu ul.life_domains::after {
  display: block;
  clear: both;
  content: "";
}

#tip_megamenu ul.life_domains:before,
#tip_megamenu ul.life_domains:after {
  content: '';
  display: table;
}

#tip_megamenu ul.life_domains:after {
  clear: both;
}

#tip_megamenu ul.life_domains::after {
  display: block;
  clear: both;
  content: "";
}

#tip_megamenu ul.life_domains::after {
  display: block;
  clear: both;
  content: "";
}

#tip_megamenu ul.life_domains::after {
  display: block;
  clear: both;
  content: "";
}

#tip_megamenu table {
  margin-bottom: 10px;
  border-collapse: separate;
  border: none;
  border-spacing: 20px 10px;
}

#tip_megamenu table tr {
  padding: 0;
}

#tip_megamenu table td {
  -webkit-box-shadow: 0 2px 1px #DDDDDD;
  box-shadow: 0 2px 1px #DDDDDD;
  padding: 10px;
  border: 1px solid #e9e9e9;
  vertical-align: top;
}

#tip_megamenu .life_domain_container {
  height: 100%;
}

#tip_megamenu .life_domain {
  width: 190px;
  margin: 15px 0 10px 10px;
  min-height: 200px;
  height: 100%;
}

#tip_megamenu .life_domain-name {
  color: #00bce3;
  font-family: "OpenSansBold";
  margin-bottom: 10px;
}

#tip_megamenu .tips {
  margin: 0;
  padding: 0;
}

#tip_megamenu .tip {
  list-style: none;
  padding: 5px 0 10px;
  margin: 0 20px;
  border-bottom: 1px solid #bfbfbf;
  font-size: 13px;
}

#tip_megamenu .tip:last-child {
  border: none;
}

#tip_megamenu .tip a,
#tip_megamenu .tip button {
  color: #f6722a;
  font-family: "OpenSansRegular";
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  text-align: left;
}

#tip_megamenu .tip a:hover,
#tip_megamenu .tip button:hover {
  font-family: "OpenSansSemibold";
  color: #f35e20;
  text-decoration: none;
}

#activity_status_activity_viewer .row-old.activities-container,
#activity_status_reporter .row-old.activities-container,
#activity_status_planner .row-old.activities-container {
  width: 1014px;
  margin-left: -9px;
}

#activity_status_activity_viewer .row-old.activities-container .rsbtn,
#activity_status_reporter .row-old.activities-container .rsbtn,
#activity_status_planner .row-old.activities-container .rsbtn {
  position: absolute;
  left: 20px;
}

#activity_status_activity_viewer textarea::-webkit-input-placeholder,
#activity_status_reporter textarea::-webkit-input-placeholder,
#activity_status_planner textarea::-webkit-input-placeholder {
  color: #372f2b;
}

#activity_status_activity_viewer textarea:-moz-placeholder,
#activity_status_reporter textarea:-moz-placeholder,
#activity_status_planner textarea:-moz-placeholder {
  color: #372f2b;
}

#activity_status_activity_viewer textarea:-ms-input-placeholder,
#activity_status_reporter textarea:-ms-input-placeholder,
#activity_status_planner textarea:-ms-input-placeholder {
  color: #372f2b;
}

#activity_status_activity_viewer input::-webkit-input-placeholder,
#activity_status_reporter input::-webkit-input-placeholder,
#activity_status_planner input::-webkit-input-placeholder {
  color: #372f2b;
}

#activity_status_activity_viewer input:-moz-placeholder,
#activity_status_reporter input:-moz-placeholder,
#activity_status_planner input:-moz-placeholder {
  color: #372f2b;
}

#activity_status_activity_viewer input:-ms-input-placeholder,
#activity_status_reporter input:-ms-input-placeholder,
#activity_status_planner input:-ms-input-placeholder {
  color: #372f2b;
}

.textarea.prompt_text,
input.prompt_text {
  color: #372f2b;
  font-family: "OpenSansBold";
}

.textarea.user_text,
input.user_text {
  color: #7b461d;
  font-family: "OpenSansSemibold";
}

#activity_status_activity_viewer .skill-icon-large.empathize {
  top: -12px;
}

#activity_status_activity_viewer .skill-icon-large.aspire {
  top: -6px;
}

#activity_status_activity_viewer .skill-icon-large.give {
  top: -11px;
}

#activity_status_activity_viewer .skill-icon-large.thank {
  top: -12px;
}

#activity_status_activity_viewer .skill-icon-large.savor {
  top: -9px;
}

.fb_iframe_widget {
  margin-left: 20px;
  margin-top: 60px;
  float: left;
}

#activity_status_activity_viewer .share-container {
  width: auto;
  margin-top: 10px;
  margin-left: 0;
  position: static;
}

#completed_activity_status .share-container {
  margin-top: 20px;
  min-height: 24px;
}

#completed_activity_status .share-container .viral-share .share-menu {
  top: 38px;
  left: 8px;
}

#completed_activity_status .share-container .viral-share .share-menu:before {
  left: 15%;
}

#completed_activity_status .share-container .viral-share .share-menu:after {
  left: 15%;
}

.viral-share {
  position: relative;
  z-index: 99;
}

.viral-share .button_secondary {
  width: auto;
  border-radius: 5px;
  background-clip: padding-box;
  font-size: 1.3rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #5f5f5f;
  height: 20px;
  line-height: 20px;
  display: inline;
  cursor: pointer;
  margin: 0;
  text-decoration: none;
  position: relative;
}

.viral-share .button_secondary img {
  margin-bottom: 3px;
}

.viral-share .button_secondary.first {
  background-color: #fafafa;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f3f3f3));
  background-image: linear-gradient(to bottom, #fff, #f3f3f3 100%);
  color: #777;
  border: 1px solid #cac9c6;
}

.viral-share .button_secondary.first:hover {
  color: #f05a20;
}

.viral-share .share-menu {
  padding: 10px;
  width: 260px;
  height: auto;
  position: absolute;
  top: 40px;
  left: -166px;
}

.viral-share .share-menu .share {
  position: relative;
}

.viral-share .share-menu .share a {
  height: 32px;
  line-height: 32px;
  width: 236px;
  display: inline-block;
  text-align: left;
}

.viral-share .share-menu .share a:hover {
  color: #ff7a00;
}

.viral-share .share-menu .share a:first-child {
  margin-bottom: 10px;
}

.viral-share .share-menu .share a .image {
  width: 30px;
  height: 30px;
  display: inline-block;
  margin-bottom: 4px;
  vertical-align: middle;
}

.viral-share .share-menu .share a .image.facebook {
  background: url("/static/img/blue_f.png") no-repeat;
  background-position: 7px 0;
}

.viral-share .share-menu .share a .image.twitter {
  background: url("/static/img/blue_twitter.png") no-repeat;
}

.viral-share .share-menu:after,
.viral-share .share-menu:before {
  border: solid transparent;
  content: " ";
  height: 0;
  left: 80%;
  position: absolute;
  width: 0;
}

.viral-share .share-menu:after {
  border-width: 9px;
  border-bottom-color: #fff;
  top: -17px;
}

.viral-share .share-menu:before {
  border-width: 9px;
  border-bottom-color: #d7d7d2;
  top: -18px;
}

#completed_activity_status ul.tip_full_info li.text p {
  width: 400px;
}

#completed_activity_status .viral-share .button_secondary {
  height: auto;
}

#completed_activity_status .viral-share .share-menu .share a.button_secondary {
  height: 43px;
}

.permission-preview-text {
  font-size: 1.3rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  opacity: 0;
  position: absolute;
  line-height: 18px;
}

@-moz-document url-prefix()  {
  .textarea.prompt_text,
  input.prompt_text {
    color: #666;
  }
}

#activity_status_planner .button_tertiary {
  min-width: 50px;
  padding: 7px 10px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  display: inline-block;
  height: 24px;
  line-height: 24px;
  font-size: 15px;
}

@media (max-width: 1199.98px) {
  html[lang="es"] #activity_status_reporter .activities-container .cs-reporter .retake-button,
  html[lang="es"] #activity_status_activity_viewer .activities-container .cs-reporter .retake-button,
  html[lang="es"] #completed_activity_status .activities-container .cs-reporter .retake-button {
    position: relative;
    top: 0;
    right: 0;
  }
}

html[data-wcag-enabled="true"] #completed_activity_status .skill-color.sa,
html[data-wcag-enabled="true"] #activity_status_activity_viewer .skill-color.sa {
  background-color: #fd4ec2;
}

.box_model {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.no_select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.group:before,
.group:after {
  content: "";
  display: table;
}

.group:after {
  clear: both;
}

.group {
  position: relative;
}

.box-no-padding {
  border-radius: 5px;
  background-clip: padding-box;
  border: 1px solid #cccccc;
}

.js-hiding-overlay {
  opacity: 0.1;
  pointer-events: none;
}

.js-active.js-hiding-overlay {
  opacity: 1;
  pointer-events: auto;
}

.js-active .js-hiding-overlay {
  opacity: 1;
  pointer-events: auto;
}

#activity_status_reporter .js-open-image-picker {
  background: #FFF;
  border-radius: 55px;
  background-clip: padding-box;
  font-size: 1.2rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  display: table;
  cursor: pointer;
  border: 1px #BBB solid;
  position: relative;
  padding: 14px 10px 14px 10px;
  width: 100%;
  margin: 15px auto;
  text-align: center;
  color: #f05a20;
}

#activity_status_reporter .js-open-image-picker:hover {
  border-color: #666;
  color: #8b8b8b;
}

#activity_status_reporter .js-open-image-picker span.icon {
  background-image: url("/static/img/sprite-1.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -24px -446px;
  width: 22px;
  height: 24px;
  display: inline-block;
  margin-right: 10px;
  vertical-align: bottom;
}

#activity_status_reporter .happy_faces {
  position: relative;
  margin: 0 0 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

#activity_status_reporter .happy_faces button {
  cursor: pointer;
  text-align: center;
  margin: 0 8px 0 8px;
  max-width: 75px;
  border: none;
  background: transparent;
  padding: 0;
}

#activity_status_reporter .happy_faces button span.happy_face_label {
  color: #f8555c;
  width: 100px;
  display: block;
  margin-left: -28px;
}

#activity_status_reporter .happy_faces button span.happy_face {
  background-image: url("/static/img/smiles.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: 340px 475px;
  width: 45px;
  height: 44px;
  display: block;
  margin: 0 auto;
}

#activity_status_reporter .happy_faces button span.happy_face.happy_face_1 {
  background-position: -2px -51px;
}

#activity_status_reporter .happy_faces button span.happy_face.happy_face_2 {
  background-position: -50px -51px;
}

#activity_status_reporter .happy_faces button span.happy_face.happy_face_3 {
  background-position: -98px -51px;
}

#activity_status_reporter .happy_faces button span.happy_face.happy_face_4 {
  background-position: -146px -51px;
}

#activity_status_reporter .happy_faces button label {
  font-size: 1.3rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #b4b4b4;
  margin: 5px 0 0 0;
}

#activity_status_reporter .happy_faces button.selected_face span.happy_face {
  background-position-y: -4px;
}

#activity_status_reporter .happy_faces button.selected_face label {
  color: #f65f57;
}

#activity_status_reporter .happy_face_picker {
  position: relative;
}

#activity_status_reporter .happy_face_picker .happy_faces {
  list-style-type: none;
}

#activity_status_reporter .happy_face_picker .happy_faces .js-happy_face .label_container {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#activity_status_reporter .happy_face_picker.validation-error .error_visible {
  display: block;
  position: absolute;
  top: 50px;
  left: 90px;
  font-size: 14px;
  color: red;
}

@media (max-width: 767.98px) {
  #activity_status_reporter .happy_face_picker.validation-error .error_visible {
    top: 70px;
    left: 20px;
  }
}

#activity_status_reporter .happy_face_picker.validation-error .error_visible .validation_arrow_icon {
  display: block;
  float: right;
  height: 17px;
  width: 15px;
  background-image: url(/static/img/reporter_error_arrows.png);
  background-position: 0 0;
}

@media (max-width: 767.98px) {
  #activity_status_reporter .happy_face_picker.validation-error .error_visible .validation_arrow_icon {
    float: left;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
}

#activity_status_reporter .happy_face_picker.validation-error .error_visible .validation_pen_icon {
  background-image: url("/static/img/sprite-1.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -124px -529px;
  display: block;
  float: left;
  height: 23px;
  width: 23px;
}

#activity_status_reporter .happy_face_picker.validation-error .error_visible .text {
  display: block;
  float: left;
  padding: 0;
  margin: 0 5px;
}

.field_explanation {
  color: red;
  display: none;
}

.error_hidden {
  display: none;
}

.validation-error {
  background: none;
}

.main_input,
.person_picker {
  position: relative;
  margin-bottom: 10px;
}

.main_input.validation-error .error_visible,
.person_picker.validation-error .error_visible {
  display: block;
  position: absolute;
  top: 7px;
  left: -22px;
  font-size: 14px;
  color: red;
}

.main_input.validation-error .error_visible .validation_arrow_icon,
.person_picker.validation-error .error_visible .validation_arrow_icon {
  display: block;
  float: left;
  height: 17px;
  width: 15px;
  background-image: url(/static/img/reporter_error_arrows.png);
  background-position: 0 0;
}

.main_input.validation-error .error_visible .validation_pen_icon,
.person_picker.validation-error .error_visible .validation_pen_icon {
  display: block;
  float: right;
  height: 23px;
  width: 23px;
  background-image: url("/static/img/sprite-1.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -124px -529px;
}

.main_input.validation-error .error_visible .text,
.person_picker.validation-error .error_visible .text {
  display: block;
  float: left;
  padding: 0;
  margin: 0 5px;
}

.js-hiding-overlay {
  opacity: 0.1;
  pointer-events: none;
}

.js-active .js-hiding-overlay {
  opacity: 1;
  pointer-events: auto;
}

.js-active .js-hiding-overlay.no_point_event {
  pointer-events: none;
}

#_flash {
  width: 760px;
  height: 665px;
  margin: 0 auto;
  padding: 0;
  display: block;
}

#activity_status_planner .compass_saved_post_data_edit,
#activity_status_reporter .compass_saved_post_data_edit {
  min-height: 177px;
  width: 395px;
  margin: 20px 0;
  padding: 10px;
}

#activity_status_planner .compass_saved_post_data_edit .compass_saved_post_data_item_content,
#activity_status_reporter .compass_saved_post_data_edit .compass_saved_post_data_item_content {
  font-family: OpenSansSemiBold;
  font-size: 16px;
  font-weight: normal;
}

#activity_status_planner .compass_saved_post_data_edit .compass_saved_post_data_item_content .title,
#activity_status_reporter .compass_saved_post_data_edit .compass_saved_post_data_item_content .title {
  color: #505036;
  line-height: 60px;
}

#activity_status_planner .compass_saved_post_data_edit .compass_saved_post_data_item_content textarea.answer,
#activity_status_reporter .compass_saved_post_data_edit .compass_saved_post_data_item_content textarea.answer,
#activity_status_planner .compass_saved_post_data_edit .compass_saved_post_data_item_content textarea.text_in_post,
#activity_status_reporter .compass_saved_post_data_edit .compass_saved_post_data_item_content textarea.text_in_post {
  color: #855219;
  font-family: OpenSansSemiBold;
  font-size: 16px;
  font-weight: normal;
}

#activity_status_planner .input-large,
#activity_status_reporter .input-large {
  color: #7b4408;
  font-family: 'OpenSansSemibold';
  font-size: 16px;
}

#activity_status_planner input[type="text"].prompt_text,
#activity_status_reporter input[type="text"].prompt_text {
  font-family: 'OpenSansBold';
  color: #372f2b;
  font-size: 16px;
}

#activity_status_planner textarea,
#activity_status_reporter textarea {
  font-family: 'OpenSansBold';
  color: #372f2b;
  font-size: 16px;
}

#activity_status_planner textarea.prompt_text,
#activity_status_reporter textarea.prompt_text {
  font-family: 'OpenSansBold';
  color: #372f2b;
  font-size: 16px;
}

#activity_status_planner textarea.user_text,
#activity_status_reporter textarea.user_text {
  font-family: 'OpenSansSemibold';
  color: #7b4408;
}

#activity_status_reporter textarea,
#activity_status_reporter input[type="text"] {
  -webkit-box-shadow: none;
  box-shadow: none;
}

#activity_status_reporter textarea {
  font-family: 'OpenSansBold';
  font-size: 16px;
}

#activity_status_reporter textarea.prompt_text {
  font-family: 'OpenSansBold';
  color: #372f2b;
  font-size: 16px;
}

#activity_status_reporter textarea.user_text {
  font-family: 'OpenSansSemibold';
  color: #7b4408;
}

#activity_status_reporter .activity-reporter {
  position: relative;
}

#activity_status_reporter .activity-reporter .activity-wrap {
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  margin: 0 0 40px -10px;
  background: #fffcf2 url('/static/img/activity_viewer/paper_bg.png') 0 0 repeat-y;
  border-radius: 5px;
  background-clip: padding-box;
  padding: 30px 0 0 60px;
  width: 880px;
  min-height: 300px;
  position: relative;
}

#activity_status_reporter .activity-reporter .activity-wrap:after {
  content: '';
  position: absolute;
  bottom: -15px;
  left: 0;
  background: url('/static/img/activity_viewer/shadow-activity_reporter.png') no-repeat center 100%;
  width: 888px;
  height: 15px;
  z-index: 2;
  visibility: visible;
}

#activity_status_reporter h4.required_explanation {
  color: red;
  font-size: 80%;
}

#activity_status_reporter h3.tip_short_text {
  margin-left: 10px;
}

#activity_status_reporter .instructional_text {
  margin-left: 15px;
}

#activity_status_reporter .selected-image img {
  width: 150px;
}

#activity_status_reporter .selected-image {
  margin-top: 70px;
  float: right;
}

#activity_status_reporter .last_el {
  zoom: 1;
}

#activity_status_reporter .last_el:before,
#activity_status_reporter .last_el:after {
  content: '';
  display: table;
}

#activity_status_reporter .last_el:after {
  clear: both;
}

#activity_status_reporter .last_el::after {
  display: block;
  clear: both;
  content: "";
}

#activity_status_reporter .last_el:before,
#activity_status_reporter .last_el:after {
  content: '';
  display: table;
}

#activity_status_reporter .last_el:after {
  clear: both;
}

#activity_status_reporter .last_el::after {
  display: block;
  clear: both;
  content: "";
}

#activity_status_reporter .last_el::after {
  display: block;
  clear: both;
  content: "";
}

#activity_status_reporter .last_el::after {
  display: block;
  clear: both;
  content: "";
}

#activity_status_reporter form.field_container {
  margin-left: 0;
}

#activity_status_reporter form.main_form {
  margin-left: 20px;
  /* expand collapse css  */
}

#activity_status_reporter form.main_form input.hidden {
  display: none;
}

#activity_status_reporter form.main_form .lead.required:after {
  content: "*";
  color: red;
  margin-left: .1em;
  padding: .1em;
  background-color: #fff;
  font-size: 1em;
}

#activity_status_reporter form.main_form .short_text input,
#activity_status_reporter form.main_form .short_text_no_label input {
  display: block;
  clear: both;
  width: 480px;
  margin: 5px;
}

#activity_status_reporter form.main_form .field_container.image_picker {
  margin: 5px;
  width: 450px;
  float: left;
}

#activity_status_reporter form.main_form .image_picker_placeholder {
  background: #ffffff;
  border-radius: 5px;
  background-clip: padding-box;
  padding: 10px;
}

#activity_status_reporter form.main_form .optional_false .expand_control {
  display: none;
}

#activity_status_reporter form.main_form .optional_true {
  background: #ffffff;
  border-radius: 5px;
  background-clip: padding-box;
  padding: 10px;
  width: 450px;
  margin: 5px;
}

#activity_status_reporter form.main_form .optional_true .expand_control {
  color: blue;
}

#activity_status_reporter form.main_form .optional_true.expanded_true .plus {
  display: none;
}

#activity_status_reporter form.main_form .optional_true.expanded_true .minus {
  display: inline-block;
}

#activity_status_reporter form.main_form .optional_true.expanded_true .main_input {
  display: block;
}

#activity_status_reporter form.main_form .optional_true.expanded_true label {
  display: none;
}

#activity_status_reporter form.main_form .optional_true.expanded_false .plus {
  display: inline-block;
}

#activity_status_reporter form.main_form .optional_true.expanded_false .minus {
  display: none;
}

#activity_status_reporter form.main_form .optional_true.expanded_false .main_input {
  display: none;
}

#activity_status_completed_modal .unlock_section {
  position: relative;
  width: 100%;
  background-color: #ffffff;
  margin: 0;
  padding: 0;
}

#activity_status_completed_modal .unlock_section .unlocked_activities-section {
  position: relative;
  width: 90%;
  margin: 0 auto;
}

#activity_status_completed_modal .unlock_section .unlocked_activities-section:after {
  width: 98%;
  bottom: -26px;
}

#activity_status_completed_modal .unlock_section .unlocked_activity {
  position: relative;
  margin-left: 30px;
  font-weight: normal;
}

#activity_status_completed_modal .unlock_section .unlocked_activity .unlocked_activity_icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 28px;
  height: 25px;
  background: url('/static/img/sprite.png') no-repeat -72px -322px;
}

#activity_status_completed_modal .skill-icon-large.new_level {
  top: 10px;
  left: 157px;
}

#activity_status_completed_modal .skill-text-cnt.new_level {
  top: 10px;
  margin: 0;
}

#activity_status_completed_modal .skill-text-cnt.new_level .unlocked_activities-disclaimer {
  margin: 0;
}

#activity_status_completed_modal .top-section {
  margin: 0 0 15px 0;
}

#activity_status_completed_modal .top-section.new_level {
  margin: 0;
}

#activity_status_completed_modal .top-section .scores_block {
  font-family: "OpenSansRegular";
  border-radius: 5px;
  border: 1px #1DA2DF solid;
  width: 80%;
  margin: 10px auto;
  font-size: 15px;
  padding: 5px;
}

#activity_status_completed_modal .top-section .unlocked_activity-disclaimer {
  color: #000;
  font-size: 11px;
}

#activity_status_completed_modal .top-section .activity_name {
  display: inline;
}

#activity_status_completed_modal .top-section .top-section-right {
  float: left;
  width: 425px;
}

#activity_status_completed_modal .top-section img.activity_icon {
  border-radius: 3px;
  background-clip: padding-box;
  float: left;
  margin-right: 10px;
}

#activity_status_completed_modal .footer_section {
  position: relative;
  width: 100%;
  background-color: #FFFFFF;
  height: 40px;
  margin-top: -20px;
  padding-top: 40px;
}

#activity_status_completed_modal .footer_section.new_level {
  height: 40px;
  margin-top: 0;
  padding-top: 20px;
}

#activity_status_completed_modal .footer_section .bttn_continue_block {
  text-align: center;
}

#activity_status_completed_modal .bottom-section {
  padding-top: 10px;
  padding-bottom: 10px;
  position: relative;
  zoom: 1;
  height: 32px;
}

#activity_status_completed_modal .bottom-section:before,
#activity_status_completed_modal .bottom-section:after {
  content: '';
  display: table;
}

#activity_status_completed_modal .bottom-section:after {
  clear: both;
}

#activity_status_completed_modal .bottom-section::after {
  display: block;
  clear: both;
  content: "";
}

#activity_status_completed_modal .bottom-section:before,
#activity_status_completed_modal .bottom-section:after {
  content: '';
  display: table;
}

#activity_status_completed_modal .bottom-section:after {
  clear: both;
}

#activity_status_completed_modal .bottom-section::after {
  display: block;
  clear: both;
  content: "";
}

#activity_status_completed_modal .bottom-section::after {
  display: block;
  clear: both;
  content: "";
}

#activity_status_completed_modal .bottom-section::after {
  display: block;
  clear: both;
  content: "";
}

#activity_status_completed_modal .bottom-section .share {
  position: absolute;
  left: 150px;
}

#activity_status_completed_modal .bottom-section .close_button {
  position: absolute;
  right: 65px;
  top: 16px;
}

#activity_status_completed_modal .unlock-section {
  background: #ffffff;
  border-radius: 5px;
  background-clip: padding-box;
  margin: 0px -10px -10px -10px;
  padding: 30px 20px 40px 20px;
}

#activity_status_completed_modal .unlock-badge-section {
  width: 333px;
  height: 115px;
  position: relative;
  background-image: url('/static/img/activity_status/congrats_modal_frame.png');
}

#activity_status_completed_modal .unlock-badge-section .unlock-badge {
  width: 60px;
  height: 60px;
  position: absolute;
  left: 38px;
  top: 25px;
}

#activity_status_completed_modal .unlock-badge-section .unlock-message {
  width: 200px;
  text-align: center;
  color: green;
  position: absolute;
  left: 100px;
  top: 25px;
}

#activity_status_completed_modal .unlock-badge-section .level-message {
  font-weight: bold;
}

#activity_status_completed_modal .unlocked_activities-section {
  color: #939393;
  padding: 10px 10px;
  font-weight: bold;
  border-width: 3px;
  position: relative;
  margin-top: 10px;
  width: 360px;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#activity_status_completed_modal .unlocked_activities-section * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#activity_status_completed_modal .unlocked_activities-section:after {
  content: '';
  background: red;
  position: absolute;
  bottom: -27px;
  left: 0;
  width: 100%;
  height: 25px;
  z-index: 2;
}

#activity_status_completed_modal .unlocked_activities-section .unlocked_activities-message {
  font-weight: bold;
  font-size: 15px;
}

#activity_status_completed_modal .unlocked_activities-section .unlocked_activities-disclaimer {
  font-weight: normal;
  margin-top: 5px;
}

#activity_status_completed_modal .unlocked_activities-section .unlocked_activities-disclaimer .skill-color {
  cursor: pointer;
}

#activity_status_completed_modal .unlocked_activities-section ul.unlocked_activities {
  margin: 0;
  padding: 10px;
}

#activity_status_completed_modal .unlocked_activities-section .icon {
  position: absolute;
  top: -12px;
  right: -17px;
  background-repeat: no-repeat;
}

#activity_status_completed_modal .unlocked_activities-section li.unlocked_activity {
  margin-left: 16px;
  list-style-type: none;
  text-align: left;
  margin-bottom: 10px;
  font-size: 100%;
}

#activity_status_completed_modal .unlocked_activities-section span.new-badge {
  background-image: url("/static/img/sprite-1.png");
  background-color: transparent;
  background-position: -176px -327px;
  height: 33px;
  width: 35px;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
}

#activity_status_completed_modal .unlocked_activities-section a.button_secondary {
  left: 0;
}

#challenge_completed_modal {
  padding: 10px;
}

#challenge_completed_modal .completed-section {
  zoom: 1;
}

#challenge_completed_modal .completed-section:before,
#challenge_completed_modal .completed-section:after {
  content: '';
  display: table;
}

#challenge_completed_modal .completed-section:after {
  clear: both;
}

#challenge_completed_modal .completed-section::after {
  display: block;
  clear: both;
  content: "";
}

#challenge_completed_modal .completed-section:before,
#challenge_completed_modal .completed-section:after {
  content: '';
  display: table;
}

#challenge_completed_modal .completed-section:after {
  clear: both;
}

#challenge_completed_modal .completed-section::after {
  display: block;
  clear: both;
  content: "";
}

#challenge_completed_modal .completed-section::after {
  display: block;
  clear: both;
  content: "";
}

#challenge_completed_modal .completed-section::after {
  display: block;
  clear: both;
  content: "";
}

#challenge_completed_modal .completed-section .fireworks {
  float: left;
  margin-right: 10px;
}

#challenge_completed_modal .completed-section .completed_message {
  float: left;
  font-size: 24px;
  width: 320px;
  margin-top: 30px;
}

#challenge_completed_modal .completed-section .completed_message-sub {
  font-size: 20px;
}

#challenge_completed_modal .unlock-access-message {
  background: #ffffff;
  border-radius: 5px;
  background-clip: padding-box;
  padding: 10px;
  font-size: 20px;
  color: green;
  font-weight: bold;
}

#challenge_completed_modal .unlock-access-message .buttons {
  text-align: center;
  font-weight: normal;
}

#challenge_completed_modal .unlock-access-message .happify_skills {
  margin-bottom: 20px;
  margin-top: 20px;
}

#challenge_completed_modal .bottom-section {
  padding-top: 10px;
  padding-bottom: 10px;
  position: relative;
  zoom: 1;
  height: 32px;
}

#challenge_completed_modal .bottom-section:before,
#challenge_completed_modal .bottom-section:after {
  content: '';
  display: table;
}

#challenge_completed_modal .bottom-section:after {
  clear: both;
}

#challenge_completed_modal .bottom-section::after {
  display: block;
  clear: both;
  content: "";
}

#challenge_completed_modal .bottom-section:before,
#challenge_completed_modal .bottom-section:after {
  content: '';
  display: table;
}

#challenge_completed_modal .bottom-section:after {
  clear: both;
}

#challenge_completed_modal .bottom-section::after {
  display: block;
  clear: both;
  content: "";
}

#challenge_completed_modal .bottom-section::after {
  display: block;
  clear: both;
  content: "";
}

#challenge_completed_modal .bottom-section::after {
  display: block;
  clear: both;
  content: "";
}

#challenge_completed_modal .bottom-section .share {
  position: absolute;
  left: 150px;
}

#challenge_completed_modal .bottom-section .close_button {
  position: absolute;
  right: 65px;
  top: 16px;
}

#challenge_completed_modal .scoreboard_wrapper {
  background: #ffffff;
  border-radius: 5px;
  background-clip: padding-box;
  padding: 10px;
  zoom: 1;
  padding-left: 120px;
}

#challenge_completed_modal .scoreboard_wrapper:before,
#challenge_completed_modal .scoreboard_wrapper:after {
  content: '';
  display: table;
}

#challenge_completed_modal .scoreboard_wrapper:after {
  clear: both;
}

#challenge_completed_modal .scoreboard_wrapper::after {
  display: block;
  clear: both;
  content: "";
}

#challenge_completed_modal .scoreboard_wrapper:before,
#challenge_completed_modal .scoreboard_wrapper:after {
  content: '';
  display: table;
}

#challenge_completed_modal .scoreboard_wrapper:after {
  clear: both;
}

#challenge_completed_modal .scoreboard_wrapper::after {
  display: block;
  clear: both;
  content: "";
}

#challenge_completed_modal .scoreboard_wrapper::after {
  display: block;
  clear: both;
  content: "";
}

#challenge_completed_modal .scoreboard_wrapper::after {
  display: block;
  clear: both;
  content: "";
}

#challenge_completed_modal .unlocked_skills-section {
  clear: both;
}

#challenge_completed_modal .unlocked_skills-section .small_text {
  font-size: smaller;
  color: green;
  float: left;
  width: 50%;
}

#uncommit_modal {
  padding: 10px 10px 10px 40px;
}

#uncommit_modal .inner {
  background: #ffffff;
  border-radius: 5px;
  background-clip: padding-box;
  padding: 10px;
  height: 100px;
}

#uncommit_modal .inner .exclamation {
  background-image: url("/static/img/sprite-1.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -684px -275px;
  width: 88px;
  height: 88px;
  float: left;
  margin-right: 20px;
}

#uncommit_modal .header_text {
  font-size: 22px;
  line-height: 1.2;
  color: #666;
}

#uncommit_modal .middle_text {
  font-size: 22px;
  margin-bottom: 10px;
  margin-top: 20px;
  width: 500px;
}

#uncommit_modal .btn-success {
  font-weight: bold;
  font-size: 14px;
}

#activity_status_reporter textarea::-webkit-input-placeholder,
#activity_status_planner textarea::-webkit-input-placeholder {
  color: #372f2b;
}

#activity_status_reporter textarea:-moz-placeholder,
#activity_status_planner textarea:-moz-placeholder {
  color: #372f2b;
}

#activity_status_reporter textarea:-ms-input-placeholder,
#activity_status_planner textarea:-ms-input-placeholder {
  color: #372f2b;
}

#activity_status_reporter input::-webkit-input-placeholder,
#activity_status_planner input::-webkit-input-placeholder {
  color: #372f2b;
}

#activity_status_reporter input:-moz-placeholder,
#activity_status_planner input:-moz-placeholder {
  color: #372f2b;
}

#activity_status_reporter input:-ms-input-placeholder,
#activity_status_planner input:-ms-input-placeholder {
  color: #372f2b;
}

#activity_status_reporter .main_input,
#activity_status_planner .main_input {
  margin-bottom: 15px;
}

#activity_status_reporter .main_input textarea,
#activity_status_planner .main_input textarea {
  height: 225px;
}

#activity_status_reporter .span5 {
  position: relative;
}

#activity_status_reporter .span5 .sticker_left {
  left: -12px;
}

#activity_status_reporter .span5 .sticker_right {
  left: 345px;
}

#activity_status_reporter .span5 .js-image-display-view img {
  -webkit-box-shadow: 0 0 1px #888;
  box-shadow: 0 0 1px #888;
  border: 7px double #FFFFFF;
  width: 370px;
}

#activity_status_reporter .span5 .js-image-display-view img.js-open-image-picker-img {
  cursor: pointer;
}

@-moz-document url-prefix()  {
  #activity_status_planner input[type="text"].prompt_text,
  #activity_status_reporter input[type="text"].prompt_text {
    color: #666;
  }

  #activity_status_planner textarea.prompt_text,
  #activity_status_reporter textarea.prompt_text {
    color: #666;
  }
}

.click_was_active {
  cursor: pointer;
}

.test-text-container {
  position: absolute;
  width: 240px;
  visibility: hidden;
  font-family: 'OpenSansSemibold';
  font-size: 16px;
  line-height: 18px;
}

html[lang=fr] #activity_status_reporter .happy_faces label {
  font-size: 12px;
}

html[lang=fr] #activity_status_reporter .js-open-image-picker .icon {
  left: 14px;
}

html[lang=fr] #activity_status_reporter .privacy-section .button.orange.happify_it {
  padding: 10px 10px;
  width: 185px;
  font-size: 16px;
  left: 720px;
}

html[lang=fr] #activity_status_reporter .privacy-section .btn_finish_later,
html[lang=fr] #activity_status_reporter .privacy-section .btn_discard {
  margin-right: 220px;
}

html[lang=fr] #activity_status_activity_viewer .share-container {
  left: 771px;
}

html[lang=fr] .activities-container .btn-toolbar div.button_secondary.finish_later {
  width: 136px;
}

html[lang=fr] .activities-container .btn-toolbar div.button_secondary.did_it {
  width: 66px;
}

html[lang=fr] .js-permission-selector .btn-group {
  width: 200px;
}

html[lang=fr] #activity_status_reporter .btn-toolbar .help_container {
  width: 250px;
}

html[lang=fr] #activity_status_reporter .activities-container a.happify_it {
  top: 4px;
  left: 730px;
}

html[lang=fr] .activities-container .btn-toolbar {
  padding: 20px 20px 30px 35px;
}

html[lang=pt] #activity_status_activity_viewer .share-container {
  left: 730px;
}

html[lang=pt] #activity_status_reporter .privacy-section .btn_finish_later,
html[lang=pt] #activity_status_reporter .privacy-section .btn_discard {
  font-size: 13px;
}

html[lang=pt] .activities-container .btn-toolbar div.button_secondary.did_it {
  width: 80px;
}

html[lang=de] #activity_status_reporter .privacy-section .btn-group {
  width: 180px;
  font-size: 16px;
}

html[lang=ja] #activity_status_activity_viewer .share-container {
  left: 730px;
}

html[lang=ja] #activity_status_reporter .btn-toolbar .help_container {
  width: 248px;
}

html[lang=ja] .activities-container .btn-toolbar div.button_secondary.did_it {
  width: 90px;
}

html[lang=ja] #activity_status_reporter .happify_it {
  padding: 10px;
  width: 175px;
}

html[lang=es] #activity_status_reporter .activities-container a.happify_it {
  font-size: 15px;
  left: 796px;
  width: auto;
  padding: 6px 10px;
  height: auto;
  max-height: none;
}

html[lang=es] #activity_status_reporter > div.row-old.activities-container.clearfix > div.span11 > div > div > div > div.row-old.clearfix > div.span6 > div.happy_face_picker.field_container > ul > li > label {
  position: relative;
  top: 5px;
  margin: 0;
}

html[lang=es] #activity_status_reporter > div.row-old.activities-container.clearfix > div.span11 > div > div > div > div.row-old.clearfix > div.span6 > div.happy_face_picker.field_container > ul > li:nth-child(2) > label {
  left: -18px;
}

html[lang=es] #activity_status_reporter > div.row-old.activities-container.clearfix > div.span11 > div > div > div > div.row-old.clearfix > div.span6 > div.happy_face_picker.field_container > ul > li:nth-child(3) > label {
  left: 3px;
}

html[lang=es] #activity_status_reporter > div.row-old.activities-container.clearfix > div.span11 > div > div > div > div.row-old.clearfix > div.span6 > div.happy_face_picker.field_container > ul > li:nth-child(4) > label {
  left: 1px;
}

html[lang=es] .happy_face_picker.validation-error .error_visible {
  left: 54px;
}

html[lang=es] #poll_quiz_question ul.poll_result li.result .ppoll_page_graph .graph_item .graph_value_answer {
  font-size: 13px;
}

html[lang=es] #multiple_question_quiz_post ul.poll_result li.result_res .ppoll_page_graph .graph_item .graph_value_answer {
  font-size: 13px;
}

html[lang=es] #multiple_question_quiz .question_section .question_body .body_row table tr td .answer_button.small_text {
  font-size: 12px;
}

html[lang=es] ul.happy_faces button label {
  font-size: 1.2rem;
}

html[lang=es] ul.happy_faces button:nth-child(2) label {
  position: relative;
}

html[lang=fr] .happy_face_picker.validation-error .error_visible {
  left: 54px;
}

html[lang=de] .happy_face_picker.validation-error .error_visible {
  left: 63px;
}

html[lang=de] #poll_quiz_question ul.poll_result li.result .ppoll_page_graph .graph_item .graph_value_answer {
  font-size: 13px;
  line-height: 14px;
}

html[lang=pt] ul.happy_faces button label {
  font-size: 12px;
}

html[lang=pt] ul.happy_faces button:nth-child(2) label {
  position: relative;
}

html[lang=pt] .happy_face_picker.validation-error .error_visible {
  left: 70px;
}

html[lang=ja] #activity_status_reporter .activities-container .span11 .span5 .js-image-display-view button span:nth-child(2) {
  font-family: 'OpenSansRegular';
  font-weight: normal;
}

html[lang=ja] #activity_status_reporter .activities-container label#smiles-title {
  width: 66px;
}

html[lang=ja] ul.happy_faces button {
  width: 66px;
}

html[lang=ja] ul.happy_faces button span.happy_face {
  margin-left: 10px;
}

html[data-wcag-enabled=true] #activity_status_reporter .happy_faces button {
  border: 2px solid transparent;
}

html[data-wcag-enabled=true] #activity_status_reporter .happy_faces button span.happy_face.happy_face_1 {
  background-position: -2px -428px;
}

html[data-wcag-enabled=true] #activity_status_reporter .happy_faces button span.happy_face.happy_face_2 {
  background-position: -50px -428px;
}

html[data-wcag-enabled=true] #activity_status_reporter .happy_faces button span.happy_face.happy_face_3 {
  background-position: -98px -428px;
}

html[data-wcag-enabled=true] #activity_status_reporter .happy_faces button span.happy_face.happy_face_4 {
  background-position: -146px -428px;
}

html[data-wcag-enabled=true] #activity_status_reporter .happy_faces button label {
  color: black;
}

html[data-wcag-enabled=true] #activity_status_reporter .happy_faces button.selected_face {
  border: 2px solid white;
  background: black;
}

html[data-wcag-enabled=true] #activity_status_reporter .happy_faces button.selected_face span.happy_face {
  background-position-y: -428px;
  -webkit-filter: invert(1);
  filter: invert(1);
}

html[data-wcag-enabled=true] #activity_status_reporter .happy_faces button.selected_face label {
  color: white;
}

/*! normalize.css v1.0.0 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/*
 * Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}

/*
 * Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

audio,
canvas,
video {
  display: inline-block;
}

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/*
 * Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3,
 * and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/*
 * 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  font-size: 100%;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
}

/*
 * Addresses `font-family` inconsistency between `textarea` and other form
 * elements.
 */

html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}

/*
 * Addresses margins handled incorrectly in IE 6/7.
 */

body {
  margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
  outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/*
 * Addresses font sizes and margins set differently in IE 6/7.
 * Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

h2 {
  font-size: 1.5em;
  margin: 0.83em 0;
}

h3 {
  font-size: 1.17em;
  margin: 1em 0;
}

h4 {
  font-size: 1em;
  margin: 1.33em 0;
}

h5 {
  font-size: 0.83em;
  margin: 1.67em 0;
}

h6 {
  font-size: 0.75em;
  margin: 2.33em 0;
}

/*
 * Addresses styling not present in IE 7/8/9, Safari 5, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/*
 * Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

blockquote {
  margin: 1em 40px;
}

/*
 * Addresses styling not present in Safari 5 and Chrome.
 */

dfn {
  font-style: italic;
}

/*
 * Addresses styling not present in IE 6/7/8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/*
 * Addresses margins set differently in IE 6/7.
 */

p,
pre {
  margin: 1em 0;
}

/*
 * Corrects font family set oddly in IE 6, Safari 4/5, and Chrome.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers.
 */

pre {
  white-space: pre-wrap;
  word-wrap: break-word;
}

/*
 * Addresses CSS quotes not supported in IE 6/7.
 */

q {
  quotes: none;
}

/*
 * Addresses `quotes` property not supported in Safari 4.
 */

q:before,
q:after {
  content: '';
}

small {
  font-size: 75%;
}

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */

/*
 * Addresses margins set differently in IE 6/7.
 */

dl,
menu,
ol,
ul {
  margin: 1em 0;
}

dd {
  margin: 0 0 0 40px;
}

/*
 * Addresses paddings set differently in IE 6/7.
 */

menu,
ol,
ul {
  padding: 0 0 0 40px;
}

/*
 * Corrects list images handled incorrectly in IE 7.
 */

nav ul,
nav ol {
  list-style: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improves image quality when scaled in IE 7.
 */

img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */
}

/*
 * Corrects overflow displayed oddly in IE 9.
 */

svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/*
 * Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/*
 * Corrects margin displayed oddly in IE 6/7.
 */

form {
  margin: 0;
}

/*
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE 6/7/8/9.
 * 2. Corrects text not wrapping in Firefox 3.
 * 3. Corrects alignment displayed oddly in IE 6/7.
 */

legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
}

/*
 * 1. Corrects font size not being inherited in all browsers.
 * 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improves appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
}

/*
 * Addresses Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
  line-height: normal;
}

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Removes inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/*
 * Re-set default cursor for disabled elements.
 */

button[disabled],
input[disabled] {
  cursor: default;
}

/*
 * 1. Addresses box sizing set to content-box in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 * 3. Removes excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
 * Removes inner padding and border in Firefox 3+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE 6/7/8/9.
 * 2. Improves readability and alignment in all browsers.
 */

textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/*
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

@font-face {
  font-family: 'OpenSansLight';
  src: url('/static/fonts/OpenSans-Light-webfont.eot');
  src: url('/static/fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), url('/static/fonts/OpenSans-Light-webfont.woff2') format("woff2"), url('/static/fonts/OpenSans-Light-webfont.woff') format('woff'), url('/static/fonts/OpenSans-Light-webfont.ttf') format('truetype'), url('/static/fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'OpenSansLightItalic';
  src: url('/static/fonts/OpenSans-LightItalic-webfont.eot');
  src: url('/static/fonts/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'), url('/static/fonts/OpenSans-LightItalic-webfont.woff') format('woff'), url('/static/fonts/OpenSans-LightItalic-webfont.ttf') format('truetype'), url('/static/fonts/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'OpenSansRegular';
  src: url('/static/fonts/OpenSans-Regular-webfont.eot');
  src: url('/static/fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('/static/fonts/OpenSans-Regular-webfont.woff') format('woff'), url('/static/fonts/OpenSans-Regular-webfont.ttf') format('truetype'), url('/static/fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'OpenSansItalic';
  src: url('/static/fonts/OpenSans-Italic-webfont.eot');
  src: url('/static/fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('/static/fonts/OpenSans-Italic-webfont.woff') format('woff'), url('/static/fonts/OpenSans-Italic-webfont.ttf') format('truetype'), url('/static/fonts/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'OpenSansSemibold';
  src: url('/static/fonts/OpenSans-Semibold-webfont.eot');
  src: url('/static/fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), url('/static/fonts/OpenSans-Semibold-webfont.woff') format('woff'), url('/static/fonts/OpenSans-Semibold-webfont.ttf') format('truetype'), url('/static/fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'OpenSansSemiboldItalic';
  src: url('/static/fonts/OpenSans-SemiboldItalic-webfont.eot');
  src: url('/static/fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('/static/fonts/OpenSans-SemiboldItalic-webfont.woff') format('woff'), url('/static/fonts/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'), url('/static/fonts/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'OpenSansBold';
  src: url('/static/fonts/OpenSans-Bold-webfont.eot');
  src: url('/static/fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('/static/fonts/OpenSans-Bold-webfont.woff') format('woff'), url('/static/fonts/OpenSans-Bold-webfont.ttf') format('truetype'), url('/static/fonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'OpenSansBoldItalic';
  src: url('/static/fonts/OpenSans-BoldItalic-webfont.eot');
  src: url('/static/fonts/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('/static/fonts/OpenSans-BoldItalic-webfont.woff') format('woff'), url('/static/fonts/OpenSans-BoldItalic-webfont.ttf') format('truetype'), url('/static/fonts/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'OpenSansExtrabold';
  src: url('/static/fonts/OpenSans-ExtraBold-webfont.eot');
  src: url('/static/fonts/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'), url('/static/fonts/OpenSans-ExtraBold-webfont.woff') format('woff'), url('/static/fonts/OpenSans-ExtraBold-webfont.ttf') format('truetype'), url('/static/fonts/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'OpenSansExtraboldItalic';
  src: url('/static/fonts/OpenSans-ExtraBoldItalic-webfont.eot');
  src: url('/static/fonts/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('/static/fonts/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'), url('/static/fonts/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'), url('/static/fonts/OpenSans-ExtraBoldItalic-webfont.svg#OpenSansExtraboldItalic') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'VarelaRoundRegular';
  src: url('/static/fonts/VarelaRound-Regular.ttf') format('truetype');
  src: url('/static/fonts/VarelaRound-Regular.eot');
  src: url('/static/fonts/VarelaRound-Regular.eot?#iefix') format('embedded-opentype'), url('/static/fonts/VarelaRound-Regular.woff') format('woff'), url('/static/fonts/VarelaRound-Regular.ttf') format('truetype'), url('/static/fonts/VarelaRound-Regular.svg#OpenSansExtraboldItalic') format('svg');
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: 'AvenirLTStd-Medium';
  src: url('/static/fonts/2E189E_1_0.eot');
  src: url('/static/fonts/2E189E_1_0.eot?#iefix') format('embedded-opentype'), url('/static/fonts/2E189E_1_0.woff2') format('woff2'), url('/static/fonts/2E189E_1_0.woff') format('woff'), url('/static/fonts/2E189E_1_0.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GillSansInfantStd';
  src: url('/static/fonts/2E189E_0_0.eot');
  src: url('/static/fonts/2E189E_0_0.eot?#iefix') format('embedded-opentype'), url('/static/fonts/2E189E_0_0.woff2') format('woff2'), url('/static/fonts/2E189E_0_0.woff') format('woff'), url('/static/fonts/2E189E_0_0.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'AvantGardeGothicITCW02Bk';
  src: url('/static/fonts/2E1D9F_1_0.eot');
  src: url('/static/fonts/2E1D9F_1_0.eot?#iefix') format('embedded-opentype'), url('/static/fonts/2E1D9F_1_0.woff2') format('woff2'), url('/static/fonts/2E1D9F_1_0.woff') format('woff'), url('/static/fonts/2E1D9F_1_0.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'PalatinoLT-Roman';
  src: url('/static/fonts/2E1D9F_0_0.eot');
  src: url('/static/fonts/2E1D9F_0_0.eot?#iefix') format('embedded-opentype'), url('/static/fonts/2E1D9F_0_0.woff2') format('woff2'), url('/static/fonts/2E1D9F_0_0.woff') format('woff'), url('/static/fonts/2E1D9F_0_0.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "proxima-nova";
  src: url("/static/fonts/ProximaNova-Black.woff2") format("woff2"), url("/static/fonts/ProximaNova-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "proxima-nova";
  src: url("/static/fonts/ProximaNova-Extrabld.woff2") format("woff2"), url("/static/fonts/ProximaNova-Extrabld.woff") format("woff");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "proxima-nova";
  src: url("/static/fonts/ProximaNova-Regular.woff2") format("woff2"), url("/static/fonts/ProximaNova-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "proxima-nova";
  src: url("/static/fonts/ProximaNova-Semibold.woff2") format("woff2"), url("/static/fonts/ProximaNova-Semibold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "proxima-nova";
  src: url("/static/fonts/ProximaNova-Bold.woff2") format("woff2"), url("/static/fonts/ProximaNova-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "proxima-nova";
  src: url("/static/fonts/ProximaNova-Light.woff2") format("woff2"), url("/static/fonts/ProximaNova-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "proxima-nova";
  src: url("/static/fonts/ProximaNova-Thin.woff2") format("woff2"), url("/static/fonts/ProximaNova-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: "caflisch-script-pro";
  src: url("/static/fonts/CaflischScriptPro-Bold.woff2") format("woff2"), url("/static/fonts/CaflischScriptPro-Bold.woff") format("woff");
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: "caflisch-script-pro";
  src: url("/static/fonts/CaflischScriptPro-Regular.woff2") format("woff2"), url("/static/fonts/CaflischScriptPro-Regular.woff") format("woff");
  font-weight: normal;
  font-style: italic;
}

.main-logo--custom {
  max-height: 100px;
  max-width: 300px;
}

.main-logo {
  display: inline-block;
  overflow: hidden;
}

.main-logo__image {
  display: block;
  height: auto;
  width: auto;
  max-height: 100%;
  max-width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.main-logo--landing-page {
  display: block;
  overflow: hidden;
  float: left;
  height: 100%;
  max-height: 88px;
  max-width: 410px;
}

.main-logo--image {
  display: block;
  height: 100%;
  width: auto;
  -o-object-fit: contain;
  object-fit: contain;
}

.main-logo--customize-profile-modal,
.main-logo--dh-lightbox-modal,
.main-logo--finish-signup-modal,
.main-logo--google-confirm-access-modal,
.main-logo--login-modal,
.main-logo--microsoft-confirm-modal,
.main-logo--partner-additional-info-modal,
.main-logo--partner-company-modal,
.main-logo--partner-enter-id-modal-x,
.main-logo--signin-modal,
.main-logo--signup-modal,
.main-logo--terms-modal {
  max-height: 100px;
  max-width: 300px;
  margin: 0 auto;
}

.cs-icon-appreciation--sm {
  background-image: url(/static/img/strengths/icons_sm.png);
  background-position: -150px 0;
  width: 50px;
  height: 50px;
}

.cs-icon-bravery--sm {
  background-image: url(/static/img/strengths/icons_sm.png);
  background-position: -594px -300px;
  width: 44px;
  height: 50px;
}

.cs-icon-creativity--sm {
  background-image: url(/static/img/strengths/icons_sm.png);
  background-position: 0 -150px;
  width: 48px;
  height: 50px;
}

.cs-icon-curiosity--sm {
  background-image: url(/static/img/strengths/icons_sm.png);
  background-position: -148px -150px;
  width: 48px;
  height: 50px;
}

.cs-icon-fairness--sm {
  background-image: url(/static/img/strengths/icons_sm.png);
  background-position: -300px 0;
  width: 44px;
  height: 50px;
}

.cs-icon-forgiveness--sm {
  background-image: url(/static/img/strengths/icons_sm.png);
  background-position: -444px 0;
  width: 50px;
  height: 50px;
}

.cs-icon-gratitude--sm {
  background-image: url(/static/img/strengths/icons_sm.png);
  background-position: -444px -150px;
  width: 50px;
  height: 50px;
}

.cs-icon-honesty--sm {
  background-image: url(/static/img/strengths/icons_sm.png);
  background-position: -300px -150px;
  width: 44px;
  height: 50px;
}

.cs-icon-hope--sm {
  background-image: url(/static/img/strengths/icons_sm.png);
  background-position: 0 -300px;
  width: 50px;
  height: 50px;
}

.cs-icon-humility--sm {
  background-image: url(/static/img/strengths/icons_sm.png);
  background-position: -150px -300px;
  width: 50px;
  height: 50px;
}

.cs-icon-humor--sm {
  background-image: url(/static/img/strengths/icons_sm.png);
  background-position: -300px -300px;
  width: 50px;
  height: 50px;
}

.cs-icon-intelligence--sm {
  background-image: url(/static/img/strengths/icons_sm.png);
  background-position: -594px 0;
  width: 50px;
  height: 50px;
}

.cs-icon-judgment--sm {
  background-image: url(/static/img/strengths/icons_sm.png);
  background-position: -594px -150px;
  width: 48px;
  height: 50px;
}

.cs-icon-kindness--sm {
  background-image: url(/static/img/strengths/icons_sm.png);
  background-position: 0 0;
  width: 50px;
  height: 50px;
}

.cs-icon-leadership--sm {
  background-image: url(/static/img/strengths/icons_sm.png);
  background-position: -450px -300px;
  width: 44px;
  height: 50px;
}

.cs-icon-learning--sm {
  background-image: url(/static/img/strengths/icons_sm.png);
  background-position: 0 -450px;
  width: 48px;
  height: 50px;
}

.cs-icon-locked--sm {
  background-image: url(/static/img/strengths/icons_sm.png);
  background-position: -148px -450px;
  width: 50px;
  height: 50px;
}

.cs-icon-love--sm {
  background-image: url(/static/img/strengths/icons_sm.png);
  background-position: -298px -450px;
  width: 50px;
  height: 50px;
}

.cs-icon-perseverance--sm {
  background-image: url(/static/img/strengths/icons_sm.png);
  background-position: -448px -450px;
  width: 44px;
  height: 50px;
}

.cs-icon-perspective--sm {
  background-image: url(/static/img/strengths/icons_sm.png);
  background-position: -592px -450px;
  width: 48px;
  height: 50px;
}

.cs-icon-prudence--sm {
  background-image: url(/static/img/strengths/icons_sm.png);
  background-position: -744px 0;
  width: 50px;
  height: 50px;
}

.cs-icon-question--sm {
  background-image: url(/static/img/strengths/icons_sm.png);
  background-position: -744px -150px;
  width: 50px;
  height: 50px;
}

.cs-icon-regulation--sm {
  background-image: url(/static/img/strengths/icons_sm.png);
  background-position: -744px -300px;
  width: 50px;
  height: 50px;
}

.cs-icon-spirituality--sm {
  background-image: url(/static/img/strengths/icons_sm.png);
  background-position: -744px -450px;
  width: 50px;
  height: 50px;
}

.cs-icon-teamwork--sm {
  background-image: url(/static/img/strengths/icons_sm.png);
  background-position: 0 -600px;
  width: 44px;
  height: 50px;
}

.cs-icon-zest--sm {
  background-image: url(/static/img/strengths/icons_sm.png);
  background-position: -144px -600px;
  width: 50px;
  height: 50px;
}

.cs-icon-appreciation--md {
  background-image: url(/static/img/strengths/icons_md.png);
  background-position: -688px -344px;
  width: 72px;
  height: 72px;
}

.cs-icon-bravery--md {
  background-image: url(/static/img/strengths/icons_md.png);
  background-position: 0 0;
  width: 72px;
  height: 82px;
}

.cs-icon-creativity--md {
  background-image: url(/static/img/strengths/icons_md.png);
  background-position: -516px 0;
  width: 72px;
  height: 75px;
}

.cs-icon-curiosity--md {
  background-image: url(/static/img/strengths/icons_md.png);
  background-position: -172px -364px;
  width: 72px;
  height: 75px;
}

.cs-icon-fairness--md {
  background-image: url(/static/img/strengths/icons_md.png);
  background-position: 0 -182px;
  width: 72px;
  height: 82px;
}

.cs-icon-forgiveness--md {
  background-image: url(/static/img/strengths/icons_md.png);
  background-position: -688px 0;
  width: 72px;
  height: 72px;
}

.cs-icon-gratitude--md {
  background-image: url(/static/img/strengths/icons_md.png);
  background-position: -688px -172px;
  width: 72px;
  height: 72px;
}

.cs-icon-honesty--md {
  background-image: url(/static/img/strengths/icons_md.png);
  background-position: -172px -182px;
  width: 72px;
  height: 82px;
}

.cs-icon-hope--md {
  background-image: url(/static/img/strengths/icons_md.png);
  background-position: 0 -539px;
  width: 72px;
  height: 72px;
}

.cs-icon-humility--md {
  background-image: url(/static/img/strengths/icons_md.png);
  background-position: -516px -539px;
  width: 72px;
  height: 72px;
}

.cs-icon-humor--md {
  background-image: url(/static/img/strengths/icons_md.png);
  background-position: -688px -539px;
  width: 72px;
  height: 72px;
}

.cs-icon-intelligence--md {
  background-image: url(/static/img/strengths/icons_md.png);
  background-position: 0 -711px;
  width: 72px;
  height: 72px;
}

.cs-icon-judgment--md {
  background-image: url(/static/img/strengths/icons_md.png);
  background-position: -516px -175px;
  width: 72px;
  height: 75px;
}

.cs-icon-kindness--md {
  background-image: url(/static/img/strengths/icons_md.png);
  background-position: -516px -364px;
  width: 72px;
  height: 72px;
}

.cs-icon-leadership--md {
  background-image: url(/static/img/strengths/icons_md.png);
  background-position: -344px -182px;
  width: 72px;
  height: 82px;
}

.cs-icon-learning--md {
  background-image: url(/static/img/strengths/icons_md.png);
  background-position: 0 -364px;
  width: 72px;
  height: 75px;
}

.cs-icon-locked--md {
  background-image: url(/static/img/strengths/icons_md.png);
  background-position: -172px -539px;
  width: 72px;
  height: 72px;
}

.cs-icon-love--md {
  background-image: url(/static/img/strengths/icons_md.png);
  background-position: -344px -539px;
  width: 72px;
  height: 72px;
}

.cs-icon-perseverance--md {
  background-image: url(/static/img/strengths/icons_md.png);
  background-position: -344px 0;
  width: 72px;
  height: 82px;
}

.cs-icon-perspective--md {
  background-image: url(/static/img/strengths/icons_md.png);
  background-position: -344px -364px;
  width: 72px;
  height: 75px;
}

.cs-icon-prudence--md {
  background-image: url(/static/img/strengths/icons_md.png);
  background-position: -860px 0;
  width: 72px;
  height: 72px;
}

.cs-icon-question--md {
  background-image: url(/static/img/strengths/icons_md.png);
  background-position: -860px -172px;
  width: 72px;
  height: 72px;
}

.cs-icon-regulation--md {
  background-image: url(/static/img/strengths/icons_md.png);
  background-position: -860px -344px;
  width: 72px;
  height: 72px;
}

.cs-icon-spirituality--md {
  background-image: url(/static/img/strengths/icons_md.png);
  background-position: -860px -516px;
  width: 72px;
  height: 72px;
}

.cs-icon-teamwork--md {
  background-image: url(/static/img/strengths/icons_md.png);
  background-position: -172px 0;
  width: 72px;
  height: 82px;
}

.cs-icon-zest--md {
  background-image: url(/static/img/strengths/icons_md.png);
  background-position: -172px -711px;
  width: 72px;
  height: 72px;
}

.cs-icon-appreciation--lg {
  background-image: url(/static/img/strengths/icons_lg.png);
  background-position: -880px -440px;
  width: 120px;
  height: 120px;
}

.cs-icon-bravery--lg {
  background-image: url(/static/img/strengths/icons_lg.png);
  background-position: 0 0;
  width: 120px;
  height: 137px;
}

.cs-icon-creativity--lg {
  background-image: url(/static/img/strengths/icons_lg.png);
  background-position: -660px 0;
  width: 120px;
  height: 125px;
}

.cs-icon-curiosity--lg {
  background-image: url(/static/img/strengths/icons_lg.png);
  background-position: -220px -474px;
  width: 120px;
  height: 125px;
}

.cs-icon-fairness--lg {
  background-image: url(/static/img/strengths/icons_lg.png);
  background-position: 0 -237px;
  width: 120px;
  height: 137px;
}

.cs-icon-forgiveness--lg {
  background-image: url(/static/img/strengths/icons_lg.png);
  background-position: -880px 0;
  width: 120px;
  height: 120px;
}

.cs-icon-gratitude--lg {
  background-image: url(/static/img/strengths/icons_lg.png);
  background-position: -880px -220px;
  width: 120px;
  height: 120px;
}

.cs-icon-honesty--lg {
  background-image: url(/static/img/strengths/icons_lg.png);
  background-position: -220px -237px;
  width: 120px;
  height: 137px;
}

.cs-icon-hope--lg {
  background-image: url(/static/img/strengths/icons_lg.png);
  background-position: 0 -699px;
  width: 120px;
  height: 120px;
}

.cs-icon-humility--lg {
  background-image: url(/static/img/strengths/icons_lg.png);
  background-position: -660px -699px;
  width: 120px;
  height: 120px;
}

.cs-icon-humor--lg {
  background-image: url(/static/img/strengths/icons_lg.png);
  background-position: -880px -699px;
  width: 120px;
  height: 120px;
}

.cs-icon-intelligence--lg {
  background-image: url(/static/img/strengths/icons_lg.png);
  background-position: 0 -919px;
  width: 120px;
  height: 120px;
}

.cs-icon-judgment--lg {
  background-image: url(/static/img/strengths/icons_lg.png);
  background-position: -660px -225px;
  width: 120px;
  height: 125px;
}

.cs-icon-kindness--lg {
  background-image: url(/static/img/strengths/icons_lg.png);
  background-position: -660px -474px;
  width: 120px;
  height: 120px;
}

.cs-icon-leadership--lg {
  background-image: url(/static/img/strengths/icons_lg.png);
  background-position: -440px -237px;
  width: 120px;
  height: 137px;
}

.cs-icon-learning--lg {
  background-image: url(/static/img/strengths/icons_lg.png);
  background-position: 0 -474px;
  width: 120px;
  height: 125px;
}

.cs-icon-locked--lg {
  background-image: url(/static/img/strengths/icons_lg.png);
  background-position: -220px -699px;
  width: 120px;
  height: 120px;
}

.cs-icon-love--lg {
  background-image: url(/static/img/strengths/icons_lg.png);
  background-position: -440px -699px;
  width: 120px;
  height: 120px;
}

.cs-icon-perseverance--lg {
  background-image: url(/static/img/strengths/icons_lg.png);
  background-position: -440px 0;
  width: 120px;
  height: 137px;
}

.cs-icon-perspective--lg {
  background-image: url(/static/img/strengths/icons_lg.png);
  background-position: -440px -474px;
  width: 120px;
  height: 125px;
}

.cs-icon-prudence--lg {
  background-image: url(/static/img/strengths/icons_lg.png);
  background-position: -1100px 0;
  width: 120px;
  height: 120px;
}

.cs-icon-question--lg {
  background-image: url(/static/img/strengths/icons_lg.png);
  background-position: -1100px -220px;
  width: 120px;
  height: 120px;
}

.cs-icon-regulation--lg {
  background-image: url(/static/img/strengths/icons_lg.png);
  background-position: -1100px -440px;
  width: 120px;
  height: 120px;
}

.cs-icon-spirituality--lg {
  background-image: url(/static/img/strengths/icons_lg.png);
  background-position: -1100px -660px;
  width: 120px;
  height: 120px;
}

.cs-icon-teamwork--lg {
  background-image: url(/static/img/strengths/icons_lg.png);
  background-position: -220px 0;
  width: 120px;
  height: 137px;
}

.cs-icon-zest--lg {
  background-image: url(/static/img/strengths/icons_lg.png);
  background-position: -220px -919px;
  width: 120px;
  height: 120px;
}

.cs-icon-appreciation--xl {
  background-image: url(/static/img/strengths/icons_xl.png);
  background-position: -600px 0;
  width: 500px;
  height: 500px;
}

.cs-icon-bravery--xl {
  background-image: url(/static/img/strengths/icons_xl.png);
  background-position: -2338px -1200px;
  width: 438px;
  height: 500px;
}

.cs-icon-creativity--xl {
  background-image: url(/static/img/strengths/icons_xl.png);
  background-position: 0 -600px;
  width: 480px;
  height: 500px;
}

.cs-icon-curiosity--xl {
  background-image: url(/static/img/strengths/icons_xl.png);
  background-position: -580px -600px;
  width: 480px;
  height: 500px;
}

.cs-icon-fairness--xl {
  background-image: url(/static/img/strengths/icons_xl.png);
  background-position: -1200px 0;
  width: 438px;
  height: 500px;
}

.cs-icon-forgiveness--xl {
  background-image: url(/static/img/strengths/icons_xl.png);
  background-position: -1738px 0;
  width: 500px;
  height: 500px;
}

.cs-icon-gratitude--xl {
  background-image: url(/static/img/strengths/icons_xl.png);
  background-position: -1738px -600px;
  width: 500px;
  height: 500px;
}

.cs-icon-honesty--xl {
  background-image: url(/static/img/strengths/icons_xl.png);
  background-position: -1200px -600px;
  width: 438px;
  height: 500px;
}

.cs-icon-hope--xl {
  background-image: url(/static/img/strengths/icons_xl.png);
  background-position: 0 -1200px;
  width: 500px;
  height: 500px;
}

.cs-icon-humility--xl {
  background-image: url(/static/img/strengths/icons_xl.png);
  background-position: -600px -1200px;
  width: 500px;
  height: 500px;
}

.cs-icon-humor--xl {
  background-image: url(/static/img/strengths/icons_xl.png);
  background-position: -1200px -1200px;
  width: 500px;
  height: 500px;
}

.cs-icon-intelligence--xl {
  background-image: url(/static/img/strengths/icons_xl.png);
  background-position: -2338px 0;
  width: 500px;
  height: 500px;
}

.cs-icon-judgment--xl {
  background-image: url(/static/img/strengths/icons_xl.png);
  background-position: -2338px -600px;
  width: 480px;
  height: 500px;
}

.cs-icon-kindness--xl {
  background-image: url(/static/img/strengths/icons_xl.png);
  background-position: 0 0;
  width: 500px;
  height: 500px;
}

.cs-icon-leadership--xl {
  background-image: url(/static/img/strengths/icons_xl.png);
  background-position: -1800px -1200px;
  width: 438px;
  height: 500px;
}

.cs-icon-learning--xl {
  background-image: url(/static/img/strengths/icons_xl.png);
  background-position: 0 -1800px;
  width: 480px;
  height: 500px;
}

.cs-icon-locked--xl {
  background-image: url(/static/img/strengths/icons_xl.png);
  background-position: -356px -2400px;
  width: 181px;
  height: 181px;
}

.cs-icon-love--xl {
  background-image: url(/static/img/strengths/icons_xl.png);
  background-position: -1118px -1800px;
  width: 500px;
  height: 500px;
}

.cs-icon-perseverance--xl {
  background-image: url(/static/img/strengths/icons_xl.png);
  background-position: -1718px -1800px;
  width: 438px;
  height: 500px;
}

.cs-icon-perspective--xl {
  background-image: url(/static/img/strengths/icons_xl.png);
  background-position: -2256px -1800px;
  width: 480px;
  height: 500px;
}

.cs-icon-prudence--xl {
  background-image: url(/static/img/strengths/icons_xl.png);
  background-position: -2938px 0;
  width: 500px;
  height: 500px;
}

.cs-icon-question--xl {
  background-image: url(/static/img/strengths/icons_xl.png);
  background-position: 0 -2400px;
  width: 256px;
  height: 256px;
}

.cs-icon-regulation--xl {
  background-image: url(/static/img/strengths/icons_xl.png);
  background-position: -2938px -1200px;
  width: 500px;
  height: 500px;
}

.cs-icon-spirituality--xl {
  background-image: url(/static/img/strengths/icons_xl.png);
  background-position: -2938px -600px;
  width: 500px;
  height: 500px;
}

.cs-icon-teamwork--xl {
  background-image: url(/static/img/strengths/icons_xl.png);
  background-position: -580px -1800px;
  width: 438px;
  height: 500px;
}

.cs-icon-zest--xl {
  background-image: url(/static/img/strengths/icons_xl.png);
  background-position: -2938px -1800px;
  width: 500px;
  height: 500px;
}

.cs-icon-facebook--social {
  background-image: url(/static/img/strengths/icons_social.png);
  background-position: 0 0;
  width: 171px;
  height: 50px;
}

.cs-icon-instagram--social {
  background-image: url(/static/img/strengths/icons_social.png);
  background-position: 0 -70px;
  width: 171px;
  height: 50px;
}

.cs-icon-linkedin--social {
  background-image: url(/static/img/strengths/icons_social.png);
  background-position: -191px 0;
  width: 171px;
  height: 50px;
}

.cs-icon-pinterest--social {
  background-image: url(/static/img/strengths/icons_social.png);
  background-position: -191px -70px;
  width: 171px;
  height: 50px;
}

.cs-icon-tumblr--social {
  background-image: url(/static/img/strengths/icons_social.png);
  background-position: 0 -140px;
  width: 171px;
  height: 50px;
}

.cs-icon-twitter--social {
  background-image: url(/static/img/strengths/icons_social.png);
  background-position: -191px -140px;
  width: 171px;
  height: 50px;
}

/*  RESPONSIVE SPRITES  */

.cs-r-icon {
  background-image: url(/static/img/strengths/social_icons_r.png);
  background-size: 100%;
  width: 171px;
  height: 50px;
}

.cs-r-icon.facebook {
  background-position: 0 .5%;
}

.cs-r-icon.instagram {
  background-position: 0 20%;
}

.cs-r-icon.tumblr {
  background-position: 0 40%;
}

.cs-r-icon.linkedin {
  background-position: 0 60%;
}

.cs-r-icon.pinterest {
  background-position: 0 80%;
}

.cs-r-icon.twitter {
  background-position: 0 99.5%;
}

#profile-strengths .section-strengths {
  background-color: #f7f9f9;
  background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#eaf1ef));
  background-image: linear-gradient(to bottom, white, #eaf1ef 100%);
  position: relative;
  padding: 40px 0;
}

#profile-strengths .section-strengths .section-header {
  text-align: center;
}

#profile-strengths .section-strengths .section-header > * {
  display: inline-block;
}

#profile-strengths .section-strengths .section-header h2 {
  font-size: 2.8rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin: 0;
  color: #00aaea;
}

#profile-strengths .section-strengths .section-header .icon.key {
  position: relative;
  top: 4px;
}

#profile-strengths .section-strengths .section-header .icon.key:hover .privacy-tooltip {
  display: block;
}

#profile-strengths .section-strengths .section-header .icon.key:focus .privacy-tooltip {
  display: block;
}

#profile-strengths .section-strengths .privacy-tooltip {
  display: none;
  position: absolute;
  left: 14px;
  bottom: 23px;
  width: 225px;
  height: 48px;
  padding: 5px 10px;
  border: 1px solid #d7d7d2;
  border-radius: 3px;
  background: #fff;
  font-size: 1.2rem;
  line-height: normal;
  text-align: left;
  color: #777779;
  z-index: 999;
}

#profile-strengths .section-strengths .privacy-tooltip strong {
  font-family: OpenSansSemibold;
}

#profile-strengths .strengths-list {
  margin-top: 50px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (min-width: 576px) {
  #profile-strengths .strengths-list {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
}

#profile-strengths .strengths-list li {
  vertical-align: text-top;
  min-width: 180px;
}

@media (max-width: 575.98px) {
  #profile-strengths .strengths-list li {
    width: 100%;
  }
}

@media (max-width: 767.98px) {
  #profile-strengths .strengths-list li {
    margin-bottom: 50px;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  #profile-strengths .strengths-list li {
    width: 44%;
  }
}

@media (min-width: 768px) {
  #profile-strengths .strengths-list li {
    width: 180px;
    margin-bottom: 30px;
  }
}

#profile-strengths .strengths-list .strength-name {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  position: relative;
  cursor: pointer;
  padding: 0 15px;
}

#profile-strengths .strengths-list .strength-name::before {
  font-size: 2.4rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  display: block;
  color: #00aaea;
  content: "#" attr(data-nr);
}

#profile-strengths .strengths-list .strength-name:hover .tooltip {
  display: block;
}

#profile-strengths .strengths-list .strength-icon {
  height: 160px;
  line-height: 160px;
  cursor: pointer;
}

#profile-strengths .strengths-list .strength-icon--locked {
  opacity: 0.3;
}

#profile-strengths .strengths-list .strength-icon:hover + .strength-name .tooltip {
  display: block;
}

#profile-strengths .strengths-list .strength-icon.js-unlock + .strength-name {
  cursor: pointer;
}

#profile-strengths .strengths-list .strength-icon > div {
  display: inline-block;
  line-height: normal;
  vertical-align: middle;
}

#profile-strengths .strengths-list .question {
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 50%;
  text-align: center;
  font-size: 1.4rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  position: relative;
  margin-left: 10px;
  background: #00aaea;
  color: white;
  cursor: pointer;
  opacity: 1;
}

@media (max-width: 767.98px) {
  #profile-strengths .strengths-list .question {
    display: block;
    margin: 0 auto;
  }
}

@media (min-width: 768px) {
  #profile-strengths .strengths-list .question {
    display: inline-block;
    position: absolute;
  }
}

#profile-strengths .strengths-list .question:hover .tooltip {
  display: block;
}

#profile-strengths .strengths-list .question:focus .tooltip {
  display: block;
}

#profile-strengths .strengths-list .question > span {
  color: white !important;
}

#profile-strengths .strengths-list .tooltip {
  font-size: 1.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  -webkit-box-shadow: 0 3px rgba(0, 0, 0, 0.07);
  box-shadow: 0 3px rgba(0, 0, 0, 0.07);
  display: none;
  position: absolute;
  width: 300px;
  padding: 20px;
  top: 32px;
  left: -140px;
  border: 1px solid #d0d0d0;
  border-radius: 5px;
  background: white;
  text-decoration: none;
  text-align: left;
  color: #777;
  z-index: 999;
}

#profile-strengths .strengths-list .tooltip::after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  width: 20px;
  height: 20px;
  margin-left: -10px;
  top: -10px;
  left: 50%;
  border-top: 1px solid #d0d0d0;
  border-left: 1px solid #d0d0d0;
  background: inherit;
  content: "";
}

#profile-strengths .strengths-list .tooltip span:first-of-type {
  font-size: 1.5rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  display: block;
  margin-bottom: 10px;
  text-align: center;
}

#profile-strengths .strengths-list .tooltip span:last-of-type {
  font-size: 1.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  text-transform: none;
  text-align: left;
  color: #777;
}

#profile-strengths .section-member {
  padding: 40px 0;
  text-align: center;
}

#profile-strengths .section-guest {
  padding: 30px 0;
  text-align: center;
  background: white;
}

#profile-strengths .section-guest p {
  font-size: 1.5rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  margin: 0 0 20px;
}

#profile-strengths .btn-retake {
  position: absolute;
  top: 50px;
  right: 40px;
  font-size: 15px;
  font-weight: bold;
  text-decoration: underline;
  color: #777;
}

@media (max-width: 991.98px) {
  #profile-strengths .btn-retake {
    top: 10px;
  }
}

#profile-strengths .btn-unlock {
  font-size: 1.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  position: relative;
  padding: 15px 45px 15px 15px;
  border-radius: 5px;
  background: #81BA00;
  -webkit-box-shadow: 0 2px 0 #5e8700;
  box-shadow: 0 2px 0 #5e8700;
  text-transform: uppercase;
  color: #fff;
  height: inherit;
  line-height: inherit;
}

#profile-strengths .btn-unlock:hover {
  background: #7db500;
}

#profile-strengths .btn-unlock::after {
  position: absolute;
  top: 50%;
  right: 10%;
  width: 13px;
  height: 16px;
  margin-top: -8px;
  background-image: url('/static/img/sprite-1.png');
  background-position: -88px -561px;
  content: "";
}

#profile-strengths .btn-see {
  font-size: 1.4rem;
  font-family: OpenSansBold;
  font-weight: normal;
  text-transform: uppercase;
}

#profile-strengths .report_or {
  font-size: 1.4rem;
  font-family: OpenSansBold;
  font-weight: normal;
  text-transform: uppercase;
}

#profile-strengths .btn-download {
  font-size: 1.4rem;
  font-family: OpenSansBold;
  font-weight: normal;
  display: inline-block;
  padding: 20px 40px;
  border-radius: 5px;
  text-transform: uppercase;
  color: white;
}

#profile-strengths .btn-download.deactivated {
  background: #c3c3c3;
  -webkit-box-shadow: 0 3px 0 #515151;
  box-shadow: 0 3px 0 #515151;
}

#profile-strengths .btn-download.deactivated .spinner {
  display: inline-block;
  margin: 0 10px 0 0;
  vertical-align: middle;
}

#profile-strengths .btn-download.activated {
  background: #ff7a00;
  -webkit-box-shadow: 0 3px 0 #b35500;
  box-shadow: 0 3px 0 #b35500;
}

#profile-strengths .btn-download.activated:hover {
  background: #fa7800;
}

html[lang="de"] #profile-strengths .section-strengths .privacy-tooltip {
  font-size: 11px;
}

html[data-wcag-enabled="true"] .icon.key,
html[data-wcag-enabled="true"] .question {
  opacity: 1;
}

html[data-wcag-enabled="true"] .icon.key:focus,
html[data-wcag-enabled="true"] .question:focus {
  outline: 4px solid #000 !important;
}

html[data-wcag-enabled="true"] .section-strengths .section-header h2,
html[data-wcag-enabled="true"] .section-strengths .strength-name::before,
html[data-wcag-enabled="true"] .section-strengths .privacy-tooltip {
  color: #372f2b !important;
}

html[data-wcag-enabled="true"] .section-strengths .question {
  background: #000000 !important;
}

/* ====================================================================
 * styling encapsulated by/with
 *    - by #discover-strengths
 *
 *  used for/in:
 *    - home my strengths tab
 *
 *  child styling:
 *    -
 *
 * ================================================================== */

#discover-strengths {
  margin: -30px -20px -20px -20px;
  position: relative;
  min-height: 470px;
  background: url('/static/img/strengths/strengths_bg.png') no-repeat, #eaf1ef;
  background-size: 100% 400px;
  /*------------------------------------*\
    HEADER
  \*------------------------------------*/
  /*------------------------------------*\
    TEXT CONT
  \*------------------------------------*/
  /*------------------------------------*\
    CASH REWARDS
  \*------------------------------------*/
  /*------------------------------------*\
    BTN START
  \*------------------------------------*/
  /*------------------------------------*\
    PARTNER-LOGO
  \*------------------------------------*/
}

#discover-strengths .header {
  padding-top: 40px;
  text-align: center;
}

#discover-strengths .header h1 {
  font-size: 2.8rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin: 0;
  color: #00aaea;
  text-transform: capitalize;
}

#discover-strengths .text-cont {
  width: 60%;
  margin: 20px 0 0 41%;
  padding-right: 50px;
}

#discover-strengths .text-cont h2 {
  font-size: 1.5rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#discover-strengths .text-cont p {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin: 15px 0;
}

#discover-strengths .reward {
  font-size: 1.4rem;
  font-family: OpenSansSemibold;
  margin: 25px 0;
}

#discover-strengths .reward-text {
  color: #81BA00;
}

#discover-strengths .btn-start {
  font-size: 1.5rem;
  font-family: OpenSansBold;
  font-weight: normal;
  display: inline-block;
  margin-top: 20px;
  padding: 12px 25px;
  border-radius: 5px;
  background: #00aaea;
  -webkit-box-shadow: 0 3px 0 #00729e;
  box-shadow: 0 3px 0 #00729e;
  text-transform: uppercase;
  color: white;
}

#discover-strengths .btn-start:hover {
  background: #00a6e5;
}

#discover-strengths .partner-logo {
  position: absolute;
  text-align: center;
  right: 20px;
  bottom: 20px;
}

#discover-strengths .partner-logo span {
  display: block;
  margin-bottom: 10px;
  font-size: 11px;
}

#discover-strengths .partner-logo img {
  width: 71px;
}

/* ====================================================================
 * styling encapsulated by/with
 *    - by #profile-strengths-results
 *
 *  used for/in:
 *    - character strengths modal routine (as last modal)
 *
 *  child styling:
 *    -
 *
 * ================================================================== */

#profile-strengths-results {
  position: relative;
  max-width: 800px;
  min-height: 650px;
  border: 1px solid #d0d0d0;
  border-radius: 10px;
  /*------------------------------------*\
    HEADER
  \*------------------------------------*/
  /*------------------------------------*\
      STRENGTHS CAROUSEL
  \*------------------------------------*/
  /*------------------------------------*\
    UNLOCK SECTION
  \*------------------------------------*/
  /*------------------------------------*\
    STRENGTHS SHARES VIEW
  \*------------------------------------*/
  /*------------------------------------*\
    SECTION RESULTS
  \*------------------------------------*/
  /*------------------------------------*\
    BARS LIST
  \*------------------------------------*/
  /*------------------------------------*\
    BTN UNCLOCK
  \*------------------------------------*/
  /*------------------------------------*\
    BTN DOWNLOAD
  \*------------------------------------*/
  /*------------------------------------*\
    CLOSE LINK
  \*------------------------------------*/
}

#profile-strengths-results .header {
  position: relative;
  margin: 0 40px;
  padding: 50px 0;
  border-bottom: 1px solid #d0d0d0;
  text-align: center;
}

#profile-strengths-results .header h1,
#profile-strengths-results .header h2 {
  font-size: 2.5rem;
  font-family: OpenSansRegular;
  margin-bottom: 8px;
  text-transform: capitalize;
  font-weight: normal;
  color: #00aaea;
}

#profile-strengths-results .header p {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin: 0;
}

#profile-strengths-results .strengths-carousel.result .carousel_liveregion {
  opacity: 0;
  position: absolute;
}

#profile-strengths-results .strengths-carousel.result .carousel-slide {
  padding: 30px 10px 0;
}

#profile-strengths-results .strengths-carousel.result .carousel-slide .strength-icon.js-unlock,
#profile-strengths-results .strengths-carousel.result .carousel-slide .strength-icon.js-unlock + h2 {
  cursor: pointer;
}

#profile-strengths-results .strengths-carousel.result .carousel-slide h2 {
  font-size: 2.5rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  text-transform: none;
  color: #00aaea;
}

#profile-strengths-results .strengths-carousel.result .carousel-slide h2::before {
  display: block;
  color: #00aaea;
  content: "#" attr(data-nr);
}

#profile-strengths-results .strengths-carousel.result .carousel-slide p {
  font-size: 1.5rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  line-height: 1.4;
  margin: 5px 0 0;
}

#profile-strengths-results .strengths-carousel.result .carousel-btn {
  width: 12px;
  height: 22px;
  background-size: 12px 22px;
}

#profile-strengths-results .strengths-carousel.result .carousel-btn.back {
  background: url('/static/img/strengths/arrow_back_result.png');
  background-repeat: no-repeat;
}

#profile-strengths-results .strengths-carousel.result .carousel-btn.back:hover {
  background: url('/static/img/strengths/arrow_back_result_hover.png');
  background-repeat: no-repeat;
}

#profile-strengths-results .strengths-carousel.result .carousel-btn.forward {
  background: url('/static/img/strengths/arrow_forward_result.png');
  background-repeat: no-repeat;
}

#profile-strengths-results .strengths-carousel.result .carousel-btn.forward:hover {
  background: url('/static/img/strengths/arrow_forward_result_hover.png');
  background-repeat: no-repeat;
}

#profile-strengths-results .unlock-section {
  text-align: center;
}

#profile-strengths-results .unlock-section h2 {
  font-size: 2.5rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  text-transform: capitalize;
  color: #81BA00;
}

#profile-strengths-results .unlock-section .unlock-list {
  margin: 10px 0;
}

#profile-strengths-results .unlock-section .unlock-list li {
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin-bottom: 5px;
  list-style: none;
}

#profile-strengths-results .unlock-section .unlock-list li::before {
  display: inline-block;
  width: 4px;
  height: 4px;
  margin-right: 10px;
  border-radius: 50%;
  background: #777;
  vertical-align: middle;
  content: '';
}

#profile-strengths-results #strengths-shares {
  border-top: none;
  padding: 40px 0 20px 0;
}

#profile-strengths-results #strengths-shares h2 {
  font-size: 20px;
  color: #777;
}

#profile-strengths-results #strengths-shares p {
  margin: 0 0 10px;
}

#profile-strengths-results #strengths-shares .cs-r-icon {
  width: 130px;
  height: 40px;
}

#profile-strengths-results .result-section {
  padding: 0 0 60px 0;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, rgba(249, 247, 246, 0)), color-stop(50%, rgba(249, 247, 246, 0.6)), to(#fff)), url(/static/img/strengths/dotted_bg.png);
  background: linear-gradient(rgba(249, 247, 246, 0) 20%, rgba(249, 247, 246, 0.6) 50%, #fff), url(/static/img/strengths/dotted_bg.png);
  background-position: 23px 0;
  background-size: 96% 100%;
  border-top: 1px solid #d0d0d0;
  border-radius: 0 0 10px 10px;
  text-align: center;
}

#profile-strengths-results .bars-list {
  margin: 40px 45px 0 10px;
}

#profile-strengths-results .bars-list li {
  display: table;
  width: 100%;
  height: 65px;
}

#profile-strengths-results .bars-list li > div {
  display: table-cell;
  vertical-align: middle;
}

#profile-strengths-results .bars-list li .bar-name {
  font-size: 1.2rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  width: 108px;
  padding-right: 15px;
  text-align: right;
}

#profile-strengths-results .bars-list li .bar-name .locked {
  height: 35px;
  cursor: pointer;
}

#profile-strengths-results .bars-list li .bar {
  text-align: left;
}

#profile-strengths-results .bars-list li .bar span {
  display: inline-block;
  height: 28px;
  border-radius: 6px;
  background: #00aaea;
}

#profile-strengths-results .bars-list li.default-user {
  opacity: 0.5;
}

#profile-strengths-results .bars-list li.default-user .bar span {
  background: #d0d0d0;
}

#profile-strengths-results .btn-unlock {
  font-size: 1.9rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  display: block;
  width: 300px;
  height: 68px;
  margin: 40px auto;
  padding-left: 40px;
  line-height: 68px;
  text-transform: capitalize;
  position: relative;
  color: #fff;
  border-radius: 5px;
  background: #81BA00;
  -webkit-box-shadow: 0 2px 0 #659100;
  box-shadow: 0 2px 0 #659100;
  text-align: left;
}

#profile-strengths-results .btn-unlock:hover {
  background: #7db500;
}

#profile-strengths-results .btn-unlock .unlock_icon {
  background-position: -85px -560px;
  width: 18px;
  height: 18px;
  -webkit-transform: scale(1.4);
  -ms-transform: scale(1.4);
  transform: scale(1.4);
  position: relative;
  top: 3px;
}

#profile-strengths-results .btn-download {
  font-size: 1.4rem;
  font-family: OpenSansBold;
  font-weight: normal;
  display: inline-block;
  margin: 40px 0;
  padding: 20px 40px;
  border-radius: 5px;
  text-transform: uppercase;
  color: white;
}

#profile-strengths-results .btn-download.deactivated {
  background: #c3c3c3;
  -webkit-box-shadow: 0 3px 0 #515151;
  box-shadow: 0 3px 0 #515151;
}

#profile-strengths-results .btn-download.deactivated .spinner {
  display: inline-block;
  margin: 0 10px 0 0;
  vertical-align: middle;
}

#profile-strengths-results .btn-download.activated {
  background: #ff7a00;
  -webkit-box-shadow: 0 3px 0 #b35500;
  box-shadow: 0 3px 0 #b35500;
}

#profile-strengths-results .btn-download.activated:hover {
  background: #fa7800;
}

#profile-strengths-results .reward {
  text-align: center;
  font-size: 1.4rem;
  font-family: OpenSansSemibold;
  margin: -20px 0 40px 0;
}

#profile-strengths-results .reward-text {
  color: #81BA00;
}

#profile-strengths-results .close-link {
  font-size: 1.5rem;
  font-family: OpenSansRegular;
  position: absolute;
  right: 40px;
  bottom: 40px;
  font-weight: normal;
  color: #ff7a00;
  background: none;
  text-decoration: underline !important;
}

html[lang=es] #profile-strengths-results .btn-unlock {
  width: 345px;
}

html[lang=fr] #profile-strengths-results .btn-unlock {
  width: 410px;
}

html[lang=fr] #profile-strengths-results .btn-unlock:after {
  right: 5%;
}

html[lang=de] #profile-strengths-results .btn-unlock {
  width: 470px;
}

html[lang=de] #profile-strengths-results .btn-unlock:after {
  right: 5%;
}

html[lang=pt] #profile-strengths-results .btn-unlock {
  width: 430px;
}

html[lang=pt] #profile-strengths-results .btn-unlock:after {
  right: 5%;
}

html[lang=ja] #profile-strengths-results .btn-unlock {
  width: 345px;
}

html[lang=ja] #profile-strengths-results .btn-unlock:after {
  right: 5%;
}

html[lang=it] #profile-strengths-results .btn-unlock {
  width: 330px;
  padding-left: 10px;
}

/* ====================================================================
 * styling encapsulated by/with
 *    - by #profile-strengths-assessment-intro
 *
 *  used for/in:
 *    - character strengths modal routine (as first modal)
 *
 *  child styling:
 *    -
 *
 * ================================================================== */

#profile-strengths-assessment-intro {
  position: relative;
  max-width: 800px;
  min-height: 650px;
  border: 1px solid #d0d0d0;
  border-radius: 10px;
  /*------------------------------------*\
    HEADER
  \*------------------------------------*/
  /*------------------------------------*\
    PARTNER-LOGO
  \*------------------------------------*/
}

#profile-strengths-assessment-intro .header {
  background: #F7F9FA;
  border-bottom: 1px solid #d0d0d0;
  border-top-left-radius: 10px;
}

#profile-strengths-assessment-intro .header img {
  margin-bottom: -4px;
}

#profile-strengths-assessment-intro .body-wrapper {
  /*------------------------------------*\
      HGROUP
    \*------------------------------------*/
  /*------------------------------------*\
      TEXT CONT
    \*------------------------------------*/
}

#profile-strengths-assessment-intro .body-wrapper hgroup {
  text-align: center;
  padding: 40px 0 20px;
  line-height: 1.8;
}

#profile-strengths-assessment-intro .body-wrapper hgroup h1 {
  font-size: 2.8rem;
  font-family: OpensansRegular;
  font-weight: normal;
  color: #00aaea;
}

#profile-strengths-assessment-intro .body-wrapper hgroup h2,
#profile-strengths-assessment-intro .body-wrapper hgroup section {
  font-size: 1.5rem;
  font-family: OpensansRegular;
  font-weight: normal;
  color: #777;
}

#profile-strengths-assessment-intro .body-wrapper hgroup h2.bold,
#profile-strengths-assessment-intro .body-wrapper hgroup section.bold {
  font-family: OpenSansBold;
}

#profile-strengths-assessment-intro .body-wrapper .text-cont {
  padding: 0 65px;
  text-align: center;
}

#profile-strengths-assessment-intro .body-wrapper .text-cont p {
  font-size: 1.4rem;
  font-family: OpensansRegular;
  font-weight: normal;
  line-height: 1.8;
  text-align: left;
}

#profile-strengths-assessment-intro .body-wrapper .text-cont p:last-of-type {
  margin-bottom: 50px;
}

#profile-strengths-assessment-intro .reward {
  text-align: center;
  font-size: 1.4rem;
  font-family: OpenSansSemibold;
  margin: -20px 0 40px 0;
}

#profile-strengths-assessment-intro .reward-text {
  color: #81BA00;
}

#profile-strengths-assessment-intro .button-wrapper {
  text-align: center;
  /*------------------------------------*\
      BTN START
    \*------------------------------------*/
}

#profile-strengths-assessment-intro .button-wrapper .btn-start {
  font-size: 1.8rem;
  font-family: OpenSansBold;
  font-weight: normal;
  padding: 20px 70px;
  border-radius: 5px;
  background: #00aaea;
  -webkit-box-shadow: 0 3px 0 #00729e;
  box-shadow: 0 3px 0 #00729e;
  text-transform: uppercase;
  color: white;
}

#profile-strengths-assessment-intro .button-wrapper .btn-start:hover {
  background: #00a6e5;
}

@media (max-width: 575.98px) {
  #profile-strengths-assessment-intro .button-wrapper .btn-start {
    font-size: 1.2rem;
    padding: 10px 40px;
  }
}

#profile-strengths-assessment-intro .button-wrapper button.btn-start {
  height: auto;
}

#profile-strengths-assessment-intro .partner-logo {
  text-align: right;
  padding: 10px 30px 20px;
  margin-top: -40px;
}

@media (max-width: 767.98px) {
  #profile-strengths-assessment-intro .partner-logo {
    margin-top: 0;
  }
}

#profile-strengths-assessment-intro .partner-logo span {
  display: block;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: bold;
}

#profile-strengths-assessment-intro .partner-logo img {
  width: 71px;
}

/* ====================================================================
 * styling encapsulated by/with
 *    - by #profile-strengths-assessment
 *
 *  used for/in:
 *    - cs modal routine
 *
 *  child styling:
 *    -
 *
 * ================================================================== */

#profile-strengths-assessment {
  max-width: 800px;
  min-height: 650px;
  border: 1px solid #d0d0d0;
  border-radius: 10px;
  min-width: 300px;
  /*------------------------------------*\
    SPINNER CONTAINER
  \*------------------------------------*/
  /*------------------------------------*\
    STRENGHTS CAROUSEL ASSESSMENT
  \*------------------------------------*/
  /*------------------------------------*\
    BTN CONTINUE
  \*------------------------------------*/
  /*------------------------------------*\
    ANSWER LIST
  \*------------------------------------*/
  /*------------------------------------*\
    ANSWER
  \*------------------------------------*/
  /*------------------------------------*\
    SECTION PROGRESS
  \*------------------------------------*/
  /*------------------------------------*\
    PROGRESS BAR
  \*------------------------------------*/
}

#profile-strengths-assessment .spinner-container {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 800px;
  height: 550px;
  border-radius: 10px 10px 0 0;
  line-height: 650px;
  text-align: center;
  background: white;
  z-index: 1000;
}

#profile-strengths-assessment .spinner-container.hidden {
  display: none;
}

#profile-strengths-assessment .spinner-container .spinner {
  display: inline-block;
  margin: 0 0 -15px 0;
  line-height: normal;
}

#profile-strengths-assessment .spinner-container .spinner-text {
  font-size: 1.4rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  display: inline-block;
  padding: 10px;
  line-height: normal;
}

#profile-strengths-assessment .strengths-carousel.assessment {
  overflow: hidden;
  border-radius: 10px 10px 0 0;
  padding: 0;
}

#profile-strengths-assessment .strengths-carousel.assessment .carousel-btn {
  width: 17px;
  height: 31px;
  top: 22.5%;
  background-size: 17px 31px;
  display: none;
}

#profile-strengths-assessment .strengths-carousel.assessment .carousel-btn.back {
  background: url('/static/img/strengths/arrow_back.png');
  background-repeat: no-repeat;
}

#profile-strengths-assessment .strengths-carousel.assessment .carousel-btn.forward {
  background: url('/static/img/strengths/arrow_forward.png');
  background-repeat: no-repeat;
}

#profile-strengths-assessment .strengths-carousel.assessment .carousel-btn.active {
  display: block;
}

#profile-strengths-assessment .strengths-carousel.assessment .carousel-slide.interstitial .slide-header {
  padding: 0 50px;
}

@media (max-width: 767.98px) {
  #profile-strengths-assessment .strengths-carousel.assessment .carousel-slide.interstitial .slide-header {
    padding: 0 20px;
  }
}

#profile-strengths-assessment .strengths-carousel.assessment .carousel-slide:not(.interstitial) .slide-header {
  padding: 0 100px;
}

@media (max-width: 767.98px) {
  #profile-strengths-assessment .strengths-carousel.assessment .carousel-slide:not(.interstitial) .slide-header {
    padding: 0 20px;
  }
}

#profile-strengths-assessment .strengths-carousel.assessment .slide-header {
  display: table;
  width: 100%;
  height: 282px;
  background: #00aaea;
}

#profile-strengths-assessment .strengths-carousel.assessment .slide-header p {
  font-size: 3.6rem;
  font-family: OpenSansLight;
  font-weight: normal;
  display: table-cell;
  vertical-align: middle;
  color: #fff;
}

#profile-strengths-assessment .strengths-carousel.assessment .slide-header p span {
  font-size: 3.2rem;
  font-family: OpenSansItalic;
  font-weight: normal;
  display: block;
  margin-bottom: 10px;
}

#profile-strengths-assessment .btn-continue {
  font-size: 2rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  display: inline-block;
  padding: 20px 100px;
  margin: 100px 0 10px;
  border-radius: 5px;
  background: #00aaea;
  -webkit-box-shadow: 0 3px 0 #00729e;
  box-shadow: 0 3px 0 #00729e;
  text-transform: uppercase;
  color: #fff;
  height: auto;
  line-height: normal;
}

#profile-strengths-assessment .btn-continue:hover {
  background: #00a6e5;
}

@media (max-width: 575.98px) {
  #profile-strengths-assessment .btn-continue {
    padding: 20px 80px;
  }
}

#profile-strengths-assessment .answer-list {
  margin: 80px 0 70px;
  text-align: center;
}

@media (min-width: 768px) and (max-width: 991.98px) {
  #profile-strengths-assessment .answer-list {
    margin: 40px 0 30px;
  }
}

@media (max-width: 767.98px) {
  #profile-strengths-assessment .answer-list {
    margin: 10px 0;
  }
}

#profile-strengths-assessment .answer {
  display: inline-block;
  width: 130px;
  vertical-align: text-top;
  text-align: center;
}

#profile-strengths-assessment .answer.checked .answer-circle {
  background: url('/static/img/strengths/answer_mousedown.png');
  background-size: 67px 67px;
}

#profile-strengths-assessment .answer:hover {
  text-decoration: none;
}

#profile-strengths-assessment .answer:focus {
  outline: none;
}

#profile-strengths-assessment .answer-circle {
  line-height: 67px;
  border-radius: 50%;
  text-align: center;
  display: inline-block;
  width: 67px;
  height: 67px;
  background: url('/static/img/strengths/answer-circle.png');
  background-size: 67px 67px;
  cursor: pointer;
  padding: 0 10px;
  margin: 0;
}

#profile-strengths-assessment .answer-circle:hover {
  background: url('/static/img/strengths/answer_hover.png');
  background-size: 67px 67px;
}

#profile-strengths-assessment .answer-circle:active {
  background: url('/static/img/strengths/answer_mousedown.png');
  background-size: 67px 67px;
}

#profile-strengths-assessment .answer-text {
  font-size: 1.2rem;
  font-family: OpenSansBold;
  font-weight: normal;
  margin: 10px auto;
  width: 80px;
  text-transform: uppercase;
  color: #777;
}

#profile-strengths-assessment .section-progress {
  text-align: center;
  margin: 0 30px;
  padding: 40px 0;
}

#profile-strengths-assessment .section-progress .confidential {
  font-size: 1.1rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  top: -30px;
}

#profile-strengths-assessment .section-progress .confidential .confidencial_copy {
  margin: 0 auto;
  max-width: 500px;
  line-height: 40px;
  vertical-align: middle;
}

#profile-strengths-assessment .section-progress .confidential .confidencial_copy .key {
  position: absolute;
  margin-left: -20px;
  margin-top: -8px;
  -webkit-transform: scale(0.75, 0.75);
  -ms-transform: scale(0.75, 0.75);
  transform: scale(0.75, 0.75);
}

#profile-strengths-assessment .section-progress .confidential .confidencial_copy span.inside {
  display: inline-block;
  line-height: 16px;
  vertical-align: middle;
}

#profile-strengths-assessment .section-progress .confidential .confidencial_copy span.inside a {
  color: #777;
  font-family: 'OpenSansSemibold';
}

#profile-strengths-assessment .section-progress .confidential span:nth-child(2) {
  margin: 8px 0 0 5px;
  vertical-align: top;
  display: inline-block;
}

#profile-strengths-assessment .progress-bar {
  display: inline-block;
}

#profile-strengths-assessment .progress-bar-section {
  display: inline-block;
  vertical-align: middle;
}

#profile-strengths-assessment .progress-bar-section.completed > * {
  background: #00aaea;
}

#profile-strengths-assessment .progress-bar-section.open .progress-bar-circle {
  background: #00aaea;
}

#profile-strengths-assessment .progress-bar-section.open .progress-bar-circle-small {
  display: inline-block;
}

#profile-strengths-assessment .progress-bar-section.open .progress-bar-line {
  width: 6px;
}

#profile-strengths-assessment .progress-bar-line {
  display: inline-block;
  vertical-align: middle;
  width: 5px;
  height: 3px;
  margin: 0 -2px;
  background: #d0d0d0;
}

#profile-strengths-assessment .progress-bar-line.completed {
  background: #00aaea;
}

#profile-strengths-assessment .progress-bar-circle {
  font-size: 1.4rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  width: 25px;
  height: 25px;
  line-height: 25px;
  border-radius: 50%;
  text-align: center;
  display: inline-block;
  margin: 0 1px;
  background: #d0d0d0;
  vertical-align: middle;
  color: white;
}

#profile-strengths-assessment .progress-bar-circle.active {
  background: #00aaea;
}

#profile-strengths-assessment .progress-bar-circle-small {
  width: 12.5px;
  height: 12.5px;
  line-height: 12.5px;
  border-radius: 50%;
  text-align: center;
  display: none;
  margin: -1px 1px 0 1px;
  border: 2px solid #d0d0d0;
  vertical-align: middle;
}

#profile-strengths-assessment .progress-bar-circle-small.completed {
  border: 2px solid #00aaea;
  background: #00aaea;
}

/* ====================================================================
 * styling encapsulated by/with
 *    - by #strengths-shares
 *    - by [data-view='StrenghtsShares']
 *
 *  used for/in:
 *    - profile strengths tab
 *    - profile strengths result modal
 *
 *  child styling:
 *    -
 *
 * ================================================================== */

[data-view='StrenghtsShares'],
#strengths-shares {
  padding: 40px 0;
  border-top: 1px solid  #d0d0d0;
  text-align: center;
  /*------------------------------------*\
    SECTION HEADER
  \*------------------------------------*/
  /*------------------------------------*\
    SOCIAL LIST
  \*------------------------------------*/
}

[data-view='StrenghtsShares'] .section-header,
#strengths-shares .section-header {
  text-align: center;
}

[data-view='StrenghtsShares'] .section-header h2,
#strengths-shares .section-header h2 {
  font-size: 3rem;
  font-family: OpenSansBold;
  font-weight: normal;
}

[data-view='StrenghtsShares'] .section-header p,
#strengths-shares .section-header p {
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

[data-view='StrenghtsShares'] .social-list,
#strengths-shares .social-list {
  display: inline-block;
  margin-top: 10px;
}

[data-view='StrenghtsShares'] .social-list > li,
#strengths-shares .social-list > li {
  display: inline-block;
  margin: 0 15px 20px 15px;
}

[data-view='StrenghtsShares'] .social-list > li > a,
#strengths-shares .social-list > li > a {
  outline: none;
  display: inline-block;
  width: 100% !important;
  height: 100% !important;
  background: none !important;
}

/* ====================================================================
 * styling encapsulated by/with
 *    - by #strengths_share_fb
 *
 *  used for/in:
 *    - #strengths-shares
 *
 *  child styling:
 *    -
 *
 * ================================================================== */

#strengths_share_fb {
  position: absolute;
  width: 300px;
  padding: 20px;
  text-align: right;
  background: #fff;
  border: 1px solid #d7d7d2;
  border-radius: 5px;
  z-index: 9999;
}

#strengths_share_fb .close_small {
  position: absolute;
  top: 5px;
  right: 5px;
}

#strengths_share_fb img {
  display: block;
  max-width: 100%;
  max-height: 188px;
  margin: 0 auto;
}

#strengths_share_fb textarea {
  width: 100%;
  margin: 10px 0;
}

#strengths_share_fb .share {
  font-size: 1.4rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  display: inline-block;
  padding: 10px 40px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background: #003A73;
  border-bottom: 2px solid #002040;
  border-radius: 5px;
}

.strengths-carousel {
  text-align: center;
  position: relative;
  padding: 0 20px;
  /* ------------------------------------*\
    CAROUSEL INNER
  \*------------------------------------ */
  /* ------------------------------------*\
    CAROUSEL SLIDE
  \*------------------------------------ */
  /* ------------------------------------*\
    CAROUSEL NAV
  \*------------------------------------ */
  /* ------------------------------------*\
    CAROUSEL BTN
  \*------------------------------------ */
}

.strengths-carousel .carousel-inner {
  overflow: hidden;
}

.strengths-carousel .carousel-slide {
  text-align: center;
  max-width: 800px;
}

.strengths-carousel .carousel-slide .strength-icon > span {
  display: inline-block;
}

.strengths-carousel .carousel-nav li {
  padding: 0 2px;
  display: inline-block;
}

.strengths-carousel .carousel-nav li,
.strengths-carousel .carousel-nav button {
  margin: 20px 5px;
  padding: 0;
  height: 10px;
  width: 10px;
  line-height: 10px;
  color: transparent;
  background: #d0d0d0;
  cursor: pointer;
  border-radius: 50%;
  text-align: center;
}

.strengths-carousel .carousel-nav li.slick-active {
  background: #00aaea;
}

.strengths-carousel .carousel-nav li.slick-active button {
  background: #00aaea;
}

.strengths-carousel .carousel-btn {
  position: absolute;
  top: 50%;
  z-index: 999;
  cursor: pointer;
}

.strengths-carousel .carousel-btn.back {
  left: 30px;
}

.strengths-carousel .carousel-btn.forward {
  right: 30px;
}

/* ====================================================================
 * This styling is encapsulated for side navigation by ROLE attribute
 * in BOTH applications
 * 1) [role=sidenav]
 * ================================================================== */

[role=sidenav] {
  position: fixed;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  top: 0;
  left: -100%;
  width: 380px;
  height: 100%;
  background: white;
  border: 1px solid #d7d7d2;
  border-top: none;
  z-index: 1999;
  /*------------------------------------*\
    SIDENAV [UL]
  \*------------------------------------*/
  /*------------------------------------*\
    SIDENAV SUBNAV
  \*------------------------------------*/
  /*------------------------------------*\
    SUBNAV TOGGLE - triggering subnav items
  \*------------------------------------*/
  /*------------------------------------*\
    EMERGENCY BUTTON
  \*------------------------------------*/
}

[role=sidenav],
[role=sidenav] * {
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
}

[role=sidenav] .sidenav {
  max-height: 100%;
  padding-bottom: 70px;
  overflow: auto;
}

[role=sidenav] .sidenav-item {
  position: relative;
}

[role=sidenav] .sidenav-item:not(:first-child) {
  min-height: 62px;
  overflow: hidden;
  padding: 5px;
}

[role=sidenav] .sidenav-item.hidden {
  display: none;
}

[role=sidenav] .sidenav-item > .logo {
  width: 128px;
  margin: 10px 0 12px;
}

[role=sidenav] .sidenav-item > a,
[role=sidenav] .sidenav-item > .happify_plus {
  font-size: 1.5rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  display: inline-block;
  width: 90%;
  padding: 25px 0 5px;
  margin: 4px;
  line-height: 14px;
  text-indent: 75px;
  color: #ff7a00;
  outline: none;
  text-align: left;
  position: static;
}

[role=sidenav] .sidenav-item > a:hover,
[role=sidenav] .sidenav-item > .happify_plus:hover {
  text-decoration: none;
}

[role=sidenav] .sidenav-item > a .section-icon,
[role=sidenav] .sidenav-item > .happify_plus .section-icon {
  position: absolute;
  left: 36px;
  margin-top: -4px;
}

[role=sidenav] .sidenav-item > a .section-icon.explore,
[role=sidenav] .sidenav-item > .happify_plus .section-icon.explore {
  top: 29px;
}

[role=sidenav] .sidenav-item > a .section-icon.shine,
[role=sidenav] .sidenav-item > .happify_plus .section-icon.shine {
  top: 33px;
}

[role=sidenav] .sidenav-item > a#profileLink {
  text-indent: 0;
}

[role=sidenav] .sidenav-item:first-child {
  padding: 15px 25px;
}

[role=sidenav] .sidenav-item:not(:last-of-type) {
  border-bottom: 1px solid #d7d7d2;
}

[role=sidenav] .subnav {
  visibility: hidden;
  height: 0;
}

[role=sidenav] .subnav.opened {
  visibility: visible;
  height: auto;
}

[role=sidenav] .subnav-item > a,
[role=sidenav] .subnav-item button {
  font-size: 1.5rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  display: block;
  overflow: hidden;
  line-height: 46px;
  text-indent: 40px;
  color: #777;
  text-decoration: none;
  outline: none;
  width: 100%;
  text-align: left;
}

[role=sidenav] .subnav-item:first-of-type a,
[role=sidenav] .subnav-item button {
  border-top: 1px solid #d7d7d2;
}

[role=sidenav] .subnav-toggle {
  position: absolute;
  top: 30px;
  right: 15px;
  height: 20px;
  width: 20px;
  cursor: pointer;
  background: none;
  border: 0;
}

[role=sidenav] .subnav-toggle::after {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  position: absolute;
  top: 2px;
  left: 4px;
  display: block;
  width: 10px;
  height: 10px;
  border-top: 2px solid #aaa;
  border-right: 2px solid #aaa;
  content: '';
}

[role=sidenav] .subnav-toggle.opened::after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 8px;
}

[role=sidenav] .emergency-button {
  position: absolute;
  padding: 0;
  right: 5px;
  bottom: 5px;
  width: 75px;
  height: 75px;
  background: url('/static/img/emergency_button.svg') no-repeat;
  /* plus for old app: */
  border: none;
}

[role=sidenav] .emergency-button:active {
  -webkit-box-shadow: inset 0 2px 5px 1px rgba(255, 122, 0, 0.33);
  box-shadow: inset 0 2px 5px 1px rgba(255, 122, 0, 0.33);
}

#cigna_portal .sidenav-item .logo {
  width: 128px;
  margin: 10px 0 12px;
}

#cigna_portal .sidenav-item .partner_name {
  font-size: 1.8rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin-bottom: 10px;
}

/* ====================================================================
 * This styling is encapsulated for user details in sidenav by Data view and ID
 * in BOTH applications
 * 1) data-view="SidenavUserDetails"
 * 2) #sidenav-user-details
 * ================================================================== */

[data-view=SidenavUserDetails],
#sidenav-user-details {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  /*------------------------------------*\
    USER DETAILS - avatar, notifications, username
  \*------------------------------------*/
}

[data-view=SidenavUserDetails] .user-details,
#sidenav-user-details .user-details {
  display: inline-block;
  color: inherit;
  text-decoration: none;
  width: auto;
  padding: 0;
}

[data-view=SidenavUserDetails] .user-details.on .user-avatar > .notification-indicator,
#sidenav-user-details .user-details.on .user-avatar > .notification-indicator {
  display: none;
}

[data-view=SidenavUserDetails] .user-details > *,
#sidenav-user-details .user-details > * {
  display: inline-block;
  height: 60px;
  line-height: 60px;
  margin-right: 10px;
  vertical-align: top;
}

[data-view=SidenavUserDetails] .user-name,
#sidenav-user-details .user-name {
  font-size: 1.7rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  max-width: 150px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

[data-view=SidenavUserDetails] .user-name a,
#sidenav-user-details .user-name a {
  font-size: 1.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

[data-view=SidenavUserDetails] #userMenu.subnav-toggle,
#sidenav-user-details #userMenu.subnav-toggle {
  position: relative !important;
  top: 26px;
  right: 6px;
}

[data-view=SidenavUserDetails] #userMenu.subnav-toggle::after,
#sidenav-user-details #userMenu.subnav-toggle::after {
  right: -15px;
  top: 50%;
  margin-top: -2.5px;
  width: 0;
  height: 0;
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 5px;
  border-color: #ff7a00 transparent transparent transparent;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

[data-view=SidenavUserDetails] #userMenu.subnav-toggle.opened::after,
#sidenav-user-details #userMenu.subnav-toggle.opened::after {
  -webkit-transform: rotate(180deg) !important;
  -ms-transform: rotate(180deg) !important;
  transform: rotate(180deg) !important;
  top: 5px;
}

[data-view=SidenavUserDetails] .user-avatar,
#sidenav-user-details .user-avatar {
  position: relative;
  margin-right: 10px;
}

[data-view=SidenavUserDetails] .user-avatar > .notification-indicator,
#sidenav-user-details .user-avatar > .notification-indicator {
  position: absolute;
  top: -10px;
  right: -10px;
  min-width: 30px;
  height: 30px;
  line-height: 24px;
}

[data-view=SidenavUserDetails] .notification-indicator,
#sidenav-user-details .notification-indicator {
  display: inline-block;
  min-width: 18px;
  line-height: 16px;
  margin: -1px 0 0 10px;
  padding: 0 4px;
  background: #ff7a00;
  border-radius: 18px;
  border: 2px solid white;
  font-size: 12px;
  vertical-align: middle;
  text-align: center;
  color: white;
}

.rsbtn {
  z-index: 2000;
  display: inline-block;
}

.rsbtn .rsbtn_play .rsbtn_left .rsbtn_text {
  color: #33a !important;
}

.rsbtn .rsbtn_play .rsbtn_left .rsbtn_text span {
  color: #4f4f4f !important;
}

.rsbtn .rsbtn_exp {
  width: 350px;
}

.rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item {
  color: #4f4f4f !important;
}

.rsbtn .rsbtn_tooltoggle {
  color: #4f4f4f !important;
}

.rsbtn .rsbtn_toolpanel {
  width: 360px;
}

.rsbtn .rsbtn_toolpanel .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer .rsbtn_toollist li .rsbtn_tool {
  color: #4f4f4f !important;
  height: 42px;
}

#rslightbox_overlay {
  position: fixed !important;
  min-width: 100% !important;
  min-height: 100% !important;
  bottom: 0 !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

#rslightbox_contentcontainer .rsform-buttons .rsdialog-button {
  height: auto;
}

#rslightbox_contentcontainer #rslightbox_toolbar .rslightbox-tool.small-icon {
  height: auto;
}

#rslightbox_contentcontainer #rslightbox_content #rsform_wrapper .rsform .rsform-section .rsform-row .rsform-info-toggle {
  color: #33a !important;
}

div.rspopup {
  z-index: 9999999999;
}

div.rspopup.disabled {
  visibility: hidden !important;
  display: none !important;
}

.js-hidden-object-game {
  width: 100%;
}

.game_parent_frame {
  border: 1px solid #d7d7d2;
  background-color: #FFFFFF;
}

.game_parent_frame .games_intro_main:not(.kc_screen),
.game_parent_frame .kc_screen > .welcome_screen {
  padding: 60px 40px;
}

@media (max-width: 767.98px) {
  .game_parent_frame .games_intro_main:not(.kc_screen),
  .game_parent_frame .kc_screen > .welcome_screen {
    padding: 40px 15px;
  }
}

.game_parent_frame .games_intro_main:not(.kc_screen) .games_intro_title,
.game_parent_frame .kc_screen > .welcome_screen .games_intro_title {
  font-size: 4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #c5168a;
  text-align: center;
  margin: 0;
  margin-bottom: 10px;
}

.game_parent_frame .games_intro_main:not(.kc_screen) .games_intro_title.blue,
.game_parent_frame .kc_screen > .welcome_screen .games_intro_title.blue {
  color: #00aaea;
}

.game_parent_frame .games_intro_main:not(.kc_screen) .games_intro_title.green,
.game_parent_frame .kc_screen > .welcome_screen .games_intro_title.green {
  color: #058f07;
}

.game_parent_frame .games_intro_main:not(.kc_screen) .games_intro_title.uplift,
.game_parent_frame .kc_screen > .welcome_screen .games_intro_title.uplift {
  opacity: 0;
}

.game_parent_frame .games_intro_main:not(.kc_screen) .games_intro_img,
.game_parent_frame .kc_screen > .welcome_screen .games_intro_img {
  margin: 30px 0;
  min-height: 144px;
}

.game_parent_frame .games_intro_main:not(.kc_screen) .games_intro_img.clickable,
.game_parent_frame .kc_screen > .welcome_screen .games_intro_img.clickable {
  cursor: pointer;
}

.game_parent_frame .games_intro_main:not(.kc_screen) .games_intro_img.uplift,
.game_parent_frame .kc_screen > .welcome_screen .games_intro_img.uplift {
  opacity: 0;
}

.game_parent_frame .games_intro_main:not(.kc_screen) .games_intro_img img,
.game_parent_frame .kc_screen > .welcome_screen .games_intro_img img {
  position: relative;
  margin: 0 auto;
  display: block;
  width: 100%;
}

.game_parent_frame .games_intro_main:not(.kc_screen) .games_intro_img #intro_screen_block,
.game_parent_frame .kc_screen > .welcome_screen .games_intro_img #intro_screen_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.game_parent_frame .games_intro_main:not(.kc_screen) .games_intro_img #intro_screen_block img,
.game_parent_frame .kc_screen > .welcome_screen .games_intro_img #intro_screen_block img {
  width: 17%;
  margin: 0;
}

.game_parent_frame .games_intro_main:not(.kc_screen) .games_intro_img #intro_screen_block img:nth-child(1),
.game_parent_frame .kc_screen > .welcome_screen .games_intro_img #intro_screen_block img:nth-child(1) {
  left: 10%;
}

.game_parent_frame .games_intro_main:not(.kc_screen) .games_intro_img #intro_screen_block img:nth-child(2),
.game_parent_frame .kc_screen > .welcome_screen .games_intro_img #intro_screen_block img:nth-child(2) {
  left: 3%;
}

.game_parent_frame .games_intro_main:not(.kc_screen) .games_intro_img #intro_screen_block img:nth-child(3),
.game_parent_frame .kc_screen > .welcome_screen .games_intro_img #intro_screen_block img:nth-child(3) {
  left: -3%;
}

.game_parent_frame .games_intro_main:not(.kc_screen) .games_intro_img #intro_screen_block img:nth-child(4),
.game_parent_frame .kc_screen > .welcome_screen .games_intro_img #intro_screen_block img:nth-child(4) {
  left: 20%;
}

.game_parent_frame .games_intro_main:not(.kc_screen) .games_intro_img #intro_screen_block img:nth-child(5),
.game_parent_frame .kc_screen > .welcome_screen .games_intro_img #intro_screen_block img:nth-child(5) {
  left: -9%;
}

.game_parent_frame .games_intro_main:not(.kc_screen) .games_intro_img #intro_screen_block img:nth-child(6),
.game_parent_frame .kc_screen > .welcome_screen .games_intro_img #intro_screen_block img:nth-child(6) {
  left: -38%;
}

.game_parent_frame .games_intro_main:not(.kc_screen) .games_intro_under,
.game_parent_frame .kc_screen > .welcome_screen .games_intro_under {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: 0 auto;
}

.game_parent_frame .games_intro_main:not(.kc_screen) .games_intro_under .games_intro_under_left.uplift,
.game_parent_frame .kc_screen > .welcome_screen .games_intro_under .games_intro_under_left.uplift,
.game_parent_frame .games_intro_main:not(.kc_screen) .games_intro_under .games_intro_under_right.uplift,
.game_parent_frame .kc_screen > .welcome_screen .games_intro_under .games_intro_under_right.uplift {
  opacity: 0;
}

.game_parent_frame .games_intro_main:not(.kc_screen) .games_intro_under .games_intro_under_left,
.game_parent_frame .kc_screen > .welcome_screen .games_intro_under .games_intro_under_left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0;
  padding-bottom: 15px;
}

.game_parent_frame .games_intro_main:not(.kc_screen) .games_intro_under .games_intro_under_left .notification p,
.game_parent_frame .kc_screen > .welcome_screen .games_intro_under .games_intro_under_left .notification p {
  font-size: 1.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #777;
  margin: 0 0 10px;
}

.game_parent_frame .games_intro_main:not(.kc_screen) .games_intro_under .games_intro_under_left .games_intro_description,
.game_parent_frame .kc_screen > .welcome_screen .games_intro_under .games_intro_under_left .games_intro_description,
.game_parent_frame .games_intro_main:not(.kc_screen) .games_intro_under .games_intro_under_left .games_intro_plus,
.game_parent_frame .kc_screen > .welcome_screen .games_intro_under .games_intro_under_left .games_intro_plus {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #5f5f5f;
}

.game_parent_frame .games_intro_main:not(.kc_screen) .games_intro_under .games_intro_under_left .games_intro_plus,
.game_parent_frame .kc_screen > .welcome_screen .games_intro_under .games_intro_under_left .games_intro_plus {
  margin: 10px 0;
}

.game_parent_frame .games_intro_main:not(.kc_screen) .games_intro_under .games_intro_under_left .games_intro_description,
.game_parent_frame .kc_screen > .welcome_screen .games_intro_under .games_intro_under_left .games_intro_description {
  max-width: 625px;
  margin-bottom: 28px;
}

.game_parent_frame .games_intro_main:not(.kc_screen) .games_intro_under .games_intro_under_left .games_intro_description p,
.game_parent_frame .kc_screen > .welcome_screen .games_intro_under .games_intro_under_left .games_intro_description p {
  margin: 0;
  line-height: 20px;
}

.game_parent_frame .games_intro_main:not(.kc_screen) .games_intro_under .games_intro_under_left .games_intro_plus a.unlock,
.game_parent_frame .kc_screen > .welcome_screen .games_intro_under .games_intro_under_left .games_intro_plus a.unlock {
  color: #ff7a00;
}

.game_parent_frame .games_intro_main:not(.kc_screen) .games_intro_under .games_intro_under_left .games_intro_btndiv,
.game_parent_frame .kc_screen > .welcome_screen .games_intro_under .games_intro_under_left .games_intro_btndiv {
  margin-bottom: 28px;
}

.game_parent_frame .games_intro_main:not(.kc_screen) .games_intro_under .games_intro_under_left .games_intro_btndiv .button,
.game_parent_frame .kc_screen > .welcome_screen .games_intro_under .games_intro_under_left .games_intro_btndiv .button {
  font-size: 1.6rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  position: relative;
  min-width: 220px;
  margin: 0 auto;
  display: block;
  padding: 10px 35px;
  height: auto;
}

.game_parent_frame .games_intro_main:not(.kc_screen) .games_intro_under .games_intro_under_left .games_intro_btndiv.loading .button,
.game_parent_frame .kc_screen > .welcome_screen .games_intro_under .games_intro_under_left .games_intro_btndiv.loading .button {
  display: none;
}

.game_parent_frame .games_intro_main:not(.kc_screen) .games_intro_under .games_intro_under_left .games_intro_btndiv.loading .button.games_loading_button,
.game_parent_frame .kc_screen > .welcome_screen .games_intro_under .games_intro_under_left .games_intro_btndiv.loading .button.games_loading_button {
  display: block;
}

.game_parent_frame .games_intro_main:not(.kc_screen) .games_intro_under .games_intro_under_left .games_intro_btndiv .games_loading_button,
.game_parent_frame .kc_screen > .welcome_screen .games_intro_under .games_intro_under_left .games_intro_btndiv .games_loading_button {
  -webkit-box-shadow: 0 2px 0 #b35500;
  box-shadow: 0 2px 0 #b35500;
  cursor: default;
  display: none;
  overflow: hidden;
}

.game_parent_frame .games_intro_main:not(.kc_screen) .games_intro_under .games_intro_under_left .games_intro_btndiv .games_loading_button .games_pbar_main,
.game_parent_frame .kc_screen > .welcome_screen .games_intro_under .games_intro_under_left .games_intro_btndiv .games_loading_button .games_pbar_main {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  width: 100%;
  background-color: #d1732d;
}

.game_parent_frame .games_intro_main:not(.kc_screen) .games_intro_under .games_intro_under_left .games_intro_btndiv .games_loading_button .games_pbar_main .games_pbar_progress,
.game_parent_frame .kc_screen > .welcome_screen .games_intro_under .games_intro_under_left .games_intro_btndiv .games_loading_button .games_pbar_main .games_pbar_progress {
  position: absolute;
  top: 0;
  left: 0;
  height: 4px;
  width: 0;
  background-color: #a4551a;
}

.game_parent_frame .games_intro_main:not(.kc_screen) .games_intro_under .games_intro_under_right,
.game_parent_frame .kc_screen > .welcome_screen .games_intro_under .games_intro_under_right {
  background: #f8f8f8;
  padding: 15px;
}

@media (max-width: 767.98px) {
  .game_parent_frame .games_intro_main:not(.kc_screen) .games_intro_under .games_intro_under_right,
  .game_parent_frame .kc_screen > .welcome_screen .games_intro_under .games_intro_under_right {
    padding: 10px 15px 25px;
  }
}

.games_intro_button {
  position: relative;
  width: 220px;
  height: 63px;
  margin: 0 auto;
  background-color: #ff7a00;
  color: #ffffff;
  font-family: OpenSansSemiBold;
  font-size: 16px;
  font-weight: normal;
  border-radius: 5px;
  text-align: center;
  line-height: 63px;
  cursor: pointer;
  -webkit-box-shadow: 0 2px 0 #b35500;
  box-shadow: 0 2px 0 #b35500;
}

.games_intro_btndiv.loading .games_intro_button,
.games_intro_btndiv.loading .button {
  display: none;
}

.games_intro_btndiv.loading .games_loading_button {
  display: block;
}

.why-container_wrap {
  padding: 15px;
}

@media (max-width: 767.98px) {
  .why-container_wrap {
    padding: 10px 15px 25px;
  }
}

.why-container.js-tip-selected .why-it-works_button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.why-container .why-it-works_button {
  font-size: 1.7rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #f05a20;
  cursor: pointer;
  letter-spacing: -1px;
  padding: 0;
  border: none;
  background: transparent;
  display: none;
  height: 30px;
}

.why-container .why-it-works_button .icon {
  margin-right: 5px;
  line-height: 0;
}

.why-container .why-it-works_button .icon svg {
  width: 19px;
  fill: #ff7a00;
}

.why-container .bulleted_message {
  text-align: left;
}

.why-container .bulleted_message .title {
  margin: 0;
  padding-bottom: 10px;
  display: inline-block;
  width: 100%;
  color: #777;
  border-bottom: 1px solid #777;
  font-size: 1.6rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
}

.why-container .bulleted_message ul {
  padding: 20px 0;
}

.why-container .bulleted_message ul .message {
  margin: 0 0 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.why-container .bulleted_message ul .message:last-child {
  margin: 0;
}

.why-container .bulleted_message ul .message .checkmark {
  width: 11px;
  height: 11px;
  background: url('/static/img/blue_checkmark.png') no-repeat transparent;
}

.why-container .bulleted_message ul .message .item {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin-left: 10px;
  color: #999;
  width: calc(100% - 30px);
}

.header-container {
  padding: 10px 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.header-container.skill-color {
  border-radius: 5px 5px 0 0;
}

.header-container.skill-color.TH {
  background-color: #ef7f18;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ff8f29), to(#d66600));
  background-image: linear-gradient(to bottom, #ff8f29, #d66600 100%);
}

.header-container.skill-color.AS {
  background-color: #0cabe6;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#14bfff), to(#008cc1));
  background-image: linear-gradient(to bottom, #14bfff, #008cc1 100%);
}

.header-container.skill-color.SA {
  background-color: #ca198e;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e61ea2), to(#a01270));
  background-image: linear-gradient(to bottom, #e61ea2, #a01270 100%);
}

.header-container.skill-color.EM {
  background-color: #ff3939;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ff5a5a), to(#ff0808));
  background-image: linear-gradient(to bottom, #ff5a5a, #ff0808 100%);
}

.header-container.skill-color.GI {
  background-color: #06bf09;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#07df0b), to(#058f07));
  background-image: linear-gradient(to bottom, #07df0b, #058f07 100%);
}

.header-container.skill-color.OT {
  background-color: #edd02f;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f6db47), to(#e0c00b));
  background-image: linear-gradient(to bottom, #f6db47, #e0c00b 100%);
}

.header-container.skill-color.RE {
  background-color: #35c1c2;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#41d6d7), to(#23a3a3));
  background-image: linear-gradient(to bottom, #41d6d7, #23a3a3 100%);
}

.header-container.skill-color.gi {
  background: #06b709;
  border: 1px #069c08 solid;
}

.header-container.skill-color.sa {
  background: #c5168a;
  border: 1px #a00d6f solid;
}

.header-container.skill-color.th {
  background: #ff7a00;
  border: 1px #dd5300 solid;
}

.header-container.skill-color.as {
  background: #00aaea;
  border: 1px #008abe solid;
}

.header-container.skill-color.em {
  background: #ff3131;
  border: 1px #178cc1 solid;
}

.header-container.skill-color.ot {
  background: #f4d420;
  border: 1px #178cc1 solid;
}

.header-container.skill-color.re {
  background: #2ac4c5;
  border: 1px #209798 solid;
}

.header-container.header_quiz_post {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-bottom: 30px;
}

.header-container.header_quiz_post .header-title {
  font-size: 2.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  margin: 0 10px;
  color: #ffffff;
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: auto;
  text-align: left;
}

@media (max-width: 575.98px) {
  .header-container.header_quiz_post .header-title {
    margin: 0 auto;
    text-align: center;
  }
}

@media (max-width: 575.98px) {
  .header-container.header_quiz_post .skill-icon-white {
    margin: 0 auto;
  }
}

.header-container.header_completed_modal .header-title {
  font-size: 2.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  text-align: left;
  margin: 0 10px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

@media (max-width: 575.98px) {
  .header-container.header_completed_modal .header-title {
    width: 100%;
    text-align: center;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}

.header-container .post-skill-icon {
  margin: -10px 0;
}

.header-container .back-header-button {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  min-width: 55px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: normal;
  border: none;
  z-index: 1;
  background: transparent url("/static/img/arrow-left-white.svg") no-repeat left / 12px;
}

.header-container .back-header-button:hover .button-label {
  text-decoration: underline;
}

.header-container .back-header-button svg {
  position: relative;
  top: 2px;
  width: 10px;
  margin-right: 5px;
}

.header-container .back-header-button .button-label {
  font-size: 1.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #fff;
  margin-left: 20px;
}

.header-container .header-title {
  font-size: 2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #fff;
  text-align: center;
  margin: 0;
  width: calc(100% - 195px);
}

@media (max-width: 575.98px) {
  .header-container .header-title {
    width: 100%;
  }
}

.header-container .activity-icon {
  max-width: 130px;
  white-space: nowrap;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.header-container .activity-icon .text {
  margin-left: 5px;
  font-size: 1.4rem;
  font-family: OpenSansSemibold;
}

.header-container .activity-level {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: -10px 0;
}

.header-container .activity-level.no_icon {
  display: block;
}

.header-container .activity-level.no_icon .level {
  margin: 0;
  line-height: 1em;
  text-align: center;
}

.header-container .activity-level span {
  color: #fff;
}

.header-container .activity-level .activity .skill-icon-white {
  margin: 0 auto;
}

.header-container .activity-level .activity .icon-level {
  font-size: 1.3rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  text-transform: capitalize;
  line-height: 14px;
  width: auto;
  margin: 0 auto;
  word-wrap: break-word;
}

.header-container .activity-level .level {
  font-size: 3.6rem;
  font-family: OpenSansBold;
  font-weight: normal;
  color: #fff;
  margin-left: 5px;
}

html[data-wcag-enabled=true] .header-container .back-header-button {
  background-image: url("/static/img/arrow-left.svg");
}

html[data-wcag-enabled=true] .header-container.skill-color.SA html[data-wcag-enabled=true] .header-container.skill-color.sa {
  background: #fd4ec2;
}

html[lang=it] .back-header-button {
  min-width: 75px;
}

.Embed {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
  background: #fff;
}

.Embed:before {
  display: block;
  content: "";
}

.Embed-16by9:before {
  padding-top: 56.25%;
}

.Embed-1024by700:before {
  padding-top: 68.36%;
}

.Embed_item {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

#js_page_locker {
  background: rgba(255, 255, 255, 0.5);
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-animation: FadeIn 0.4s ease forwards;
  animation: FadeIn 0.4s ease forwards;
}

#js_page_locker.page_locker-health {
  background-color: #ffffff;
  position: absolute;
}

#js_page_locker .spinner {
  margin: 0;
}

@-webkit-keyframes FadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes FadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.spinner {
  margin: 30px auto;
  background: url("/static/img/icons/happify_loader_01.png?v=3.0") no-repeat;
  width: 40px;
  height: 40px;
  -webkit-animation: rotate-360 1s linear infinite;
  animation: rotate-360 1s linear infinite;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .spinner#featured {
    margin: 30px;
  }
}

.spinner.large {
  background: url("/static/img/icons/spinner-128x128.gif") no-repeat;
  width: 128px;
  height: 128px;
}

.spinner.white {
  background: url("/static/img/icons/happify_loader_01_white.png") no-repeat;
}

.spinner.site {
  position: absolute;
  top: 50%;
  left: 48%;
}

.spinner.spinner-center {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -20px;
  margin-top: -20px;
}

.spinner.spinner-center-horizontal {
  position: absolute;
  left: 50%;
  margin-left: -20px;
}

@-webkit-keyframes rotate-360 {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotate-360 {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes kf-fadeIn {
  100% {
    opacity: 1;
  }
}

@keyframes kf-fadeIn {
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes kf-hideAndFadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes kf-hideAndFadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.no-padding {
  padding: 0 !important;
}

.rsbtn {
  z-index: 2000;
  display: inline-block;
}

.rsbtn .rsbtn_play .rsbtn_left .rsbtn_text {
  color: #33a !important;
}

.rsbtn .rsbtn_play .rsbtn_left .rsbtn_text span {
  color: #4f4f4f !important;
}

.rsbtn .rsbtn_exp {
  width: 350px;
}

.rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item {
  color: #4f4f4f !important;
}

.rsbtn .rsbtn_tooltoggle {
  color: #4f4f4f !important;
}

.rsbtn .rsbtn_toolpanel {
  width: 360px;
}

.rsbtn .rsbtn_toolpanel .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer .rsbtn_toollist li .rsbtn_tool {
  color: #4f4f4f !important;
  height: 42px;
}

#rslightbox_overlay {
  position: fixed !important;
  min-width: 100% !important;
  min-height: 100% !important;
  bottom: 0 !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

#rslightbox_contentcontainer .rsform-buttons .rsdialog-button {
  height: auto;
}

#rslightbox_contentcontainer #rslightbox_toolbar .rslightbox-tool.small-icon {
  height: auto;
}

#rslightbox_contentcontainer #rslightbox_content #rsform_wrapper .rsform .rsform-section .rsform-row .rsform-info-toggle {
  color: #33a !important;
}

div.rspopup {
  z-index: 9999999999;
}

div.rspopup.disabled {
  visibility: hidden !important;
  display: none !important;
}

.tooltip_wrapper {
  position: relative;
  text-transform: none;
  display: inline;
}

.tooltip_wrapper .tooltip,
.tooltip_wrapper .tooltip-upper {
  position: absolute;
  padding: 15px 20px;
  display: none;
  min-width: 200px;
  background: #fff;
  border: solid 1px #ddd;
  text-align: left;
  border-radius: 4px;
  z-index: 99;
  opacity: unset;
  left: 0;
  -webkit-transform: translateX(-25px);
  -ms-transform: translateX(-25px);
  transform: translateX(-25px);
}

.tooltip_wrapper .tooltip:not(.info)::after,
.tooltip_wrapper .tooltip-upper:not(.info)::after {
  position: absolute;
  width: 25px;
  height: 25px;
  content: '';
  border: 0;
  border-top: solid 1px #ddd;
  border-left: solid 1px #ddd;
  border-radius: 0 0 100% 0;
  left: 10px;
  background: #fff;
}

.tooltip_wrapper .tooltip h3,
.tooltip_wrapper .tooltip-upper h3 {
  margin: 0 0 4px 0;
  color: #ff7a00;
  font-size: 1.5rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
}

.tooltip_wrapper .tooltip span,
.tooltip_wrapper .tooltip-upper span,
.tooltip_wrapper .tooltip p,
.tooltip_wrapper .tooltip-upper p {
  font-size: 1.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin: 0;
  font-style: normal;
  line-height: 1.8;
  color: #777;
}

.tooltip_wrapper .tooltip {
  top: 40px;
}

.tooltip_wrapper .tooltip:not(.info)::after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -13px;
}

.tooltip_wrapper .tooltip-upper {
  top: -100px;
}

.tooltip_wrapper .tooltip-upper:not(.info)::after {
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg);
  top: 39px;
}

.share-facebook:focus .tooltip_wrapper .tooltip,
.share-facebook:hover .tooltip_wrapper .tooltip,
.share-twitter:focus .tooltip_wrapper .tooltip,
.share-twitter:hover .tooltip_wrapper .tooltip,
a[target="_blank"]:hover:not(.button) .tooltip_wrapper .tooltip,
a[target="_blank"]:focus:not(.button) .tooltip_wrapper .tooltip,
.share-facebook:focus .tooltip_wrapper .tooltip-upper,
.share-facebook:hover .tooltip_wrapper .tooltip-upper,
.share-twitter:focus .tooltip_wrapper .tooltip-upper,
.share-twitter:hover .tooltip_wrapper .tooltip-upper,
a[target="_blank"]:hover:not(.button) .tooltip_wrapper .tooltip-upper,
a[target="_blank"]:focus:not(.button) .tooltip_wrapper .tooltip-upper {
  display: block !important;
}

.compass_tooltip {
  width: auto;
  max-width: 500px;
}

#blocking_modal {
  width: 96% !important;
  padding: 125px 5% !important;
}

#blocking_modal .disclaimer {
  text-align: center;
  font-size: 1.8rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  margin-bottom: 60px;
}

#blocking_modal .app-stores a {
  display: inline-block;
  width: 135px;
  height: 40px;
  margin: 15px auto;
}

#blocking_modal .app-stores a.mobile-app-button-block {
  display: block;
}

#blocking_modal .app-stores a img {
  line-height: 40;
  width: 100%;
  height: 100%;
}

#blocking_modal .app-stores .button {
  line-height: 40px;
  display: block;
  height: 40px;
}

#emergency_information_modal {
  max-width: 880px;
  padding: 50px 80px;
  text-align: center;
  /* plus for old app: */
  color: #777;
}

#emergency_information_modal .head {
  font-size: 3.6rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  color: #ff7a00;
  margin: 3px;
}

#emergency_information_modal .text {
  font-size: 2rem;
  font-family: OpenSansLight;
  font-weight: normal;
  font-weight: bold;
  line-height: 30px;
}

#emergency_information_modal .text.part-1 {
  margin: 16px;
  text-align: left;
}

#emergency_information_modal .text.part-2 {
  margin: 8px;
}

#emergency_information_modal .call-phone {
  margin-top: 36px;
}

#emergency_information_modal .call-phone .phone {
  font-size: 2.5rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #ff7a00;
  text-decoration: underline;
  padding: 0 5px;
}

#emergency_information_modal .button {
  font-size: 2rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  height: auto;
  padding: 8px 50px;
}

html {
  font-size: 62.5%;
  min-width: 320px;
}

body {
  background-image: url(/static/img/bg.png);
  background-attachment: fixed;
  overflow-y: scroll;
  font-family: OpenSansRegular;
  font-size: 12px;
}

.ui-tooltip-inert {
  pointer-events: none !important;
}

hr {
  border: 0;
  height: 2px;
  margin: 18px 0;
  position: relative;
  background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), color-stop(10%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.65)), color-stop(90%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.65) 50%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%);
  /* W3C */
}

h1 {
  color: #03a9e5;
  font-weight: normal;
}

h2 {
  color: #999;
  font-weight: normal;
}

h4 {
  color: #999;
}

.breadcrumb {
  background: #fff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  list-style: none;
  overflow: hidden;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
  height: 40px;
  border-bottom: 1px solid #eee;
}

.breadcrumb li {
  float: left;
}

.breadcrumb li .home a {
  background-image: url("/static/img/sprite-1.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -207px -69px;
  width: 15px;
  height: 14px;
  text-indent: -9999px;
  display: block;
  z-index: 99;
  left: 8px;
}

.breadcrumb li a {
  color: #8b8b8b;
  text-decoration: none;
  padding: 12px 0 10px 40px;
  background: #fff;
  position: relative;
  display: block;
  float: left;
  font-weight: 600;
  font-size: 12px;
}

.breadcrumb li a:hover {
  color: #444;
}

.breadcrumb li a:after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  border-left: 30px solid;
  position: absolute;
  top: 50%;
  margin-top: -50px;
  left: 100%;
  z-index: 2;
  border-left-color: #fff;
}

.breadcrumb li a:before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  border-left: 30px solid;
  position: absolute;
  top: 50%;
  margin-top: -50px;
  margin-left: 1px;
  left: 100%;
  z-index: 1;
  border-left-color: #ccc;
}

.breadcrumb li:first-child a {
  padding-left: 20px;
  border-left-color: #fff;
}

.breadcrumb li:nth-child(2) a,
.breadcrumb li:nth-child(3) a,
.breadcrumb li:nth-child(4) a {
  background: #fff;
}

.breadcrumb li:nth-child(2) a:after,
.breadcrumb li:nth-child(3) a:after,
.breadcrumb li:nth-child(4) a:after {
  border-left-color: #fff;
}

.breadcrumb li:last-child a {
  background: transparent !important;
  color: #999;
  pointer-events: none;
  cursor: default;
  font-weight: 600;
}

.breadcrumb li:last-child a:after,
.breadcrumb li:last-child a:before {
  border: 0;
}

#header {
  position: relative;
  width: 1040px;
  margin-bottom: 32px;
}

#main-content {
  background: #fdfbf7;
  border-radius: 5px;
  background-clip: padding-box;
  border: 1px solid #cccccc;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  position: relative;
  width: 1020px;
  min-height: 500px;
  margin: 0 auto 0 auto;
}

.page-title {
  position: relative;
  margin: 20px 0 0 20px;
}

.float-cnt {
  position: relative;
  clear: both;
}

.last-col {
  margin-right: 0 !important;
}

.sticker {
  width: 50px;
  height: 50px;
  background-image: url("/static/img/sprite-2.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-color: transparent;
  position: absolute;
  top: -20px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  .sticker {
    background-image: url("/static/img/sprite-2@2x.png");
    background-size: 1040px 1253px;
  }
}

.sticker.sticker_left {
  background-position: -893px -285px;
  left: -12px;
}

.sticker.sticker_right {
  background-position: -967px -285px;
}

.box-shadow {
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}

.help_container .help_icon {
  background-image: url("/static/img/sprite-1.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -164px -61px;
  cursor: pointer;
  float: left;
  height: 29px;
  width: 29px;
}

.help_container .help_icon:hover {
  background-position: -164px -97px;
}

.help_container h5 {
  color: #7b4408;
  font-family: "OpenSansRegular";
  font-weight: normal;
  font-size: 14px;
  margin: 0;
  padding: 3px;
}

#modal .help_icon {
  background-position: -166px -64px;
}

#modal .help_icon:hover {
  background-position: -166px -100px;
}

hr:before {
  content: "";
  display: block;
  border-top: solid 1px #f9f9f9;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 50%;
  z-index: 1;
}

.main-container {
  position: relative;
  margin: 40px auto 0;
  min-height: 500px;
}

#to_top {
  font-size: 1.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  background: #fff;
  border-radius: 5px 5px 0 0;
  background-clip: padding-box;
  color: #372f2b;
  border: 1px solid #d7d7d2;
  height: 46px;
  display: none;
  position: fixed;
  cursor: pointer;
  line-height: 60px;
  padding: 0 30px;
  bottom: 0;
  left: 50%;
  margin-left: -66px;
  border-bottom: none;
  z-index: 999;
}

.user_menu {
  list-style: none;
}

.btn.slim {
  font-size: 12px;
  line-height: 6px;
}

.btn.slim:hover {
  background-color: #78bfd8;
  color: #ffffff;
}

.modal {
  border: 1px solid rgba(102, 102, 102, 0.17);
}

.modal .modal-header {
  background: #333;
}

.modal .modal-header h1,
.modal .modal-header h2,
.modal .modal-header h3 {
  color: #eee;
}

.modal .modal-header .btn.cancel {
  float: right;
  margin: 8px 8px auto auto;
}

#user_modal {
  width: 300px;
  margin: -200px 0 0 -130px;
}

#user_modal .user_avatar img {
  float: left;
  margin-right: 10px;
}

#user_modal h4 {
  padding-bottom: 10px;
}

#activity_feed,
#people_to_follow,
#in_progress_activities {
  overflow-y: hidden;
  background-color: #f0f0f0;
  height: 650px;
}

#activity_feed h3,
#people_to_follow h3,
#in_progress_activities h3 {
  font-weight: normal;
}

#activity_feed h4,
#people_to_follow h4,
#in_progress_activities h4 {
  color: #0B7BCC;
  cursor: pointer;
}

#activity_feed h4:hover,
#people_to_follow h4:hover,
#in_progress_activities h4:hover {
  color: #085e9c;
}

#activity_feed .section_header,
#people_to_follow .section_header,
#in_progress_activities .section_header {
  padding: 10px;
  height: 30px;
  line-height: 30px;
  border-bottom: 1px solid #cccccc;
}

#activity_feed .section,
#people_to_follow .section,
#in_progress_activities .section {
  padding-top: 10px;
  height: 600px;
  overflow-y: scroll;
  overflow-x: hidden;
}

#activity_feed ul,
#people_to_follow ul,
#in_progress_activities ul {
  margin: 0;
  list-style: none;
}

#activity_feed .users_to_follow li,
#people_to_follow .users_to_follow li,
#in_progress_activities .users_to_follow li,
#activity_feed .activity_feed li,
#people_to_follow .activity_feed li,
#in_progress_activities .activity_feed li {
  margin-bottom: 20px;
  padding-right: 10px;
}

#activity_feed .technique_statuses .wrapper,
#people_to_follow .technique_statuses .wrapper,
#in_progress_activities .technique_statuses .wrapper {
  padding-left: 30px;
  padding-right: 30px;
}

#activity_feed .technique_statuses .inner,
#people_to_follow .technique_statuses .inner,
#in_progress_activities .technique_statuses .inner {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
  border: 1px solid #cccccc;
  background-color: #ffffff;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(12%, #c7c7c7), color-stop(60%, #ffffff));
  background-image: linear-gradient(to bottom, #c7c7c7 12%, #ffffff 60%);
}

#activity_feed .logged_activity,
#people_to_follow .logged_activity,
#in_progress_activities .logged_activity,
#activity_feed .user,
#people_to_follow .user,
#in_progress_activities .user {
  padding-left: 20px;
}

#activity_feed .user_avatar,
#people_to_follow .user_avatar,
#in_progress_activities .user_avatar {
  float: left;
  margin-right: 10px;
}

#activity_feed .message,
#people_to_follow .message,
#in_progress_activities .message {
  color: #333;
}

#activity_feed .time,
#people_to_follow .time,
#in_progress_activities .time {
  color: #999;
}

#activity_feed .message,
#people_to_follow .message,
#in_progress_activities .message,
#activity_feed .time,
#people_to_follow .time,
#in_progress_activities .time {
  font-size: 11px;
  line-height: 14px;
}

.scroll-to-top-box {
  border-top: 1px solid black;
  border-left: 1px solid black;
  border-right: 1px solid black;
  cursor: pointer;
}

.header-avatar {
  -webkit-border-radius: 20px;
}

.dropdown-menu a {
  overflow-x: hidden;
}

.clearfix {
  zoom: 1;
}

.clearfix:before,
.clearfix:after {
  content: '';
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

#welcome .section {
  padding: 20px;
}

#js-layout-left {
  min-height: 560px;
}

a.fb_signin_button {
  background: url(/static/img/social/facebook_signin.png) no-repeat 0 0;
  width: 150px;
  height: 23px;
  display: block;
  text-indent: -9999px;
}

a.fb_signin_button:hover {
  background-position: 0 -24px;
}

a.fb_signin_button:active {
  background-position: 0 -48px;
}

a.twitter_signin_button {
  background: url(/img/social/twitter_signin.png) no-repeat 0 0;
  width: 150px;
  height: 23px;
  display: block;
  text-indent: -9999px;
}

a.twitter_signin_button:hover {
  background-position: 0 -24px;
}

a.twitter_signin_button:active {
  background-position: 0 -48px;
}

.modal.very-wide {
  width: 1060px;
  margin-left: -400px;
}

.modal.wide {
  width: 800px;
  margin-left: -400px;
}

.modal.thin {
  width: 725px;
  margin-left: -200px;
}

.fb-share {
  cursor: pointer;
}

.loading {
  background: url(/static/img/icons/ajax-loader.gif) no-repeat center center !important;
}

.modal-error-flash,
.error-flash {
  display: table;
  border-collapse: collapse;
  text-align: center;
  margin: auto;
}

.modal-error-flash .bang,
.error-flash .bang {
  float: left;
  background-image: url("/static/img/sprite-2.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -559px -946px;
  width: 32px;
  height: 32px;
  margin-top: 10px;
}

.modal-error-flash .message,
.error-flash .message {
  float: left;
  text-align: left;
  max-width: 550px;
  font-family: "OpenSansRegular", Arial, sans-serif;
  font-size: 16px;
  margin-top: 14px;
  margin-left: 5px;
}

.callout-text {
  color: orange;
}

[class^="flash"] {
  width: 400px;
  position: fixed;
  top: 15px;
  left: 50%;
  height: 40px;
  margin-left: -200px;
  padding: 0 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  border: 1px solid transparent;
  border-radius: 5px;
  cursor: pointer;
  z-index: 3000;
}

[class^="flash"]:after {
  content: "✕";
  position: absolute;
  top: 0;
  right: 10px;
  display: block;
}

[class^="flash"].site {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: fixed;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  top: 0;
  left: 0;
  width: 100%;
  margin: 0;
  border-radius: 0;
  font-weight: 600;
  font-size: 14px;
}

.flash-success {
  background: #61b832;
  border-color: #55a12c;
}

.flash-error {
  background: #de4343;
  border-color: #c43d3d;
}

#track_nav_panel {
  background-color: #f8f5f3;
  height: 52px;
  position: relative;
  z-index: 5;
}

#track_nav_panel ul#js-profile-modules {
  border-color: #e7e7e7 #e7e7e7 #dddddd;
  border-style: solid;
  border-width: 1px 1px 2px;
  font-family: "OpenSansRegular", "Helvetica Neue", Helvetica, Arial, sans-serif;
  list-style: none outside none;
  margin: 0;
  overflow: visible;
  padding: 0;
  position: relative;
  zoom: 1;
  border-radius: 5px 5px 0 0;
  background-clip: padding-box;
}

#track_nav_panel ul#js-profile-modules:before,
#track_nav_panel ul#js-profile-modules:after {
  content: '';
  display: table;
}

#track_nav_panel ul#js-profile-modules:after {
  clear: both;
}

#track_nav_panel ul#js-profile-modules::after {
  display: block;
  clear: both;
  content: "";
}

#track_nav_panel ul#js-profile-modules:before,
#track_nav_panel ul#js-profile-modules:after {
  content: '';
  display: table;
}

#track_nav_panel ul#js-profile-modules:after {
  clear: both;
}

#track_nav_panel ul#js-profile-modules::after {
  display: block;
  clear: both;
  content: "";
}

#track_nav_panel ul#js-profile-modules::after {
  display: block;
  clear: both;
  content: "";
}

#track_nav_panel ul#js-profile-modules::after {
  display: block;
  clear: both;
  content: "";
}

#track_nav_panel ul#js-profile-modules li {
  font-family: "OpenSansRegular";
  font-weight: normal;
  font-size: 18px;
  cursor: pointer;
  height: 50px;
  min-width: 100px;
  border: none;
}

#track_nav_panel ul#js-profile-modules li:hover .text_inner span,
#track_nav_panel ul#js-profile-modules li:hover .text_inner .text {
  color: #f26531;
}

#track_nav_panel ul#js-profile-modules li.big_panel {
  min-width: 160px;
}

#track_nav_panel ul#js-profile-modules li.middle_panel {
  min-width: 125px;
}

#track_nav_panel ul#js-profile-modules li.group_left {
  float: left;
}

#track_nav_panel ul#js-profile-modules li.group_left .text_inner {
  margin: 15px auto;
  text-align: center;
  color: #818284;
}

#track_nav_panel ul#js-profile-modules li.group_left .text_inner span {
  background-color: transparent;
}

#track_nav_panel ul#js-profile-modules li.group_left .text_inner .count {
  background-color: #ffffff;
  border: thin solid #d4d5d7;
  color: #f26531;
  font-size: 12px;
  font-weight: bold;
  height: 20px;
  padding: 2px 4px;
  border-radius: 5px 5px 5px 5px;
  background-clip: padding-box;
}

#track_nav_panel ul#js-profile-modules li.group_left .check {
  display: none;
}

#track_nav_panel ul#js-profile-modules li.group_left .check_border {
  display: none;
}

#track_nav_panel ul#js-profile-modules li.nav-active {
  font-size: 18px;
  background: url("/static/img/profile_tab_bg.png") repeat-x scroll 0 0 #ffffff;
  border: 1px solid #dcdcdb;
  border-bottom: none;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  height: 50px;
}

#track_nav_panel ul#js-profile-modules li.nav-active .text_inner .count,
#track_nav_panel ul#js-profile-modules li.nav-active .text_inner text {
  color: #03a9e5;
}

#track_nav_panel ul#js-profile-modules li.nav-active .check {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  line-height: 0;
  -webkit-transform: rotate(360deg);
}

#track_nav_panel ul#js-profile-modules li.nav-active .check.check_inner {
  position: absolute;
  border-width: 15px 15px 0;
  left: -15px;
  top: -18px;
  border-color: #eeebea rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
}

#track_nav_panel ul#js-profile-modules li.nav-active .check.check_border {
  z-index: 5;
  position: relative;
  margin: 1px auto;
  border-width: 17px 18px 0;
  border-color: #dddddd rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
}

#track_nav_panel ul#js-profile-modules li.nav-active .check_mask {
  border-bottom: 2px solid #dddddd;
  background-color: #eeebea;
  height: 4px;
  position: absolute;
  top: -22px;
  width: 7px;
  z-index: 100;
}

#track_nav_panel ul#js-profile-modules li.nav-active .check_mask.left {
  left: -21px;
}

#track_nav_panel ul#js-profile-modules li.nav-active .check_mask.right {
  left: 14px;
}

#track_nav_panel ul#js-profile-modules li.nav-active.type_2 .check_border .check_mask {
  height: 7px;
  top: -22px;
}

#track_nav_panel ul#js-profile-modules li.nav-active.type_2 .check_border .check_mask.right {
  left: 13px;
}

#track_nav_panel ul#js-profile-modules li.nav-active.type_2 .check_border .check_mask.left {
  left: -20px;
}

#track_nav_panel ul#js-profile-modules li.group_right {
  float: right;
}

#track_nav_panel ul#js-profile-modules li.group_right .text_inner {
  text-align: center;
  margin: 5px 20px 0 20px;
}

#track_nav_panel ul#js-profile-modules li.group_right .text_inner .count {
  margin-top: 8px;
  font-size: 25px;
  font-family: "OpenSansSemibold";
  color: #babcbe;
}

#track_nav_panel ul#js-profile-modules li.group_right .text_inner .text {
  margin: 0;
  font-size: 11px;
  color: #999999;
}

#track_nav_panel ul#js-profile-modules li.group_right.nav-active .text_inner {
  text-align: center;
  margin: 5px 20px 0 20px;
}

#track_nav_panel ul#js-profile-modules li.group_right.nav-active .text_inner .count {
  margin-top: 8px;
  font-size: 25px;
  font-family: "OpenSansRegular";
  color: #03a9e5;
}

#track_nav_panel ul#js-profile-modules li.group_right.nav-active .text_inner .text {
  font-size: 11px;
  color: #999999;
}

#track_nav_panel ul#js-profile-modules li.group_right.nav-active .check_border {
  margin: 6.75px auto;
}

#track_nav_panel .nav_panel_wrapper {
  background-color: #ffffff;
  border-left: thin solid #d4d5d7;
  border-right: thin solid #d4d5d7;
  float: left;
  height: 25px;
  position: relative;
  width: 100%;
  z-index: -1;
}

.bold {
  font-family: OpenSansBold;
}

.semi-bold {
  font-family: OpenSansSemibold;
}

.relative {
  position: relative;
}

.flexible {
  text-align: justify;
}

.flexible:after {
  content: "";
  width: 100%;
  display: inline-block;
  font-size: 0;
  line-height: 0;
}

[data-tooltip] {
  position: relative;
}

[data-tooltip]:after {
  content: attr(data-tooltip);
  display: none;
  color: #7f7f7d;
  position: absolute;
  bottom: 50%;
  left: 80%;
  background: #efefef;
  font-style: normal;
  white-space: nowrap;
  line-height: 20px;
  padding: 0 5px;
  z-index: 5;
  border: 1px solid #cccccc;
  border-radius: 3px;
  background-clip: padding-box;
}

[data-tooltip]:hover:after {
  display: block;
}

[data-tooltip]:focus:after {
  display: block;
}

[data-flyout]:hover .flyout {
  visibility: visible;
  opacity: 100;
}

.flyout {
  visibility: hidden;
  background: #fff;
  position: absolute;
  top: 12px;
  left: 0;
  text-align: center;
  padding: 3px 8px;
  font-size: 11px;
  border: 1px solid #d3d3d3;
  z-index: 5;
  opacity: 0;
  border-radius: 4px;
  background-clip: padding-box;
  -webkit-transition: opacity 150ms ease-out 0s;
  transition: opacity 150ms ease-out 0s;
}

.flyout.open {
  visibility: visible;
  opacity: 100;
}

[data-action="report"] {
  color: #fff;
  width: 15px;
  line-height: 15px;
  text-align: center;
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  background: #c5c5c5;
  font-size: 11px;
  border-radius: 50%;
  background-clip: padding-box;
}

[data-action="report"]:hover {
  color: #fff;
  text-decoration: none;
}

[data-action="report"]:after {
  color: #f4d420;
  bottom: -100%;
  left: 75%;
}

@keyframes kf-fadeIn {
  100% {
    opacity: 1;
  }
}

@keyframes kf-hideAndFadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.no-padding {
  padding: 0 !important;
}

.icon {
  display: inline-block;
}

.icon.logo {
  width: 145px;
  height: 40px;
  background: transparent url("/static/img/fueled/LOGO-happify.png");
  background-image: url("/static/img/fueled/LOGO-happify.png");
  background-size: 145px 40px;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-color: transparent;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .icon.logo {
    background: transparent url("/static/img/fueled/LOGO-happify@2x.png");
    background-repeat: no-repeat;
    background-size: 145px 40px;
    background-position: 0% 0%;
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .icon.logo {
    background-image: url("/static/img/fueled/LOGO-happify@2x.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .icon.logo {
    background-image: url("/static/img/fueled/LOGO-happify@2x.png");
  }
}

.icon.brain {
  background: url('/static/img/sign_up_promo.png') no-repeat;
  background-size: 100% auto;
  width: 201px;
  height: 159px;
}

.icon.app-store {
  width: 152px;
  height: 46px;
  background: transparent url("/static/img/fueled/Available-iPhoneApp_badge.png");
  background-image: url("/static/img/fueled/Available-iPhoneApp_badge.png");
  background-size: 152px 46px;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-color: transparent;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .icon.app-store {
    background: transparent url("/static/img/fueled/Available-iPhoneApp_retinabadge.png");
    background-repeat: no-repeat;
    background-size: 152px 46px;
    background-position: 0% 0%;
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .icon.app-store {
    background-image: url("/static/img/fueled/Available-iPhoneApp_retinabadge.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .icon.app-store {
    background-image: url("/static/img/fueled/Available-iPhoneApp_retinabadge.png");
  }
}

.icon.info {
  width: 24px;
  height: 23px;
  background: transparent url("/static/img/fueled/info_icn.png");
  background-image: url("/static/img/fueled/info_icn.png");
  background-size: 24px 23px;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-color: transparent;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .icon.info {
    background: transparent url("/static/img/fueled/info_icn@2x.png");
    background-repeat: no-repeat;
    background-size: 24px 23px;
    background-position: 0% 0%;
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .icon.info {
    background-image: url("/static/img/fueled/info_icn@2x.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .icon.info {
    background-image: url("/static/img/fueled/info_icn@2x.png");
  }
}

.icon.happifiers {
  width: 21px;
  height: 11px;
  background: transparent url("/static/img/happifydaily-icon.png");
  background-image: url("/static/img/happifydaily-icon.png");
  background-size: 20px 22px;
  background-repeat: no-repeat;
  background-position: 0 -11px;
  background-color: transparent;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .icon.happifiers {
    background: transparent url("/static/img/get-inspired-icon@2x.png");
    background-repeat: no-repeat;
    background-size: 20px 22px;
    background-position: 0 -11px;
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .icon.happifiers {
    background-image: url("/static/img/get-inspired-icon@2x.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .icon.happifiers {
    background-image: url("/static/img/get-inspired-icon@2x.png");
  }
}

.icon.explore_tracks {
  width: 22px;
  height: 25px;
  background: transparent url("/static/img/explore-icon-blue.png");
  background-image: url("/static/img/explore-icon-blue.png");
  background-size: 22px 25px;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-color: transparent;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .icon.explore_tracks {
    background: transparent url("/static/img/explore-icon-blue.png");
    background-repeat: no-repeat;
    background-size: 22px 25px;
    background-position: 0% 0%;
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .icon.explore_tracks {
    background-image: url("/static/img/explore-icon-blue.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .icon.explore_tracks {
    background-image: url("/static/img/explore-icon-blue.png");
  }
}

.icon.key {
  width: 16px;
  height: 30px;
  background: transparent url("/static/img/icon-key.png");
  background-image: url("/static/img/icon-key.png");
  background-size: 30px 30px;
  background-repeat: no-repeat;
  background-position: -5px 1px;
  background-color: transparent;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .icon.key {
    background: transparent url("/static/img/icon-key@2x.png");
    background-repeat: no-repeat;
    background-size: 30px 30px;
    background-position: -5px 1px;
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .icon.key {
    background-image: url("/static/img/icon-key@2x.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .icon.key {
    background-image: url("/static/img/icon-key@2x.png");
  }
}

#cigna_portal .icon {
  display: inline-block;
}

#cigna_portal .icon.logo {
  width: 116px;
  height: 42px;
  background: transparent url("/static/img/fueled/happify_health.png");
  background-image: url("/static/img/fueled/happify_health.png");
  background-size: 116px 42px;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-color: transparent;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #cigna_portal .icon.logo {
    background: transparent url("/static/img/fueled/happify_health@2x.png");
    background-repeat: no-repeat;
    background-size: 116px 42px;
    background-position: 0% 0%;
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #cigna_portal .icon.logo {
    background-image: url("/static/img/fueled/happify_health@2x.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #cigna_portal .icon.logo {
    background-image: url("/static/img/fueled/happify_health@2x.png");
  }
}

a.on .icon.happifiers {
  background-position: 0 0;
}

a.on .icon.explore_tracks {
  width: 22px;
  height: 25px;
  background: transparent url("/static/img/explore-icon-orange.png");
  background-image: url("/static/img/explore-icon-orange.png");
  background-size: 22px 25px;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-color: transparent;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  a.on .icon.explore_tracks {
    background: transparent url("/static/img/explore-icon-orange.png");
    background-repeat: no-repeat;
    background-size: 22px 25px;
    background-position: 0% 0%;
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  a.on .icon.explore_tracks {
    background-image: url("/static/img/explore-icon-orange.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  a.on .icon.explore_tracks {
    background-image: url("/static/img/explore-icon-orange.png");
  }
}

.sprite {
  display: inline-block;
  background: transparent url("/static/img/fueled/sprites.png");
  background-image: url("/static/img/fueled/sprites.png");
  background-size: 1508px 44px;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-color: transparent;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .sprite {
    background: transparent url("/static/img/fueled/sprites@2x.png");
    background-repeat: no-repeat;
    background-size: 1508px 44px;
    background-position: 0% 0%;
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .sprite {
    background-image: url("/static/img/fueled/sprites@2x.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .sprite {
    background-image: url("/static/img/fueled/sprites@2x.png");
  }
}

.sprite.home {
  background-position: -824px 0;
  width: 17px;
  height: 17px;
}

.sprite.home.on {
  background-position: -797px 0;
}

.sprite.flag {
  background-position: -773px 0;
  width: 14px;
  height: 18px;
}

.sprite.flag.on {
  background-position: -749px 0;
}

.sprite.profile {
  background-position: -1118px 0;
  width: 17px;
  height: 16px;
}

.sprite.profile.on {
  background-position: -1091px 0;
}

.sprite.sun {
  background-position: -1227px 0;
  width: 20px;
  height: 20px;
}

.sprite.sun.on {
  background-position: -1197px 0;
}

.sprite.science {
  background-position: -1171px 0;
  width: 16px;
  height: 18px;
}

.sprite.science.on {
  background-position: -1145px 0;
}

.sprite.threads {
  background-position: -1281px 0;
  width: 14px;
  height: 13px;
}

.sprite.threads.on {
  background-position: -1257px 0;
}

.sprite.happifiers {
  background-position: -1460px 0;
  width: 20px;
  height: 20px;
}

.sprite.happifiers.on {
  background-position: -1489px 0;
}

.sprite.chevron-left {
  background-position: -110px 0;
  width: 12px;
  height: 22px;
}

.sprite.chevron-right {
  background-position: -176px 0;
  width: 12px;
  height: 22px;
}

.sprite.heart {
  background-position: -992px 0;
  width: 14px;
  height: 11px;
}

.sprite.heart.on {
  background-position: -899px 0;
  width: 15px;
  height: 11px;
}

.sprite.button-heart {
  background-position: -969px 0;
  width: 14px;
  height: 11px;
}

.sprite.button-heart.on,
.sprite.button-heart:hover {
  background-position: -923px 0;
}

.sprite.comment {
  background-position: -274px 0;
  width: 12px;
  height: 12px;
}

.sprite.comment.on {
  background-position: -251px 0;
  width: 13px;
  height: 13px;
}

.sprite.twitter {
  background-position: -1305px 0;
  width: 26px;
  height: 21px;
}

.sprite.facebook {
  background-position: -728px 0;
  width: 12px;
  height: 23px;
}

.sprite.tumblr {
  background-position: -1407px 0;
  width: 15px;
  height: 22px;
}

.sprite.linkedin {
  background-position: -1338px -15px;
  width: 27px;
  height: 25px;
}

.sprite.happy_face_1 {
  background-position: -512px 0;
  width: 44px;
  height: 44px;
}

.sprite.happy_face_2 {
  background-position: -296px 0;
  width: 44px;
  height: 44px;
}

.sprite.happy_face_3 {
  background-position: -620px 0;
  width: 44px;
  height: 44px;
}

.sprite.happy_face_4 {
  background-position: -404px 0;
  width: 44px;
  height: 44px;
}

button.sprite-1.close {
  background-position: -21px -321px;
  width: 33px;
  height: 33px;
  border-radius: 50%;
}

.sprite-1 {
  display: inline-block;
  background: transparent url("/static/img/sprite-1.png");
  background-image: url("/static/img/sprite-1.png");
  background-size: 1080px 950px;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-color: transparent;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .sprite-1 {
    background: transparent url("/static/img/sprite-1@2x.png");
    background-repeat: no-repeat;
    background-size: 1080px 950px;
    background-position: 0% 0%;
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .sprite-1 {
    background-image: url("/static/img/sprite-1@2x.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .sprite-1 {
    background-image: url("/static/img/sprite-1@2x.png");
  }
}

.sprite-1.savor,
.sprite-1.SA {
  background-position: -629px -215px;
  width: 18px;
  height: 25px;
}

.sprite-1.savor:hover,
.sprite-1.SA:hover,
.sprite-1.savor.on,
.sprite-1.SA.on {
  background-position: -628px -245px;
}

.sprite-1.savor.small,
.sprite-1.SA.small {
  background-position: -29px -280px;
  width: 17px;
  height: 22px;
}

.sprite-1.savor.large,
.sprite-1.SA.large {
  background-position: -16px -203px;
  width: 38px;
  height: 51px;
}

.sprite-1.savor.seal,
.sprite-1.SA.seal {
  background-position: -10px -584px;
  width: 49px;
  height: 65px;
}

.sprite-1.thank,
.sprite-1.TH {
  background-position: -670px -221px;
  width: 29px;
  height: 19px;
}

.sprite-1.thank:hover,
.sprite-1.TH:hover,
.sprite-1.thank.on,
.sprite-1.TH.on {
  background-position: -669px -251px;
}

.sprite-1.thank.small,
.sprite-1.TH.small {
  background-position: -62px -283px;
  width: 26px;
  height: 17px;
}

.sprite-1.thank.large,
.sprite-1.TH.large {
  background-position: -109px -207px;
  width: 77px;
  height: 49px;
}

.sprite-1.thank.seal,
.sprite-1.TH.seal {
  background-position: -109px -595px;
  width: 77px;
  height: 49px;
}

.sprite-1.aspire,
.sprite-1.AS {
  background-position: -712px -221px;
  width: 35px;
  height: 19px;
}

.sprite-1.aspire:hover,
.sprite-1.AS:hover,
.sprite-1.aspire.on,
.sprite-1.AS.on {
  background-position: -711px -251px;
}

.sprite-1.aspire.small,
.sprite-1.AS.small {
  background-position: -102px -284px;
  width: 27px;
  height: 14px;
}

.sprite-1.aspire.large,
.sprite-1.AS.large {
  background-position: -228px -208px;
  width: 80px;
  height: 42px;
}

.sprite-1.aspire.seal,
.sprite-1.AS.seal {
  background-position: -228px -596px;
  width: 80px;
  height: 42px;
}

.sprite-1.give,
.sprite-1.GI {
  background-position: -765px -219px;
  width: 21px;
  height: 21px;
}

.sprite-1.give:hover,
.sprite-1.GI:hover,
.sprite-1.give.on,
.sprite-1.GI.on {
  background-position: -764px -249px;
}

.sprite-1.give.small,
.sprite-1.GI.small {
  background-position: -149px -282px;
  width: 18px;
  height: 19px;
}

.sprite-1.give.large,
.sprite-1.GI.large {
  background-position: -369px -204px;
  width: 47px;
  height: 51px;
}

.sprite-1.give.seal,
.sprite-1.GI.seal {
  background-position: -367px -590px;
  width: 52px;
  height: 55px;
}

.sprite-1.empathize,
.sprite-1.EM {
  background-position: -808px -218px;
  width: 26px;
  height: 22px;
}

.sprite-1.empathize:hover,
.sprite-1.EM:hover,
.sprite-1.empathize.on,
.sprite-1.EM.on {
  background-position: -807px -248px;
}

.sprite-1.empathize.small,
.sprite-1.EM.small {
  background-position: -187px -282px;
  width: 20px;
  height: 18px;
}

.sprite-1.empathize.large,
.sprite-1.EM.large {
  background-position: -479px -204px;
  width: 60px;
  height: 51px;
}

.sprite-1.empathize.seal,
.sprite-1.EM.seal {
  background-position: -479px -592px;
  width: 60px;
  height: 51px;
}

.sprite-1.other,
.sprite-1.OT {
  background-position: -850px -218px;
  width: 23px;
  height: 23px;
}

.sprite-1.other:hover,
.sprite-1.OT:hover,
.sprite-1.other.on,
.sprite-1.OT.on {
  background-position: -850px -249px;
}

.sprite-1.other.large,
.sprite-1.OT.large {
  background-position: -558px -204px;
  width: 51px;
  height: 51px;
}

.sprite-1.other.seal,
.sprite-1.OT.seal {
  background-position: -567px -590px;
  width: 52px;
  height: 55px;
}

.sprite-1.heart {
  background-position: -301px -107px;
  width: 17px;
  height: 15px;
}

.sprite-1.heart.on {
  background-position: -275px -107px;
}

.sprite-1.trending {
  background-position: -654px -331px;
  width: 14px;
  height: 15px;
}

.sprite-1.trending-large {
  background-position: -625px -327px;
  width: 22px;
  height: 22px;
}

.sprite-1.clock {
  background-position: -171px -490px;
  width: 20px;
  height: 21px;
}

.sprite-1.close {
  background-position: -18px -321px;
  width: 33px;
  height: 32px;
}

.sprite-1.flag-white {
  background-position: -88px -561px;
  width: 13px;
  height: 16px;
}

.sprite-1.flag-green {
  background-position: -104px -561px;
  width: 13px;
  height: 16px;
}

.sprite-1.flag-large {
  background-position: -121px -560px;
  width: 24px;
  height: 32px;
}

.sprite-1.premium-shield {
  width: 20px;
  height: 20px;
  position: absolute;
  background-position: -101px -558px;
}

.sprite-1.silver-medal {
  background-position: -8px -682px;
  width: 94px;
  height: 114px;
}

.sprite-1.silver-medal.track_2 {
  background-position: -138px -685px;
}

.sprite-1.silver-medal.track_3 {
  background-position: -267px -685px;
}

.sprite-1.silver-medal.track_4 {
  background-position: -384px -685px;
}

.sprite-1.silver-medal.small {
  background: url('/static/img/medium_silver.png') no-repeat transparent;
  width: 45px;
  height: 55px;
}

.sprite-1.gold-medal {
  background-position: -8px -811px;
  width: 94px;
  height: 114px;
}

.sprite-1.gold-medal.track_2 {
  background-position: -138px -810px;
}

.sprite-1.gold-medal.track_3 {
  background-position: -267px -812px;
}

.sprite-1.gold-medal.track_4 {
  background-position: -384px -811px;
}

.sprite-1.gold-medal.small {
  background: url("/static/img/medium_gold.png") no-repeat transparent;
  width: 45px;
  height: 55px;
}

.sprite-1.mood {
  width: 32px;
  height: 32px;
}

.sprite-1.mood.very-unhappy {
  background-position: -487px -282px;
}

.sprite-1.mood.moderately-unhappy {
  background-position: -535px -282px;
}

.sprite-1.mood.mildly-unhappy {
  background-position: -584px -282px;
}

.sprite-1.mood.neutral {
  background-position: -633px -282px;
}

.sprite-1.mood.mildly-happy {
  background-position: -487px -322px;
}

.sprite-1.mood.moderately-happy {
  background-position: -536px -322px;
}

.sprite-1.mood.very-happy {
  background-position: -586px -322px;
}

.sprite-1.flag {
  background-position: -9px -100px;
  width: 15px;
  height: 20px;
}

.sprite-1.flag_shadowed {
  background-position: -421px -64px;
  width: 27px;
  height: 27px;
}

.sprite-1.science {
  background-position: -240px -107px;
  width: 17px;
  height: 19px;
}

.sprite-1.pencil {
  cursor: pointer;
  background-position: -24px -559px;
  width: 20px;
  height: 20px;
}

.sprite-1.pencil:hover,
.sprite-1.pencil.on {
  background-position: -56px -557px;
  width: 24px;
  height: 24px;
}

.sprite-1.pencil_blue {
  cursor: pointer;
  background-position: -69px -395px;
  width: 33px;
  height: 33px;
}

.sprite-1.user-started {
  width: 33px;
  height: 33px;
  background-position: -144px -422px;
}

.sprite-1.happy_face_1 {
  background-position: -222px -334px;
  width: 44px;
  height: 44px;
}

.sprite-1.happy_face_2 {
  background-position: -280px -334px;
  width: 44px;
  height: 44px;
}

.sprite-1.happy_face_3 {
  background-position: -338px -334px;
  width: 44px;
  height: 44px;
}

.sprite-1.happy_face_4 {
  background-position: -396px -334px;
  width: 44px;
  height: 44px;
}

.sprite-1.logo {
  background-position: -1px -1px;
  width: 150px;
  height: 40px;
}

.sprite-1.check_mark {
  width: 29px;
  height: 30px;
  background-position: -144px -364px;
}

.sprite-1.close_small {
  background-position: -149px -330px;
  height: 13px;
  width: 12px;
}

.non-sprite.pioneer-ribbon {
  background-size: cover;
  width: 174px;
  height: 61px;
}

.non-sprite.pioneer-ribbon.small {
  width: 106px;
  height: 42px;
  position: absolute;
  top: 70px;
  left: 50%;
  margin-left: -53px;
}

.non-sprite.pioneer-ribbon.large {
  width: 324px;
  height: 102px;
}

.non-sprite.pioneerplus-ribbon {
  background-size: cover;
  width: 174px;
  height: 61px;
}

.non-sprite.pioneerplus-ribbon.small {
  width: 101px;
  height: 36px;
  position: absolute;
  top: 70px;
  left: 50%;
  margin-left: -53px;
}

.non-sprite.pioneerplus-ribbon.large {
  width: 335px;
  height: 115px;
}

.sprite-2 {
  display: inline-block;
  background: transparent url("/static/img/sprite-2.png");
  background-image: url("/static/img/sprite-2.png");
  background-size: 1040px 1253px;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-color: transparent;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .sprite-2 {
    background: transparent url("/static/img/sprite-2@2x.png");
    background-repeat: no-repeat;
    background-size: 1040px 1253px;
    background-position: 0% 0%;
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .sprite-2 {
    background-image: url("/static/img/sprite-2@2x.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .sprite-2 {
    background-image: url("/static/img/sprite-2@2x.png");
  }
}

.sprite-2.flag-star {
  background-position: -886px -373px;
  width: 26px;
  height: 33px;
}

.sprite-2.padlock {
  background-position: -927px -351px;
  width: 37px;
  height: 52px;
}

.sprite-2.barrier {
  width: 93px;
  height: 5px;
  vertical-align: middle;
}

.sprite-2.barrier.left {
  background-position: -514px -69px;
}

.sprite-2.barrier.right {
  background-position: -620px -69px;
}

.sprite-2.savor,
.sprite-2.SA {
  background-position: -43px -498px;
  width: 35px;
  height: 35px;
}

.sprite-2.savor.bg,
.sprite-2.SA.bg {
  width: 277px;
  height: 31px;
  background-position: -492px -501px;
}

.sprite-2.savor.small,
.sprite-2.SA.small {
  width: 25px;
  height: 25px;
  background-position: -53px -726px;
}

.sprite-2.savor.small.bg,
.sprite-2.SA.small.bg {
  width: 200px;
  height: 22px;
  background-position: -382px -728px;
}

.sprite-2.thank,
.sprite-2.TH {
  background-position: -43px -539px;
  width: 35px;
  height: 35px;
}

.sprite-2.thank.bg,
.sprite-2.TH.bg {
  width: 277px;
  height: 31px;
  background-position: -492px -542px;
}

.sprite-2.thank.small,
.sprite-2.TH.small {
  width: 25px;
  height: 25px;
  background-position: -53px -756px;
}

.sprite-2.thank.small.bg,
.sprite-2.TH.small.bg {
  width: 200px;
  height: 22px;
  background-position: -382px -757px;
}

.sprite-2.aspire,
.sprite-2.AS {
  background-position: -43px -580px;
  width: 35px;
  height: 35px;
}

.sprite-2.aspire.bg,
.sprite-2.AS.bg {
  width: 277px;
  height: 31px;
  background-position: -492px -583px;
}

.sprite-2.aspire.small,
.sprite-2.AS.small {
  width: 25px;
  height: 25px;
  background-position: -53px -785px;
}

.sprite-2.aspire.small.bg,
.sprite-2.AS.small.bg {
  width: 200px;
  height: 22px;
  background-position: -382px -786px;
}

.sprite-2.give,
.sprite-2.GI {
  background-position: -43px -621px;
  width: 35px;
  height: 35px;
}

.sprite-2.give.bg,
.sprite-2.GI.bg {
  width: 277px;
  height: 31px;
  background-position: -492px -624px;
}

.sprite-2.give.small,
.sprite-2.GI.small {
  width: 25px;
  height: 25px;
  background-position: -53px -814px;
}

.sprite-2.give.small.bg,
.sprite-2.GI.small.bg {
  width: 200px;
  height: 22px;
  background-position: -382px -816px;
}

.sprite-2.empathize,
.sprite-2.EM {
  background-position: -43px -661px;
  width: 35px;
  height: 35px;
}

.sprite-2.empathize.bg,
.sprite-2.EM.bg {
  width: 277px;
  height: 31px;
  background-position: -492px -664px;
}

.sprite-2.empathize.small,
.sprite-2.EM.small {
  width: 25px;
  height: 25px;
  background-position: -53px -843px;
}

.sprite-2.empathize.small.bg,
.sprite-2.EM.small.bg {
  width: 200px;
  height: 22px;
  background-position: -382px -845px;
}

.sprite-2.answered_option {
  z-index: 999;
  width: 17px;
  height: 17px;
  background-position: -620px -752px;
}

.sprite-2.answer_option {
  width: 17px;
  height: 19px;
  background-position: -642px -752px;
}

.sprite-2.quiz_pline {
  width: 28px;
  height: 3px;
  background-position: -716px -760px;
}

.sprite-2.happy-face.small {
  width: 43px;
  height: 43px;
}

.sprite-2.happy-face.big {
  width: 80px;
  height: 80px;
}

.sprite-2.happy-face.very-unhappy.small {
  background-position: -618px -290px;
}

.sprite-2.happy-face.very-unhappy.big {
  background-position: -601px -104px;
}

.sprite-2.happy-face.moderately-unhappy.small {
  background-position: -683px -290px;
}

.sprite-2.happy-face.moderately-unhappy.big {
  background-position: -717px -104px;
}

.sprite-2.happy-face.mildly-unhappy.small {
  background-position: -750px -290px;
}

.sprite-2.happy-face.mildly-unhappy.big {
  background-position: -821px -104px;
}

.sprite-2.happy-face.neutral.small {
  background-position: -816px -290px;
}

.sprite-2.happy-face.neutral.big {
  background-position: -930px -104px;
}

.sprite-2.happy-face.mildly-happy.small {
  background-position: -618px -345px;
}

.sprite-2.happy-face.mildly-happy.big {
  background-position: -599px -195px;
}

.sprite-2.happy-face.moderately-happy.small {
  background-position: -684px -345px;
}

.sprite-2.happy-face.moderately-happy.big {
  background-position: -710px -195px;
}

.sprite-2.happy-face.very-happy.small {
  background-position: -752px -345px;
}

.sprite-2.happy-face.very-happy.big {
  background-position: -824px -195px;
}

.sprite-2.info {
  background-position: -520px -948px;
  width: 30px;
  height: 30px;
}

.sprite-2.score-icon {
  width: 27px;
  height: 27px;
}

.sprite-2.score-icon.SA {
  background-position: -52px -725px;
}

.sprite-2.score-icon.TH {
  background-position: -52px -755px;
}

.sprite-2.score-icon.AS {
  background-position: -52px -784px;
}

.sprite-2.score-icon.GI {
  background-position: -52px -813px;
}

.sprite-2.score-icon.EM {
  background-position: -52px -842px;
}

.sprite-2 .score-lvl {
  width: 15px;
  height: 16px;
}

.sprite-2 .score-lvl.SA {
  background-position: -340px -731px;
}

.sprite-2 .score-lvl.TH {
  background-position: -340px -761px;
}

.sprite-2 .score-lvl.AS {
  background-position: -340px -790px;
}

.sprite-2 .score-lvl.GI {
  background-position: -340px -819px;
}

.sprite-2 .score-lvl.EM {
  background-position: -340px -849px;
}

.sprite-2.score-background {
  width: 201px;
  height: 26px;
  background-position: -87px -726px;
}

.sprite-2.score-bar {
  min-width: 33px;
  height: 22px;
  border-radius: 0 50px 50px 0;
  background-clip: padding-box;
}

.sprite-2.score-bar.SA {
  background-position: -382px -728px;
}

.sprite-2.score-bar.TH {
  background-position: -382px -757px;
}

.sprite-2.score-bar.AS {
  background-position: -382px -786px;
}

.sprite-2.score-bar.GI {
  background-position: -382px -816px;
}

.sprite-2.score-bar.EM {
  background-position: -382px -845px;
}

.sprite-2.silver-medal {
  width: 85px;
  height: 102px;
}

.sprite-2.silver-medal.track_1 {
  background-position: -74px -965px;
}

.sprite-2.silver-medal.track_2 {
  background-position: -185px -967px;
}

.sprite-2.silver-medal.track_3 {
  background-position: -301px -967px;
}

.sprite-2.silver-medal.track_4 {
  background-position: -406px -967px;
}

.sprite-2.gold-medal {
  width: 85px;
  height: 102px;
}

.sprite-2.gold-medal.track_1 {
  background-position: -74px -1081px;
}

.sprite-2.gold-medal.track_2 {
  background-position: -189px -1081px;
}

.sprite-2.gold-medal.track_3 {
  background-position: -305px -1081px;
}

.sprite-2.gold-medal.track_4 {
  background-position: -410px -1081px;
}

.sprite-2.track_completed_ribbon {
  background-position: 0% 0%;
  width: 510px;
  height: 66px;
}

.sprite-2.gray-checkbox {
  width: 17px;
  height: 17px;
  background-position: -862px -752px;
}

.sprite-2.gray-checkbox.on {
  background-position: -843px -752px;
}

.pbar {
  display: inline-block;
  background: transparent url("/static/img/sprite-2.png");
  background-image: url("/static/img/sprite-2.png");
  background-size: 1040px 1253px;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-color: transparent;
  height: 16px;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .pbar {
    background: transparent url("/static/img/sprite-2@2x.png");
    background-repeat: no-repeat;
    background-size: 1040px 1253px;
    background-position: 0% 0%;
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .pbar {
    background-image: url("/static/img/sprite-2@2x.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .pbar {
    background-image: url("/static/img/sprite-2@2x.png");
  }
}

.pbar.background {
  background-position: -622px -469px;
  width: 237px;
}

.pbar.background.isextended {
  background-position: -653px -1086px;
}

.pbar.all {
  background-position: -837px -414px;
}

.pbar.all.isextended {
  background-position: -820px -1032px;
}

.pbar.gold_complete {
  background-position: -791px -432px;
}

.pbar.gold_complete.isextended {
  display: none;
}

.pbar.gold {
  background-position: -792px -414px;
}

.pbar.gold.isextended {
  display: none;
}

.pbar.silver {
  background-position: -621px -414px;
}

.pbar.silver.isextended {
  background-position: -653px -1068px;
}

.pbar.silver_complete {
  background-position: -621px -450px;
}

.pbar.silver_complete.isextended {
  background-position: -653px -1068px;
}

.pbar.flag {
  width: 15px;
  height: 21px;
}

.pbar.flag.gold {
  background-position: -622px -1038px;
}

.pbar.flag.gold.isextended {
  display: none;
}

.pbar.flag.silver {
  background-position: -604px -1038px;
}

.activity_sign {
  display: inline-block;
  background: url('/static/img/activity_sign.png') no-repeat;
}

.activity_sign.locked {
  width: 28px;
  height: 27px;
  background-position: -1px -1px;
}

.activity_sign.pencil {
  width: 28px;
  height: 28px;
  background-position: -31px -1px;
}

.activity_sign.check {
  width: 30px;
  height: 29px;
  background-position: -60px -1px;
}

.avatar_label {
  position: absolute;
  background: transparent url("/static/img/sprite-2.png");
  background-image: url("/static/img/sprite-2.png");
  background-size: 1040px 1253px;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-color: transparent;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .avatar_label {
    background: transparent url("/static/img/sprite-2@2x.png");
    background-repeat: no-repeat;
    background-size: 1040px 1253px;
    background-position: 0% 0%;
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .avatar_label {
    background-image: url("/static/img/sprite-2@2x.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .avatar_label {
    background-image: url("/static/img/sprite-2@2x.png");
  }
}

.avatar_label.small {
  width: 90px;
  height: 30px;
}

.avatar_label.small.pioneer {
  background-position: -829px -1113px;
}

.avatar_label.small.pioneer_plus {
  background-position: -423px -360px;
}

.ribbons {
  display: inline-block;
  background: url("/static/img/ribbons.png") no-repeat;
  width: 477px;
  height: 69px;
}

.ribbons.gold {
  background-position: -70px -59px;
}

.ribbons.pink {
  background-position: -70px -162px;
}

.ribbons.orange {
  background-position: -71px -263px;
}

.ribbons.blue {
  background-position: -71px -364px;
}

.ribbons.green {
  background-position: -71px -464px;
}

.ribbons.red {
  background-position: -71px -564px;
}

.ribbons.red {
  background-position: -71px -564px;
}

.track_pbar {
  display: inline-block;
  position: absolute;
  background: transparent url("/static/img/sprite-2.png");
  background-image: url("/static/img/sprite-2.png");
  background-size: 1040px 1253px;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-color: transparent;
  height: 16px;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .track_pbar {
    background: transparent url("/static/img/sprite-2@2x.png");
    background-repeat: no-repeat;
    background-size: 1040px 1253px;
    background-position: 0% 0%;
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .track_pbar {
    background-image: url("/static/img/sprite-2@2x.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .track_pbar {
    background-image: url("/static/img/sprite-2@2x.png");
  }
}

.track_pbar.small.base_image {
  background-position: -618px -790px;
  width: 269px;
  height: 28px;
}

.track_pbar.small.level_connector {
  background-position: -640px -819px;
  width: 60px;
  height: 4px;
  z-index: 9;
}

.track_pbar.big.base_image {
  background-position: -618px -834px;
  width: 407px;
  height: 28px;
}

.track_pbar.big.level_connector {
  background-position: -640px -864px;
  width: 102px;
  height: 4px;
  z-index: 9;
}

.intro-slides-icon-skills-develop {
  background: url(/static/img/track_presentation/track_presentation_icons.png) no-repeat top left;
  background-position: 0 0;
  width: 62px;
  height: 62px;
}

.intro-slides-icon-star-track {
  background: url(/static/img/track_presentation/track_presentation_icons.png) no-repeat top left;
  background-position: 0 -112px;
  width: 62px;
  height: 62px;
}

.intro-slides-icon-strengthening {
  background: url(/static/img/track_presentation/track_presentation_icons.png) no-repeat top left;
  background-position: 0 -224px;
  width: 62px;
  height: 62px;
}

.intro-slides-icon-rewarded {
  background: url(/static/img/track_presentation/track_presentation_icons.png) no-repeat top left;
  background-position: 0 -336px;
  width: 62px;
  height: 62px;
}

.intro-slides-arrow-back {
  background: url(/static/img/track_presentation/track_presentation_nav.png) no-repeat top left;
  background-position: 0 0;
  width: 17px;
  height: 31px;
}

.intro-slides-arrow-forward {
  background: url(/static/img/track_presentation/track_presentation_nav.png) no-repeat top left;
  background-position: 0 -177px;
  width: 17px;
  height: 31px;
}

.intro-slides-arrow-finish {
  background: url(/static/img/track_presentation/track_presentation_nav.png) no-repeat top left;
  background-position: 0 -81px;
  width: 46px;
  height: 46px;
}

.section-icon {
  display: inline-block;
  background: url(/static/img/section_icons/section_icons_sprite.png) no-repeat;
  height: 25px;
}

@media screen and (max-width: 1199px) {
  .section-icon[data-modal="PlusPromoModal"] {
    display: none;
  }
}

.section-icon.home {
  background-position: -20px -510px;
  width: 17px;
}

.section-icon.home.e:hover,
.section-icon.home.on {
  background-position: -20px -476px;
  width: 17px;
}

.section-icon.flag {
  background-position: -20px -780px;
  width: 17px;
}

.section-icon.flag.e:hover,
.section-icon.flag.on {
  background-position: -20px -740px;
  width: 17px;
}

.section-icon.explore {
  background-position: -20px -137px;
  width: 22px;
}

.section-icon.explore.e:hover,
.section-icon.explore.on {
  background-position: -20px -92px;
  width: 22px;
}

.section-icon.science {
  background-position: -20px -700px;
  width: 16px;
}

.section-icon.science.e:hover,
.section-icon.science.on {
  background-position: -20px -667px;
  width: 16px;
}

.section-icon.shine {
  background-position: -20px -206px;
  width: 22px;
}

.section-icon.shine.e:hover,
.section-icon.shine.on {
  background-position: -20px -174px;
  width: 22px;
}

.section-icon.stats {
  background-position: -20px -280px;
  width: 22px;
}

.section-icon.stats.e:hover,
.section-icon.stats.on {
  background-position: -20px -242px;
  width: 22px;
}

.section-icon.community {
  background-position: -20px -45px;
  width: 25px;
}

.section-icon.community.e:hover,
.section-icon.community.on {
  background-position: -20px 0px;
  width: 25px;
}

.section-icon.sun {
  background-position: -20px -357px;
  width: 20px;
}

.section-icon.sun.e:hover,
.section-icon.sun.on {
  background-position: -20px -317px;
  width: 20px;
}

.section-icon.profile {
  background-position: -20px -585px;
  width: 17px;
}

.section-icon.profile.e:hover,
.section-icon.profile.on {
  background-position: -20px -550px;
  width: 17px;
}

.section-icon.about {
  background-position: -20px -435px;
  width: 18px;
}

.section-icon.about.e:hover,
.section-icon.about.on {
  background-position: -20px -400px;
  width: 18px;
}

.section-icon.unlock {
  background-position: -20px -624px;
  width: 16px;
}

.section-icon.coach {
  background: transparent url("/static/img/coaching_icons@1x.png");
  background-image: url("/static/img/coaching_icons@1x.png");
  background-size: 80px 39px;
  background-repeat: no-repeat;
  background-position: -21px -2px;
  background-color: transparent;
  width: 24px;
  height: 15px;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .section-icon.coach {
    background: transparent url("/static/img/coaching_icons@2x.png");
    background-repeat: no-repeat;
    background-size: 80px 39px;
    background-position: -21px -2px;
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .section-icon.coach {
    background-image: url("/static/img/coaching_icons@2x.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .section-icon.coach {
    background-image: url("/static/img/coaching_icons@2x.png");
  }
}

.section-icon.coach.e:hover,
.section-icon.coach.on {
  background-position: -21px -21px;
}

.section-icon.trainer {
  background: url('/static/img/ai_trainer_icon.svg') no-repeat;
  background-position: 0 -24px;
  background-size: 20px 48px;
  width: 22px;
  height: 24px;
}

.section-icon.trainer.e:hover,
.section-icon.trainer.on {
  background-position: 0 0;
}

.section-icon.client {
  background: transparent url("/static/img/coaching_icons@1x.png");
  background-image: url("/static/img/coaching_icons@1x.png");
  background-size: 80px 39px;
  background-repeat: no-repeat;
  background-position: 1px -2px;
  background-color: transparent;
  width: 24px;
  height: 15px;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .section-icon.client {
    background: transparent url("/static/img/coaching_icons@2x.png");
    background-repeat: no-repeat;
    background-size: 80px 39px;
    background-position: 1px -2px;
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .section-icon.client {
    background-image: url("/static/img/coaching_icons@2x.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .section-icon.client {
    background-image: url("/static/img/coaching_icons@2x.png");
  }
}

.section-icon.client.e:hover,
.section-icon.client.on {
  background-position: 2px -21px;
}

.section-icon.rewards {
  background: url(/static/img/rewards/star_blue.png) no-repeat;
  width: 20px;
  height: 18px;
}

.section-icon.rewards.e:hover,
.section-icon.rewards.on {
  background: url(/static/img/rewards/star_orange.png) no-repeat;
}

.medal-icon {
  /* without fixed size */
  display: inline-block;
  background: url(/static/img/medals.png) no-repeat top left;
  background-size: 100%;
}

.medal-icon.gold {
  background-position: 0 95%;
}

.medal-icon.silver {
  background-position: 0 -2px;
}

.warning-icon {
  display: inline-block;
  background: url(/static/img/icons/icon-warning.png) no-repeat top left;
  background-size: 100%;
}

.expert-item .expert-img {
  max-width: 100%;
  background-size: 100%;
  background-image: url('/static/img/experts-sprite.png');
  height: 100px;
  width: 100px;
  border-radius: 50%;
  -webkit-box-shadow: inset 0 0 0 3px #e2e3e5;
  box-shadow: inset 0 0 0 3px #e2e3e5;
}

.expert-item .expert-img.fredrickson {
  background-position: 0 0%;
  background-size: 100%;
}

.expert-item .expert-img.blankson {
  background-position: 0 8.328036%;
  background-size: 100%;
}

.expert-item .expert-img.hassett {
  background-position: 0 16.656071%;
  background-size: 100.900901%;
}

.expert-item .expert-img.Clegg {
  background-position: 0 24.984107%;
  background-size: 100.900901%;
}

.expert-item .expert-img.carpenter {
  background-position: 0 33.312142%;
  background-size: 100.900901%;
}

.expert-item .expert-img.gottman {
  background-position: 0 41.640178%;
  background-size: 100.900901%;
}

.expert-item .expert-img.hanson {
  background-position: 0 50%;
  background-size: 100.900901%;
}

.expert-item .expert-img.lee {
  background-position: 0 58.359822%;
  background-size: 100.900901%;
}

.expert-item .expert-img.salzberg {
  background-position: 0 66.687858%;
  background-size: 100.900901%;
}

.expert-item .expert-img.achor {
  background-position: 0 75.015893%;
  background-size: 100.900901%;
}

.expert-item .expert-img.lyubomirsky {
  background-position: 0 83.343929%;
  background-size: 100.900901%;
}

.expert-item .expert-img.norton {
  background-position: 0 91.671964%;
  background-size: 101.818182%;
}

.expert-item .expert-img.zilca {
  background-position: 0 100%;
  background-size: 101.818182%;
}

.TopBar {
  min-height: 70px;
  /* IN PARTNER SPACE */
  /* PARTNER NAV */
  /* NAV */
}

.TopBar-logo {
  border: 0 !important;
  width: 145px;
  height: 40px;
  background-color: transparent;
  -webkit-transition: -webkit-filter 0.2s ease-in-out;
  transition: -webkit-filter 0.2s ease-in-out;
  transition: filter 0.2s ease-in-out;
  transition: filter 0.2s ease-in-out, -webkit-filter 0.2s ease-in-out;
}

.TopBar-logo:focus,
.TopBar-logo:hover {
  text-decoration: none;
  outline: none;
  -webkit-filter: saturate(2);
  filter: saturate(2);
}

.TopBar > aside {
  padding-top: 75px;
}

.TopBar > .nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2001;
}

.TopBar .skip_nav {
  color: #777;
  -webkit-transition: top 0.15s linear;
  transition: top 0.15s linear;
  z-index: 99999;
  background: #fff;
  border: solid 1px #ddd;
  position: fixed;
  top: -55px;
  left: 20px;
  padding: 5px 15px;
  text-align: left;
  font-size: 12pt;
  height: auto;
  border-radius: 0;
}

.TopBar .skip_nav:focus {
  top: 5px;
}

.TopBar.partner-space {
  min-height: 135px;
}

.TopBar.partner-space:not(.sticky) > aside {
  padding-top: 135px;
}

.TopBar.partner-space:not(.sticky) > .nav {
  position: relative;
  top: 0;
}

.TopBar.partner-space:not(.sticky).message > aside {
  padding-top: 175px;
}

.TopBar .partner_logo {
  position: fixed;
  top: 0;
  width: 100%;
  height: 64px;
  line-height: 60px;
  text-align: center;
  background: white;
  border-bottom: 1px solid #d7d7d2;
  z-index: 2000;
}

.TopBar .partner_logo img {
  max-height: 44px;
  display: inline-block;
  vertical-align: middle;
}

.TopBar .partner.nav {
  position: relative;
  z-index: 2001;
  height: 65px;
  padding: 16px 0;
  text-align: center;
  margin-bottom: 0;
}

.TopBar .partner.nav a.back {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  position: absolute;
  left: 40px;
  line-height: 32px;
  vertical-align: top;
  color: #fff;
}

.TopBar .partner.nav a.back:before {
  display: inline-block;
  margin-right: 15px;
  line-height: 32px;
  vertical-align: top;
  font-size: 26px;
  content: "\003C";
}

.TopBar .partner.nav a.back:hover {
  text-decoration: none;
}

.TopBar .partner.nav .presented {
  color: #fff;
  vertical-align: top;
}

.TopBar .partner.nav .presented .text {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  line-height: 32px;
  vertical-align: top;
}

.TopBar .partner.nav .presented img {
  max-height: 32px;
  margin-left: 15px;
}

.TopBar .nav {
  height: 70px;
  min-height: 70px;
  padding: 12px 0;
  border-bottom: 1px solid #d7d7d2;
  background: #fff;
  position: relative;
}

@media screen and (max-width: 1590px) {
  .TopBar .nav {
    height: auto;
  }
}

.TopBar .nav .navbar {
  position: relative;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
}

@media screen and (max-width: 1590px) {
  .TopBar .nav .navbar {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

.TopBar .nav .wrapper-div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  padding: 0 30px 0;
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (max-width: 1590px) {
  .TopBar .nav .wrapper-div {
    position: relative;
  }
}

.TopBar .nav .sidenav-toggle {
  width: 28px;
  height: 44px;
  background: url('/static/img/icons/burger-menu/Generic.svg') no-repeat center;
  background-size: 100%;
  margin: 0 34px 0 6px;
  border: none;
}

.TopBar .nav .sidenav-toggle.js-open-nav.active {
  background: url('/static/img/icons/burger-menu/burger-close.png') no-repeat center;
}

.TopBar .nav .sidenav-toggle.hidden {
  display: none;
}

.TopNav {
  padding: 0 30px 0;
  overflow: hidden;
}

@media screen and (max-width: 1590px) {
  .TopNav_list {
    text-align: left;
    white-space: normal;
    padding: 5px;
  }
}

.TopNav_list_portal {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
}

.TopNav_item {
  display: inline-block;
  vertical-align: middle;
  margin-right: 16px;
  padding: 4px 0;
}

.TopNav_item:last-child {
  margin-right: 0;
}

.TopNav_item.active .TopNav_link .TopNav_text {
  border-bottom: 2px solid #ff7a00;
}

.TopNav_link {
  font-size: 1.4rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  color: #ff7a00;
  text-decoration: none !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.TopNav_link > .section-icon {
  margin-right: 8px;
}

.TopNav_link > .rewards-cash {
  color: #81ba32;
}

.TopNav_link > .rewards-cash.title {
  padding-top: 5px;
  padding-bottom: 4px;
  margin-right: 8px;
}

.TopNav_link .TopNav_text {
  border-bottom: 2px solid transparent;
}

.TopNav_link:hover > .TopNav_text,
.TopNav_link.on > .TopNav_text {
  border-bottom: 2px solid #ff7a00;
}

.header__p404-logo {
  margin-top: 5px;
}

.in_app .TopNav_link {
  font-size: 1.4rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  color: #ff7a00;
  text-decoration: none;
  text-transform: none;
  letter-spacing: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

/* HIDING HEADER NAV ELEMENTS WHEN USER IS IN BILLING FLOW */

.billing_flow header.banner .nav {
  position: relative;
  background: none;
  border: none;
}

.billing_flow header.banner .nav .TopNav,
.billing_flow header.banner .nav .sidenav-toggle {
  display: none;
}

#public_home .pushdown {
  display: none;
}

#cigna_portal {
  position: relative;
  margin: 0;
}

#cigna_portal .cigna_portal_header {
  display: none;
  position: relative;
  margin: 0;
  width: 100%;
  height: 63px;
}

#cigna_portal .cigna_portal_header .cigna_logo {
  position: relative;
  margin: auto;
  width: 121px;
  height: 39px;
  top: 12px;
  background: url(/static/img/portal/cigna_logo.png);
}

#cigna_portal .cigna_portal_header a {
  color: #2691cd;
}

#cigna_portal .cigna_portal_header .chgna_back {
  height: 63px;
  line-height: 63px;
  position: absolute;
  left: 45px;
  top: 0;
  color: #2691cd;
  font-size: 14px;
  font-family: OpenSansSemiBold;
}

#cigna_portal .cigna_portal_menu {
  position: relative;
  width: 100%;
  height: 68px;
  border-top: 1px solid #d7d7d2;
  border-bottom: 1px solid #d7d7d2;
}

#cigna_portal .partner_portal {
  color: #00aaea;
  height: 30px;
  font-size: 20px;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  margin: 0 20px;
}

#cigna_portal a.onn {
  padding-bottom: 4px;
  border-bottom: 2px solid #ff7a00;
}

#cigna_portal .section-icon {
  width: 26px;
  height: 26px;
  margin-right: 0;
  background: url(/static/img/portal/sprite_menu_icon.png) no-repeat;
}

#cigna_portal .section-icon.settings {
  background-position: -4px 0;
}

#cigna_portal .section-icon.settings.on {
  background-position: -4px -32px;
}

#cigna_portal .section-icon.resources {
  background-position: -32px 0;
}

#cigna_portal .section-icon.resources.on {
  background-position: -32px -32px;
}

#cigna_portal .section-icon.users {
  background-position: -60px 0;
}

#cigna_portal .section-icon.users.on {
  background-position: -60px -32px;
}

#cigna_portal .section-icon.dashboard {
  background-position: -88px 0;
}

#cigna_portal .section-icon.dashboard.on {
  background-position: -88px -32px;
}

#cigna_portal .section-icon.happify {
  background-position: -116px 0;
}

#cigna_portal .section-icon.happify.on {
  background-position: -116px -32px;
}

#cigna_portal .section-icon.logout {
  background-position: -144px 0;
}

#cigna_portal .section-icon.logout.on {
  background-position: -144px -32px;
}

#cigna_portal .section-icon.campaigns {
  background-position: -173px 0;
}

#cigna_portal .section-icon.campaigns.on {
  background-position: -173px -31px;
}

#cigna_portal .wrapper-div {
  margin-right: 0;
}

/* LANGUAGE SPECIFIC STYLING */

html[lang="es"] .TopBar .TopNav_list > li {
  margin-right: 15px;
}

html[lang="es"] .TopBar .nav .sidenav-toggle {
  background: url('/static/img/icons/burger-menu/Spanish.svg') no-repeat center;
  background-size: 100%;
}

html[lang="de"] .TopBar .nav .sidenav-toggle {
  background: url('/static/img/icons/burger-menu/German.svg') no-repeat center;
  background-size: 100%;
}

html[lang="zh"] .TopBar .nav .sidenav-toggle {
  background: url('/static/img/icons/burger-menu/Chinese.svg') no-repeat center;
  background-size: 100%;
}

html[lang="ja"] .TopBar .nav .sidenav-toggle {
  background: url('/static/img/icons/burger-menu/Japanese.svg') no-repeat center;
  background-size: 100%;
}

.balance-block {
  font-size: 1.6rem;
  font-family: OpenSansSemiBold;
  background-color: #d6ecb8;
  border-radius: 16px;
  padding: 2px 10px;
}

html {
  font-size: 62.5%;
}

ol,
ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.grid-row {
  width: 1056px;
  margin: 50px auto 0;
  position: relative;
  zoom: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.grid-row:before,
.grid-row:after {
  content: '';
  display: table;
}

.grid-row:after {
  clear: both;
}

.grid-row::after {
  display: block;
  clear: both;
  content: "";
}

.grid-row:before,
.grid-row:after {
  content: '';
  display: table;
}

.grid-row:after {
  clear: both;
}

.grid-row::after {
  display: block;
  clear: both;
  content: "";
}

.grid-row::after {
  display: block;
  clear: both;
  content: "";
}

.grid-row::after {
  display: block;
  clear: both;
  content: "";
}

.grid-row * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.grid-row .grid-unit {
  width: 320px;
  display: inline;
  float: left;
  position: relative;
  margin-left: 16px;
  margin-right: 16px;
}

.grid-row .grid-unit.col-2-old {
  width: 672px;
}

.grid-row .grid-unit.col-3-old {
  width: 1024px;
}

.grid-row .grid-unit h1:first-child {
  margin-bottom: 20px;
}

.grid-row .grid-unit.hidden {
  display: none;
}

.cell {
  background: #fff;
  margin-bottom: 10px;
  border: 1px solid #d7d7d2;
  zoom: 1;
  border-radius: 5px;
  background-clip: padding-box;
}

.cell:before,
.cell:after {
  content: '';
  display: table;
}

.cell:after {
  clear: both;
}

.cell::after {
  display: block;
  clear: both;
  content: "";
}

.cell:before,
.cell:after {
  content: '';
  display: table;
}

.cell:after {
  clear: both;
}

.cell::after {
  display: block;
  clear: both;
  content: "";
}

.cell::after {
  display: block;
  clear: both;
  content: "";
}

.cell::after {
  display: block;
  clear: both;
  content: "";
}

.cell:last-child {
  margin-bottom: 0;
}

.cell > footer {
  border-top: 1px solid #d7d7d2;
}

.cell > footer.view-more {
  line-height: 44px;
  text-align: center;
  font-size: 1.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
}

.cell > footer.view-more a,
.cell > footer.view-more a:visited {
  color: #777;
}

.cell > footer.comment-like {
  margin: 8px -11px 0;
  padding: 8px 11px 0;
}

.bold {
  font-family: OpenSansBold;
}

.semi-bold {
  font-family: OpenSansSemibold;
}

.italic {
  font-family: OpenSansItalic;
}

.text-TH {
  color: #ff7a00;
}

.text-AS {
  color: #00aaea;
}

.text-SA {
  color: #c5168a;
}

.text-EM {
  color: #ff3131;
}

.text-GI {
  color: #06b709;
}

.hidden {
  display: none;
}

[class^="flash"] {
  color: #fff;
  text-align: center;
  line-height: 40px;
  position: fixed;
  top: 15px;
  left: 50%;
  margin-left: -200px;
  width: 400px;
  padding: 0 40px;
  z-index: 1000;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 5px;
  background-clip: padding-box;
}

[class^="flash"]:after {
  content: "✕";
  position: absolute;
  top: 0;
  right: 10px;
  display: block;
}

[class^="flash"].site {
  width: 100%;
  top: 0;
  left: 0;
  margin: 0;
  font-weight: 600;
  font-size: 14px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 0;
  background-clip: padding-box;
}

[class^="flash"] span {
  color: #fff;
}

.flash-success {
  background: #61b832;
  border-color: #55a12c;
}

.flash-error {
  background: #de4343;
  border-color: #c43d3d;
}

.animation-paused {
  -webkit-transition: none;
  transition: none;
}

.flexible {
  font-size: 0.1px;
  text-align: justify;
  -ms-text-justify: auto;
  text-justify: auto;
}

.flexible > * {
  text-align: left;
  vertical-align: top;
  display: inline-block;
  float: none;
  font-size: 1.2rem;
  font-family: OpenSansLight;
  font-weight: normal;
}

.flexible:after {
  content: "";
  width: 100%;
  display: inline-block;
}

[data-tooltip] {
  position: relative;
  background-color: #d7d7d2;
}

[data-tooltip]:after {
  content: attr(data-tooltip);
  display: none;
  color: #ff7a00;
  position: absolute;
  bottom: 50%;
  left: 80%;
  background: #efefef;
  font-style: normal;
  white-space: nowrap;
  line-height: 20px;
  padding: 0 5px;
  z-index: 5;
  border: 1px solid #d7d7d2;
  border-radius: 3px;
  font-size: 1.1rem;
  font-family: OpenSansLight;
  font-weight: normal;
}

[data-tooltip]:hover:after {
  display: block;
}

[data-dropmenu] {
  cursor: pointer;
  position: relative;
}

[data-dropmenu]:after {
  right: -15px;
  top: 50%;
  margin-top: -2.5px;
  width: 0;
  height: 0;
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 5px;
  border-color: #ff7a00 transparent transparent transparent;
}

[data-dropmenu].on + .dropmenu {
  visibility: visible;
  z-index: 9999;
}

[data-dropmenu] .submenu {
  background: #fff;
  position: fixed;
  left: 100%;
  z-index: 999999;
  border: 1px solid #d7d7d2;
  overflow-y: auto;
  overflow-x: hidden;
  border-radius: 5px;
  background-clip: padding-box;
  max-height: 73vh;
  min-width: 140px;
}

[data-dropmenu] .submenu a,
[data-dropmenu] .submenu a:visited {
  color: #777;
  position: relative;
  font-size: 1.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  display: block;
  min-width: 110px;
  padding: 5px 20px 5px 15px;
  line-height: 20px;
  white-space: nowrap;
}

[data-dropmenu] .submenu a:hover,
[data-dropmenu] .submenu a:visited:hover {
  color: #fff !important;
  background: #00aaea;
  text-decoration: none;
}

[data-dropmenu] .submenu a .checkmark,
[data-dropmenu] .submenu a:visited .checkmark {
  position: absolute;
  display: inline-block;
  width: 11px;
  height: 11px;
  background: url("/static/img/blue_checkmark.png") no-repeat transparent;
  margin-top: 3px;
  right: 2%;
}

[data-dropmenu] .submenu.partnerspaces {
  top: 0%;
}

.dropmenu {
  visibility: hidden;
  background: #fff;
  position: absolute;
  top: 80%;
  left: 75px;
  z-index: 999999;
  border: 1px solid #d7d7d2;
  border-radius: 5px;
  background-clip: padding-box;
}

.dropmenu a,
.dropmenu a:visited {
  color: #777;
  display: block;
  min-width: 110px;
  padding: 5px 15px;
  line-height: 20px;
  white-space: nowrap;
}

.dropmenu a:hover,
.dropmenu a:visited:hover {
  color: #fff !important;
  background: #00aaea;
  text-decoration: none;
}

.submenu.partnerspaces {
  background: #fff;
  position: fixed;
  left: 100%;
  z-index: 2000;
  border: 1px solid #d7d7d2;
  overflow-y: auto;
  overflow-x: hidden;
  border-radius: 5px;
  background-clip: padding-box;
  max-height: 73vh;
  min-width: 140px;
}

.submenu.partnerspaces a,
.submenu.partnerspaces a:visited {
  color: #777;
  position: relative;
  font-size: 1.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  display: block;
  min-width: 110px;
  padding: 5px 20px 5px 15px;
  line-height: 20px;
  white-space: nowrap;
}

.submenu.partnerspaces a:hover,
.submenu.partnerspaces a:visited:hover {
  color: #fff !important;
  background: #00aaea;
  text-decoration: none;
}

.submenu.partnerspaces a .checkmark,
.submenu.partnerspaces a:visited .checkmark {
  position: absolute;
  display: inline-block;
  width: 11px;
  height: 11px;
  background: url("/static/img/blue_checkmark.png") no-repeat transparent;
  margin-top: 3px;
  right: 2%;
}

.submenu.partnerspaces.partnerspaces {
  top: 0%;
}

#sidenav-user-details ul.submenu li:first-child a {
  font-size: 1.2rem;
  font-family: OpenSansBold;
  font-weight: normal;
}

img[class|="avatar"] {
  color: #e1e6ea;
  border-radius: 50%;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 0 3px;
  box-shadow: 0 0 0 3px;
}

img[class|="avatar"].member {
  color: #f4d420;
}

img.avatar-24 {
  width: 24px;
  height: 24px;
}

img.avatar-28 {
  width: 28px;
  height: 28px;
}

img.avatar-34 {
  width: 34px;
  height: 34px;
}

img.avatar-45 {
  width: 45px;
  height: 45px;
}

img.avatar-58 {
  width: 58px;
  height: 58px;
}

img.avatar-150 {
  width: 150px;
  height: 150px;
}

.coach-avatar {
  position: relative;
  padding: 2px;
  line-height: normal;
  background: url(/static/img/user/expert_ring_opt_96.png) no-repeat;
  background-size: 100% 100%;
  border-radius: 50%;
}

.coach-avatar::after {
  content: "";
  z-index: 1;
  position: absolute;
  background: url("/static/img/coaching/BADGE-coach@2x.png") no-repeat;
  background-size: 100% 100%;
  width: 110%;
  height: 30%;
  left: -5%;
  bottom: 0;
}

.coach-avatar > img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: none;
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  top: 0 !important;
  left: 0 !important;
}

a[data-action="like"]:after {
  content: "Like";
}

a[data-action="unlike"] .heart {
  background-position: -275px -107px;
}

a[data-action="unlike"]:after {
  content: "Liked";
}

a[data-action="follow"]:after {
  content: "Follow";
}

a[data-action="follow"]:after {
  content: "Unfollow";
}

.comment .edit_comment {
  display: none;
  background-position: -17px -557px;
  position: absolute;
  cursor: pointer;
  top: 3px;
}

.comment .edit_comment:hover {
  display: block;
  background-position: -51px -557px;
}

.comment .edit_comment.hidden:hover {
  display: none;
}

.comment:hover .edit_comment {
  display: block;
}

.comment:hover .edit_comment.hidden {
  display: none;
}

.breadcrumb {
  background: #fff;
  border-radius: 5px 5px 0 0;
  background-clip: padding-box;
  list-style: none;
  overflow: hidden;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
  height: 40px;
  border-bottom: 1px solid #eee;
  -webkit-box-shadow: 0 1px 0 #FFFFFF inset;
  box-shadow: 0 1px 0 #FFFFFF inset;
}

.breadcrumb li {
  float: left;
}

.breadcrumb li .home a {
  width: 15px;
  height: 14px;
  text-indent: -9999px;
  display: block;
  z-index: 99;
  left: 8px;
}

.breadcrumb li a {
  color: #777;
  text-decoration: none;
  padding: 12px 0 10px 40px;
  background: #fff;
  position: relative;
  display: block;
  float: left;
  font-size: 1.2rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
}

.breadcrumb li a .house {
  width: 15px;
  height: 14px;
}

.breadcrumb li a:hover {
  color: #372f2b;
}

.breadcrumb li a:after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  border-left: 30px solid;
  position: absolute;
  top: 50%;
  margin-top: -50px;
  left: 100%;
  z-index: 2;
  border-left-color: #fff;
}

.breadcrumb li a:before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  border-left: 30px solid;
  position: absolute;
  top: 50%;
  margin-top: -50px;
  margin-left: 1px;
  left: 100%;
  z-index: 1;
  border-left-color: #ccc;
}

.breadcrumb li:first-child a {
  padding-left: 20px;
  border-left-color: #fff;
}

.breadcrumb li:nth-child(2) a,
.breadcrumb li:nth-child(3) a,
.breadcrumb li:nth-child(4) a {
  background: #fff;
}

.breadcrumb li:nth-child(2) a:after,
.breadcrumb li:nth-child(3) a:after,
.breadcrumb li:nth-child(4) a:after {
  border-left-color: #fff;
}

.breadcrumb li:last-child a {
  background: transparent !important;
  color: #777;
  pointer-events: none;
  cursor: default;
}

.breadcrumb li:last-child a:after,
.breadcrumb li:last-child a:before {
  border: 0;
}

.expert_container {
  float: left;
  margin: 0 10px 0 2px;
  width: 32px;
  height: 32px;
  background: url("/static/img/expert_ring_xsm.png") no-repeat transparent;
  background-size: cover;
  text-align: center;
}

.expert_container img[class|="avatar"] {
  float: none;
  margin: 2px 0 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  vertical-align: middle;
}

.expert-avatar {
  /* no fixed size */
  padding: 2px;
  border-radius: 50%;
  line-height: normal;
  background: url(/static/img/user/expert_ring_opt_96.png) no-repeat;
  background-size: 100% 100%;
  overflow: hidden;
}

.expert-avatar > img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.medal {
  display: inline-block;
  width: 94px;
  height: 115px;
}

.medal.small {
  width: 32px;
  height: 39px;
}

.medal.silver-medal {
  background: url("/static/img/silver_medal.png") no-repeat transparent;
  background-size: cover;
}

.medal.silver-medal.small {
  background: url("/static/img/silver_medal_small.png") no-repeat transparent;
}

.medal.gold-medal {
  background: url("/static/img/gold_medal.png") no-repeat transparent;
  background-size: cover;
}

.medal.gold-medal.small {
  background: url("/static/img/gold_medal_small.png") no-repeat transparent;
}

#head_section {
  margin: 10px 0;
}

#head_section .logo_link {
  width: 145px;
  height: 40px;
  display: inline-block;
}

#head_section .logo_link:focus {
  outline: 4px solid #000 !important;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

@media only screen and (min-width: 320px) and (max-width: 1024px) {
  body.billing_flow {
    background-image: none !important;
    background-color: #fff !important;
  }

  body.billing_flow a::-moz-selection {
    outline: 0 !important;
  }

  body.billing_flow a,
  body.billing_flow a:visited,
  body.billing_flow a::selection {
    outline: 0 !important;
  }

  body.billing_flow main.main {
    margin-bottom: 2% !important;
    min-height: 60vh !important;
  }

  body.billing_flow .grid-row:first-child {
    margin: 0 auto;
  }

  body.billing_flow .overlay {
    padding: 50px 0 !important;
  }

  .app-stores a {
    display: inline-block;
    width: 135px;
    height: 40px;
    margin: 15px auto;
  }

  .app-stores a.mobile-app-button-block {
    display: block;
  }

  .app-stores a img {
    line-height: 40;
    width: 100%;
    height: 100%;
  }

  .app-stores .button {
    line-height: 40px;
    display: block;
    height: 40px;
  }
}

.green-text {
  color: #81ba32;
  font-weight: bold;
}

.orange-text {
  color: #f25500;
  text-decoration: underline;
}

label .wave-hidden-label-content {
  /* WAVE Accessibility validator requires that all the labels must contain text content */
  display: none;
}

html[lang=de] #home .track_activity_block .activities .activity.premium .button.green {
  font-size: 10px;
}

html[lang=de] #poll_quiz_question > div.clearfix > div > span.name {
  width: 70%;
}

html[lang=de] #portal_dashboard #portal_overview_hs_cohorts > div.content > div.right > ul > li {
  margin-right: 22px;
}

html[lang=de] footer.home div.app-stores {
  top: 70px;
}

html[lang=de] #settings form .col-left .upload_avatar_label {
  margin-left: -75px;
  width: 150px;
  bottom: -35px;
}

html[lang=de] #settings form .col-left .button {
  font-size: 1.3rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  width: 120px;
}

html[lang=fr] #activity_status_reporter > div.row-old.activities-container.clearfix > div.span11 > div > div > div > div.row-old.clearfix > div.span6 > h3 {
  width: 145px;
}

html[lang=fr] #activity_status_reporter > div.row-old.activities-container.clearfix > div.span11 > div > div > div > div.row-old.clearfix > div.span6 > div.happy_face_picker.field_container > ul > li.js-happy_face {
  width: 70px;
  margin: 0;
}

html[lang=fr] #activity_status_reporter > div.row-old.activities-container.clearfix > div.span11 > div > div > div > div.row-old.clearfix > div.span6 > div.happy_face_picker.field_container > ul > li.js-happy_face .happy_face {
  margin: 0 auto;
}

html[lang=fr] #activity_status_reporter > div.row-old.activities-container.clearfix > div.span11 > div > div > div > div.row-old.clearfix > div.span6 > div.happy_face_picker.field_container > ul > li.js-happy_face > label {
  font-size: 11px;
  white-space: nowrap;
  text-align: center;
}

html[lang=fr] #home .track_activity_block .activities .activity .activity-data {
  width: 235px;
}

html[lang=fr] #home #track_tab .track_title .text {
  width: 68%;
}

html[lang=fr] #settings form .col-left .button {
  font-size: 1.3rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  width: 150px;
}

html[lang=fr] #settings form .col-left .upload_avatar_label {
  margin-left: -75px;
  width: 150px;
  bottom: -35px;
}

html[lang=ja] p,
html[lang=zh] p,
html[lang=ja] span,
html[lang=zh] span,
html[lang=ja] div,
html[lang=zh] div,
html[lang=ja] a,
html[lang=zh] a,
html[lang=ja] i,
html[lang=zh] i,
html[lang=ja] em,
html[lang=zh] em,
html[lang=ja] li,
html[lang=zh] li {
  font-style: normal !important;
}

html[lang=ja] .italic,
html[lang=zh] .italic,
html[lang=ja] #plus_promo_modal .section .user-comments .user-comment,
html[lang=zh] #plus_promo_modal .section .user-comments .user-comment,
html[lang=ja] .post .meta time,
html[lang=zh] .post .meta time,
html[lang=ja] [data-view=CoachProfile] .testimonials .testimonial .message,
html[lang=zh] [data-view=CoachProfile] .testimonials .testimonial .message,
html[lang=ja] #coaching_payment section:last-child .right-col .plan .content .subtitle,
html[lang=zh] #coaching_payment section:last-child .right-col .plan .content .subtitle,
html[lang=ja] #explore_tracks .explore-tracks-featured .wrapper .track-card-featured footer .author .info .name,
html[lang=zh] #explore_tracks .explore-tracks-featured .wrapper .track-card-featured footer .author .info .name,
html[lang=ja] #explore_tracks .explore-tracks-list #track-card-list .content .author .info .name,
html[lang=zh] #explore_tracks .explore-tracks-list #track-card-list .content .author .info .name,
html[lang=ja] #home-carousel #carousel-inner .carousel-slide .track-card-featured footer ul,
html[lang=zh] #home-carousel #carousel-inner .carousel-slide .track-card-featured footer ul,
html[lang=ja] #home-carousel #carousel-inner .carousel-slide .track-card-featured footer .author .info .name,
html[lang=zh] #home-carousel #carousel-inner .carousel-slide .track-card-featured footer .author .info .name,
html[lang=ja] #plus_promo_modal .section .user-comments .user-comment,
html[lang=zh] #plus_promo_modal .section .user-comments .user-comment,
html[lang=ja] #recommended_track_result .recommended_tracks_content .recommended-track .creator-section .creator-name,
html[lang=zh] #recommended_track_result .recommended_tracks_content .recommended-track .creator-section .creator-name,
html[lang=ja] #profile-strengths-assessment .strengths-carousel.assessment .slide-header p span,
html[lang=zh] #profile-strengths-assessment .strengths-carousel.assessment .slide-header p span,
html[lang=ja] .comment time,
html[lang=zh] .comment time,
html[lang=ja] .discussion .body time,
html[lang=zh] .discussion .body time {
  font-family: OpenSansRegular;
}

html[lang=ja] #profile-strengths-assessment .answer-text,
html[lang=zh] #profile-strengths-assessment .answer-text {
  width: 85px;
}

html[lang=ja] [data-view=CoachProfile] .testimonials .testimonial .signature,
html[lang=zh] [data-view=CoachProfile] .testimonials .testimonial .signature {
  font-family: OpenSansBold;
}

html[lang=ja] #coaching-messages .coaching-message .created,
html[lang=zh] #coaching-messages .coaching-message .created,
html[lang=ja] #coaching-activities .coaching-message .created,
html[lang=zh] #coaching-activities .coaching-message .created,
html[lang=ja] #coaching-messages .coaching-activity .created,
html[lang=zh] #coaching-messages .coaching-activity .created,
html[lang=ja] #coaching-activities .coaching-activity .created,
html[lang=zh] #coaching-activities .coaching-activity .created {
  font-family: OpenSansRegular;
}

html[lang=ja] #settings form .col-left .upload_avatar_label,
html[lang=zh] #settings form .col-left .upload_avatar_label {
  margin-left: -75px;
  width: 150px;
  bottom: -35px;
}

html[lang=ja] #settings form .col-left .button,
html[lang=zh] #settings form .col-left .button {
  font-size: 1.3rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  width: 150px;
}

html[lang=ja] #customize_profile .customize_profile .privacy_section .option .description,
html[lang=zh] #customize_profile .customize_profile .privacy_section .option .description {
  width: 280px;
}

html[lang=ja] #premium-activities-popover header,
html[lang=zh] #premium-activities-popover header {
  font-size: 14px;
}

html[lang=ja] #track-preview-banner #viral-share,
html[lang=zh] #track-preview-banner #viral-share {
  width: 110px;
}

html[lang=ja] #home #track_info_block .inner .block > .text h1,
html[lang=zh] #home #track_info_block .inner .block > .text h1 {
  font-size: 22px;
}

html[lang=pt] #poll_quiz_question > div.js-question-section.poll_question_section > div > div.white_bg.with-shadow > div > div > div.js-permission-selector.permission_selector {
  width: 440px;
}

html[data-wcag-enabled=true] {
  color: #000000 !important;
}

html[data-wcag-enabled=true] .ModalForm_error {
  color: #000000 !important;
}

html[data-wcag-enabled=true] .error-container {
  color: #000000 !important;
}

html[data-wcag-enabled=true] .ModalContent_title {
  color: #000000 !important;
}

html[data-wcag-enabled=true] .aria-radio.selected {
  background: #000000 !important;
}

@media (forced-colors: active) {
  html[data-wcag-enabled=true] .aria-radio.selected {
    -webkit-filter: invert();
    filter: invert();
  }
}

html[data-wcag-enabled=true] #activity-publish-bar .buttons-wrapper .button-back {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #activity-score-floater .icon-wrapper svg {
  fill: #000000 !important;
}

html[data-wcag-enabled=true] #activity-score-floater .points-wrapper {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #activity-reporter #activity_bulleted_message .bulleted_message > h3.title {
  border-bottom: none !important;
}

html[data-wcag-enabled=true] #activity-reporter #activity_bulleted_message .bulleted_message > ul > li.message > .checkmark {
  background: #000000 !important;
}

html[data-wcag-enabled=true] #activity-reporter #tip-select-wrapper > button.tip-button > svg {
  fill: #000000 !important;
}

html[data-wcag-enabled=true] #activity-reporter section .section-content-wrapper .field-wrapper label {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #activity-reporter #privacy-selector > .label {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #activity-reporter .face-picker-wrapper .happy-face-picker svg > * {
  fill: #000000 !important;
}

html[data-wcag-enabled=true] #activity-reporter .face-picker-wrapper .happy-face-picker.selected label {
  text-decoration: underline;
}

html[data-wcag-enabled=true] #activity-reporter .face-picker-wrapper .happy-face-picker:hover label {
  color: #000000 !important;
  -webkit-transition: none;
  transition: none;
}

html[data-wcag-enabled=true] #activity-reporter .body-wrapper .section-state-widget-wrapper .track-wrapper .bg-track {
  background: #000000 !important;
}

html[data-wcag-enabled=true] #activity-reporter .body-wrapper .section-state-widget-wrapper .track-wrapper .section-state-point {
  background: #000000 !important;
}

html[data-wcag-enabled=true] #activity-reporter .body-wrapper .section-state-widget-wrapper .track-wrapper .section-state-point svg {
  fill: #000000 !important;
}

html[data-wcag-enabled=true] #activity-reporter .body-wrapper .section-state-widget-wrapper .track-wrapper .section-state-point svg > path:not(.st2) {
  fill: #000000 !important;
}

html[data-wcag-enabled=true] #activity-reporter .body-wrapper .section-state-widget-wrapper .track-wrapper .section-state-point svg > .st2 {
  fill: white !important;
}

html[data-wcag-enabled=true] #activity-reporter .body-wrapper .section-state-widget-wrapper .track-wrapper .section-state-point.happify-it-point svg > circle {
  fill: white !important;
}

html[data-wcag-enabled=true] #activity-reporter .body-wrapper .section-state-widget-wrapper .track-wrapper .section-state-point.happify-it-point svg > path {
  fill: #000000 !important;
}

html[data-wcag-enabled=true] #activity-reporter #activity-header .header.skill-color.sa {
  background-color: #fd4ec2;
}

html[data-wcag-enabled=true] #happify_activity .skill_color_compass,
html[data-wcag-enabled=true] #happify_activity .skill_color {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #happify_activity .skill_color_compass.SA,
html[data-wcag-enabled=true] #happify_activity .skill_color.SA {
  background: #fd4ec2;
}

html[data-wcag-enabled=true] #happify_activity #activity_instructions .instructions-leaf .instructions-title {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #activity_alert_modal .button.orange {
  -webkit-box-shadow: 0 4px 0 #b35500;
  box-shadow: 0 4px 0 #b35500;
}

html[data-wcag-enabled=true] #activity_alert_modal .button.light-gray {
  -webkit-box-shadow: 0 4px 0 #c5c5c5;
  box-shadow: 0 4px 0 #c5c5c5;
}

html[data-wcag-enabled=true] #activity-completed .completed-summary-wrapper .col-left-wrapper .post-content-wrapper i,
html[data-wcag-enabled=true] #activity-completed .completed-summary-wrapper .col-left-wrapper .post-content-wrapper em,
html[data-wcag-enabled=true] #activity-completed .completed-summary-wrapper .col-left-wrapper .post-content-wrapper h3 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #activity-completed .completed-summary-wrapper .col-left-wrapper .post-content-wrapper .tube-icon {
  fill: #000000 !important;
}

html[data-wcag-enabled=true] #activity-completed .completed-summary-wrapper .col-right-wrapper .summary-graphics-wrapper .poll-question-text {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #activity-completed .completed-summary-wrapper .col-right-wrapper .summary-graphics-wrapper .poll-total-votes-wrapper {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #activity-completed .comments-wrapper h2 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #activity_exit_modal h1 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #activity_exit_modal .link-action .js-dont_save {
  color: #000000 !important;
}

html[data-wcag-enabled=true] .header-container.skill-color.SA {
  background-color: #fd4ec2;
  background-image: none;
}

html[data-wcag-enabled=true] .header-container.header_quiz_post .header-title {
  color: #000000 !important;
}

html[data-wcag-enabled=true] .header-container .back-header-button .button-label {
  color: #000000 !important;
}

html[data-wcag-enabled=true] .header-container .back-header-button svg path {
  fill: #000000 !important;
}

html[data-wcag-enabled=true] .header-container .back-header-button svg line {
  stroke: #000000 !important;
}

html[data-wcag-enabled=true] .header-container .header-title {
  color: #000000 !important;
}

html[data-wcag-enabled=true] .header-container .activity-icon {
  color: #000000 !important;
}

html[data-wcag-enabled=true] .header-container .activity-level span {
  color: #000000 !important;
}

html[data-wcag-enabled=true] .header-container .activity-level .level {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #activity-header .header .activity-name .skill-icon-wrapper svg {
  fill: #000000 !important;
}

html[data-wcag-enabled=true] #activity-header .header .activity-name h1 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #activity-header .header .activity-info {
  opacity: 1 !important;
  color: #000000 !important;
}

html[data-wcag-enabled=true] #activity-game #activity-header .header.skill-color.sa,
html[data-wcag-enabled=true] #activity-completed #activity-header .header.skill-color.sa,
html[data-wcag-enabled=true] #activity-quiz #activity-header .header.skill-color.sa {
  background-color: #fd4ec2;
}

html[data-wcag-enabled=true] #activity_completed_modal .modal-inner .notification_container,
html[data-wcag-enabled=true] #skill_level_modal .modal-inner .notification_container {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #activity_completed_modal .modal-inner .benefit-container ul li,
html[data-wcag-enabled=true] #skill_level_modal .modal-inner .benefit-container ul li {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #activity_completed_modal .modal-inner .links-container,
html[data-wcag-enabled=true] #skill_level_modal .modal-inner .links-container {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #activity_completed_modal .modal-inner.SA .activity_name,
html[data-wcag-enabled=true] #skill_level_modal .modal-inner.SA .activity_name,
html[data-wcag-enabled=true] #activity_completed_modal .modal-inner.TH .activity_name,
html[data-wcag-enabled=true] #skill_level_modal .modal-inner.TH .activity_name,
html[data-wcag-enabled=true] #activity_completed_modal .modal-inner.GI .activity_name,
html[data-wcag-enabled=true] #skill_level_modal .modal-inner.GI .activity_name,
html[data-wcag-enabled=true] #activity_completed_modal .modal-inner.AS .activity_name,
html[data-wcag-enabled=true] #skill_level_modal .modal-inner.AS .activity_name,
html[data-wcag-enabled=true] #activity_completed_modal .modal-inner.EM .activity_name,
html[data-wcag-enabled=true] #skill_level_modal .modal-inner.EM .activity_name,
html[data-wcag-enabled=true] #activity_completed_modal .modal-inner.OT .activity_name,
html[data-wcag-enabled=true] #skill_level_modal .modal-inner.OT .activity_name,
html[data-wcag-enabled=true] #activity_completed_modal .modal-inner.SA .benefit-container,
html[data-wcag-enabled=true] #skill_level_modal .modal-inner.SA .benefit-container,
html[data-wcag-enabled=true] #activity_completed_modal .modal-inner.TH .benefit-container,
html[data-wcag-enabled=true] #skill_level_modal .modal-inner.TH .benefit-container,
html[data-wcag-enabled=true] #activity_completed_modal .modal-inner.GI .benefit-container,
html[data-wcag-enabled=true] #skill_level_modal .modal-inner.GI .benefit-container,
html[data-wcag-enabled=true] #activity_completed_modal .modal-inner.AS .benefit-container,
html[data-wcag-enabled=true] #skill_level_modal .modal-inner.AS .benefit-container,
html[data-wcag-enabled=true] #activity_completed_modal .modal-inner.EM .benefit-container,
html[data-wcag-enabled=true] #skill_level_modal .modal-inner.EM .benefit-container,
html[data-wcag-enabled=true] #activity_completed_modal .modal-inner.OT .benefit-container,
html[data-wcag-enabled=true] #skill_level_modal .modal-inner.OT .benefit-container,
html[data-wcag-enabled=true] #activity_completed_modal .modal-inner.SA .message span,
html[data-wcag-enabled=true] #skill_level_modal .modal-inner.SA .message span,
html[data-wcag-enabled=true] #activity_completed_modal .modal-inner.TH .message span,
html[data-wcag-enabled=true] #skill_level_modal .modal-inner.TH .message span,
html[data-wcag-enabled=true] #activity_completed_modal .modal-inner.GI .message span,
html[data-wcag-enabled=true] #skill_level_modal .modal-inner.GI .message span,
html[data-wcag-enabled=true] #activity_completed_modal .modal-inner.AS .message span,
html[data-wcag-enabled=true] #skill_level_modal .modal-inner.AS .message span,
html[data-wcag-enabled=true] #activity_completed_modal .modal-inner.EM .message span,
html[data-wcag-enabled=true] #skill_level_modal .modal-inner.EM .message span,
html[data-wcag-enabled=true] #activity_completed_modal .modal-inner.OT .message span,
html[data-wcag-enabled=true] #skill_level_modal .modal-inner.OT .message span {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #activity_completed_modal .modal-inner .ribbon .message span,
html[data-wcag-enabled=true] #skill_level_modal .modal-inner .ribbon .message span {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #activity_completed_modal .modal-inner .games_additional .header_additional,
html[data-wcag-enabled=true] #skill_level_modal .modal-inner .games_additional .header_additional,
html[data-wcag-enabled=true] #activity_completed_modal .modal-inner .games_additional .link_additional,
html[data-wcag-enabled=true] #skill_level_modal .modal-inner .games_additional .link_additional {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #activity_completed_modal .modal-inner .score-container .progress-circle,
html[data-wcag-enabled=true] #skill_level_modal .modal-inner .score-container .progress-circle {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #activity_completed_modal .modal-inner #modalSubtitle,
html[data-wcag-enabled=true] #skill_level_modal .modal-inner #modalSubtitle {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #skill_level_modal .unlock-section .unlocked-activities li {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #skill_level_modal .unlock-section .unlocked-message .disclaimer {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #skill_level_modal .modal-inner.SA .unlock-section .message,
html[data-wcag-enabled=true] #skill_level_modal .modal-inner.TH .unlock-section .message,
html[data-wcag-enabled=true] #skill_level_modal .modal-inner.GI .unlock-section .message,
html[data-wcag-enabled=true] #skill_level_modal .modal-inner.AS .unlock-section .message,
html[data-wcag-enabled=true] #skill_level_modal .modal-inner.EM .unlock-section .message,
html[data-wcag-enabled=true] #skill_level_modal .modal-inner.OT .unlock-section .message,
html[data-wcag-enabled=true] #skill_level_modal .modal-inner.SA .unlocked-message,
html[data-wcag-enabled=true] #skill_level_modal .modal-inner.TH .unlocked-message,
html[data-wcag-enabled=true] #skill_level_modal .modal-inner.GI .unlocked-message,
html[data-wcag-enabled=true] #skill_level_modal .modal-inner.AS .unlocked-message,
html[data-wcag-enabled=true] #skill_level_modal .modal-inner.EM .unlocked-message,
html[data-wcag-enabled=true] #skill_level_modal .modal-inner.OT .unlocked-message,
html[data-wcag-enabled=true] #skill_level_modal .modal-inner.SA .unlocked-message .disclaimer a,
html[data-wcag-enabled=true] #skill_level_modal .modal-inner.TH .unlocked-message .disclaimer a,
html[data-wcag-enabled=true] #skill_level_modal .modal-inner.GI .unlocked-message .disclaimer a,
html[data-wcag-enabled=true] #skill_level_modal .modal-inner.AS .unlocked-message .disclaimer a,
html[data-wcag-enabled=true] #skill_level_modal .modal-inner.EM .unlocked-message .disclaimer a,
html[data-wcag-enabled=true] #skill_level_modal .modal-inner.OT .unlocked-message .disclaimer a {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #skill_level_modal .modal-inner #modalSubtitle {
  white-space: nowrap;
  text-transform: none;
}

html[data-wcag-enabled=true] #kindless_chain_modal .reply-col h3 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #kindless_chain_modal .reply-col .happy-faces li {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #kindless_chain_modal .reply-col .happy-faces li.selected {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #kindless_chain_modal .reply-col form input[type=text] {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #kindless_chain_modal .reply-col form textarea {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #kindless_chain_modal .reply-col form .buttons-container a {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #kindless_chain_modal .reply-col form .buttons-container span.congrats {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #activity_completed_modal #modal.animate .ribbon .message,
html[data-wcag-enabled=true] #skill_level_modal #modal.animate .ribbon .message {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #activity_completed_modal #modal.animate .ribbon .message.SA,
html[data-wcag-enabled=true] #skill_level_modal #modal.animate .ribbon .message.SA {
  background-color: #fd4ec2;
}

html[data-wcag-enabled=true] #activity_completed_modal #modal.animate .ribbon .message.SA span,
html[data-wcag-enabled=true] #skill_level_modal #modal.animate .ribbon .message.SA span {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #activity-poll .question-header-wrapper .question-mark,
html[data-wcag-enabled=true] #activity-poll .question-header-wrapper h2 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #activity-poll .activity-body-wrapper .question-wrapper .answer-preamble-text {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #activity-poll .activity-body-wrapper .question-wrapper #activity-poll-summary .summary-text-wrapper h3,
html[data-wcag-enabled=true] #activity-poll .activity-body-wrapper .question-wrapper #activity-poll-summary .summary-text-wrapper .finish-html-wrapper {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #activity-poll .activity-body-wrapper .question-wrapper #activity-poll-summary .summary-text-wrapper svg {
  fill: #000000 !important;
}

html[data-wcag-enabled=true] #activity-poll .activity-body-wrapper .question-wrapper #activity-poll-summary label {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #activity-poll .activity-body-wrapper .question-wrapper #activity-poll-summary label textarea {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #activity-poll .activity-body-wrapper .question-wrapper #activity-poll-summary .happify-it-label-wrapper svg {
  fill: #000000 !important;
}

html[data-wcag-enabled=true] #activity-poll .activity-body-wrapper .question-wrapper #activity-poll-summary .happify-it-label-wrapper p {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #activity-poll-summary-chart .label {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #activity-poll-summary-chart .chart-item-wrapper .line-wrapper .circle .value {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #activity-quiz .container .question-header-wrapper .question-mark,
html[data-wcag-enabled=true] #activity-quiz .container .question-header-wrapper h2 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #activity-quiz .container .activity-body-wrapper .intro-wrapper .message-wrapper svg {
  fill: #000000 !important;
}

html[data-wcag-enabled=true] #activity-quiz .container .activity-body-wrapper .question-wrapper .answers-wrapper .answer-buttons-wrapper .answer-button {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #activity-quiz .container .activity-body-wrapper .question-wrapper .answers-wrapper .correct-counter-wrapper .correct-count-value,
html[data-wcag-enabled=true] #activity-quiz .container .activity-body-wrapper .question-wrapper .answers-wrapper .correct-counter-wrapper .correct-count-message {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #activity-quiz .container .activity-body-wrapper .question-wrapper .answers-wrapper .results-wrapper .message-wrapper .text-wrapper .title {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #activity-quiz .container .activity-body-wrapper .question-wrapper .answers-wrapper .results-wrapper .message-wrapper .text-wrapper .tube-icon {
  fill: #000000 !important;
}

html[data-wcag-enabled=true] #activity-quiz .container .activity-body-wrapper .question-wrapper #activity-quiz-summary .answer-preamble-text {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #activity-quiz .container .activity-body-wrapper .question-wrapper #activity-quiz-summary .summary-wrapper .thoughts-wrapper .text-col h3 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #activity-quiz .container .activity-body-wrapper .question-wrapper #activity-quiz-summary .summary-wrapper .correct-counter-wrapper .correct-count-value,
html[data-wcag-enabled=true] #activity-quiz .container .activity-body-wrapper .question-wrapper #activity-quiz-summary .summary-wrapper .correct-counter-wrapper .correct-count-message {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #activity-quiz .container .activity-body-wrapper .question-wrapper #activity-quiz-summary .happify-it-label-wrapper svg {
  fill: #000000 !important;
}

html[data-wcag-enabled=true] #activity-quiz .container .activity-body-wrapper .question-wrapper .happify-it-label-wrapper svg {
  fill: #000000 !important;
}

html[data-wcag-enabled=true] #multiple_question_quiz .btn-toolbar .pledge-container button,
html[data-wcag-enabled=true] #multiple_question_quiz_post .btn-toolbar .pledge-container button,
html[data-wcag-enabled=true] #activity_quiz .btn-toolbar .pledge-container button,
html[data-wcag-enabled=true] #poll_quiz_question .btn-toolbar .pledge-container button,
html[data-wcag-enabled=true] #activity_status_activity_viewer .btn-toolbar .pledge-container button,
html[data-wcag-enabled=true] #activity_status_reporter .btn-toolbar .pledge-container button,
html[data-wcag-enabled=true] #activity_status_planner .btn-toolbar .pledge-container button,
html[data-wcag-enabled=true] #completed_activity_status .btn-toolbar .pledge-container button,
html[data-wcag-enabled=true] #multiple_question_quiz .btn-toolbar .didit-container button,
html[data-wcag-enabled=true] #multiple_question_quiz_post .btn-toolbar .didit-container button,
html[data-wcag-enabled=true] #activity_quiz .btn-toolbar .didit-container button,
html[data-wcag-enabled=true] #poll_quiz_question .btn-toolbar .didit-container button,
html[data-wcag-enabled=true] #activity_status_activity_viewer .btn-toolbar .didit-container button,
html[data-wcag-enabled=true] #activity_status_reporter .btn-toolbar .didit-container button,
html[data-wcag-enabled=true] #activity_status_planner .btn-toolbar .didit-container button,
html[data-wcag-enabled=true] #completed_activity_status .btn-toolbar .didit-container button {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #multiple_question_quiz .privacy-section .privacy-menu .privacy_wrap .who_wrap .icon_who,
html[data-wcag-enabled=true] #multiple_question_quiz_post .privacy-section .privacy-menu .privacy_wrap .who_wrap .icon_who,
html[data-wcag-enabled=true] #activity_quiz .privacy-section .privacy-menu .privacy_wrap .who_wrap .icon_who,
html[data-wcag-enabled=true] #poll_quiz_question .privacy-section .privacy-menu .privacy_wrap .who_wrap .icon_who,
html[data-wcag-enabled=true] #activity_status_activity_viewer .privacy-section .privacy-menu .privacy_wrap .who_wrap .icon_who,
html[data-wcag-enabled=true] #activity_status_reporter .privacy-section .privacy-menu .privacy_wrap .who_wrap .icon_who,
html[data-wcag-enabled=true] #activity_status_planner .privacy-section .privacy-menu .privacy_wrap .who_wrap .icon_who,
html[data-wcag-enabled=true] #completed_activity_status .privacy-section .privacy-menu .privacy_wrap .who_wrap .icon_who {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

html[data-wcag-enabled=true] #multiple_question_quiz .privacy-section .privacy-menu .privacy_wrap .who_wrap .who,
html[data-wcag-enabled=true] #multiple_question_quiz_post .privacy-section .privacy-menu .privacy_wrap .who_wrap .who,
html[data-wcag-enabled=true] #activity_quiz .privacy-section .privacy-menu .privacy_wrap .who_wrap .who,
html[data-wcag-enabled=true] #poll_quiz_question .privacy-section .privacy-menu .privacy_wrap .who_wrap .who,
html[data-wcag-enabled=true] #activity_status_activity_viewer .privacy-section .privacy-menu .privacy_wrap .who_wrap .who,
html[data-wcag-enabled=true] #activity_status_reporter .privacy-section .privacy-menu .privacy_wrap .who_wrap .who,
html[data-wcag-enabled=true] #activity_status_planner .privacy-section .privacy-menu .privacy_wrap .who_wrap .who,
html[data-wcag-enabled=true] #completed_activity_status .privacy-section .privacy-menu .privacy_wrap .who_wrap .who {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #multiple_question_quiz .privacy-section .privacy-menu .privacy_wrap .permission_selector .btn-group .dropdown-menu .js-permission-select,
html[data-wcag-enabled=true] #multiple_question_quiz_post .privacy-section .privacy-menu .privacy_wrap .permission_selector .btn-group .dropdown-menu .js-permission-select,
html[data-wcag-enabled=true] #activity_quiz .privacy-section .privacy-menu .privacy_wrap .permission_selector .btn-group .dropdown-menu .js-permission-select,
html[data-wcag-enabled=true] #poll_quiz_question .privacy-section .privacy-menu .privacy_wrap .permission_selector .btn-group .dropdown-menu .js-permission-select,
html[data-wcag-enabled=true] #activity_status_activity_viewer .privacy-section .privacy-menu .privacy_wrap .permission_selector .btn-group .dropdown-menu .js-permission-select,
html[data-wcag-enabled=true] #activity_status_reporter .privacy-section .privacy-menu .privacy_wrap .permission_selector .btn-group .dropdown-menu .js-permission-select,
html[data-wcag-enabled=true] #activity_status_planner .privacy-section .privacy-menu .privacy_wrap .permission_selector .btn-group .dropdown-menu .js-permission-select,
html[data-wcag-enabled=true] #completed_activity_status .privacy-section .privacy-menu .privacy_wrap .permission_selector .btn-group .dropdown-menu .js-permission-select {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #multiple_question_quiz .privacy-section .privacy-menu .buttons_wrap .btn,
html[data-wcag-enabled=true] #multiple_question_quiz_post .privacy-section .privacy-menu .buttons_wrap .btn,
html[data-wcag-enabled=true] #activity_quiz .privacy-section .privacy-menu .buttons_wrap .btn,
html[data-wcag-enabled=true] #poll_quiz_question .privacy-section .privacy-menu .buttons_wrap .btn,
html[data-wcag-enabled=true] #activity_status_activity_viewer .privacy-section .privacy-menu .buttons_wrap .btn,
html[data-wcag-enabled=true] #activity_status_reporter .privacy-section .privacy-menu .buttons_wrap .btn,
html[data-wcag-enabled=true] #activity_status_planner .privacy-section .privacy-menu .buttons_wrap .btn,
html[data-wcag-enabled=true] #completed_activity_status .privacy-section .privacy-menu .buttons_wrap .btn {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #multiple_question_quiz .short-tip,
html[data-wcag-enabled=true] #multiple_question_quiz_post .short-tip,
html[data-wcag-enabled=true] #activity_quiz .short-tip,
html[data-wcag-enabled=true] #poll_quiz_question .short-tip,
html[data-wcag-enabled=true] #activity_status_activity_viewer .short-tip,
html[data-wcag-enabled=true] #activity_status_reporter .short-tip,
html[data-wcag-enabled=true] #activity_status_planner .short-tip,
html[data-wcag-enabled=true] #completed_activity_status .short-tip {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #activity_status_activity_viewer .activities-container .activity-steps .icon_step.icon_step1,
html[data-wcag-enabled=true] #activity_status_reporter .activities-container .activity-steps .icon_step.icon_step1,
html[data-wcag-enabled=true] #activity_status_planner .activities-container .activity-steps .icon_step.icon_step1,
html[data-wcag-enabled=true] #completed_activity_status .activities-container .activity-steps .icon_step.icon_step1,
html[data-wcag-enabled=true] #activity_status_activity_viewer .activities-container .activity-steps .icon_step.icon_step2,
html[data-wcag-enabled=true] #activity_status_reporter .activities-container .activity-steps .icon_step.icon_step2,
html[data-wcag-enabled=true] #activity_status_planner .activities-container .activity-steps .icon_step.icon_step2,
html[data-wcag-enabled=true] #completed_activity_status .activities-container .activity-steps .icon_step.icon_step2,
html[data-wcag-enabled=true] #activity_status_activity_viewer .activities-container .activity-steps .icon_step.icon_step3,
html[data-wcag-enabled=true] #activity_status_reporter .activities-container .activity-steps .icon_step.icon_step3,
html[data-wcag-enabled=true] #activity_status_planner .activities-container .activity-steps .icon_step.icon_step3,
html[data-wcag-enabled=true] #completed_activity_status .activities-container .activity-steps .icon_step.icon_step3 {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

html[data-wcag-enabled=true] #activity_status_activity_viewer .activities-container .activity-info-wrap .activity_info .content_wrap h2,
html[data-wcag-enabled=true] #activity_status_reporter .activities-container .activity-info-wrap .activity_info .content_wrap h2,
html[data-wcag-enabled=true] #activity_status_planner .activities-container .activity-info-wrap .activity_info .content_wrap h2,
html[data-wcag-enabled=true] #completed_activity_status .activities-container .activity-info-wrap .activity_info .content_wrap h2,
html[data-wcag-enabled=true] #activity_status_activity_viewer .activities-container .activity-info-wrap .activity_info .content_wrap #tip_selection_title,
html[data-wcag-enabled=true] #activity_status_reporter .activities-container .activity-info-wrap .activity_info .content_wrap #tip_selection_title,
html[data-wcag-enabled=true] #activity_status_planner .activities-container .activity-info-wrap .activity_info .content_wrap #tip_selection_title,
html[data-wcag-enabled=true] #completed_activity_status .activities-container .activity-info-wrap .activity_info .content_wrap #tip_selection_title {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #activity_status_activity_viewer .activities-container .activity-info-wrap .activity_info .content_wrap .dropdown_replacement_title,
html[data-wcag-enabled=true] #activity_status_reporter .activities-container .activity-info-wrap .activity_info .content_wrap .dropdown_replacement_title,
html[data-wcag-enabled=true] #activity_status_planner .activities-container .activity-info-wrap .activity_info .content_wrap .dropdown_replacement_title,
html[data-wcag-enabled=true] #completed_activity_status .activities-container .activity-info-wrap .activity_info .content_wrap .dropdown_replacement_title {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #activity_status_activity_viewer .activities-container .activity-info-wrap .activity_info .content_wrap .only-one-tip-text,
html[data-wcag-enabled=true] #activity_status_reporter .activities-container .activity-info-wrap .activity_info .content_wrap .only-one-tip-text,
html[data-wcag-enabled=true] #activity_status_planner .activities-container .activity-info-wrap .activity_info .content_wrap .only-one-tip-text,
html[data-wcag-enabled=true] #completed_activity_status .activities-container .activity-info-wrap .activity_info .content_wrap .only-one-tip-text {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #activity_status_activity_viewer .activities-container .activity-info-wrap .activity_info .content_wrap .description-container p,
html[data-wcag-enabled=true] #activity_status_reporter .activities-container .activity-info-wrap .activity_info .content_wrap .description-container p,
html[data-wcag-enabled=true] #activity_status_planner .activities-container .activity-info-wrap .activity_info .content_wrap .description-container p,
html[data-wcag-enabled=true] #completed_activity_status .activities-container .activity-info-wrap .activity_info .content_wrap .description-container p {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #activity_status_activity_viewer .activities-container .activity-info-wrap .activity_info .content_wrap .description-container ol,
html[data-wcag-enabled=true] #activity_status_reporter .activities-container .activity-info-wrap .activity_info .content_wrap .description-container ol,
html[data-wcag-enabled=true] #activity_status_planner .activities-container .activity-info-wrap .activity_info .content_wrap .description-container ol,
html[data-wcag-enabled=true] #completed_activity_status .activities-container .activity-info-wrap .activity_info .content_wrap .description-container ol {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #activity_status_activity_viewer .activities-container .activity-info-wrap .activity-reporter-wrap .field_container:not(.happy_face_picker) textarea,
html[data-wcag-enabled=true] #activity_status_reporter .activities-container .activity-info-wrap .activity-reporter-wrap .field_container:not(.happy_face_picker) textarea,
html[data-wcag-enabled=true] #activity_status_planner .activities-container .activity-info-wrap .activity-reporter-wrap .field_container:not(.happy_face_picker) textarea,
html[data-wcag-enabled=true] #completed_activity_status .activities-container .activity-info-wrap .activity-reporter-wrap .field_container:not(.happy_face_picker) textarea,
html[data-wcag-enabled=true] #activity_status_activity_viewer .activities-container .activity-info-wrap .activity-planner-wrap .field_container:not(.happy_face_picker) textarea,
html[data-wcag-enabled=true] #activity_status_reporter .activities-container .activity-info-wrap .activity-planner-wrap .field_container:not(.happy_face_picker) textarea,
html[data-wcag-enabled=true] #activity_status_planner .activities-container .activity-info-wrap .activity-planner-wrap .field_container:not(.happy_face_picker) textarea,
html[data-wcag-enabled=true] #completed_activity_status .activities-container .activity-info-wrap .activity-planner-wrap .field_container:not(.happy_face_picker) textarea,
html[data-wcag-enabled=true] #activity_status_activity_viewer .activities-container .activity-info-wrap .activity-completed-wrap .field_container:not(.happy_face_picker) textarea,
html[data-wcag-enabled=true] #activity_status_reporter .activities-container .activity-info-wrap .activity-completed-wrap .field_container:not(.happy_face_picker) textarea,
html[data-wcag-enabled=true] #activity_status_planner .activities-container .activity-info-wrap .activity-completed-wrap .field_container:not(.happy_face_picker) textarea,
html[data-wcag-enabled=true] #completed_activity_status .activities-container .activity-info-wrap .activity-completed-wrap .field_container:not(.happy_face_picker) textarea,
html[data-wcag-enabled=true] #activity_status_activity_viewer .activities-container .activity-info-wrap .activity-reporter-wrap .field_container:not(.happy_face_picker) input[type=text],
html[data-wcag-enabled=true] #activity_status_reporter .activities-container .activity-info-wrap .activity-reporter-wrap .field_container:not(.happy_face_picker) input[type=text],
html[data-wcag-enabled=true] #activity_status_planner .activities-container .activity-info-wrap .activity-reporter-wrap .field_container:not(.happy_face_picker) input[type=text],
html[data-wcag-enabled=true] #completed_activity_status .activities-container .activity-info-wrap .activity-reporter-wrap .field_container:not(.happy_face_picker) input[type=text],
html[data-wcag-enabled=true] #activity_status_activity_viewer .activities-container .activity-info-wrap .activity-planner-wrap .field_container:not(.happy_face_picker) input[type=text],
html[data-wcag-enabled=true] #activity_status_reporter .activities-container .activity-info-wrap .activity-planner-wrap .field_container:not(.happy_face_picker) input[type=text],
html[data-wcag-enabled=true] #activity_status_planner .activities-container .activity-info-wrap .activity-planner-wrap .field_container:not(.happy_face_picker) input[type=text],
html[data-wcag-enabled=true] #completed_activity_status .activities-container .activity-info-wrap .activity-planner-wrap .field_container:not(.happy_face_picker) input[type=text],
html[data-wcag-enabled=true] #activity_status_activity_viewer .activities-container .activity-info-wrap .activity-completed-wrap .field_container:not(.happy_face_picker) input[type=text],
html[data-wcag-enabled=true] #activity_status_reporter .activities-container .activity-info-wrap .activity-completed-wrap .field_container:not(.happy_face_picker) input[type=text],
html[data-wcag-enabled=true] #activity_status_planner .activities-container .activity-info-wrap .activity-completed-wrap .field_container:not(.happy_face_picker) input[type=text],
html[data-wcag-enabled=true] #completed_activity_status .activities-container .activity-info-wrap .activity-completed-wrap .field_container:not(.happy_face_picker) input[type=text] {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #activity_status_activity_viewer .activities-container .activity-info-wrap .activity-reporter-wrap .field_container:not(.happy_face_picker) label.sub-heading,
html[data-wcag-enabled=true] #activity_status_reporter .activities-container .activity-info-wrap .activity-reporter-wrap .field_container:not(.happy_face_picker) label.sub-heading,
html[data-wcag-enabled=true] #activity_status_planner .activities-container .activity-info-wrap .activity-reporter-wrap .field_container:not(.happy_face_picker) label.sub-heading,
html[data-wcag-enabled=true] #completed_activity_status .activities-container .activity-info-wrap .activity-reporter-wrap .field_container:not(.happy_face_picker) label.sub-heading,
html[data-wcag-enabled=true] #activity_status_activity_viewer .activities-container .activity-info-wrap .activity-planner-wrap .field_container:not(.happy_face_picker) label.sub-heading,
html[data-wcag-enabled=true] #activity_status_reporter .activities-container .activity-info-wrap .activity-planner-wrap .field_container:not(.happy_face_picker) label.sub-heading,
html[data-wcag-enabled=true] #activity_status_planner .activities-container .activity-info-wrap .activity-planner-wrap .field_container:not(.happy_face_picker) label.sub-heading,
html[data-wcag-enabled=true] #completed_activity_status .activities-container .activity-info-wrap .activity-planner-wrap .field_container:not(.happy_face_picker) label.sub-heading,
html[data-wcag-enabled=true] #activity_status_activity_viewer .activities-container .activity-info-wrap .activity-completed-wrap .field_container:not(.happy_face_picker) label.sub-heading,
html[data-wcag-enabled=true] #activity_status_reporter .activities-container .activity-info-wrap .activity-completed-wrap .field_container:not(.happy_face_picker) label.sub-heading,
html[data-wcag-enabled=true] #activity_status_planner .activities-container .activity-info-wrap .activity-completed-wrap .field_container:not(.happy_face_picker) label.sub-heading,
html[data-wcag-enabled=true] #completed_activity_status .activities-container .activity-info-wrap .activity-completed-wrap .field_container:not(.happy_face_picker) label.sub-heading,
html[data-wcag-enabled=true] #activity_status_activity_viewer .activities-container .activity-info-wrap .activity-reporter-wrap .field_container:not(.happy_face_picker) h3.sub-heading,
html[data-wcag-enabled=true] #activity_status_reporter .activities-container .activity-info-wrap .activity-reporter-wrap .field_container:not(.happy_face_picker) h3.sub-heading,
html[data-wcag-enabled=true] #activity_status_planner .activities-container .activity-info-wrap .activity-reporter-wrap .field_container:not(.happy_face_picker) h3.sub-heading,
html[data-wcag-enabled=true] #completed_activity_status .activities-container .activity-info-wrap .activity-reporter-wrap .field_container:not(.happy_face_picker) h3.sub-heading,
html[data-wcag-enabled=true] #activity_status_activity_viewer .activities-container .activity-info-wrap .activity-planner-wrap .field_container:not(.happy_face_picker) h3.sub-heading,
html[data-wcag-enabled=true] #activity_status_reporter .activities-container .activity-info-wrap .activity-planner-wrap .field_container:not(.happy_face_picker) h3.sub-heading,
html[data-wcag-enabled=true] #activity_status_planner .activities-container .activity-info-wrap .activity-planner-wrap .field_container:not(.happy_face_picker) h3.sub-heading,
html[data-wcag-enabled=true] #completed_activity_status .activities-container .activity-info-wrap .activity-planner-wrap .field_container:not(.happy_face_picker) h3.sub-heading,
html[data-wcag-enabled=true] #activity_status_activity_viewer .activities-container .activity-info-wrap .activity-completed-wrap .field_container:not(.happy_face_picker) h3.sub-heading,
html[data-wcag-enabled=true] #activity_status_reporter .activities-container .activity-info-wrap .activity-completed-wrap .field_container:not(.happy_face_picker) h3.sub-heading,
html[data-wcag-enabled=true] #activity_status_planner .activities-container .activity-info-wrap .activity-completed-wrap .field_container:not(.happy_face_picker) h3.sub-heading,
html[data-wcag-enabled=true] #completed_activity_status .activities-container .activity-info-wrap .activity-completed-wrap .field_container:not(.happy_face_picker) h3.sub-heading,
html[data-wcag-enabled=true] #activity_status_activity_viewer .activities-container .activity-info-wrap .activity-reporter-wrap .field_container:not(.happy_face_picker) h4.sub-heading,
html[data-wcag-enabled=true] #activity_status_reporter .activities-container .activity-info-wrap .activity-reporter-wrap .field_container:not(.happy_face_picker) h4.sub-heading,
html[data-wcag-enabled=true] #activity_status_planner .activities-container .activity-info-wrap .activity-reporter-wrap .field_container:not(.happy_face_picker) h4.sub-heading,
html[data-wcag-enabled=true] #completed_activity_status .activities-container .activity-info-wrap .activity-reporter-wrap .field_container:not(.happy_face_picker) h4.sub-heading,
html[data-wcag-enabled=true] #activity_status_activity_viewer .activities-container .activity-info-wrap .activity-planner-wrap .field_container:not(.happy_face_picker) h4.sub-heading,
html[data-wcag-enabled=true] #activity_status_reporter .activities-container .activity-info-wrap .activity-planner-wrap .field_container:not(.happy_face_picker) h4.sub-heading,
html[data-wcag-enabled=true] #activity_status_planner .activities-container .activity-info-wrap .activity-planner-wrap .field_container:not(.happy_face_picker) h4.sub-heading,
html[data-wcag-enabled=true] #completed_activity_status .activities-container .activity-info-wrap .activity-planner-wrap .field_container:not(.happy_face_picker) h4.sub-heading,
html[data-wcag-enabled=true] #activity_status_activity_viewer .activities-container .activity-info-wrap .activity-completed-wrap .field_container:not(.happy_face_picker) h4.sub-heading,
html[data-wcag-enabled=true] #activity_status_reporter .activities-container .activity-info-wrap .activity-completed-wrap .field_container:not(.happy_face_picker) h4.sub-heading,
html[data-wcag-enabled=true] #activity_status_planner .activities-container .activity-info-wrap .activity-completed-wrap .field_container:not(.happy_face_picker) h4.sub-heading,
html[data-wcag-enabled=true] #completed_activity_status .activities-container .activity-info-wrap .activity-completed-wrap .field_container:not(.happy_face_picker) h4.sub-heading {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #activity_status_activity_viewer .activities-container .activity-info-wrap .activity-reporter-wrap label#smiles-title,
html[data-wcag-enabled=true] #activity_status_reporter .activities-container .activity-info-wrap .activity-reporter-wrap label#smiles-title,
html[data-wcag-enabled=true] #activity_status_planner .activities-container .activity-info-wrap .activity-reporter-wrap label#smiles-title,
html[data-wcag-enabled=true] #completed_activity_status .activities-container .activity-info-wrap .activity-reporter-wrap label#smiles-title,
html[data-wcag-enabled=true] #activity_status_activity_viewer .activities-container .activity-info-wrap .activity-planner-wrap label#smiles-title,
html[data-wcag-enabled=true] #activity_status_reporter .activities-container .activity-info-wrap .activity-planner-wrap label#smiles-title,
html[data-wcag-enabled=true] #activity_status_planner .activities-container .activity-info-wrap .activity-planner-wrap label#smiles-title,
html[data-wcag-enabled=true] #completed_activity_status .activities-container .activity-info-wrap .activity-planner-wrap label#smiles-title,
html[data-wcag-enabled=true] #activity_status_activity_viewer .activities-container .activity-info-wrap .activity-completed-wrap label#smiles-title,
html[data-wcag-enabled=true] #activity_status_reporter .activities-container .activity-info-wrap .activity-completed-wrap label#smiles-title,
html[data-wcag-enabled=true] #activity_status_planner .activities-container .activity-info-wrap .activity-completed-wrap label#smiles-title,
html[data-wcag-enabled=true] #completed_activity_status .activities-container .activity-info-wrap .activity-completed-wrap label#smiles-title {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #activity_status_activity_viewer .activities-container .activity-info-wrap .activity_title,
html[data-wcag-enabled=true] #activity_status_reporter .activities-container .activity-info-wrap .activity_title,
html[data-wcag-enabled=true] #activity_status_planner .activities-container .activity-info-wrap .activity_title,
html[data-wcag-enabled=true] #completed_activity_status .activities-container .activity-info-wrap .activity_title {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #activity_status_activity_viewer .activities-container .instruction_button,
html[data-wcag-enabled=true] #activity_status_reporter .activities-container .instruction_button,
html[data-wcag-enabled=true] #activity_status_planner .activities-container .instruction_button,
html[data-wcag-enabled=true] #completed_activity_status .activities-container .instruction_button {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #activity_status_activity_viewer .activities-container .instruction_button:before,
html[data-wcag-enabled=true] #activity_status_reporter .activities-container .instruction_button:before,
html[data-wcag-enabled=true] #activity_status_planner .activities-container .instruction_button:before,
html[data-wcag-enabled=true] #completed_activity_status .activities-container .instruction_button:before {
  border-color: transparent transparent #000000 transparent !important;
}

html[data-wcag-enabled=true] #activity_status_activity_viewer .activities-container .instruction_button:after,
html[data-wcag-enabled=true] #activity_status_reporter .activities-container .instruction_button:after,
html[data-wcag-enabled=true] #activity_status_planner .activities-container .instruction_button:after,
html[data-wcag-enabled=true] #completed_activity_status .activities-container .instruction_button:after {
  border-color: transparent transparent #000000 transparent !important;
}

html[data-wcag-enabled=true] #activity_status_activity_viewer .activities-container .instruction_text p,
html[data-wcag-enabled=true] #activity_status_reporter .activities-container .instruction_text p,
html[data-wcag-enabled=true] #activity_status_planner .activities-container .instruction_text p,
html[data-wcag-enabled=true] #completed_activity_status .activities-container .instruction_text p {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #activity_status_activity_viewer .activities-container .instruction_text .icon_instruction_text,
html[data-wcag-enabled=true] #activity_status_reporter .activities-container .instruction_text .icon_instruction_text,
html[data-wcag-enabled=true] #activity_status_planner .activities-container .instruction_text .icon_instruction_text,
html[data-wcag-enabled=true] #completed_activity_status .activities-container .instruction_text .icon_instruction_text {
  background: transparent url(/static/img/activity_viewer/icon_instruction_text_black.png) 0 0 no-repeat !important;
}

html[data-wcag-enabled=true] #footer_disclaimer ul li .disclaimer_text {
  color: #000000 !important;
}

html[data-wcag-enabled=true] .activities-container h3 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] .activities-container h3 a.nick {
  color: #000000 !important;
}

html[data-wcag-enabled=true] .activities-container ::-webkit-input-placeholder {
  color: #000000 !important;
}

html[data-wcag-enabled=true] .activities-container :-moz-placeholder {
  color: #000000 !important;
}

html[data-wcag-enabled=true] .activities-container :-ms-input-placeholder {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #activity_status_reporter .activities-container .cs-reporter h4,
html[data-wcag-enabled=true] #activity_status_activity_viewer .activities-container .cs-reporter h4,
html[data-wcag-enabled=true] #completed_activity_status .activities-container .cs-reporter h4 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #activity_status_reporter .activities-container .cs-reporter .strength-tooltip,
html[data-wcag-enabled=true] #activity_status_activity_viewer .activities-container .cs-reporter .strength-tooltip,
html[data-wcag-enabled=true] #completed_activity_status .activities-container .cs-reporter .strength-tooltip {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #activity_status_reporter .activities-container .cs-reporter .strength-tooltip > div span:first-of-type,
html[data-wcag-enabled=true] #activity_status_activity_viewer .activities-container .cs-reporter .strength-tooltip > div span:first-of-type,
html[data-wcag-enabled=true] #completed_activity_status .activities-container .cs-reporter .strength-tooltip > div span:first-of-type {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #activity_status_reporter .activities-container .cs-reporter .strength-tooltip > div span:last-of-type,
html[data-wcag-enabled=true] #activity_status_activity_viewer .activities-container .cs-reporter .strength-tooltip > div span:last-of-type,
html[data-wcag-enabled=true] #completed_activity_status .activities-container .cs-reporter .strength-tooltip > div span:last-of-type {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #activity_status_reporter .activities-container .cs-reporter .strength-name,
html[data-wcag-enabled=true] #activity_status_activity_viewer .activities-container .cs-reporter .strength-name,
html[data-wcag-enabled=true] #completed_activity_status .activities-container .cs-reporter .strength-name {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #activity_status_reporter .activities-container .cs-reporter .strength-name::before,
html[data-wcag-enabled=true] #activity_status_activity_viewer .activities-container .cs-reporter .strength-name::before,
html[data-wcag-enabled=true] #completed_activity_status .activities-container .cs-reporter .strength-name::before {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #activity_status_reporter .activities-container .cs-reporter .retake-button,
html[data-wcag-enabled=true] #activity_status_activity_viewer .activities-container .cs-reporter .retake-button,
html[data-wcag-enabled=true] #completed_activity_status .activities-container .cs-reporter .retake-button {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #activity_status_reporter .activities-container .cs-reporter .btn-small,
html[data-wcag-enabled=true] #activity_status_activity_viewer .activities-container .cs-reporter .btn-small,
html[data-wcag-enabled=true] #completed_activity_status .activities-container .cs-reporter .btn-small {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #completed_activity_status .skill-color h2,
html[data-wcag-enabled=true] #activity_status_activity_viewer .skill-color h2 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #completed_activity_status .skill-color h3,
html[data-wcag-enabled=true] #activity_status_activity_viewer .skill-color h3 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #activity_status_activity_viewer .content-pane h2,
html[data-wcag-enabled=true] #activity_status_activity_viewer .content-pane #tip_selection_title {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #activity_status_activity_viewer .content-pane .only-one-tip-text {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #activity_status_activity_viewer .content-pane .btn-group .btn {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #activity_status_activity_viewer textarea::-webkit-input-placeholder,
html[data-wcag-enabled=true] #activity_status_reporter textarea::-webkit-input-placeholder,
html[data-wcag-enabled=true] #activity_status_planner textarea::-webkit-input-placeholder {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #activity_status_activity_viewer textarea:-moz-placeholder,
html[data-wcag-enabled=true] #activity_status_reporter textarea:-moz-placeholder,
html[data-wcag-enabled=true] #activity_status_planner textarea:-moz-placeholder {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #activity_status_activity_viewer textarea:-ms-input-placeholder,
html[data-wcag-enabled=true] #activity_status_reporter textarea:-ms-input-placeholder,
html[data-wcag-enabled=true] #activity_status_planner textarea:-ms-input-placeholder {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #activity_status_activity_viewer input::-webkit-input-placeholder,
html[data-wcag-enabled=true] #activity_status_reporter input::-webkit-input-placeholder,
html[data-wcag-enabled=true] #activity_status_planner input::-webkit-input-placeholder {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #activity_status_activity_viewer input:-moz-placeholder,
html[data-wcag-enabled=true] #activity_status_reporter input:-moz-placeholder,
html[data-wcag-enabled=true] #activity_status_planner input:-moz-placeholder {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #activity_status_activity_viewer input:-ms-input-placeholder,
html[data-wcag-enabled=true] #activity_status_reporter input:-ms-input-placeholder,
html[data-wcag-enabled=true] #activity_status_planner input:-ms-input-placeholder {
  color: #000000 !important;
}

html[data-wcag-enabled=true] .textarea.prompt_text,
html[data-wcag-enabled=true] input.prompt_text {
  color: #000000 !important;
}

html[data-wcag-enabled=true] .textarea.user_text,
html[data-wcag-enabled=true] input.user_text {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #viral-share .button_secondary {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #viral-share .button_secondary.first {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #viral-share .button_secondary.first:hover {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #viral-share .share-menu .share a:hover {
  color: #000000 !important;
}

@-moz-document url-prefix()  {
  html[data-wcag-enabled=true] .textarea.prompt_text,
  html[data-wcag-enabled=true] input.prompt_text {
    color: #000000 !important;
  }
}

html[data-wcag-enabled=true] #tip_megamenu .life_domain-name {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #activity_status_reporter #current_hog .map_image_title {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #activity_status_reporter #current_hog .info_tooltip .info_button .hor_start {
  text-shadow: none;
}

html[data-wcag-enabled=true] #activity_status_reporter #current_hog .info_tooltip .point .info_footer {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #activity_status_reporter #current_hog .info_tooltip .info_preview_plus {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #activity_status_reporter #current_hog .info_tooltip .info_footer {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #activity_status_reporter #current_hog .info_tooltip .info_unlock_plus .button_unlock_plus {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #billing_info .title {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #billing_info h1 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #billing_info .data_area {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #billing_info .data_area .right_column .promo-box .title {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #billing_info .data_area .right_column .promo-box .text {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #billing_info .data_area .right_column h2 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #billing_info .data_area .right_column .plan_container .plan .header {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #billing_info .data_area .right_column .plan_container .plan .body .guarantee {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #billing_info .transaction-info {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #billing_info .transaction-info a {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #billing_info .container .payment {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #billing_form .form_field label,
html[data-wcag-enabled=true] #braintree-payment-form .form_field label {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #billing_form .form_field .date_select .listbox-button,
html[data-wcag-enabled=true] #braintree-payment-form .form_field .date_select .listbox-button {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #billing_form .form_field .date_select .dropdown.listbox li,
html[data-wcag-enabled=true] #braintree-payment-form .form_field .date_select .dropdown.listbox li {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #billing_form .form_field .js-date_select .dropdown a,
html[data-wcag-enabled=true] #braintree-payment-form .form_field .js-date_select .dropdown a {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #billing_form .form_field .select_left,
html[data-wcag-enabled=true] #braintree-payment-form .form_field .select_left {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #billing_form .form_field input,
html[data-wcag-enabled=true] #braintree-payment-form .form_field input {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #payment_flow .discount_ribbon span,
html[data-wcag-enabled=true] #gift_membership .discount_ribbon span {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #payment_flow h1,
html[data-wcag-enabled=true] #gift_membership h1 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #payment_flow .premium-service h3,
html[data-wcag-enabled=true] #gift_membership .premium-service h3 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #payment_flow .press-container .press-item .text-container,
html[data-wcag-enabled=true] #gift_membership .press-container .press-item .text-container {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #payment_plan_selection .container .plan header {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #payment_plan_selection .container .plan .body .promotion {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #payment_plan_selection .container .plan .body .strike {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #payment_plan_selection .container .plan .body .price {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #payment_plan_selection .container .plan .body .term {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #payment_plan_selection .container .plan .body .guarantee {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #payment_plan_selection .container .plan.popular:after {
  color: #000000 !important;
}

html[data-wcag-enabled=true] .payment-plans-embedded #payment_plan_selection .title {
  color: #000000 !important;
}

html[data-wcag-enabled=true] .payment-plans-embedded #payment_plan_selection .plans-container .option .plan .promotion {
  color: #000000 !important;
}

html[data-wcag-enabled=true] .payment-plans-embedded #payment_plan_selection .plans-container .option .plan .try-promo {
  color: #000000 !important;
}

html[data-wcag-enabled=true] .payment-plans-embedded #payment_plan_selection .plans-container .option .plan .guarantee {
  color: #000000 !important;
}

html[data-wcag-enabled=true] .payment-plans-embedded #payment_plan_selection .plans-container .option .plan .title {
  color: #000000 !important;
}

html[data-wcag-enabled=true] .payment-plans-embedded #payment_plan_selection .plans-container .option .popular-promo span {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #payment_plan_selection table tr td {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #payment_plan_selection table tr td .save {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #payment_flow .payment_selection_flow7 .premium-service h3 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #payment_flow .payment_selection_flow7 .left-rail h2 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #payment_flow .payment_selection_flow7 [data-view=FeaturesTable] table#happify_features tr td {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #payment_flow .payment_selection_flow7 [data-view=FeaturesTable] table#happify_features tr td .count {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #membership [data-view=CoachingManageBilling] .data_area .section:nth-child(2) .item:nth-child(3),
html[data-wcag-enabled=true] #membership [data-view=ManageBilling] .data_area .section:nth-child(2) .item:nth-child(3) {
  color: #000000 !important;
}

html[data-wcag-enabled=true] table#happify_features tr td .checkmark {
  background: url('/static/img/checkblue-billing_black.png') no-repeat transparent !important;
  background-size: cover !important;
}

html[data-wcag-enabled=true] #billing_details_popover .close {
  background: url(/static/img/close_black.png) no-repeat !important;
  padding: 0;
}

html[data-wcag-enabled=true] .why-container .why-it-works_button {
  color: #000000 !important;
}

html[data-wcag-enabled=true] .why-container .why-it-works_button .icon > svg {
  fill: #000000 !important;
}

html[data-wcag-enabled=true] .why-container .why-it-works_button .icon {
  -webkit-filter: brightness(0);
  filter: brightness(0);
}

html[data-wcag-enabled=true] .why-container .bulleted_message .title {
  color: #000000 !important;
  border-bottom: 1px solid #000000 !important;
}

html[data-wcag-enabled=true] .why-container .bulleted_message ul .message .checkmark {
  background: url('/static/img/blue_checkmark_black.png') no-repeat transparent;
}

html[data-wcag-enabled=true] .why-container .bulleted_message ul .message .item {
  color: #000000 !important;
}

html[data-wcag-enabled=true] input[type='submit'],
html[data-wcag-enabled=true] input[type='reset'],
html[data-wcag-enabled=true] button,
html[data-wcag-enabled=true] .button {
  color: black !important;
}

html[data-wcag-enabled=true] input[type='submit']:active,
html[data-wcag-enabled=true] input[type='reset']:active,
html[data-wcag-enabled=true] button:active,
html[data-wcag-enabled=true] .button:active {
  -webkit-box-shadow: inset 0 2px 5px 1px rgba(50, 50, 50, 0.25);
  box-shadow: inset 0 2px 5px 1px rgba(50, 50, 50, 0.25);
}

html[data-wcag-enabled=true] input[type='submit'].close,
html[data-wcag-enabled=true] input[type='reset'].close,
html[data-wcag-enabled=true] button.close,
html[data-wcag-enabled=true] .button.close {
  color: transparent;
}

html[data-wcag-enabled=true] input[type='submit'].gray,
html[data-wcag-enabled=true] input[type='reset'].gray,
html[data-wcag-enabled=true] button.gray,
html[data-wcag-enabled=true] .button.gray {
  color: #777;
  background-color: #f8f8f8;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FAFAFA), to(#F4F4F4));
  background-image: linear-gradient(to bottom, #FAFAFA, #F4F4F4 100%);
  border: 1px solid #d7d7d2;
  font-size: 1.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  padding: 5px 15px;
}

html[data-wcag-enabled=true] input[type='submit'].gray.disabled,
html[data-wcag-enabled=true] input[type='reset'].gray.disabled,
html[data-wcag-enabled=true] button.gray.disabled,
html[data-wcag-enabled=true] .button.gray.disabled {
  cursor: default;
  color: #bfbfb7;
  background-color: #f5f5f4;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FCFCFC), to(#EBEBE8));
  background-image: linear-gradient(to bottom, #FCFCFC, #EBEBE8 100%);
  border: 1px solid #EBEBE8;
  font-size: 1.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  padding: 5px 15px;
}

html[data-wcag-enabled=true] input[type='submit'].primary,
html[data-wcag-enabled=true] input[type='reset'].primary,
html[data-wcag-enabled=true] button.primary,
html[data-wcag-enabled=true] .button.primary {
  border: 1px solid #994900;
  background-color: #f57d0f;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ff871a), to(#e66e00));
  background-image: linear-gradient(to bottom, #ff871a, #e66e00 100%);
}

html[data-wcag-enabled=true] input[type='submit'].secondary,
html[data-wcag-enabled=true] input[type='reset'].secondary,
html[data-wcag-enabled=true] button.secondary,
html[data-wcag-enabled=true] .button.secondary {
  color: #5f5f5f;
  border: 1px solid #cac9c6;
  background-color: #fafafa;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f3f3f3));
  background-image: linear-gradient(to bottom, #fff, #f3f3f3 100%);
}

html[data-wcag-enabled=true] input[type='submit'].secondary:hover,
html[data-wcag-enabled=true] input[type='reset'].secondary:hover,
html[data-wcag-enabled=true] button.secondary:hover,
html[data-wcag-enabled=true] .button.secondary:hover {
  color: #ff7a00;
}

html[data-wcag-enabled=true] input[type='submit'].secondary.small,
html[data-wcag-enabled=true] input[type='reset'].secondary.small,
html[data-wcag-enabled=true] button.secondary.small,
html[data-wcag-enabled=true] .button.secondary.small {
  height: 22px;
  line-height: 22px;
  font-family: OpenSansRegular;
  border-radius: 2px;
  background-clip: padding-box;
}

html[data-wcag-enabled=true] input[type='submit'].secondary.disabled,
html[data-wcag-enabled=true] input[type='reset'].secondary.disabled,
html[data-wcag-enabled=true] button.secondary.disabled,
html[data-wcag-enabled=true] .button.secondary.disabled {
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: default;
  opacity: 0.65;
}

html[data-wcag-enabled=true] input[type='submit'].secondary.disabled:hover,
html[data-wcag-enabled=true] input[type='reset'].secondary.disabled:hover,
html[data-wcag-enabled=true] button.secondary.disabled:hover,
html[data-wcag-enabled=true] .button.secondary.disabled:hover {
  color: #5f5f5f;
}

html[data-wcag-enabled=true] input[type='submit'].transparent,
html[data-wcag-enabled=true] input[type='reset'].transparent,
html[data-wcag-enabled=true] button.transparent,
html[data-wcag-enabled=true] .button.transparent {
  color: black;
}

html[data-wcag-enabled=true] input[type='submit'].transparent.on,
html[data-wcag-enabled=true] input[type='reset'].transparent.on,
html[data-wcag-enabled=true] button.transparent.on,
html[data-wcag-enabled=true] .button.transparent.on {
  color: black;
  font-family: OpenSansRegular;
}

html[data-wcag-enabled=true] input[type='submit'].orange,
html[data-wcag-enabled=true] input[type='reset'].orange,
html[data-wcag-enabled=true] button.orange,
html[data-wcag-enabled=true] .button.orange {
  color: black;
}

html[data-wcag-enabled=true] input[type='submit'].light-gray,
html[data-wcag-enabled=true] input[type='reset'].light-gray,
html[data-wcag-enabled=true] button.light-gray,
html[data-wcag-enabled=true] .button.light-gray {
  background: #d7d7d2;
  color: black;
  -webkit-box-shadow: 0 2px 0 #d8d5b4;
  box-shadow: 0 2px 0 #d8d5b4;
}

html[data-wcag-enabled=true] input[type='submit'].light-gray:hover,
html[data-wcag-enabled=true] input[type='reset'].light-gray:hover,
html[data-wcag-enabled=true] button.light-gray:hover,
html[data-wcag-enabled=true] .button.light-gray:hover {
  background: #edebdc;
}

html[data-wcag-enabled=true] input[type='submit'].light-gray:active,
html[data-wcag-enabled=true] input[type='reset'].light-gray:active,
html[data-wcag-enabled=true] button.light-gray:active,
html[data-wcag-enabled=true] .button.light-gray:active {
  background: #e9e8d5;
  -webkit-box-shadow: inset 0 2px 0 #d8d5b4;
  box-shadow: inset 0 2px 0 #d8d5b4;
}

html[data-wcag-enabled=true] input[type='submit'].green,
html[data-wcag-enabled=true] input[type='reset'].green,
html[data-wcag-enabled=true] button.green,
html[data-wcag-enabled=true] .button.green {
  color: black;
}

html[data-wcag-enabled=true] input[type='submit'].blue,
html[data-wcag-enabled=true] input[type='reset'].blue,
html[data-wcag-enabled=true] button.blue,
html[data-wcag-enabled=true] .button.blue {
  color: black;
}

html[data-wcag-enabled=true] .share-facebook {
  color: white;
}

html[data-wcag-enabled=true] [data-view=CoachingCancelRenewConfirmation] h1,
html[data-wcag-enabled=true] [data-view=ConfirmCancelRenew] h1 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] [data-view=CoachingCancelRenewConfirmation] .question .question-text,
html[data-wcag-enabled=true] [data-view=ConfirmCancelRenew] .question .question-text {
  color: #000000 !important;
}

html[data-wcag-enabled=true] [data-view=CoachingCancelAutoRenewal] h1,
html[data-wcag-enabled=true] [data-view=CancelRenew] h1 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] .track-card-featured h2 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] .track-card-featured header .label.premium {
  background-color: #3D5F07 !important;
}

html[data-wcag-enabled=true] .track-card-featured header .label.recommended {
  background-color: #0C5E73 !important;
}

html[data-wcag-enabled=true] #coaching_payment {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #coaching_payment section:first-child {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #coaching_payment section:first-child h1 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #coaching_payment section:first-child span {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #coaching_payment section:last-child .right-col .title {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #coaching_payment section:last-child .right-col .plan .content .save {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #coaching_payment section:last-child .right-col .payment-form .error {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #coaching_payment section:last-child .right-col .payment-form .form-field label {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #coaching_payment section:last-child .right-col .payment-form .form-field .date_select .listbox-button {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #coaching_payment section:last-child .right-col .payment-form .form-field .date_select .dropdown.listbox li {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #coaching_payment section:last-child .right-col .payment-form .form-field input {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #coaching_payment section:last-child .right-col .payment-form .you-pay {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #coaching_payment section:last-child .right-col .payment-form .info {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #coaching_payment section:last-child .right-col .payment-form .info a {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #coaching_payment .tip {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #coaching_payment .tip .title-txt {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #coaching_payment .tip .message-txt {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #coaching_payment .coaching-confirmation .popup h1 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #coaching_payment .coaching-confirmation .popup .text {
  color: #000000 !important;
}

html[data-wcag-enabled=true] .comments-component button {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #thread [data-view='ThreadRelated'] .summary button {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #thread [data-view='ThreadRelated'] .post .meta time {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #thread .tag-name {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #thread .create-discussion .title {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #thread .create-discussion form textarea::-webkit-input-placeholder {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #thread .create-discussion form textarea::-moz-placeholder {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #thread .create-discussion form textarea:-ms-input-placeholder {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #thread .create-discussion form textarea::-ms-input-placeholder {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #thread .create-discussion form textarea::placeholder {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #thread .discussion .body time {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #thread .discussion .body .text {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #thread .discussion .discussion-reply textarea::-webkit-input-placeholder {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #thread .discussion .discussion-reply textarea::-moz-placeholder {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #thread .discussion .discussion-reply textarea:-ms-input-placeholder {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #thread .discussion .discussion-reply textarea::-ms-input-placeholder {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #thread .discussion .discussion-reply textarea::placeholder {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #thread .discussion .discussion-reply .private_discussion_comment .checkbox.checked {
  background-image: url(/static/img/checkbox_active_black.png);
}

html[data-wcag-enabled=true] .community_modal .heading--main {
  color: #000000 !important;
}

html[data-wcag-enabled=true] .community_modal .heading--sub {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #community h1,
html[data-wcag-enabled=true] #community h2 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #community .filter button {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #community .filter button.on {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #community [data-view=ThreadList] header .title,
html[data-wcag-enabled=true] #community [data-view=ThreadList] header .type {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #community .post .meta time {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #community .post .post-preview-more {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #current_compass {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #current_compass .compass_msg_answer .msg,
html[data-wcag-enabled=true] #current_compass .compass_msg_question .msg {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #current_compass .compass_body.SA .compass_snd_single_items span.current_item.selected,
html[data-wcag-enabled=true] #current_compass .compass_body.SA .compass_snd_single_items span.current_item.active:hover {
  background-color: #fd4ec2;
}

html[data-wcag-enabled=true] #current_compass .compass_body.SA .compass_msg_answer .msg {
  background-color: #fd4ec2;
}

html[data-wcag-enabled=true] #current_compass .compass_body.SA .buttons_send_flat {
  background: #fff;
}

html[data-wcag-enabled=true] #current_compass .compass_body.SA .buttons_send_flat.selected,
html[data-wcag-enabled=true] #current_compass .compass_body.SA .buttons_send_flat.active:hover {
  color: #000000 !important;
  background-color: #fd4ec2 !important;
}

html[data-wcag-enabled=true] #completed_activity_status .activity_header.skill-color {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #completed_activity_status .activity_header.skill-color.sa {
  background: #fd4ec2;
}

html[data-wcag-enabled=true] #completed_activity_status .wrapper .activity .text_block .paragr .title {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #completed_activity_status .wrapper .activity .text_block .paragr .message {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #completed_activity_status .wrapper .activity .user-info .face-label {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #completed_activity_status .wrapper .post-likes button {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #completed_activity_status .hide_instruction_bg,
html[data-wcag-enabled=true] #completed_activity_status .show_instruction_bg {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #completed_activity_status .instruction_button {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #completed_activity_status .instruction_button:before {
  border-color: transparent transparent #000000 transparent !important;
}

html[data-wcag-enabled=true] #completed_activity_status .instruction_button:after {
  border-color: transparent transparent #000000 transparent !important;
}

html[data-wcag-enabled=true] #completed_activity_status .permission {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #completed_activity_status .comments-view h2 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #completed_activity_status .post-hearter-view {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #completed_activity_status .activity-wrap ul.tip_full_info li.text {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #completed_activity_status .activity-wrap .tip-short-text {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #completed_activity_status .activity-wrap .date-completed {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #completed_activity_status .form-output {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #completed_activity_status .form-output li .user,
html[data-wcag-enabled=true] #completed_activity_status .form-output li .info_title {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #completed_activity_status .comment-text {
  color: #000000 !important;
  /*
    .edit {
      display: block;
      [data-action=report] { display: block; }
    }
    */
}

html[data-wcag-enabled=true] #completed_activity_status .comment-image span.avatar_tooltip {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #completed_activity_status .activity_status-label {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #completed_activity_status .activity_status-value {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #completed_activity_status .instruction_text .icon_instruction_text {
  background: transparent url('/static/img/activity_viewer/icon_instruction_text_black.png') 0 0 no-repeat !important;
}

html[data-wcag-enabled=true] #completed_activity_status .right-column .tags > li > a {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #completed_activity_status .right-column .tags > li .flyout li a,
html[data-wcag-enabled=true] #completed_activity_status .right-column .tags > li .flyout li a:visited {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #completed_activity_status hr {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #completed_activity_status .comments .title {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #completed_activity_status .comments .comment-text .circular .username a {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #completed_activity_status .comments .button_wrap button {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #completed_activity_status .comment-text textarea.edit_comment,
html[data-wcag-enabled=true] #completed_activity_status .comment-field textarea.edit_comment {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #completed_activity_status label {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #completed_activity_status #comment-labeled-field {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #public_home #compliment h1,
html[data-wcag-enabled=true] #compliment h1 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #public_home #compliment .text-container h2,
html[data-wcag-enabled=true] #compliment .text-container h2 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #public_home #compliment .text-container p,
html[data-wcag-enabled=true] #compliment .text-container p {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #public_home #compliment #what_is-kc h1,
html[data-wcag-enabled=true] #compliment #what_is-kc h1 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #public_home #compliment #what_is-kc p,
html[data-wcag-enabled=true] #compliment #what_is-kc p {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #public_home #compliment #scientifically .responsive.grid-row .grid-unit h1,
html[data-wcag-enabled=true] #compliment #scientifically .responsive.grid-row .grid-unit h1 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #public_home #compliment #scientifically .responsive.grid-row .grid-unit p,
html[data-wcag-enabled=true] #compliment #scientifically .responsive.grid-row .grid-unit p {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #public_home #compliment #testimonials h1,
html[data-wcag-enabled=true] #compliment #testimonials h1 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #public_home #compliment #testimonials p,
html[data-wcag-enabled=true] #compliment #testimonials p {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #public_home #compliment #keep-alive h1,
html[data-wcag-enabled=true] #compliment #keep-alive h1 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #public_home #compliment .confirmation .tip-container .tip h3,
html[data-wcag-enabled=true] #compliment section .confirmation .tip-container .tip h3 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #public_home #compliment .confirmation .tip-container .tip span,
html[data-wcag-enabled=true] #compliment section .confirmation .tip-container .tip span {
  color: #000000 !important;
}

html[data-wcag-enabled=true] .confirm-modal h2,
html[data-wcag-enabled=true] .confirm-modal h3 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #discover-strengths .header h1 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #discover-strengths .text-cont h2 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #discover-strengths .text-cont p {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #explore_tracks_life_domain_v2 #explore_tracks_search_v2 .title,
html[data-wcag-enabled=true] #explore_tracks_v2 #explore_tracks_search_v2 .title {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #explore_tracks_life_domain_v2 #explore_tracks_search_v2 .search .search_button,
html[data-wcag-enabled=true] #explore_tracks_v2 #explore_tracks_search_v2 .search .search_button {
  background: transparent url("/static/img/explore_tracks/search_black@x1.png");
  background-image: url("/static/img/explore_tracks/search_black@x1.png");
  background-size: 15px 15px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  html[data-wcag-enabled=true] #explore_tracks_life_domain_v2 #explore_tracks_search_v2 .search .search_button,
  html[data-wcag-enabled=true] #explore_tracks_v2 #explore_tracks_search_v2 .search .search_button {
    background: transparent url("/static/img/explore_tracks/search_black@x1.png");
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position: center;
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  html[data-wcag-enabled=true] #explore_tracks_life_domain_v2 #explore_tracks_search_v2 .search .search_button,
  html[data-wcag-enabled=true] #explore_tracks_v2 #explore_tracks_search_v2 .search .search_button {
    background-image: url("/static/img/explore_tracks/search_black@x1.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  html[data-wcag-enabled=true] #explore_tracks_life_domain_v2 #explore_tracks_search_v2 .search .search_button,
  html[data-wcag-enabled=true] #explore_tracks_v2 #explore_tracks_search_v2 .search .search_button {
    background-image: url("/static/img/explore_tracks/search_black@x1.png");
  }
}

@media (prefers-color-scheme: dark) {
  html[data-wcag-enabled=true] #explore_tracks_life_domain_v2 #explore_tracks_search_v2 .search .search_button,
  html[data-wcag-enabled=true] #explore_tracks_v2 #explore_tracks_search_v2 .search .search_button {
    background: transparent url("/static/img/explore_tracks/search@x1.png");
    background-image: url("/static/img/explore_tracks/search@x1.png");
    background-size: 15px 15px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
  }
}

@media (prefers-color-scheme: dark) and (-webkit-min-device-pixel-ratio: 1.25), (prefers-color-scheme: dark) and (min-resolution: 120dpi) {
  html[data-wcag-enabled=true] #explore_tracks_life_domain_v2 #explore_tracks_search_v2 .search .search_button,
  html[data-wcag-enabled=true] #explore_tracks_v2 #explore_tracks_search_v2 .search .search_button {
    background: transparent url("/static/img/explore_tracks/search@x1.png");
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background-position: center;
  }
}

@media (prefers-color-scheme: dark) and (-webkit-min-device-pixel-ratio: 1.25), (prefers-color-scheme: dark) and (min-resolution: 120dpi) {
  html[data-wcag-enabled=true] #explore_tracks_life_domain_v2 #explore_tracks_search_v2 .search .search_button,
  html[data-wcag-enabled=true] #explore_tracks_v2 #explore_tracks_search_v2 .search .search_button {
    background-image: url("/static/img/explore_tracks/search@x1.png");
  }
}

@media (prefers-color-scheme: dark) and (-webkit-min-device-pixel-ratio: 1.25), (prefers-color-scheme: dark) and (min-resolution: 120dpi) {
  html[data-wcag-enabled=true] #explore_tracks_life_domain_v2 #explore_tracks_search_v2 .search .search_button,
  html[data-wcag-enabled=true] #explore_tracks_v2 #explore_tracks_search_v2 .search .search_button {
    background-image: url("/static/img/explore_tracks/search@x1.png");
  }
}

html[data-wcag-enabled=true] #explore_tracks_life_domain_v2 #explore_tracks_search_v2 .search .clear_button button,
html[data-wcag-enabled=true] #explore_tracks_v2 #explore_tracks_search_v2 .search .clear_button button {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #explore_tracks_life_domain_v2 .life_conditions_list .condition_frame .condition_arrow .scroll,
html[data-wcag-enabled=true] #explore_tracks_v2 .life_conditions_list .condition_frame .condition_arrow .scroll {
  border-left: 2px solid #000000 !important;
  border-bottom: 2px solid #000000 !important;
}

html[data-wcag-enabled=true] #explore_tracks_title_v2 .title,
html[data-wcag-enabled=true] #explore_tracks_title_v2 .description {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #explore_tracks_title_v2 .title p,
html[data-wcag-enabled=true] #explore_tracks_title_v2 .description p {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #explore_tracks_featured_v2 h1 {
  background: #ffffff;
  color: #000000 !important;
}

html[data-wcag-enabled=true] #explore_tracks_featured_v2 .coach {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #explore_tracks_creator_tracks_v2,
html[data-wcag-enabled=true] #explore_tracks_search_result_v2,
html[data-wcag-enabled=true] #explore_tracks_recomended_v2,
html[data-wcag-enabled=true] #explore_tracks_life_domain_v2 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #explore_tracks_creator_tracks_v2 .name,
html[data-wcag-enabled=true] #explore_tracks_search_result_v2 .name,
html[data-wcag-enabled=true] #explore_tracks_recomended_v2 .name,
html[data-wcag-enabled=true] #explore_tracks_life_domain_v2 .name,
html[data-wcag-enabled=true] #explore_tracks_creator_tracks_v2 .title,
html[data-wcag-enabled=true] #explore_tracks_search_result_v2 .title,
html[data-wcag-enabled=true] #explore_tracks_recomended_v2 .title,
html[data-wcag-enabled=true] #explore_tracks_life_domain_v2 .title {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #explore_tracks_creator_tracks_v2 .progress .part,
html[data-wcag-enabled=true] #explore_tracks_search_result_v2 .progress .part,
html[data-wcag-enabled=true] #explore_tracks_recomended_v2 .progress .part,
html[data-wcag-enabled=true] #explore_tracks_life_domain_v2 .progress .part {
  background-color: #000000 !important;
}

html[data-wcag-enabled=true] #explore_tracks_creator_tracks_v2 .progress .dash.completed,
html[data-wcag-enabled=true] #explore_tracks_search_result_v2 .progress .dash.completed,
html[data-wcag-enabled=true] #explore_tracks_recomended_v2 .progress .dash.completed,
html[data-wcag-enabled=true] #explore_tracks_life_domain_v2 .progress .dash.completed {
  background-color: #000000 !important;
}

html[data-wcag-enabled=true] #explore_tracks_creator_tracks_v2 .progress .dash.active,
html[data-wcag-enabled=true] #explore_tracks_search_result_v2 .progress .dash.active,
html[data-wcag-enabled=true] #explore_tracks_recomended_v2 .progress .dash.active,
html[data-wcag-enabled=true] #explore_tracks_life_domain_v2 .progress .dash.active {
  background-color: #000000 !important;
}

html[data-wcag-enabled=true] #explore_tracks_creator_tracks_v2 .bullets ul li .mark,
html[data-wcag-enabled=true] #explore_tracks_search_result_v2 .bullets ul li .mark,
html[data-wcag-enabled=true] #explore_tracks_recomended_v2 .bullets ul li .mark,
html[data-wcag-enabled=true] #explore_tracks_life_domain_v2 .bullets ul li .mark {
  border-left: 1px solid #000000 !important;
  border-bottom: 1px solid #000000 !important;
}

html[data-wcag-enabled=true] #explore_tracks_creator_tracks_v2 .tracks_title,
html[data-wcag-enabled=true] #explore_tracks_search_result_v2 .tracks_title,
html[data-wcag-enabled=true] #explore_tracks_recomended_v2 .tracks_title,
html[data-wcag-enabled=true] #explore_tracks_life_domain_v2 .tracks_title,
html[data-wcag-enabled=true] #explore_tracks_creator_tracks_v2 .creator_title,
html[data-wcag-enabled=true] #explore_tracks_search_result_v2 .creator_title,
html[data-wcag-enabled=true] #explore_tracks_recomended_v2 .creator_title,
html[data-wcag-enabled=true] #explore_tracks_life_domain_v2 .creator_title {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #explore_tracks_creator_tracks_v2 .tracks_title .info .name,
html[data-wcag-enabled=true] #explore_tracks_search_result_v2 .tracks_title .info .name,
html[data-wcag-enabled=true] #explore_tracks_recomended_v2 .tracks_title .info .name,
html[data-wcag-enabled=true] #explore_tracks_life_domain_v2 .tracks_title .info .name,
html[data-wcag-enabled=true] #explore_tracks_creator_tracks_v2 .creator_title .info .name,
html[data-wcag-enabled=true] #explore_tracks_search_result_v2 .creator_title .info .name,
html[data-wcag-enabled=true] #explore_tracks_recomended_v2 .creator_title .info .name,
html[data-wcag-enabled=true] #explore_tracks_life_domain_v2 .creator_title .info .name,
html[data-wcag-enabled=true] #explore_tracks_creator_tracks_v2 .tracks_title .info .title,
html[data-wcag-enabled=true] #explore_tracks_search_result_v2 .tracks_title .info .title,
html[data-wcag-enabled=true] #explore_tracks_recomended_v2 .tracks_title .info .title,
html[data-wcag-enabled=true] #explore_tracks_life_domain_v2 .tracks_title .info .title,
html[data-wcag-enabled=true] #explore_tracks_creator_tracks_v2 .creator_title .info .title,
html[data-wcag-enabled=true] #explore_tracks_search_result_v2 .creator_title .info .title,
html[data-wcag-enabled=true] #explore_tracks_recomended_v2 .creator_title .info .title,
html[data-wcag-enabled=true] #explore_tracks_life_domain_v2 .creator_title .info .title {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #explore_tracks_creator_tracks_v2 .ld_title .copy,
html[data-wcag-enabled=true] #explore_tracks_search_result_v2 .ld_title .copy,
html[data-wcag-enabled=true] #explore_tracks_recomended_v2 .ld_title .copy,
html[data-wcag-enabled=true] #explore_tracks_life_domain_v2 .ld_title .copy {
  background: #ffffff;
  color: #000000 !important;
  padding-bottom: 7px;
}

html[data-wcag-enabled=true] #explore_tracks_creator_tracks_v2 .ld_title .button .back_arrow,
html[data-wcag-enabled=true] #explore_tracks_search_result_v2 .ld_title .button .back_arrow,
html[data-wcag-enabled=true] #explore_tracks_recomended_v2 .ld_title .button .back_arrow,
html[data-wcag-enabled=true] #explore_tracks_life_domain_v2 .ld_title .button .back_arrow {
  border-left: 2px solid #000000 !important;
  border-bottom: 2px solid #000000 !important;
}

html[data-wcag-enabled=true] .info_block {
  color: #000000 !important;
}

html[data-wcag-enabled=true] .info_block .title,
html[data-wcag-enabled=true] .info_block .total {
  color: #000000 !important;
}

html[data-wcag-enabled=true] .explore_tracks_counter,
html[data-wcag-enabled=true] .condition_title {
  color: #000000 !important;
}

html[data-wcag-enabled=true] .explore_tracks_counter .count,
html[data-wcag-enabled=true] .condition_title .count,
html[data-wcag-enabled=true] .explore_tracks_counter .copy,
html[data-wcag-enabled=true] .condition_title .copy,
html[data-wcag-enabled=true] .explore_tracks_counter .cnt,
html[data-wcag-enabled=true] .condition_title .cnt {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #faq_page {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #faq_page .content .content_container .faq_menu ul li a {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #faq_page .content .content_container .faq_section h2 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #faq_page .content .content_container .faq_section h3 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #faq_page .content .content_container .faq_section p .underlined {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #faq_page .content .content_container .faq_section a {
  text-decoration: underline;
}

html[data-wcag-enabled=true] #share_happiness_main [data-view=HappifiersTrack] .cell .track .name {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #share_happiness_main [data-view=FeaturedHappifier] h1 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #share_happiness_main [data-view=FeaturedHappifier] .happifiers .rotator .inner .text-container p {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #share_happiness_main [data-view=FeaturedHappifier] .happifiers .rotator .prev {
  background: url(/static/img/questions-prev_black@2x.png);
  background-size: 100%;
}

@media (prefers-color-scheme: dark) and (forced-colors: active) {
  html[data-wcag-enabled=true] #share_happiness_main [data-view=FeaturedHappifier] .happifiers .rotator .prev {
    background: url(/static/img/questions-prev@2x.png);
  }
}

html[data-wcag-enabled=true] #share_happiness_main [data-view=FeaturedHappifier] .happifiers .rotator .next {
  background: url(/static/img/questions-next_black@2x.png);
  background-size: 100%;
}

@media (prefers-color-scheme: dark) and (forced-colors: active) {
  html[data-wcag-enabled=true] #share_happiness_main [data-view=FeaturedHappifier] .happifiers .rotator .next {
    background: url(/static/img/questions-next@2x.png);
  }
}

html[data-wcag-enabled=true] #following_info_block .title .count {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #following_info_block .promo h3 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #following_info_block .promo p {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #following_info_block .followings .user .data .name {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #following_info_block .followings .user .data .city {
  color: #000000 !important;
}

html[data-wcag-enabled=true] footer.contentinfo .copyright {
  color: #000000 !important;
}

html[data-wcag-enabled=true] footer.contentinfo .disclaimer {
  color: #000000 !important;
}

html[data-wcag-enabled=true] footer.contentinfo .social .title {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #forums_info_block > .forums .forum .forum-name {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #forums_info_block > .forums .forum .text {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #forums_info_block > .forums .forum .user .name {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #games_congrats_modal #modal.animate .top_part .activity_name {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #games_congrats_modal #modal.animate .top_part .skill-icon-large.SA {
  background-image: url(/static/img/modal_congrads/SAVOR_icon_large_wcag.png);
}

html[data-wcag-enabled=true] #games_congrats_modal #modal.animate .top_part .scores_block table tr td {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #games_congrats_modal #modal.animate .middle_part .ribbon .edge.SA {
  background-image: url(/static/img/modal_congrads/SAVOR_ribbon_wcag.png);
}

html[data-wcag-enabled=true] #games_congrats_modal #modal.animate .middle_part .ribbon .message.SA {
  background-color: #fd4ec2;
}

html[data-wcag-enabled=true] #games_congrats_modal #modal.animate .middle_part .ribbon .message span {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #games_congrats_modal #modal.animate .bottom_part .notification_container {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #games_congrats_modal #modal.animate .bottom_part .score_container .progress #progress-container.progress_bar.SA {
  background-image: url(/static/img/modal_congrads/SAVOR_max_wcag.png);
}

html[data-wcag-enabled=true] #games_congrats_modal #modal.animate .bottom_part .score_container .progress #progress-container.progress_bar #level_sequence.progress_circle {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #games_congrats_modal #modal.animate .bottom_part .score_container .progress_icon.SA {
  background-image: url(/static/img/modal_congrads/SAVOR_icon_small_wcag.png);
}

html[data-wcag-enabled=true] #games_congrats_modal #modal.animate .bottom_part .benefits .small_title.skill_text {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #games_congrats_modal #modal.animate .bottom_part .benefits .benefits_list .benefits_item {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #games_congrats_modal #modal.animate .bottom_part .reward.prize .text {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #games_congrats_modal #modal.animate .bottom_part button.continue_btn {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #games_congrats_modal #modal.animate .bottom_part .unlocked_activities_section .unlocked_activities_title.skill_text {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #games_congrats_modal #modal.animate .bottom_part .unlocked_activities_section .unlocked_activities_disclaimer {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #games_congrats_modal #modal.animate #modalSubtitle {
  white-space: nowrap;
  color: #000000 !important;
}

html[data-wcag-enabled=true] .hap_main .hap_button {
  background: url('/static/img/haplayer/btn_play_black.png') no-repeat right top;
}

html[data-wcag-enabled=true] .hap_main .hap_button:hover {
  background: url('/static/img/haplayer/btn_play_black.png') no-repeat right top;
}

html[data-wcag-enabled=true] .hap_main .hap_button.play {
  background: url('/static/img/haplayer/btn_pause_black.png') no-repeat right top;
}

html[data-wcag-enabled=true] .hap_main .hap_button.play:hover {
  background: url('/static/img/haplayer/btn_pause_black.png') no-repeat right top;
}

html[data-wcag-enabled=true] .hap_main .hap_mute {
  background: url('/static/img/haplayer/btn_mute_off_black.png') no-repeat right top;
}

@media (forced-colors: active) and (prefers-color-scheme: dark) {
  html[data-wcag-enabled=true] .hap_main .hap_mute {
    background: url('/static/img/haplayer/btn_mute_off.png') no-repeat right top;
  }
}

html[data-wcag-enabled=true] .hap_main .hap_mute:hover {
  background: url('/static/img/haplayer/btn_mute_off_black.png') no-repeat right top;
}

html[data-wcag-enabled=true] .hap_main .hap_mute.half {
  background: url('/static/img/haplayer/btn_mute_half_black.png') no-repeat right top;
}

html[data-wcag-enabled=true] .hap_main .hap_mute.half:hover {
  background: url('/static/img/haplayer/btn_mute_half_black.png') no-repeat right top;
}

html[data-wcag-enabled=true] .hap_main .hap_mute.on {
  background: url('/static/img/haplayer/btn_mute_on_black.png') no-repeat right top;
}

html[data-wcag-enabled=true] .hap_main .hap_mute.on:hover {
  background: url('/static/img/haplayer/btn_mute_on_black.png') no-repeat right top;
}

html[data-wcag-enabled=true] .hap_main .hap_volume .hap_volume_click .hap_volume_fill {
  background-color: #000000 !important;
}

html[data-wcag-enabled=true] .hap_main .hap_progress .hap_slider {
  background: url('/static/img/haplayer/slider_black.png') no-repeat right top;
}

@media (forced-colors: active) and (prefers-color-scheme: dark) {
  html[data-wcag-enabled=true] .hap_main .hap_progress .hap_slider {
    background: url('/static/img/haplayer/slider.png') no-repeat right top;
  }
}

html[data-wcag-enabled=true] .hap_main .hap_progress .hap_bar.full_bar {
  background: #000000 !important;
}

html[data-wcag-enabled=true] [data-view=SharedHappifiers] #card-select .selected_option.open .arrow {
  background: url(/static/img/public_site/select_arrow_up_black.png) no-repeat transparent !important;
  background-size: cover !important;
}

html[data-wcag-enabled=true] [data-view=SharedHappifiers] #card-select .selected_option .arrow {
  background: url(/static/img/public_site/select_arrow_down_black.png) no-repeat transparent !important;
  background-size: cover !important;
}

html[data-wcag-enabled=true] [data-view=SharedHappifiers] .title .topics_filter .topics_list .select-option {
  color: #000000 !important;
}

html[data-wcag-enabled=true] [data-view=SharedHappifiers] .happifier .title {
  color: #000000 !important;
}

@media (prefers-color-scheme: dark) {
  html[data-wcag-enabled=true] [data-view=SharedHappifiers] #card-select .selected_option.open .arrow {
    background: url(/static/img/public_site/select_arrow_up.png) no-repeat transparent;
    background-size: cover;
  }

  html[data-wcag-enabled=true] [data-view=SharedHappifiers] #card-select .selected_option .arrow {
    background: url(/static/img/public_site/select_arrow_down.png) no-repeat transparent;
    background-size: cover;
  }
}

html[data-wcag-enabled=true] [data-view=HappifierArticlePromo] .close {
  color: #000000 !important;
}

html[data-wcag-enabled=true] [data-view=HappifierArticlePromo] .inner h2 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] [data-view=HappifierArticlePromo] .inner .opt {
  color: #000000 !important;
}

html[data-wcag-enabled=true] [data-view=HappifierArticlePromo] .inner .opt a {
  color: #000000 !important;
}

html[data-wcag-enabled=true] [data-view=HappifierArticlePromo] .inner p.article_promo {
  color: #000000 !important;
}

html[data-wcag-enabled=true] [data-view=HappifierArticlePromo] .inner .promo-inner .text {
  color: #000000 !important;
}

html[data-wcag-enabled=true] body #share_happiness_main h1,
html[data-wcag-enabled=true] body#public_home #share_happiness_main h1,
html[data-wcag-enabled=true] body #share_happiness h1,
html[data-wcag-enabled=true] body#public_home #share_happiness h1 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #public_home #share_happiness .grid-row.sh div {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #shared_happifier a[title].share-facebook {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #shared_happifier a[title].share-tw {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #shared_happifier a[title].share-linkedin {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #shared_happifier .shared-happifiers h1 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #shared_happifier h1 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #shared_happifier .author {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #shared_happifier .sub,
html[data-wcag-enabled=true] #shared_happifier .article {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #shared_happifier .article h1,
html[data-wcag-enabled=true] #shared_happifier .article h2,
html[data-wcag-enabled=true] #shared_happifier .article h3 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #shared_happifier .article p {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #shared_happifier .article a {
  text-decoration: underline;
}

html[data-wcag-enabled=true] #shared_happifier .media-area .slider-left .button-bar a.plus-button div,
html[data-wcag-enabled=true] #shared_happifier .video-area .slider-left .button-bar a.plus-button div {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #shared_happifier .section .subscribe-dh .subscribe-area .headline span {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #shared_happifier .section .subscribe-dh .subscribe-area .headline span.bold {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #shared_happifier .section .subscribe-dh .fblike-area .headline span {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #shared_happifier .section .subscribe-dh .fblike-area .headline span.bold {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #shared_happifier .section .subscribe-dh .success_message {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #shared_happifier .section .subscribe-dh h2 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #shared_happifier .section .subscribe-dh form .privacy {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #shared_happifier .section .subscribe-dh form .privacy a {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #shared_happifier .section .subscribe-dh.subscribed .subscribed_fblike_title {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #shared_happifier .credits {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #shared_happifier .credits p {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #shared_happifier .get-dh .success_message {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #shared_happifier .get-dh form input[type=email] {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #shared_happifier .get-dh .privacy {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #shared_happifier .get-dh .privacy a {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #shared_happifier .privacy-sequence {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #shared_happifier .privacy-sequence a {
  color: #000000 !important;
}

html[data-wcag-enabled=true] .game_parent_frame .games_intro_main .games_intro_title {
  color: #000000 !important;
}

html[data-wcag-enabled=true] .game_parent_frame .games_intro_main .games_intro_title.blue {
  color: #000000 !important;
}

html[data-wcag-enabled=true] .game_parent_frame .games_intro_main .games_intro_title.green {
  color: #000000 !important;
}

html[data-wcag-enabled=true] .game_parent_frame .games_intro_main .games_intro_under .games_intro_under_left .notification p {
  color: #000000 !important;
}

html[data-wcag-enabled=true] .game_parent_frame .games_intro_main .games_intro_under .games_intro_under_left .games_intro_description,
html[data-wcag-enabled=true] .game_parent_frame .games_intro_main .games_intro_under .games_intro_under_left .games_intro_plus {
  color: #000000 !important;
}

html[data-wcag-enabled=true] .game_parent_frame .games_intro_main .games_intro_under .games_intro_under_left .games_intro_plus a.unlock {
  color: #000000 !important;
}

html[data-wcag-enabled=true] .game_parent_frame .games_intro_main .games_intro_under .games_intro_under_left .games_intro_btndiv .button {
  color: #000000 !important;
}

html[data-wcag-enabled=true] .game_parent_frame .games_intro_main .games_intro_under .games_intro_under_left .js-to-others {
  color: #000000 !important;
}

html[data-wcag-enabled=true] .game_parent_frame .games_intro_main .games_intro_under .games_intro_under_left .js-to-others .map-icon {
  background: url(/static/img/kindless_chain/icon_map_black.png) no-repeat transparent !important;
}

html[data-wcag-enabled=true] .games_intro_button {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #activity-game #welcome_screen h2 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #current_kc .kc_main ul.kc_nav li {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #current_kc .kc_main ul.kc_nav li.design {
  display: none;
}

html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen.message_screen .use_template {
  display: none !important;
}

html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .selector_container .title {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .selector_container form .error-container {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .selector_container form .button_kc.send {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .selector_container form .col.right .options input:checked + label {
  background: url('/static/img/kindless_chain/checkbox-active_black.png') no-repeat transparent !important;
  background-size: cover !important;
}

html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .selector_container form .col.right .options .tip-container {
  background: url('/static/img/stats/question_mark_1_black.png') no-repeat transparent !important;
  background-size: 14px 14px !important;
}

html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .selector_container form .col.right .options .tip-container .tip h3 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .selector_container form .col.right .options .tip-container .tip span {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .message_template textarea.freestyle {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .message_template.laugh.d0,
html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .message_template.inspire.d0,
html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .message_template.beautiful.d0,
html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .message_template.thoughtful.d0,
html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .message_template.important.d0,
html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .message_template.friend.d0,
html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .message_template.talented.d0 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .message_template.laugh.d0 .compliment_template .input_field.comma:after,
html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .message_template.inspire.d0 .compliment_template .input_field.comma:after,
html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .message_template.beautiful.d0 .compliment_template .input_field.comma:after,
html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .message_template.thoughtful.d0 .compliment_template .input_field.comma:after,
html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .message_template.important.d0 .compliment_template .input_field.comma:after,
html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .message_template.friend.d0 .compliment_template .input_field.comma:after,
html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .message_template.talented.d0 .compliment_template .input_field.comma:after {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .message_template.laugh.d1,
html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .message_template.inspire.d1,
html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .message_template.beautiful.d1,
html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .message_template.thoughtful.d1,
html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .message_template.important.d1,
html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .message_template.friend.d1,
html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .message_template.talented.d1 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .message_template.laugh.d1 .compliment_template .input_field.comma:after,
html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .message_template.inspire.d1 .compliment_template .input_field.comma:after,
html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .message_template.beautiful.d1 .compliment_template .input_field.comma:after,
html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .message_template.thoughtful.d1 .compliment_template .input_field.comma:after,
html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .message_template.important.d1 .compliment_template .input_field.comma:after,
html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .message_template.friend.d1 .compliment_template .input_field.comma:after,
html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .message_template.talented.d1 .compliment_template .input_field.comma:after {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .message_template.laugh.d2,
html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .message_template.inspire.d2,
html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .message_template.beautiful.d2,
html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .message_template.thoughtful.d2,
html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .message_template.important.d2,
html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .message_template.friend.d2,
html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .message_template.talented.d2 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .message_template.laugh.d2 .compliment_template .input_field.comma:after,
html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .message_template.inspire.d2 .compliment_template .input_field.comma:after,
html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .message_template.beautiful.d2 .compliment_template .input_field.comma:after,
html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .message_template.thoughtful.d2 .compliment_template .input_field.comma:after,
html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .message_template.important.d2 .compliment_template .input_field.comma:after,
html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .message_template.friend.d2 .compliment_template .input_field.comma:after,
html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .message_template.talented.d2 .compliment_template .input_field.comma:after {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .message_template.laugh.d3,
html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .message_template.inspire.d3,
html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .message_template.beautiful.d3,
html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .message_template.thoughtful.d3,
html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .message_template.important.d3,
html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .message_template.friend.d3,
html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .message_template.talented.d3 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .message_template.laugh.d3 .compliment_template .input_field.comma:after,
html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .message_template.inspire.d3 .compliment_template .input_field.comma:after,
html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .message_template.beautiful.d3 .compliment_template .input_field.comma:after,
html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .message_template.thoughtful.d3 .compliment_template .input_field.comma:after,
html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .message_template.important.d3 .compliment_template .input_field.comma:after,
html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .message_template.friend.d3 .compliment_template .input_field.comma:after,
html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .message_template.talented.d3 .compliment_template .input_field.comma:after {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .message_template.laugh.d4,
html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .message_template.inspire.d4,
html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .message_template.beautiful.d4,
html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .message_template.thoughtful.d4,
html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .message_template.important.d4,
html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .message_template.friend.d4,
html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .message_template.talented.d4 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .message_template.laugh.d4 .compliment_template .input_field.comma:after,
html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .message_template.inspire.d4 .compliment_template .input_field.comma:after,
html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .message_template.beautiful.d4 .compliment_template .input_field.comma:after,
html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .message_template.thoughtful.d4 .compliment_template .input_field.comma:after,
html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .message_template.important.d4 .compliment_template .input_field.comma:after,
html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .message_template.friend.d4 .compliment_template .input_field.comma:after,
html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .message_template.talented.d4 .compliment_template .input_field.comma:after {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .message_template.laugh.d6,
html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .message_template.inspire.d6,
html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .message_template.beautiful.d6,
html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .message_template.thoughtful.d6,
html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .message_template.important.d6,
html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .message_template.friend.d6,
html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .message_template.talented.d6 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .message_template.laugh.d6 .compliment_template .input_field.comma:after,
html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .message_template.inspire.d6 .compliment_template .input_field.comma:after,
html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .message_template.beautiful.d6 .compliment_template .input_field.comma:after,
html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .message_template.thoughtful.d6 .compliment_template .input_field.comma:after,
html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .message_template.important.d6 .compliment_template .input_field.comma:after,
html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .message_template.friend.d6 .compliment_template .input_field.comma:after,
html[data-wcag-enabled=true] #current_kc .kc_main .kc_screen .screen .message_template.talented.d6 .compliment_template .input_field.comma:after {
  color: #000000 !important;
}

html[data-wcag-enabled=true] .kc-modal-header span {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #happiness_assessment_first_result_modal h1.latest_score,
html[data-wcag-enabled=true] #happiness_assessment_result_modal h1.latest_score {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #happiness_assessment_first_result_modal .results .results-section .score_time,
html[data-wcag-enabled=true] #happiness_assessment_result_modal .results .results-section .score_time {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #happiness_assessment_first_result_modal .results .results-section .score_number,
html[data-wcag-enabled=true] #happiness_assessment_result_modal .results .results-section .score_number {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #happiness_assessment_first_result_modal .text-container .score_description,
html[data-wcag-enabled=true] #happiness_assessment_result_modal .text-container .score_description {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #happiness_assessment_first_result_modal .text-container .score-blurb,
html[data-wcag-enabled=true] #happiness_assessment_result_modal .text-container .score-blurb {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #happiness_assessment_first_result_modal .text-container.student .score_description,
html[data-wcag-enabled=true] #happiness_assessment_result_modal .text-container.student .score_description {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #happiness_assessment_first_result_modal .right_block,
html[data-wcag-enabled=true] #happiness_assessment_result_modal .right_block {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #happiness_assessment_first_result_modal .stats-promo h2,
html[data-wcag-enabled=true] #happiness_assessment_result_modal .stats-promo h2 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #happiness_assessment_result_modal .result.stats-link,
html[data-wcag-enabled=true] #happiness_assessment_first_result_modal .result.stats-link {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #happiness_assessment_result_modal .nav .result.close-modal,
html[data-wcag-enabled=true] #happiness_assessment_first_result_modal .nav .result.close-modal {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #happiness_assessment_result_modal .nav .close-modal,
html[data-wcag-enabled=true] #happiness_assessment_first_result_modal .nav .close-modal {
  color: #000000 !important;
}

html[data-wcag-enabled=true] header.banner.TopBar [role="navigation"] a.on .section-text,
html[data-wcag-enabled=true] header.banner.TopBar [role="navigation"] a:hover .section-text {
  border-bottom: 2px solid #000000 !important;
}

html[data-wcag-enabled=true] header.banner.TopBar .nav .sidenav-toggle {
  background: url('/static/img/icons/burger-menu/Generic_black.svg') no-repeat center;
  background-size: 100%;
}

html[data-wcag-enabled=true] header.banner.TopBar .nav .sidenav-toggle.js-open-nav.active {
  background: url('/static/img/icons/burger-menu/burger-close_black.png') no-repeat center;
}

@media (forced-colors: active) and (prefers-color-scheme: dark) {
  html[data-wcag-enabled=true] header.banner.TopBar .nav .sidenav-toggle.js-open-nav.active {
    background: url('/static/img/icons/burger-menu/burger-close.png') no-repeat center;
  }
}

@media (forced-colors: active) and (prefers-color-scheme: dark) {
  html[data-wcag-enabled=true] header.banner.TopBar .nav .sidenav-toggle {
    background: url('/static/img/icons/burger-menu/Generic.svg') no-repeat center;
  }
}

html[data-wcag-enabled=true] header.banner.TopBar > aside .user-details:after {
  border-color: #000000 transparent transparent transparent !important;
}

html[data-wcag-enabled=true] header.banner.TopBar > aside .subnav-toggle:not(#userMenu):after {
  border-top: 2px solid #000000 !important;
  border-right: 2px solid #000000 !important;
}

html[data-wcag-enabled=true] header.banner.TopBar > aside .subnav-toggle#userMenu:after {
  border-color: #000 transparent transparent transparent !important;
}

html[data-wcag-enabled=true][lang=de] header.banner.TopBar .nav .sidenav-toggle {
  background: url('/static/img/icons/burger-menu/German_black.svg') no-repeat center;
  background-size: 100%;
}

html[data-wcag-enabled=true][lang=es] header.banner.TopBar .nav .sidenav-toggle {
  background: url('/static/img/icons/burger-menu/Spanish_black.svg') no-repeat center;
  background-size: 100%;
}

html[data-wcag-enabled=true][lang=ja] header.banner.TopBar .nav .sidenav-toggle {
  background: url('/static/img/icons/burger-menu/Japanese_black.svg') no-repeat center;
  background-size: 100%;
}

html[data-wcag-enabled=true][lang=zh] header.banner.TopBar .nav .sidenav-toggle {
  background: url('/static/img/icons/burger-menu/Chinese_black.svg') no-repeat center;
  background-size: 100%;
}

html[data-wcag-enabled=true] #help_tip #help_panel #help_content .tip_panel {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #help_tip #help_panel .tip_close_button {
  background-image: url(/static/img/close_black.png) !important;
  background-color: transparent !important;
  background-repeat: no-repeat !important;
  background-size: 100% !important;
  background-position: center !important;
}

html[data-wcag-enabled=true] .hp_content #home-carousel .cc > button.active {
  background: #000000 !important;
}

html[data-wcag-enabled=true] .hp_content #home-carousel #carousel-inner .carousel-slide .track-card-featured header h2 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] .hp_content #medals_tab h3 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] .hp_content #posts_tab .content h2 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] .hp_content #posts_tab .content .filter button {
  color: #000000 !important;
}

html[data-wcag-enabled=true] .hp_content #posts_tab .content .post .post-preview-more {
  color: #000000 !important;
}

html[data-wcag-enabled=true] .hp_content #posts_tab .content .post .meta time {
  color: #000000 !important;
}

html[data-wcag-enabled=true] .hp_content #posts_tab .content .post .comment-like button {
  color: #000000 !important;
}

html[data-wcag-enabled=true] .hp_content #posts_tab .content #profile_track_posts .head h1 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] .image_carousel .tab-cont .tabrow li [data-toggle="tab"]:focus {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  outline: 4px black solid;
  outline-offset: -6px;
}

html[data-wcag-enabled=true] #image_picker #modalTitle,
html[data-wcag-enabled=true] #image_picker #upload_images #btn_choose_file {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #image_picker #happify_images div.hip_scroll_button.prev:after {
  border-right-color: #000000 !important;
}

html[data-wcag-enabled=true] #image_picker #happify_images div.hip_scroll_button.next:after {
  border-left-color: #000000 !important;
}

html[data-wcag-enabled=true] #image_picker #happify_images div.hip_content_pbar > div > ul > li > button.selected {
  background: #000000 !important;
  border-radius: 50%;
}

html[data-wcag-enabled=true] #intro-slides-modal #intro-slides .slide-header > * {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #intro-slides-modal #intro-slides .next {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #intro-slides-modal #intro-slides .header-nav > li:not(.active) {
  -webkit-box-shadow: 0 0 0 2px #ff7a00, 0 0 0 4px #000000 !important;
  box-shadow: 0 0 0 2px #ff7a00, 0 0 0 4px #000000 !important;
  background: #000000 !important;
}

html[data-wcag-enabled=true] #intro-slides-modal #intro-slides .header-nav > li:not(.active)::before {
  background: #000000 !important;
}

html[data-wcag-enabled=true] #intro-slides-modal #intro-slides .header-nav > li.active {
  background: #000000 !important;
}

html[data-wcag-enabled=true] #intro-slides-modal #intro-slides .block-list > li {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #intro-slides-modal #intro-slides .block-list > li > p {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #intro-slides-modal #intro-slides .info-list .number {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #intro-slides-modal #intro-slides .info-list .period {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #intro-slides-modal #intro-slides .first-activities .activities .activity a {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #intro-slides-modal #intro-slides .chart .chart_cont .chart_left p {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #intro-slides-modal #intro-slides .chart .chart_cont .chart_right .chart_number_wrap .chart_number span {
  color: #c6c5c4;
}

html[data-wcag-enabled=true] #intro-slides-modal #intro-slides .chart .chart_cont .chart_right .chart_text p {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #intro-slides-modal .back,
html[data-wcag-enabled=true] #intro-slides-modal .forward,
html[data-wcag-enabled=true] #intro-slides-modal .finish {
  opacity: 1 !important;
}

html[data-wcag-enabled=true] #intro-slides-modal .intro-slides-arrow-forward {
  background: url(/static/img/track_presentation/track_presentation_nav_black.png) no-repeat top left;
  background-position: 0 -177px;
}

html[data-wcag-enabled=true] #intro-slides-modal .intro-slides-arrow-back {
  background: url(/static/img/track_presentation/track_presentation_nav_black.png) no-repeat top left;
  background-position: 0 0;
}

html[data-wcag-enabled=true] #intro-slides-modal .intro-slides-arrow-finish {
  background: url(/static/img/track_presentation/track_presentation_nav_black.png) no-repeat top left;
  background-position: 0 -81px;
}

html[data-wcag-enabled=true] #kindness-chain-map .activity_header .activity_name,
html[data-wcag-enabled=true] #public_home #kindness-chain-map .activity_header .activity_name {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #kindness-chain-map .activity_header.kc .activity_name,
html[data-wcag-enabled=true] #public_home #kindness-chain-map .activity_header.kc .activity_name {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #kindness-chain-map .grid-unit.cta span,
html[data-wcag-enabled=true] #public_home #kindness-chain-map .grid-unit.cta span,
html[data-wcag-enabled=true] #kindness-chain-map .grid-unit.cta button,
html[data-wcag-enabled=true] #public_home #kindness-chain-map .grid-unit.cta button {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #kindness-chain-map .grid-unit.rail .map-nav li a,
html[data-wcag-enabled=true] #public_home #kindness-chain-map .grid-unit.rail .map-nav li a,
html[data-wcag-enabled=true] #kindness-chain-map .grid-unit.rail .map-nav li button,
html[data-wcag-enabled=true] #public_home #kindness-chain-map .grid-unit.rail .map-nav li button {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #kindness-chain-map .grid-unit.rail .map_stats,
html[data-wcag-enabled=true] #public_home #kindness-chain-map .grid-unit.rail .map_stats {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #kindness-chain-map .compliment_map_card .user_data .user,
html[data-wcag-enabled=true] #public_home #kindness-chain-map .compliment_map_card .user_data .user {
  color: #000000 !important;
}

html[data-wcag-enabled=true] .landing-p .landing-carousel blockquote,
html[data-wcag-enabled=true] .landing-p .landing-carousel h2,
html[data-wcag-enabled=true] .landing-p .landing-carousel h3 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #public_home #legal div.terms,
html[data-wcag-enabled=true] #public_home #legal .terms-item,
html[data-wcag-enabled=true] #public_home #legal p:not(.title) {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #login label {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #login .btn-facebook,
html[data-wcag-enabled=true] #login span.btn-apple-text {
  color: #fff !important;
}

html[data-wcag-enabled=true] #login .middle_text {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #settings .language_selector #language-selector-container #lng_selector #lang-select button .name,
html[data-wcag-enabled=true] #public_home .js-lng_container #lng_selector #lang-select button .name,
html[data-wcag-enabled=true] .landing-p .js-lng_container #lng_selector #lang-select button .name {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #settings .language_selector #language-selector-container #lng_selector #lang-select ul[role=listbox] li[role=option] .name,
html[data-wcag-enabled=true] #public_home .js-lng_container #lng_selector #lang-select ul[role=listbox] li[role=option] .name,
html[data-wcag-enabled=true] .landing-p .js-lng_container #lng_selector #lang-select ul[role=listbox] li[role=option] .name {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #medals_info_block .promo h3 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #medals_info_block .promo p {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #medals_info_block .promo p .blue {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #medals_info_block .promo p.gray {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #medals_info_block .counters span {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #meditation_activity_main .audio_player .favorites .checkbox.checked {
  background: url('/static/img/activities/med_activity/active_black.png') no-repeat transparent !important;
  background-size: cover !important;
}

html[data-wcag-enabled=true] #meditation_activity_main .audio_player .card .card-inner .name {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #meditation_activity_tips #cats-select:after {
  border-color: #000000 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}

html[data-wcag-enabled=true] #meditation_activity_main h2,
html[data-wcag-enabled=true] #meditation_activity_tips h2 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #notifications .dismiss-all {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #notifications .notification-text .notification-time {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #consest-modal .button-close,
html[data-wcag-enabled=true] #watson-assessment-modal .button-close,
html[data-wcag-enabled=true] #compass_modal .button-close,
html[data-wcag-enabled=true] .overlay .button-close,
html[data-wcag-enabled=true] #happify_quiz_modal .button-close,
html[data-wcag-enabled=true] #consest-modal .close,
html[data-wcag-enabled=true] #watson-assessment-modal .close,
html[data-wcag-enabled=true] #compass_modal .close,
html[data-wcag-enabled=true] .overlay .close,
html[data-wcag-enabled=true] #happify_quiz_modal .close,
html[data-wcag-enabled=true] #consest-modal .close-quiz,
html[data-wcag-enabled=true] #watson-assessment-modal .close-quiz,
html[data-wcag-enabled=true] #compass_modal .close-quiz,
html[data-wcag-enabled=true] .overlay .close-quiz,
html[data-wcag-enabled=true] #happify_quiz_modal .close-quiz {
  background: url("/static/img/strengths/button_close_black.png") !important;
}

html[data-wcag-enabled=true] #consest-modal .answer.checked .answer-circle,
html[data-wcag-enabled=true] #watson-assessment-modal .answer.checked .answer-circle,
html[data-wcag-enabled=true] #compass_modal .answer.checked .answer-circle,
html[data-wcag-enabled=true] .overlay .answer.checked .answer-circle,
html[data-wcag-enabled=true] #happify_quiz_modal .answer.checked .answer-circle {
  background: url(/static/img/strengths/answer_mousedown_black.png) no-repeat transparent !important;
  background-size: 67px 67px;
}

html[data-wcag-enabled=true] #consest-modal .answer-circle:hover,
html[data-wcag-enabled=true] #watson-assessment-modal .answer-circle:hover,
html[data-wcag-enabled=true] #compass_modal .answer-circle:hover,
html[data-wcag-enabled=true] .overlay .answer-circle:hover,
html[data-wcag-enabled=true] #happify_quiz_modal .answer-circle:hover {
  background: url(/static/img/strengths/answer_hover_black.png) !important;
  background-size: 67px 67px;
}

html[data-wcag-enabled=true] #consest-modal .answer-circle:active,
html[data-wcag-enabled=true] #watson-assessment-modal .answer-circle:active,
html[data-wcag-enabled=true] #compass_modal .answer-circle:active,
html[data-wcag-enabled=true] .overlay .answer-circle:active,
html[data-wcag-enabled=true] #happify_quiz_modal .answer-circle:active {
  background: url("/static/img/strengths/answer_mousedown_black.png") !important;
  background-size: 67px 67px;
}

html[data-wcag-enabled=true] #consest-modal .answer-circle.selected,
html[data-wcag-enabled=true] #watson-assessment-modal .answer-circle.selected,
html[data-wcag-enabled=true] #compass_modal .answer-circle.selected,
html[data-wcag-enabled=true] .overlay .answer-circle.selected,
html[data-wcag-enabled=true] #happify_quiz_modal .answer-circle.selected {
  background: url(/static/img/strengths/answer_mousedown_black.png) no-repeat transparent !important;
  background-size: 67px 67px;
}

html[data-wcag-enabled=true] #consest-modal .choise:hover .answer-circle,
html[data-wcag-enabled=true] #watson-assessment-modal .choise:hover .answer-circle,
html[data-wcag-enabled=true] #compass_modal .choise:hover .answer-circle,
html[data-wcag-enabled=true] .overlay .choise:hover .answer-circle,
html[data-wcag-enabled=true] #happify_quiz_modal .choise:hover .answer-circle {
  background: url(/static/img/strengths/answer_hover_black.png) !important;
  background-size: 67px 67px;
}

html[data-wcag-enabled=true] #consest-modal .choise:active .answer-circle,
html[data-wcag-enabled=true] #watson-assessment-modal .choise:active .answer-circle,
html[data-wcag-enabled=true] #compass_modal .choise:active .answer-circle,
html[data-wcag-enabled=true] .overlay .choise:active .answer-circle,
html[data-wcag-enabled=true] #happify_quiz_modal .choise:active .answer-circle {
  background: url("/static/img/strengths/answer_mousedown_black.png") !important;
  background-size: 67px 67px;
}

html[data-wcag-enabled=true] #consest-modal .choise.selected .answer-circle,
html[data-wcag-enabled=true] #watson-assessment-modal .choise.selected .answer-circle,
html[data-wcag-enabled=true] #compass_modal .choise.selected .answer-circle,
html[data-wcag-enabled=true] .overlay .choise.selected .answer-circle,
html[data-wcag-enabled=true] #happify_quiz_modal .choise.selected .answer-circle {
  background: url(/static/img/strengths/answer_mousedown_black.png) no-repeat transparent !important;
  background-size: 67px 67px;
}

html[data-wcag-enabled=true] #consest-modal .btn-retake,
html[data-wcag-enabled=true] #watson-assessment-modal .btn-retake,
html[data-wcag-enabled=true] #compass_modal .btn-retake,
html[data-wcag-enabled=true] .overlay .btn-retake,
html[data-wcag-enabled=true] #happify_quiz_modal .btn-retake {
  background: url(/static/img/assessment/btn_retake_black.png) !important;
  background-size: cover !important;
}

html[data-wcag-enabled=true] #consest-modal .arrow-prev,
html[data-wcag-enabled=true] #watson-assessment-modal .arrow-prev,
html[data-wcag-enabled=true] #compass_modal .arrow-prev,
html[data-wcag-enabled=true] .overlay .arrow-prev,
html[data-wcag-enabled=true] #happify_quiz_modal .arrow-prev {
  background: url(/static/img/strengths/arrow_back_black.png) no-repeat 50% !important;
}

html[data-wcag-enabled=true] #consest-modal .arrow-next,
html[data-wcag-enabled=true] #watson-assessment-modal .arrow-next,
html[data-wcag-enabled=true] #compass_modal .arrow-next,
html[data-wcag-enabled=true] .overlay .arrow-next,
html[data-wcag-enabled=true] #happify_quiz_modal .arrow-next {
  background: url(/static/img/strengths/arrow_forward_black.png) no-repeat 50% !important;
}

html[data-wcag-enabled=true] #consest-modal .intro_slide h2,
html[data-wcag-enabled=true] #watson-assessment-modal .intro_slide h2,
html[data-wcag-enabled=true] #compass_modal .intro_slide h2,
html[data-wcag-enabled=true] .overlay .intro_slide h2,
html[data-wcag-enabled=true] #happify_quiz_modal .intro_slide h2 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] .popover .popover-inner .popover-title {
  color: #000000 !important;
}

html[data-wcag-enabled=true] .popover .popover-inner .popover-content {
  color: #000000 !important;
}

html[data-wcag-enabled=true] .popover .popover-inner .popover-bottom .instruction {
  color: #000000 !important;
}

html[data-wcag-enabled=true] .popover .popover-inner .popover-bottom button.previous,
html[data-wcag-enabled=true] .popover .popover-inner .popover-bottom button.next,
html[data-wcag-enabled=true] .popover .popover-inner .popover-bottom button.done {
  color: #000000 !important;
}

html[data-wcag-enabled=true] .popover header,
html[data-wcag-enabled=true] .popover .header {
  color: #000000 !important;
}

html[data-wcag-enabled=true] .popover .content {
  color: #000000 !important;
}

html[data-wcag-enabled=true] .popover button {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #profile .current .title {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #profile [data-view=ProfileCard] .score {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #profile [data-view=ProfileCard] .col-right .name {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #profile [data-view=ProfileCard] .col-right .medals .count {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #profile [data-view=MasonryPosts] h2 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #profile [data-view=MasonryPosts] .post .meta time {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #profile [data-view=MasonryPosts] .post .post-preview-more {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #profile .view-filter button {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #profile #skill_stats .value .data .sequence {
  color: #000000 !important;
}

html[data-wcag-enabled=true] .profile-stats .savor,
html[data-wcag-enabled=true] .profile-stats .SA {
  color: #000000 !important;
}

html[data-wcag-enabled=true] .profile-stats .thank,
html[data-wcag-enabled=true] .profile-stats .TH {
  color: #000000 !important;
}

html[data-wcag-enabled=true] .profile-stats .aspire,
html[data-wcag-enabled=true] .profile-stats .AS {
  color: #000000 !important;
}

html[data-wcag-enabled=true] .profile-stats .give,
html[data-wcag-enabled=true] .profile-stats .GI {
  color: #000000 !important;
}

html[data-wcag-enabled=true] .profile-stats .empathize,
html[data-wcag-enabled=true] .profile-stats .EM {
  color: #000000 !important;
}

html[data-wcag-enabled=true] .profile-stats .other,
html[data-wcag-enabled=true] .profile-stats .OT {
  color: #000000 !important;
}

html[data-wcag-enabled=true] .profile-stats .chart-header p span {
  color: #000000 !important;
}

html[data-wcag-enabled=true] .profile-stats .chart-header .line-selection #overall-happiness + label {
  color: #000000 !important;
}

html[data-wcag-enabled=true] .profile-stats .chart-header .line-selection #positive-emotion + label {
  color: #000000 !important;
}

html[data-wcag-enabled=true] .profile-stats .chart-header .line-selection #life-satisfaction + label {
  color: #000000 !important;
}

html[data-wcag-enabled=true] .profile-stats .svg-container .yAxis text {
  fill: #000000 !important;
}

html[data-wcag-enabled=true] .ac-bar-orange {
  fill: #000000 !important;
}

html[data-wcag-enabled=true] .ac-bar-orange.faded {
  fill: #000000 !important;
}

html[data-wcag-enabled=true] .ac-bar-green {
  fill: #000000 !important;
}

html[data-wcag-enabled=true] .ac-bar-green.faded {
  fill: #000000 !important;
}

html[data-wcag-enabled=true] .ac-bar-orange_em {
  fill: #000000 !important;
}

html[data-wcag-enabled=true] .ac-bar-green_em {
  fill: #000000 !important;
}

html[data-wcag-enabled=true] #chartPopover p.dark {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #chartPopover .score-box {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #stats_index .SA,
html[data-wcag-enabled=true] #stats_activity .SA,
html[data-wcag-enabled=true] #stats_compare .SA {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #stats_index .TH,
html[data-wcag-enabled=true] #stats_activity .TH,
html[data-wcag-enabled=true] #stats_compare .TH {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #stats_index .AS,
html[data-wcag-enabled=true] #stats_activity .AS,
html[data-wcag-enabled=true] #stats_compare .AS {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #stats_index .GI,
html[data-wcag-enabled=true] #stats_activity .GI,
html[data-wcag-enabled=true] #stats_compare .GI {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #stats_index .EM,
html[data-wcag-enabled=true] #stats_activity .EM,
html[data-wcag-enabled=true] #stats_compare .EM {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #stats_index .OT,
html[data-wcag-enabled=true] #stats_activity .OT,
html[data-wcag-enabled=true] #stats_compare .OT {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #stats_index .RE,
html[data-wcag-enabled=true] #stats_activity .RE,
html[data-wcag-enabled=true] #stats_compare .RE {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #stats_index .chart-popover-inner h2,
html[data-wcag-enabled=true] #stats_activity .chart-popover-inner h2,
html[data-wcag-enabled=true] #stats_compare .chart-popover-inner h2 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #stats_index .chart-header h2,
html[data-wcag-enabled=true] #stats_activity .chart-header h2,
html[data-wcag-enabled=true] #stats_compare .chart-header h2 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #stats_index .chart-header p span,
html[data-wcag-enabled=true] #stats_activity .chart-header p span,
html[data-wcag-enabled=true] #stats_compare .chart-header p span {
  color: #000000 !important;
}

@media (prefers-color-scheme: dark) and (forced-colors: active) {
  html[data-wcag-enabled=true] #stats_index .chart-header img,
  html[data-wcag-enabled=true] #stats_activity .chart-header img,
  html[data-wcag-enabled=true] #stats_compare .chart-header img {
    content: url(/static/img/stats/icon_happiness.png);
  }
}

html[data-wcag-enabled=true] #stats_index .chart_select_menu li input:checked + label:before,
html[data-wcag-enabled=true] #stats_activity .chart_select_menu li input:checked + label:before,
html[data-wcag-enabled=true] #stats_compare .chart_select_menu li input:checked + label:before {
  background: url(/static/img/stats/dot_black.png) no-repeat !important;
  background-size: 14px 14px !important;
}

html[data-wcag-enabled=true] #stats_index .chart_select_menu li label,
html[data-wcag-enabled=true] #stats_activity .chart_select_menu li label,
html[data-wcag-enabled=true] #stats_compare .chart_select_menu li label {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #stats_index .chart_select_menu li label:before,
html[data-wcag-enabled=true] #stats_activity .chart_select_menu li label:before,
html[data-wcag-enabled=true] #stats_compare .chart_select_menu li label:before {
  background: url(/static/img/stats/dot_empty_black.png) no-repeat !important;
  background-size: 14px 14px !important;
}

html[data-wcag-enabled=true] #stats_index span.question_tooltip h3,
html[data-wcag-enabled=true] #stats_activity span.question_tooltip h3,
html[data-wcag-enabled=true] #stats_compare span.question_tooltip h3,
html[data-wcag-enabled=true] #stats_index span.compare_tooltip h3,
html[data-wcag-enabled=true] #stats_activity span.compare_tooltip h3,
html[data-wcag-enabled=true] #stats_compare span.compare_tooltip h3 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #stats_index span.question_tooltip p,
html[data-wcag-enabled=true] #stats_activity span.question_tooltip p,
html[data-wcag-enabled=true] #stats_compare span.question_tooltip p,
html[data-wcag-enabled=true] #stats_index span.compare_tooltip p,
html[data-wcag-enabled=true] #stats_activity span.compare_tooltip p,
html[data-wcag-enabled=true] #stats_compare span.compare_tooltip p {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #stats_index .gold h3.TH,
html[data-wcag-enabled=true] #stats_activity .gold h3.TH,
html[data-wcag-enabled=true] #stats_compare .gold h3.TH,
html[data-wcag-enabled=true] #stats_index .silver h3.TH,
html[data-wcag-enabled=true] #stats_activity .silver h3.TH,
html[data-wcag-enabled=true] #stats_compare .silver h3.TH {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #stats_index .gold h3.GIVE,
html[data-wcag-enabled=true] #stats_activity .gold h3.GIVE,
html[data-wcag-enabled=true] #stats_compare .gold h3.GIVE,
html[data-wcag-enabled=true] #stats_index .silver h3.GIVE,
html[data-wcag-enabled=true] #stats_activity .silver h3.GIVE,
html[data-wcag-enabled=true] #stats_compare .silver h3.GIVE {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #stats_index .gold h3.OT,
html[data-wcag-enabled=true] #stats_activity .gold h3.OT,
html[data-wcag-enabled=true] #stats_compare .gold h3.OT,
html[data-wcag-enabled=true] #stats_index .silver h3.OT,
html[data-wcag-enabled=true] #stats_activity .silver h3.OT,
html[data-wcag-enabled=true] #stats_compare .silver h3.OT {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #stats_index .spinner_container p,
html[data-wcag-enabled=true] #stats_activity .spinner_container p,
html[data-wcag-enabled=true] #stats_compare .spinner_container p {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #stats_index .question,
html[data-wcag-enabled=true] #stats_activity .question,
html[data-wcag-enabled=true] #stats_compare .question {
  background: url(/static/img/stats/question_mark_1_black.png) no-repeat !important;
  background-size: 14px 14px !important;
  background-position: center !important;
  opacity: 1 !important;
}

html[data-wcag-enabled=true] #stats_index .circle-similar,
html[data-wcag-enabled=true] #stats_activity .circle-similar,
html[data-wcag-enabled=true] #stats_compare .circle-similar {
  background: url(/static/img/stats/dot2_black.png) no-repeat !important;
  background-size: 14px 14px !important;
}

html[data-wcag-enabled=true] #stats_index .circle-personal,
html[data-wcag-enabled=true] #stats_activity .circle-personal,
html[data-wcag-enabled=true] #stats_compare .circle-personal {
  background: url(/static/img/stats/dot1_black.png) no-repeat !important;
  background-size: 14px 14px !important;
}

@media (prefers-color-scheme: dark) and (forced-colors: active) {
  html[data-wcag-enabled=true] #stats_index .parent_chart .chart_arrow.right img,
  html[data-wcag-enabled=true] #stats_activity .parent_chart .chart_arrow.right img,
  html[data-wcag-enabled=true] #stats_compare .parent_chart .chart_arrow.right img {
    content: url(/static/img/stats/arrow_right.png);
  }
}

@media (prefers-color-scheme: dark) and (forced-colors: active) {
  html[data-wcag-enabled=true] #stats_index .parent_chart .chart_arrow.left img,
  html[data-wcag-enabled=true] #stats_activity .parent_chart .chart_arrow.left img,
  html[data-wcag-enabled=true] #stats_compare .parent_chart .chart_arrow.left img {
    content: url(/static/img/stats/arrow_left.png);
  }
}

@media (prefers-color-scheme: dark) and (forced-colors: active) {
  html[data-wcag-enabled=true] #stats_index .parent_chart svg text,
  html[data-wcag-enabled=true] #stats_activity .parent_chart svg text,
  html[data-wcag-enabled=true] #stats_compare .parent_chart svg text {
    fill: #fff;
  }
}

html[data-wcag-enabled=true] .chart_details h3 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] .chart_details p {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #profile-strengths-results h2 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #profile-strengths-results h2:before {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #profile-strengths-results .close-link {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #profile-strengths-results .btn-unlock {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #profile-strengths-results .close {
  background: url(/static/img/strengths/button_close_black.png);
  background-repeat: no-repeat;
}

html[data-wcag-enabled=true] #profile-strengths-results .strengths-carousel.result .carousel-btn.forward {
  background: url(/static/img/strengths/arrow_forward_result_black.png);
  background-repeat: no-repeat;
}

html[data-wcag-enabled=true] #profile-strengths-results .strengths-carousel.result .carousel-btn.forward:hover {
  background: url(/static/img/strengths/arrow_forward_result_black.png);
  background-repeat: no-repeat;
}

html[data-wcag-enabled=true] #profile-strengths-results .strengths-carousel.result .carousel-btn.back {
  background: url(/static/img/strengths/arrow_back_result_black.png);
  background-repeat: no-repeat;
}

html[data-wcag-enabled=true] #profile-strengths-results .strengths-carousel.result .carousel-btn.back:hover {
  background: url(/static/img/strengths/arrow_back_result_black.png);
  background-repeat: no-repeat;
}

html[data-wcag-enabled=true] #profile-strengths-assessment .btn-continue {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #profile-strengths-assessment .close {
  background: url(/static/img/strengths/button_close_black.png);
  background-repeat: no-repeat;
}

html[data-wcag-enabled=true] #profile-strengths-assessment .strengths-carousel .carousel-btn.back {
  background: url(/static/img/strengths/arrow_back_black.png);
  background-repeat: no-repeat;
}

html[data-wcag-enabled=true] #profile-strengths-assessment .strengths-carousel .carousel-btn.forward {
  background: url(/static/img/strengths/arrow_forward_black.png);
  background-repeat: no-repeat;
}

html[data-wcag-enabled=true] #profile-strengths-assessment .answer-circle:hover {
  background: url(/static/img/strengths/answer_hover_black.png);
  background-size: 67px 67px;
}

html[data-wcag-enabled=true] #profile-strengths-assessment .answer-circle:active {
  background: url('/static/img/strengths/answer_mousedown_black.png');
  background-size: 67px 67px;
}

html[data-wcag-enabled=true] #profile-strengths-assessment .answer.checked .answer-circle {
  background: url('/static/img/strengths/answer_mousedown_black.png');
  background-size: 67px 67px;
}

html[data-wcag-enabled=true] #profile-strengths-assessment .progress-label {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #profile-strengths-assessment-intro button.btn-start {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #profile-strengths-assessment-intro hgroup h1,
html[data-wcag-enabled=true] #profile-strengths-assessment-intro hgroup h2 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #profile-strengths-assessment-intro .close {
  background: url(/static/img/strengths/button_close_black.png);
  background-repeat: no-repeat;
}

@media (prefers-color-scheme: dark) and (forced-colors: active) {
  html[data-wcag-enabled=true] #profile-strengths .section-header .key {
    background: url(/static/img/icon-key.png) no-repeat;
  }
}

html[data-wcag-enabled=true] #multiple_question_quiz .question_section .question_header .activ_name,
html[data-wcag-enabled=true] #multiple_question_quiz_post .question_section .question_header .activ_name,
html[data-wcag-enabled=true] #activity_quiz .question_section .question_header .activ_name,
html[data-wcag-enabled=true] #poll_quiz_question .question_section .question_header .activ_name {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #multiple_question_quiz .question_section .question_body_container .question_body,
html[data-wcag-enabled=true] #multiple_question_quiz_post .question_section .question_body_container .question_body,
html[data-wcag-enabled=true] #activity_quiz .question_section .question_body_container .question_body,
html[data-wcag-enabled=true] #poll_quiz_question .question_section .question_body_container .question_body {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #multiple_question_quiz .question_section .question_body_container .question_body .poll_row .poll_list li .answer,
html[data-wcag-enabled=true] #multiple_question_quiz_post .question_section .question_body_container .question_body .poll_row .poll_list li .answer,
html[data-wcag-enabled=true] #activity_quiz .question_section .question_body_container .question_body .poll_row .poll_list li .answer,
html[data-wcag-enabled=true] #poll_quiz_question .question_section .question_body_container .question_body .poll_row .poll_list li .answer {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #multiple_question_quiz .question_section .question_body_container .question_body .preamble,
html[data-wcag-enabled=true] #multiple_question_quiz_post .question_section .question_body_container .question_body .preamble,
html[data-wcag-enabled=true] #activity_quiz .question_section .question_body_container .question_body .preamble,
html[data-wcag-enabled=true] #poll_quiz_question .question_section .question_body_container .question_body .preamble {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #multiple_question_quiz .question_section .question_body_container .question_body .body_row .body_row_text button,
html[data-wcag-enabled=true] #multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .body_row_text button,
html[data-wcag-enabled=true] #activity_quiz .question_section .question_body_container .question_body .body_row .body_row_text button,
html[data-wcag-enabled=true] #poll_quiz_question .question_section .question_body_container .question_body .body_row .body_row_text button {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #multiple_question_quiz .question_section .question_body_container .question_body .body_row .ppoll_page_graph,
html[data-wcag-enabled=true] #multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .ppoll_page_graph,
html[data-wcag-enabled=true] #activity_quiz .question_section .question_body_container .question_body .body_row .ppoll_page_graph,
html[data-wcag-enabled=true] #poll_quiz_question .question_section .question_body_container .question_body .body_row .ppoll_page_graph {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #multiple_question_quiz .question_section .question_body_container .question_body .body_row .ppoll_page_graph .graph_item .graph_value_answer_hidden,
html[data-wcag-enabled=true] #multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .ppoll_page_graph .graph_item .graph_value_answer_hidden,
html[data-wcag-enabled=true] #activity_quiz .question_section .question_body_container .question_body .body_row .ppoll_page_graph .graph_item .graph_value_answer_hidden,
html[data-wcag-enabled=true] #poll_quiz_question .question_section .question_body_container .question_body .body_row .ppoll_page_graph .graph_item .graph_value_answer_hidden {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #multiple_question_quiz .question_section .question_body_container .question_body .body_row .ppoll_page_graph .graph_item .graph_value_answer,
html[data-wcag-enabled=true] #multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .ppoll_page_graph .graph_item .graph_value_answer,
html[data-wcag-enabled=true] #activity_quiz .question_section .question_body_container .question_body .body_row .ppoll_page_graph .graph_item .graph_value_answer,
html[data-wcag-enabled=true] #poll_quiz_question .question_section .question_body_container .question_body .body_row .ppoll_page_graph .graph_item .graph_value_answer {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #multiple_question_quiz .question_section .question_body_container .question_body .body_row .ppoll_page_graph .graph_item .graph_value_pers,
html[data-wcag-enabled=true] #multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .ppoll_page_graph .graph_item .graph_value_pers,
html[data-wcag-enabled=true] #activity_quiz .question_section .question_body_container .question_body .body_row .ppoll_page_graph .graph_item .graph_value_pers,
html[data-wcag-enabled=true] #poll_quiz_question .question_section .question_body_container .question_body .body_row .ppoll_page_graph .graph_item .graph_value_pers {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #multiple_question_quiz .question_section .question_body_container .question_body .body_row .creator_wrap .nick .nick_link,
html[data-wcag-enabled=true] #multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .creator_wrap .nick .nick_link,
html[data-wcag-enabled=true] #activity_quiz .question_section .question_body_container .question_body .body_row .creator_wrap .nick .nick_link,
html[data-wcag-enabled=true] #poll_quiz_question .question_section .question_body_container .question_body .body_row .creator_wrap .nick .nick_link {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #multiple_question_quiz .question_section .question_body_container .question_body .body_row .creator_wrap .nick .date-completed,
html[data-wcag-enabled=true] #multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .creator_wrap .nick .date-completed,
html[data-wcag-enabled=true] #activity_quiz .question_section .question_body_container .question_body .body_row .creator_wrap .nick .date-completed,
html[data-wcag-enabled=true] #poll_quiz_question .question_section .question_body_container .question_body .body_row .creator_wrap .nick .date-completed {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #multiple_question_quiz .question_section .question_body_container .question_body .body_row .my-score h3.descr,
html[data-wcag-enabled=true] #multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .my-score h3.descr,
html[data-wcag-enabled=true] #activity_quiz .question_section .question_body_container .question_body .body_row .my-score h3.descr,
html[data-wcag-enabled=true] #poll_quiz_question .question_section .question_body_container .question_body .body_row .my-score h3.descr {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #multiple_question_quiz .question_section .question_body_container .question_body .body_row .my-score p.my,
html[data-wcag-enabled=true] #multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .my-score p.my,
html[data-wcag-enabled=true] #activity_quiz .question_section .question_body_container .question_body .body_row .my-score p.my,
html[data-wcag-enabled=true] #poll_quiz_question .question_section .question_body_container .question_body .body_row .my-score p.my {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #multiple_question_quiz .question_section .question_body_container .question_body .body_row .my-score p.descr,
html[data-wcag-enabled=true] #multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .my-score p.descr,
html[data-wcag-enabled=true] #activity_quiz .question_section .question_body_container .question_body .body_row .my-score p.descr,
html[data-wcag-enabled=true] #poll_quiz_question .question_section .question_body_container .question_body .body_row .my-score p.descr {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #multiple_question_quiz .question_section .question_body_container .question_body .body_row .my-score p.average,
html[data-wcag-enabled=true] #multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .my-score p.average,
html[data-wcag-enabled=true] #activity_quiz .question_section .question_body_container .question_body .body_row .my-score p.average,
html[data-wcag-enabled=true] #poll_quiz_question .question_section .question_body_container .question_body .body_row .my-score p.average {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #multiple_question_quiz .question_section .question_body_container .question_body .body_row .my-score p.poll_question,
html[data-wcag-enabled=true] #multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .my-score p.poll_question,
html[data-wcag-enabled=true] #activity_quiz .question_section .question_body_container .question_body .body_row .my-score p.poll_question,
html[data-wcag-enabled=true] #poll_quiz_question .question_section .question_body_container .question_body .body_row .my-score p.poll_question {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #multiple_question_quiz .question_section .question_body_container .question_body .body_row .my-score p.poll_answer,
html[data-wcag-enabled=true] #multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .my-score p.poll_answer,
html[data-wcag-enabled=true] #activity_quiz .question_section .question_body_container .question_body .body_row .my-score p.poll_answer,
html[data-wcag-enabled=true] #poll_quiz_question .question_section .question_body_container .question_body .body_row .my-score p.poll_answer {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #multiple_question_quiz .question_section .question_body_container .question_body .body_row .my-score p.text,
html[data-wcag-enabled=true] #multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .my-score p.text,
html[data-wcag-enabled=true] #activity_quiz .question_section .question_body_container .question_body .body_row .my-score p.text,
html[data-wcag-enabled=true] #poll_quiz_question .question_section .question_body_container .question_body .body_row .my-score p.text {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #multiple_question_quiz .question_section .question_body_container .question_body .body_row .my-score .finish_html .text,
html[data-wcag-enabled=true] #multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .my-score .finish_html .text,
html[data-wcag-enabled=true] #activity_quiz .question_section .question_body_container .question_body .body_row .my-score .finish_html .text,
html[data-wcag-enabled=true] #poll_quiz_question .question_section .question_body_container .question_body .body_row .my-score .finish_html .text {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #multiple_question_quiz .question_section .question_body_container .question_body .body_row .my-score .what_you_learned,
html[data-wcag-enabled=true] #multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .my-score .what_you_learned,
html[data-wcag-enabled=true] #activity_quiz .question_section .question_body_container .question_body .body_row .my-score .what_you_learned,
html[data-wcag-enabled=true] #poll_quiz_question .question_section .question_body_container .question_body .body_row .my-score .what_you_learned {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #multiple_question_quiz .question_section .question_body_container .question_body .body_row .right_info,
html[data-wcag-enabled=true] #multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .right_info,
html[data-wcag-enabled=true] #activity_quiz .question_section .question_body_container .question_body .body_row .right_info,
html[data-wcag-enabled=true] #poll_quiz_question .question_section .question_body_container .question_body .body_row .right_info {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #multiple_question_quiz .question_section .question_body_container .question_body .body_row .question_block .buttons_block .buttons_block_wrap .answer_button,
html[data-wcag-enabled=true] #multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .question_block .buttons_block .buttons_block_wrap .answer_button,
html[data-wcag-enabled=true] #activity_quiz .question_section .question_body_container .question_body .body_row .question_block .buttons_block .buttons_block_wrap .answer_button,
html[data-wcag-enabled=true] #poll_quiz_question .question_section .question_body_container .question_body .body_row .question_block .buttons_block .buttons_block_wrap .answer_button {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #multiple_question_quiz .question_section .question_body_container .question_body .body_row .question_block .correct-count,
html[data-wcag-enabled=true] #multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .question_block .correct-count,
html[data-wcag-enabled=true] #activity_quiz .question_section .question_body_container .question_body .body_row .question_block .correct-count,
html[data-wcag-enabled=true] #poll_quiz_question .question_section .question_body_container .question_body .body_row .question_block .correct-count {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #multiple_question_quiz .question_section .question_body_container .question_body .body_row .question_block .correct-count .correct .correct-text,
html[data-wcag-enabled=true] #multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .question_block .correct-count .correct .correct-text,
html[data-wcag-enabled=true] #activity_quiz .question_section .question_body_container .question_body .body_row .question_block .correct-count .correct .correct-text,
html[data-wcag-enabled=true] #poll_quiz_question .question_section .question_body_container .question_body .body_row .question_block .correct-count .correct .correct-text {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #multiple_question_quiz .question_section .question_body_container .question_body .body_row .question_block .result_section .result_block .text_block .text_wrap .title,
html[data-wcag-enabled=true] #multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .question_block .result_section .result_block .text_block .text_wrap .title,
html[data-wcag-enabled=true] #activity_quiz .question_section .question_body_container .question_body .body_row .question_block .result_section .result_block .text_block .text_wrap .title,
html[data-wcag-enabled=true] #poll_quiz_question .question_section .question_body_container .question_body .body_row .question_block .result_section .result_block .text_block .text_wrap .title {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #multiple_question_quiz .question_section .question_body_container .question_body .body_row .question_block .result_section .result_block .text_block .text_wrap .title.correct,
html[data-wcag-enabled=true] #multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .question_block .result_section .result_block .text_block .text_wrap .title.correct,
html[data-wcag-enabled=true] #activity_quiz .question_section .question_body_container .question_body .body_row .question_block .result_section .result_block .text_block .text_wrap .title.correct,
html[data-wcag-enabled=true] #poll_quiz_question .question_section .question_body_container .question_body .body_row .question_block .result_section .result_block .text_block .text_wrap .title.correct {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #multiple_question_quiz .question_section .question_body_container .question_body .body_row .question_block .result_section .result_block .text_block .text_wrap .title.incorrect,
html[data-wcag-enabled=true] #multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .question_block .result_section .result_block .text_block .text_wrap .title.incorrect,
html[data-wcag-enabled=true] #activity_quiz .question_section .question_body_container .question_body .body_row .question_block .result_section .result_block .text_block .text_wrap .title.incorrect,
html[data-wcag-enabled=true] #poll_quiz_question .question_section .question_body_container .question_body .body_row .question_block .result_section .result_block .text_block .text_wrap .title.incorrect {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #multiple_question_quiz .question_section .question_body_container .question_body .body_row .question_block .result_section .result_block .button_block button,
html[data-wcag-enabled=true] #multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .question_block .result_section .result_block .button_block button,
html[data-wcag-enabled=true] #activity_quiz .question_section .question_body_container .question_body .body_row .question_block .result_section .result_block .button_block button,
html[data-wcag-enabled=true] #poll_quiz_question .question_section .question_body_container .question_body .body_row .question_block .result_section .result_block .button_block button {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #multiple_question_quiz .question_section .question_body_container .question_body .body_row .what_you_learned_text,
html[data-wcag-enabled=true] #multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .what_you_learned_text,
html[data-wcag-enabled=true] #activity_quiz .question_section .question_body_container .question_body .body_row .what_you_learned_text,
html[data-wcag-enabled=true] #poll_quiz_question .question_section .question_body_container .question_body .body_row .what_you_learned_text {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #multiple_question_quiz .question_section .question_body_container .question_body .body_row .poll_result .graph_title,
html[data-wcag-enabled=true] #multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .poll_result .graph_title,
html[data-wcag-enabled=true] #activity_quiz .question_section .question_body_container .question_body .body_row .poll_result .graph_title,
html[data-wcag-enabled=true] #poll_quiz_question .question_section .question_body_container .question_body .body_row .poll_result .graph_title {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #multiple_question_quiz .question_section .question_body_container .question_body .body_row .poll_result .result_graph .votes,
html[data-wcag-enabled=true] #multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .poll_result .result_graph .votes,
html[data-wcag-enabled=true] #activity_quiz .question_section .question_body_container .question_body .body_row .poll_result .result_graph .votes,
html[data-wcag-enabled=true] #poll_quiz_question .question_section .question_body_container .question_body .body_row .poll_result .result_graph .votes {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #multiple_question_quiz .question_section .question_body_container .question_body .body_row .poll_result .result_text .descr,
html[data-wcag-enabled=true] #multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .poll_result .result_text .descr,
html[data-wcag-enabled=true] #activity_quiz .question_section .question_body_container .question_body .body_row .poll_result .result_text .descr,
html[data-wcag-enabled=true] #poll_quiz_question .question_section .question_body_container .question_body .body_row .poll_result .result_text .descr {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #multiple_question_quiz .question_section .question_body_container .question_body .body_row .poll_result .result_text .descr h3,
html[data-wcag-enabled=true] #multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .poll_result .result_text .descr h3,
html[data-wcag-enabled=true] #activity_quiz .question_section .question_body_container .question_body .body_row .poll_result .result_text .descr h3,
html[data-wcag-enabled=true] #poll_quiz_question .question_section .question_body_container .question_body .body_row .poll_result .result_text .descr h3 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #multiple_question_quiz .question_section .question_body_container .question_body .body_row .poll_result .result_text .descr p,
html[data-wcag-enabled=true] #multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .poll_result .result_text .descr p,
html[data-wcag-enabled=true] #activity_quiz .question_section .question_body_container .question_body .body_row .poll_result .result_text .descr p,
html[data-wcag-enabled=true] #poll_quiz_question .question_section .question_body_container .question_body .body_row .poll_result .result_text .descr p {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #multiple_question_quiz .question_section .question_body_container .hpfit_line p,
html[data-wcag-enabled=true] #multiple_question_quiz_post .question_section .question_body_container .hpfit_line p,
html[data-wcag-enabled=true] #activity_quiz .question_section .question_body_container .hpfit_line p,
html[data-wcag-enabled=true] #poll_quiz_question .question_section .question_body_container .hpfit_line p {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #activity_quiz .skill-color.sa,
html[data-wcag-enabled=true] #multiple_question_quiz .skill-color.sa,
html[data-wcag-enabled=true] #poll_quiz_question .skill-color.sa {
  background: #fd4ec2;
}

html[data-wcag-enabled=true] #activity_quiz .back-header-button svg line,
html[data-wcag-enabled=true] #multiple_question_quiz .back-header-button svg line,
html[data-wcag-enabled=true] #poll_quiz_question .back-header-button svg line {
  stroke: #000000 !important;
}

html[data-wcag-enabled=true] #happify_quiz_modal .text {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #recommended_track_result .recommended_tracks_content h2 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #recommended_track_result .recommended_tracks_content .small-text {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #recommended_track_result .recommended_tracks_content .recommended-track .creator-section .creator-name {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #recommended_track_result .recommended_tracks_content .recommended-track .creator-section .creator-title {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #recommended_track_result .recommended_tracks_content .recommended-track .img-container .premium-badge {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #recommended_track_result .recommended_tracks_content .recommended-track .section .track-name span {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #recommended_track_result .recommended_tracks_content .recommended-track .section .track-descr {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #recommended_track_result .recommended_tracks_content .bottom-tracks .track .data-cell .try_free {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #recommended_track_result .recommended_tracks_content .bottom-tracks .track .data-cell .premium-badge {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #recommended_track_result .recommended_tracks_content.featured .other-header {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #recommended_track_result .browse_tracks a.browse-other {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #resources_page h1 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #resources_page h3 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #resources_page a {
  color: #000000 !important;
  text-decoration: underline;
}

html[data-wcag-enabled=true] #resources_page .title {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #references .content a {
  text-decoration: underline;
}

html[data-wcag-enabled=true] #rewards h1 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #rewards .blue-box {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #rewards .blue-box .content .message-bottom a {
  text-decoration: underline;
  color: #000000 !important;
}

html[data-wcag-enabled=true] #rewards .points-top-banner {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #rewards .points-top-banner .col .num {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #rewards .points-top-banner .col .price-holder .blue {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #rewards .points-top-banner .col .price-holder .orange {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #rewards .middle_block .how-it-works {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #rewards .middle_block .how-it-works p .points-element {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #rewards .middle_block .prizes-overview.cell {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #rewards .middle_block .prizes-overview.cell .prize .message .header-text {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #rewards .winners_block .arrow.left {
  background: url('/static/img/game_activities/arrow_back_black.png') no-repeat transparent;
  background-position: left;
}

@media (prefers-color-scheme: dark) {
  html[data-wcag-enabled=true] #rewards .winners_block .arrow.left {
    background: url('/static/img/game_activities/arrow_back.png') no-repeat transparent;
  }
}

html[data-wcag-enabled=true] #rewards .winners_block .arrow.right {
  background: url('/static/img/game_activities/arrow_next_black.png') no-repeat transparent;
  background-position: right;
}

@media (prefers-color-scheme: dark) {
  html[data-wcag-enabled=true] #rewards .winners_block .arrow.right {
    background: url('/static/img/game_activities/arrow_next.png') no-repeat transparent;
  }
}

html[data-wcag-enabled=true] #rewards .winners_block .carousel-title {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #rewards .winners_block .title {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #rewards .winners_block .subtitle {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #rewards .winners_block .points-holder {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #rewards .footer a,
html[data-wcag-enabled=true] #rewards .footer a:visited,
html[data-wcag-enabled=true] #rewards .footer a:hover {
  color: #000000 !important;
  text-decoration: underline;
}

html[data-wcag-enabled=true] #rewards_claim_prize {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #rewards_claim_prize .page-title {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #rewards_claim_prize .container-old .col-right form input {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #rewards_claim_prize .container-old .col-right form select {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #rewards_claim_prize .container-old .col-right form .error-label {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #rewards_claim_prize_error_modal .message {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #rewards_claim_prize_modal .message {
  color: #000000 !important;
}

html[data-wcag-enabled=true] .carousel-slide.rewards .carousel-reward .title {
  color: #000000 !important;
}

html[data-wcag-enabled=true] .carousel-slide.rewards .carousel-reward .points-holder {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #science-happiness .heading-text,
html[data-wcag-enabled=true] #science-happiness .text p {
  color: black;
}

html[data-wcag-enabled=true] #settings .question_tooltip .tooltip h3 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #settings .question_tooltip .tooltip p {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #settings form .error:not(input) {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #settings form fieldset > div .text-AS {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #settings form fieldset > div .zocial.facebook {
  color: #ffffff !important;
}

html[data-wcag-enabled=true] #settings form fieldset > div .radiogroup .radiogroup_item input ~ .label {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #settings form fieldset > div .radiogroup .radiogroup_item input.circled:checked + label {
  background: #000000 !important;
}

@media (forced-colors: active) {
  html[data-wcag-enabled=true] #settings form fieldset > div .radiogroup .radiogroup_item input.circled:checked + label {
    -webkit-filter: invert();
    filter: invert();
  }
}

html[data-wcag-enabled=true] #settings form fieldset > div .toggle_email,
html[data-wcag-enabled=true] #settings form fieldset > div .save_password,
html[data-wcag-enabled=true] #settings form fieldset > div .edit {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #settings .trigger,
html[data-wcag-enabled=true] #settings .delete-account {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #submit_password #forgot-password-form .button_forgot {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #public_home #get_for_phone_modal .fb-signup a.fb-register,
html[data-wcag-enabled=true] #public_home .old-default-signup-modal .fb-signup a.fb-register {
  color: #FFFFFF !important;
}

html[data-wcag-enabled=true] #skills h1:first-child {
  color: #000000 !important;
}

html[data-wcag-enabled=true] [data-view=SkillsList] div.skills-tab .skill {
  color: #000000 !important;
}

html[data-wcag-enabled=true] [data-view=SkillsList] div.skills-tab .skill:hover[data-skill_id] .skill-name {
  color: #000000 !important;
}

html[data-wcag-enabled=true] [data-view=SkillsList] div.skills-tab .skill .skill-name {
  color: #000000 !important;
}

html[data-wcag-enabled=true] [data-view=SkillsList] div.skills-tab .skill.active .skill-name {
  color: #000000 !important;
}

html[data-wcag-enabled=true] [data-view=SkillsList] div.skills-tab .skill.active[data-skill_id] .skill-name {
  color: #000000 !important;
}

html[data-wcag-enabled=true] [data-view=SkillsList] .activity_cards .skill_activity_card .name-locked {
  color: #000000 !important;
}

html[data-wcag-enabled=true] [data-view=SkillsList] .activity_cards .skill_activity_card .unlock .button-section {
  color: #000000 !important;
}

html[data-wcag-enabled=true] [data-view=SkillsList] .activity_cards .skill_activity_card .user-started {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

html[data-wcag-enabled=true] [data-view=SkillsList] .activity_cards .skill_activity_card .icon-new {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

html[data-wcag-enabled=true] [data-view=SkillsList] .activity_cards .name {
  color: #000000 !important;
}

html[data-wcag-enabled=true] .skill-icon-white:not(.filter):not(:hover).SA,
html[data-wcag-enabled=true] .skill-icon-gray:not(.filter):not(:hover).SA,
html[data-wcag-enabled=true] .skill-icon-black:not(.filter):not(:hover).SA {
  background-position-y: -589px;
}

html[data-wcag-enabled=true] .skill-icon-white:not(.filter):not(:hover).TH,
html[data-wcag-enabled=true] .skill-icon-gray:not(.filter):not(:hover).TH,
html[data-wcag-enabled=true] .skill-icon-black:not(.filter):not(:hover).TH {
  background-position-y: -594px;
}

html[data-wcag-enabled=true] .skill-icon-white:not(.filter):not(:hover).AS,
html[data-wcag-enabled=true] .skill-icon-gray:not(.filter):not(:hover).AS,
html[data-wcag-enabled=true] .skill-icon-black:not(.filter):not(:hover).AS {
  background-position-y: -591px;
}

html[data-wcag-enabled=true] .skill-icon-white:not(.filter):not(:hover).GI,
html[data-wcag-enabled=true] .skill-icon-gray:not(.filter):not(:hover).GI,
html[data-wcag-enabled=true] .skill-icon-black:not(.filter):not(:hover).GI {
  background-position-y: -589px;
}

html[data-wcag-enabled=true] .skill-icon-white:not(.filter):not(:hover).EM,
html[data-wcag-enabled=true] .skill-icon-gray:not(.filter):not(:hover).EM,
html[data-wcag-enabled=true] .skill-icon-black:not(.filter):not(:hover).EM {
  background-position-y: -590px;
}

html[data-wcag-enabled=true] .skill-icon-white:not(.filter):not(:hover).OT,
html[data-wcag-enabled=true] .skill-icon-gray:not(.filter):not(:hover).OT,
html[data-wcag-enabled=true] .skill-icon-black:not(.filter):not(:hover).OT {
  background-position-y: -595px;
}

html[data-wcag-enabled=true] .skill-icon-white:not(.filter):not(:hover).RE,
html[data-wcag-enabled=true] .skill-icon-gray:not(.filter):not(:hover).RE,
html[data-wcag-enabled=true] .skill-icon-black:not(.filter):not(:hover).RE {
  background-position-y: -589px;
}

html[data-wcag-enabled=true] .skill-icon-white:not(.filter):not(:hover).medium.AS,
html[data-wcag-enabled=true] .skill-icon-gray:not(.filter):not(:hover).medium.AS,
html[data-wcag-enabled=true] .skill-icon-black:not(.filter):not(:hover).medium.AS {
  background-position-y: -473px;
}

html[data-wcag-enabled=true] .skill-icon-white:not(.filter):not(:hover).medium.GI,
html[data-wcag-enabled=true] .skill-icon-gray:not(.filter):not(:hover).medium.GI,
html[data-wcag-enabled=true] .skill-icon-black:not(.filter):not(:hover).medium.GI {
  background-position-y: -471px;
}

html[data-wcag-enabled=true] .skill-icon-white:not(.filter):not(:hover).medium.EM,
html[data-wcag-enabled=true] .skill-icon-gray:not(.filter):not(:hover).medium.EM,
html[data-wcag-enabled=true] .skill-icon-black:not(.filter):not(:hover).medium.EM {
  background-position-y: -472px;
}

html[data-wcag-enabled=true] .skill-icon-white:not(.filter):not(:hover).medium.RE,
html[data-wcag-enabled=true] .skill-icon-gray:not(.filter):not(:hover).medium.RE,
html[data-wcag-enabled=true] .skill-icon-black:not(.filter):not(:hover).medium.RE {
  background-position-y: -471px;
}

html[data-wcag-enabled=true] .skill-icon-white:not(.filter):not(:hover).medium.SA,
html[data-wcag-enabled=true] .skill-icon-gray:not(.filter):not(:hover).medium.SA,
html[data-wcag-enabled=true] .skill-icon-black:not(.filter):not(:hover).medium.SA {
  background-position-y: -472px;
}

html[data-wcag-enabled=true] .skill-icon-white:not(.filter):not(:hover).medium.TH,
html[data-wcag-enabled=true] .skill-icon-gray:not(.filter):not(:hover).medium.TH,
html[data-wcag-enabled=true] .skill-icon-black:not(.filter):not(:hover).medium.TH {
  background-position-y: -475px;
}

html[data-wcag-enabled=true] .skill-icon-white:not(.filter):not(:hover).medium.OT,
html[data-wcag-enabled=true] .skill-icon-gray:not(.filter):not(:hover).medium.OT,
html[data-wcag-enabled=true] .skill-icon-black:not(.filter):not(:hover).medium.OT {
  background-position-y: -476px;
}

html[data-wcag-enabled=true] .skill-icon-white:not(.filter):not(:hover).small.AS,
html[data-wcag-enabled=true] .skill-icon-gray:not(.filter):not(:hover).small.AS,
html[data-wcag-enabled=true] .skill-icon-black:not(.filter):not(:hover).small.AS {
  background-position-y: -276px;
}

html[data-wcag-enabled=true] .skill-icon-white:not(.filter):not(:hover).small.GI,
html[data-wcag-enabled=true] .skill-icon-gray:not(.filter):not(:hover).small.GI,
html[data-wcag-enabled=true] .skill-icon-black:not(.filter):not(:hover).small.GI {
  background-position-y: -275px;
}

html[data-wcag-enabled=true] .skill-icon-white:not(.filter):not(:hover).small.EM,
html[data-wcag-enabled=true] .skill-icon-gray:not(.filter):not(:hover).small.EM,
html[data-wcag-enabled=true] .skill-icon-black:not(.filter):not(:hover).small.EM {
  background-position-y: -275px;
}

html[data-wcag-enabled=true] .skill-icon-white:not(.filter):not(:hover).small.RE,
html[data-wcag-enabled=true] .skill-icon-gray:not(.filter):not(:hover).small.RE,
html[data-wcag-enabled=true] .skill-icon-black:not(.filter):not(:hover).small.RE {
  background-position-y: -275px;
}

html[data-wcag-enabled=true] .skill-icon-white:not(.filter):not(:hover).small.SA,
html[data-wcag-enabled=true] .skill-icon-gray:not(.filter):not(:hover).small.SA,
html[data-wcag-enabled=true] .skill-icon-black:not(.filter):not(:hover).small.SA {
  background-position-y: -275px;
}

html[data-wcag-enabled=true] .skill-icon-white:not(.filter):not(:hover).small.TH,
html[data-wcag-enabled=true] .skill-icon-gray:not(.filter):not(:hover).small.TH,
html[data-wcag-enabled=true] .skill-icon-black:not(.filter):not(:hover).small.TH {
  background-position-y: -277px;
}

html[data-wcag-enabled=true] .skill-icon-white:not(.filter):not(:hover).small.OT,
html[data-wcag-enabled=true] .skill-icon-gray:not(.filter):not(:hover).small.OT,
html[data-wcag-enabled=true] .skill-icon-black:not(.filter):not(:hover).small.OT {
  background-position-y: -277px;
}

@media (forced-colors: active) and (prefers-color-scheme: dark) {
  html[data-wcag-enabled=true] .skill-icon-white:not(.filter):not(:hover).small.AS,
  html[data-wcag-enabled=true] .skill-icon-gray:not(.filter):not(:hover).small.AS,
  html[data-wcag-enabled=true] .skill-icon-black:not(.filter):not(:hover).small.AS {
    background-position-y: -197px;
  }

  html[data-wcag-enabled=true] .skill-icon-white:not(.filter):not(:hover).small.GI,
  html[data-wcag-enabled=true] .skill-icon-gray:not(.filter):not(:hover).small.GI,
  html[data-wcag-enabled=true] .skill-icon-black:not(.filter):not(:hover).small.GI {
    background-position-y: -196px;
  }

  html[data-wcag-enabled=true] .skill-icon-white:not(.filter):not(:hover).small.EM,
  html[data-wcag-enabled=true] .skill-icon-gray:not(.filter):not(:hover).small.EM,
  html[data-wcag-enabled=true] .skill-icon-black:not(.filter):not(:hover).small.EM {
    background-position-y: -195px;
  }

  html[data-wcag-enabled=true] .skill-icon-white:not(.filter):not(:hover).small.RE,
  html[data-wcag-enabled=true] .skill-icon-gray:not(.filter):not(:hover).small.RE,
  html[data-wcag-enabled=true] .skill-icon-black:not(.filter):not(:hover).small.RE {
    background-position-y: -196px;
  }

  html[data-wcag-enabled=true] .skill-icon-white:not(.filter):not(:hover).small.SA,
  html[data-wcag-enabled=true] .skill-icon-gray:not(.filter):not(:hover).small.SA,
  html[data-wcag-enabled=true] .skill-icon-black:not(.filter):not(:hover).small.SA {
    background-position-y: -196px;
  }

  html[data-wcag-enabled=true] .skill-icon-white:not(.filter):not(:hover).small.TH,
  html[data-wcag-enabled=true] .skill-icon-gray:not(.filter):not(:hover).small.TH,
  html[data-wcag-enabled=true] .skill-icon-black:not(.filter):not(:hover).small.TH {
    background-position-y: -198px;
  }

  html[data-wcag-enabled=true] .skill-icon-white:not(.filter):not(:hover).small.OT,
  html[data-wcag-enabled=true] .skill-icon-gray:not(.filter):not(:hover).small.OT,
  html[data-wcag-enabled=true] .skill-icon-black:not(.filter):not(:hover).small.OT {
    background-position-y: -199px;
  }
}

html[data-wcag-enabled=true] .filter button.on {
  border: solid 2px black;
}

@media (forced-colors: active) and (prefers-color-scheme: dark) {
  html[data-wcag-enabled=true] .filter button.on {
    -webkit-filter: invert();
    filter: invert();
  }
}

@media (prefers-color-scheme: dark) {
  html[data-wcag-enabled=true] .skill-icon-gray:not(.filter):not(:hover).SA {
    background-position-y: -503px;
  }

  html[data-wcag-enabled=true] .skill-icon-gray:not(.filter):not(:hover).TH {
    background-position-y: -507px;
  }

  html[data-wcag-enabled=true] .skill-icon-gray:not(.filter):not(:hover).AS {
    background-position-y: -503px;
  }

  html[data-wcag-enabled=true] .skill-icon-gray:not(.filter):not(:hover).GI {
    background-position-y: -504px;
  }

  html[data-wcag-enabled=true] .skill-icon-gray:not(.filter):not(:hover).EM {
    background-position-y: -505px;
  }

  html[data-wcag-enabled=true] .skill-icon-gray:not(.filter):not(:hover).OT {
    background-position-y: -509px;
  }

  html[data-wcag-enabled=true] .skill-icon-gray:not(.filter):not(:hover).RE {
    background-position-y: -504px;
  }

  html[data-wcag-enabled=true] .skill-icon-gray:not(.filter):not(:hover).medium.AS {
    background-position-y: -404px;
  }

  html[data-wcag-enabled=true] .skill-icon-gray:not(.filter):not(:hover).medium.GI {
    background-position-y: -403px;
  }

  html[data-wcag-enabled=true] .skill-icon-gray:not(.filter):not(:hover).medium.EM {
    background-position-y: -404px;
  }

  html[data-wcag-enabled=true] .skill-icon-gray:not(.filter):not(:hover).medium.RE {
    background-position-y: -402px;
  }

  html[data-wcag-enabled=true] .skill-icon-gray:not(.filter):not(:hover).medium.SA {
    background-position-y: -403px;
  }

  html[data-wcag-enabled=true] .skill-icon-gray:not(.filter):not(:hover).medium.TH {
    background-position-y: -407px;
  }

  html[data-wcag-enabled=true] .skill-icon-gray:not(.filter):not(:hover).medium.OT {
    background-position-y: -407px;
  }

  html[data-wcag-enabled=true] .skill-icon-gray:not(.filter):not(:hover).small.AS {
    background-position-y: -236px;
  }

  html[data-wcag-enabled=true] .skill-icon-gray:not(.filter):not(:hover).small.GI {
    background-position-y: -235px;
  }

  html[data-wcag-enabled=true] .skill-icon-gray:not(.filter):not(:hover).small.EM {
    background-position-y: -235px;
  }

  html[data-wcag-enabled=true] .skill-icon-gray:not(.filter):not(:hover).small.RE {
    background-position-y: -235px;
  }

  html[data-wcag-enabled=true] .skill-icon-gray:not(.filter):not(:hover).small.SA {
    background-position-y: -235px;
  }

  html[data-wcag-enabled=true] .skill-icon-gray:not(.filter):not(:hover).small.TH {
    background-position-y: -237px;
  }

  html[data-wcag-enabled=true] .skill-icon-gray:not(.filter):not(:hover).small.OT {
    background-position-y: -237px;
  }
}

html[data-wcag-enabled=true] .icon.key {
  width: 16px;
  height: 30px;
  background: transparent url("/static/img/icon-key_black.png");
  background-image: url("/static/img/icon-key_black.png");
  background-size: 30px 30px;
  background-repeat: no-repeat;
  background-position: -5px 1px;
  background-color: transparent;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  html[data-wcag-enabled=true] .icon.key {
    background: transparent url("/static/img/icon-key_black@2x.png");
    background-repeat: no-repeat;
    background-size: 30px 30px;
    background-position: -5px 1px;
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  html[data-wcag-enabled=true] .icon.key {
    background-image: url("/static/img/icon-key_black@2x.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  html[data-wcag-enabled=true] .icon.key {
    background-image: url("/static/img/icon-key_black@2x.png");
  }
}

html[data-wcag-enabled=true] .warning-icon {
  background: url(/static/img/icons/icon-warning_black.png) no-repeat top left !important;
  background-size: 100% !important;
}

html[data-wcag-enabled=true] #stats_info_block .counters .key svg > use {
  fill: #000000 !important;
}

html[data-wcag-enabled=true] #stats_info_block .counters .value .text {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #stats_info_block #skill_stats .value .sequence {
  color: #000000 !important;
}

html[data-wcag-enabled=true] .info-block .title h2 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #strengths_info_block .promo h3 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #strengths_info_block .promo p {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #share_happiness_main [data-view=SubscribeHappifier] .cell form span {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #share_happiness_main [data-view=SubscribeHappifier] .cell form .error {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #share_happiness_main [data-view=SubscribeHappifier] .cell .privacy {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #share_happiness_main [data-view=SubscribeHappifier] .cell .success_message {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #share_happiness_main [data-view=SubscribeHappifierBig] .content-box .success_message {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #share_happiness_main [data-view=SubscribeHappifierBig] .content-box .title {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #share_happiness_main [data-view=SubscribeHappifierBig] .content-box .text {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #share_happiness_main [data-view=SubscribeHappifierBig] .content-box form span {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #share_happiness_main [data-view=SubscribeHappifierBig] .content-box form .error {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #public_home #sweepstakes_official_rules h1 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #public_home #sweepstakes_official_rules h2 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #public_home #sweepstakes_official_rules .title {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #public_home #sweepstakes_official_rules span {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #public_home #sweepstakes_official_rules span a {
  text-decoration: underline;
}

html[data-wcag-enabled=true] #public_home #sweepstakes_official_rules ol {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #public_home #sweepstakes_official_rules table.rewards-promotion-periods th,
html[data-wcag-enabled=true] #public_home #sweepstakes_official_rules table.rewards-promotion-periods td {
  color: #000000 !important;
}

html[data-wcag-enabled=true] [data-view=TestimonialsView] .grid-unit .body,
html[data-wcag-enabled=true] .testimonials .grid-unit .body {
  color: #000000 !important;
}

html[data-wcag-enabled=true] [data-view=TestimonialsView] .grid-unit .title,
html[data-wcag-enabled=true] .testimonials .grid-unit .title {
  color: #000000 !important;
}

html[data-wcag-enabled=true] [data-view=TestimonialsView] .grid-unit .signature,
html[data-wcag-enabled=true] .testimonials .grid-unit .signature {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #home #track_tab #track_tab_activities .title .head {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #home #track_tab .track_title .text h1,
html[data-wcag-enabled=true] #home #track_tab .track_title .text h2 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #home #track_tab .track_title .text .sub {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #home #track_tab .track_title .additional .share-container .viral-share .button.secondary.share {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #home #track_tab .track_title .logo_copy {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #home #track_tab .books-section .data h3 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #home #track_tab .stats .text {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #home #track_tab .track-info h2 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #home #track_tab .track-info .author-bio .text {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #home #track_tab .medal-message .text-block h2 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #track_preview .btn-track-preview {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #track_preview .TrackPromoBnr_trackLabel-digitalCoach.TrackPromoBnr_trackLabel {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #track_preview .TrackPromoBnr_titleBar h1 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #track_preview #content_height h2 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #track_preview #content_height .hap_main .hap_ctime,
html[data-wcag-enabled=true] #track_preview #content_height .hap_main .hap_title {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #track_preview #track-preview-testimonials h2 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #track_preview .bottom-panel h2 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #track_preview #track-preview-promotion a,
html[data-wcag-enabled=true] #track_preview #track-preview-promotion h3 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #track_preview .benefits h2 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #track_preview .DefinitionBubbles_item {
  background-color: white !important;
  border: 1px solid black;
}

html[data-wcag-enabled=true] #home .track_activity_block .activities .activity-data .sub,
html[data-wcag-enabled=true] #home .track_activity_block .activities .activity-data .unlock_on {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #home .track_activity_block .head .text {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #home .track_activity_block.open .head .text {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #track_info_block .track-data .name {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #track_info_block .track-data .part {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #track_info_block .title h2 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #track_info_block .details .detail_block .text {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #track_level_complete_modal .medal span {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #track_level_complete_modal .name,
html[data-wcag-enabled=true] #track_level_complete_modal .sequence {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #track_level_complete_modal .congrats {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #track_level_complete_modal .blocked {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #track_level_complete_modal .continue .explore_tracks {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #track_level_complete_modal .continue .button.orange {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #track-preview-progress .tooltip {
  background: #000000 !important;
}

html[data-wcag-enabled=true] #track-preview-progress .tooltip span {
  color: #ffffff !important;
  font-weight: bold;
}

html[data-wcag-enabled=true] #track-preview-progress .tooltip h3,
html[data-wcag-enabled=true] #track-preview-progress .tooltip p {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #track-preview-progress .progress-bar {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(47%, rgba(0, 0, 0, 0)), color-stop(47%, #000000), color-stop(53%, #000000), color-stop(53%, rgba(0, 0, 0, 0)));
  background: linear-gradient(rgba(0, 0, 0, 0) 47%, #000000 47%, #000000 53%, rgba(0, 0, 0, 0) 53%);
}

html[data-wcag-enabled=true] #track-preview-progress .progress-bar > li {
  border: 3px solid #000000;
}

html[data-wcag-enabled=true] #track-preview-progress .progress-bar > li.redo {
  background: #000000 !important;
  border: none;
}

html[data-wcag-enabled=true] #track-preview-progress .progress-bar > li[data-part-status='current'],
html[data-wcag-enabled=true] #track-preview-progress .progress-bar > li[data-part-status='completed'] {
  background: #000000 !important;
  border: none;
}

html[data-wcag-enabled=true] #track-preview-progress .progress-bar > li[data-part-status='current']:before,
html[data-wcag-enabled=true] #track-preview-progress .progress-bar > li[data-part-status='completed']:before {
  color: #fff;
}

html[data-wcag-enabled=true] #track-preview-banner .tooltip {
  background: #000000 !important;
}

html[data-wcag-enabled=true] #track-preview-banner .tooltip span {
  color: #ffffff !important;
  font-weight: bold;
}

html[data-wcag-enabled=true] #track-preview-banner .tooltip p {
  color: #000000 !important;
}

html[data-wcag-enabled=true] [data-view=UnlockHappify] .discount strong {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #watson-assessment-modal p,
html[data-wcag-enabled=true] #watson-assessment-modal span,
html[data-wcag-enabled=true] #watson-assessment-modal a,
html[data-wcag-enabled=true] #watson-assessment-modal label,
html[data-wcag-enabled=true] #watson-assessment-modal .error-label {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #watson-assessment-modal .undo_button,
html[data-wcag-enabled=true] #watson-assessment-modal .redo_button {
  border-left: 2px solid #000000 !important;
  border-top: 2px solid #000000 !important;
}

html[data-wcag-enabled=true] #watson-assessment-modal .progress-bar-holder .watson-assessment-progress-bar .overall-section .overall-point {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #sel_assessment_feedback_modal section h1 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #work_assessment_feedback_modal section h1 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #work_assessment_feedback_modal section .section .title {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #work_assessment_feedback_modal section .section .result {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #login .container--wellness-page-login label {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #login .container--wellness-page-login .btn-facebook,
html[data-wcag-enabled=true] #login .container--wellness-page-login span.btn-apple-text {
  color: #fff !important;
}

html[data-wcag-enabled=true] #login .container--wellness-page-login .middle_text {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #why_it_works_modal .activity-name,
html[data-wcag-enabled=true] .why_it_works .activity-name,
html[data-wcag-enabled=true] #why_it_works_modal .name,
html[data-wcag-enabled=true] .why_it_works .name {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #why_it_works_modal h3,
html[data-wcag-enabled=true] .why_it_works h3,
html[data-wcag-enabled=true] #why_it_works_modal .subtitle,
html[data-wcag-enabled=true] .why_it_works .subtitle {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #why_it_works_modal p,
html[data-wcag-enabled=true] .why_it_works p {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #why_it_works_modal a,
html[data-wcag-enabled=true] .why_it_works a {
  text-decoration: underline;
  text-decoration-color: #000000 !important;
}

html[data-wcag-enabled=true] .reward-win-banner {
  color: #000000 !important;
}

html[data-wcag-enabled=true] .reward-win-banner a,
html[data-wcag-enabled=true] .reward-win-banner a:visited {
  text-decoration: underline;
  color: #000000 !important;
}

html[data-wcag-enabled=true] .reward-win-banner a:hover {
  text-decoration: none;
  color: #000000 !important;
}

html[data-wcag-enabled=true] #work_assessment_scores h1 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #work_assessment_scores h2 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #work_assessment_scores h3 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #work_assessment_scores p {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #work_assessment_scores p .score {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #work_assessment_scores p .description {
  color: #000000 !important;
}

html[data-wcag-enabled=true] .balance-block {
  color: #000000 !important;
  background-color: rgba(214, 236, 184, 0.5) !important;
}

html[data-wcag-enabled=true] #cash_rewards_info_block .balance-word {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #rewards_page_earnings h1,
html[data-wcag-enabled=true] #rewards_page_earnings h2,
html[data-wcag-enabled=true] #rewards_page_earnings .stats-block-col,
html[data-wcag-enabled=true] #rewards_page_earnings .inner-block {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #rewards_page_earnings .discount {
  color: #000000 !important;
  background-image: url("/static/img/icons/cash-rewards/div.discount@1X.wcag.png") !important;
}

html[data-wcag-enabled=true] .track_card .tip {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #activity-reporter .happy-face-picker [role=radiogroup] [role=radio]:checked + label {
  outline: 4px solid #000000 !important;
}

@media (prefers-color-scheme: dark) {
  html[data-wcag-enabled=true] #activity-reporter .happy-face-picker .face svg path {
    -webkit-filter: invert();
    filter: invert();
  }
}

html[data-wcag-enabled=true] #login.login .middle-login #form-container #validation,
html[data-wcag-enabled=true] #submit_password.submit_password .middle-login #form-container #validation,
html[data-wcag-enabled=true] #reset_password.reset_password .middle-login #form-container #validation,
html[data-wcag-enabled=true] #confirmation_email_send.confirmation_email_send .middle-login #form-container #validation,
html[data-wcag-enabled=true] #invalid_invite.invalid_invite .middle-login #form-container #validation {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #login.login .middle-login .error-flash,
html[data-wcag-enabled=true] #submit_password.submit_password .middle-login .error-flash,
html[data-wcag-enabled=true] #reset_password.reset_password .middle-login .error-flash,
html[data-wcag-enabled=true] #confirmation_email_send.confirmation_email_send .middle-login .error-flash,
html[data-wcag-enabled=true] #invalid_invite.invalid_invite .middle-login .error-flash {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #public_home.sub #email_unsubscribe .form .email .error,
html[data-wcag-enabled=true] #public_home.sub #unsubscribe_daily_happifier .form .email .error {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #invites-sender .response-message.error {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #invites-sender .response-message.success {
  color: #068911;
}

html[data-wcag-enabled=true] #mental_health_symptoms_chart .happify-chart .chart-wrapper .chart-left-bar svg text {
  fill: #000000 !important;
}

html[data-wcag-enabled=true] #mental_health_symptoms_chart .happify-chart .chart-wrapper .chart-left-bar svg g text {
  fill: #000000 !important;
}

html[data-wcag-enabled=true] #mental_health_symptoms_chart .happify-chart .chart-wrapper .chart-body svg text {
  fill: #000000 !important;
}

html[data-wcag-enabled=true] #mental_health_symptoms_chart .happify-chart .scores-wrapper .last-score,
html[data-wcag-enabled=true] #mental_health_symptoms_chart .happify-chart .scores-wrapper .score-explained {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #public_home #legal p a {
  text-decoration: underline;
}

html[data-wcag-enabled=true] #public_home #legal p a:hover {
  text-decoration: none;
}

html[data-wcag-enabled=true] body {
  color: black;
}

html[data-wcag-enabled=true] h1,
html[data-wcag-enabled=true] h2,
html[data-wcag-enabled=true] h3,
html[data-wcag-enabled=true] h4,
html[data-wcag-enabled=true] h5,
html[data-wcag-enabled=true] h6,
html[data-wcag-enabled=true] p,
html[data-wcag-enabled=true] span,
html[data-wcag-enabled=true] a,
html[data-wcag-enabled=true] li,
html[data-wcag-enabled=true] figcaption,
html[data-wcag-enabled=true] blockquote,
html[data-wcag-enabled=true] q,
html[data-wcag-enabled=true] cite {
  color: black !important;
}

html[data-wcag-enabled=true] a {
  text-decoration: underline;
}

html[data-wcag-enabled=true] header .skip_nav {
  color: #000000 !important;
}

html[data-wcag-enabled=true] input::-webkit-input-placeholder,
html[data-wcag-enabled=true] textarea::-webkit-input-placeholder {
  color: black !important;
  opacity: 1;
}

html[data-wcag-enabled=true] input::-moz-placeholder,
html[data-wcag-enabled=true] textarea::-moz-placeholder {
  color: black !important;
  opacity: 1;
}

html[data-wcag-enabled=true] input:-ms-input-placeholder,
html[data-wcag-enabled=true] textarea:-ms-input-placeholder {
  color: black !important;
  opacity: 1;
}

html[data-wcag-enabled=true] input::-ms-input-placeholder,
html[data-wcag-enabled=true] textarea::-ms-input-placeholder {
  color: black !important;
  opacity: 1;
}

html[data-wcag-enabled=true] input::placeholder,
html[data-wcag-enabled=true] textarea::placeholder {
  color: black !important;
  opacity: 1;
}

html[data-wcag-enabled=true] .fill-TH,
html[data-wcag-enabled=true] .fill-AS,
html[data-wcag-enabled=true] .fill-SA,
html[data-wcag-enabled=true] .fill-EM,
html[data-wcag-enabled=true] .fill-GI,
html[data-wcag-enabled=true] .fill-RE,
html[data-wcag-enabled=true] .fill-OT {
  fill: #000000 !important;
}

html[data-wcag-enabled=true] .stroke-TH,
html[data-wcag-enabled=true] .stroke-AS,
html[data-wcag-enabled=true] .stroke-SA,
html[data-wcag-enabled=true] .stroke-EM,
html[data-wcag-enabled=true] .stroke-GI,
html[data-wcag-enabled=true] .stroke-RE,
html[data-wcag-enabled=true] .stroke-OT {
  stroke: #000000 !important;
}

html[data-wcag-enabled=true] #ai_trainer_modal {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #ai_trainer_modal .head .subtitle,
html[data-wcag-enabled=true] #ai_trainer_modal .body .tabs .tab-button.selected {
  color: #000000 !important;
}

html[data-wcag-enabled=true] .ios-checkbox:checked ~ .label-wrapper {
  background: #080808;
  -webkit-box-shadow: 0 0 2px #080808;
  box-shadow: 0 0 2px #080808;
}

html[data-wcag-enabled=true] .ios-checkbox:checked ~ .label-wrapper .trigger.tumbler::before {
  background: #010101;
}

html[data-wcag-enabled=true] .ios-checkbox:checked ~ .label-wrapper .trigger.tumbler::after {
  background: #010101;
}

html[data-wcag-enabled=true] .tumbler-ios .label-wrapper .trigger::before,
html[data-wcag-enabled=true] .tumbler-ios .label-wrapper .tumbler::before,
html[data-wcag-enabled=true] .tumbler-ios .label-wrapper .trigger::after,
html[data-wcag-enabled=true] .tumbler-ios .label-wrapper .tumbler::after {
  background: #1b1b1b;
}

html[data-wcag-enabled=true] .watson-assessment-image-text {
  background: white;
  font-weight: 500;
}

html[data-whatintent='mouse'][data-wcag-enabled="false"] *:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

html[data-whatinput='keyboard'][data-whatintent='keyboard'] input:focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] input:focus,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] textarea:focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] textarea:focus,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] a:focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] a:focus,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] area:focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] area:focus,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] button:focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] button:focus,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] label:focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] label:focus,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] img:focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] img:focus,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] select:focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] select:focus,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] [role=radio]:focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] [role=radio]:focus,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] [role=checkbox]:focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] [role=checkbox]:focus,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] [role=button]:focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] [role=button]:focus,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] .skip_nav_target:focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] .skip_nav_target:focus,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] .activity_tip_card .activity_card:focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] .activity_tip_card .activity_card:focus,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] #meditation_activity_tips .js-drop-down:focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] #meditation_activity_tips .js-drop-down:focus,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] #posts_info_block .post:focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] #posts_info_block .post:focus,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] #profile-strengths-results .bars-list li:focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] #profile-strengths-results .bars-list li:focus,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] #profile-strengths-results .bars-list li .bar:focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] #profile-strengths-results .bars-list li .bar:focus,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] #skill_stats [data-skill_name]:focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] #skill_stats [data-skill_name]:focus,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] #skill_stats .activity_medal:focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] #skill_stats .activity_medal:focus,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] #stats_activity .events_container > div:focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] #stats_activity .events_container > div:focus,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] .selected-box .success_message:focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] .selected-box .success_message:focus,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] #track-preview-progress .tooltip:focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] #track-preview-progress .tooltip:focus,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] #track-preview-progress .medal:focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] #track-preview-progress .medal:focus,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] .TrackPromoBnr_authorCoworker .tooltip:focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] .TrackPromoBnr_authorCoworker .tooltip:focus,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] #happiness_assessment_result_modal .result_block:focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] #happiness_assessment_result_modal .result_block:focus,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] #happiness_assessment_first_result_modal .result_block:focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] #happiness_assessment_first_result_modal .result_block:focus,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] #happiness_assessment_result_modal .positive_score:focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] #happiness_assessment_result_modal .positive_score:focus,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] #happiness_assessment_first_result_modal .positive_score:focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] #happiness_assessment_first_result_modal .positive_score:focus,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] #happiness_assessment_result_modal .satisfaction_score:focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] #happiness_assessment_result_modal .satisfaction_score:focus,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] #happiness_assessment_first_result_modal .satisfaction_score:focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] #happiness_assessment_first_result_modal .satisfaction_score:focus,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] #skill_stats [data-skill_name]:focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] #skill_stats [data-skill_name]:focus,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] .hap_main div[tabindex='0']:focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] .hap_main div[tabindex='0']:focus,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] #profile .medals > div:focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] #profile .medals > div:focus,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] #profile .assessment .value:focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] #profile .assessment .value:focus,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] #profile .points:focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] #profile .points:focus,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] #settings form .upload_avatar_label:focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] #settings form .upload_avatar_label:focus,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] .landing-p button:focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] .landing-p button:focus,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] .landing-p a:focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] .landing-p a:focus,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] .landing-p input:focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] .landing-p input:focus,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] .landing-p span:focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] .landing-p span:focus,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] #current_kc .kc_main div.welcome_image.clickable:focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] #current_kc .kc_main div.welcome_image.clickable:focus,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] #current_kc .kc_main .selector_container .item:focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] #current_kc .kc_main .selector_container .item:focus,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] #current_kc .kc_main .kc_nav li:focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] #current_kc .kc_main .kc_nav li:focus,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] #current_kc .kc_main .send_screen .options .tip-container:focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] #current_kc .kc_main .send_screen .options .tip-container:focus,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] #current_kc .kc_main .flip-container .back_flip:focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] #current_kc .kc_main .flip-container .back_flip:focus,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] #current_kc .kc_main .flip-container .flip:focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] #current_kc .kc_main .flip-container .flip:focus,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] #compliment .tip-container:focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] #compliment .tip-container:focus,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] #kindness-chain-map .kindness_map_card:focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] #kindness-chain-map .kindness_map_card:focus,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] #multiple_question_quiz .btn-toolbar .who_wrap:focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] #multiple_question_quiz .btn-toolbar .who_wrap:focus,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] #poll_quiz_question .btn-toolbar .who_wrap:focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] #poll_quiz_question .btn-toolbar .who_wrap:focus,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] #multiple_question_quiz_post .btn-toolbar .who_wrap:focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] #multiple_question_quiz_post .btn-toolbar .who_wrap:focus,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] #activity_quiz .btn-toolbar .who_wrap:focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] #activity_quiz .btn-toolbar .who_wrap:focus,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] #poll_quiz_question .permission_selector ul li:focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] #poll_quiz_question .permission_selector ul li:focus,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] #stats_tab .chart_arrow:focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] #stats_tab .chart_arrow:focus,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] #sidenav [data-view=SidenavUserDetails] .user-details:focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] #sidenav [data-view=SidenavUserDetails] .user-details:focus,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] .track_activity_block .activity_inside_info:focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] .track_activity_block .activity_inside_info:focus,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] #activity_instructions .js-video .progress-bar .seeker:focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] #activity_instructions .js-video .progress-bar .seeker:focus,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] .track-card-featured_v2 .info_block .js_title span:focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] .track-card-featured_v2 .info_block .js_title span:focus,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] .explore_tracks_card_v2 .info_block .track_main_title span:focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] .explore_tracks_card_v2 .info_block .track_main_title span:focus,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] #confirm_cancel_autorenewal .question .gray-checkbox:focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] #confirm_cancel_autorenewal .question .gray-checkbox:focus,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] #faq_page .content .content_container .faq_section:focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] #faq_page .content .content_container .faq_section:focus,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] #home_main_tab .tip-container:focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] #home_main_tab .tip-container:focus,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] #stats_index .parent_chart:focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] #stats_index .parent_chart:focus,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] #stats_index .parent_chart .chart_window image.icon_face:focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] #stats_index .parent_chart .chart_window image.icon_face:focus,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] #stats_index .parent_chart .scores_text:focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] #stats_index .parent_chart .scores_text:focus,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] #stats_activity .parent_chart:focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] #stats_activity .parent_chart:focus,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] #stats_activity .parent_chart image.activity_medal:focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] #stats_activity .parent_chart image.activity_medal:focus,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] #stats_activity .parent_chart image.activity_level:focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] #stats_activity .parent_chart image.activity_level:focus,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] #stats_compare .parent_chart:focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] #stats_compare .parent_chart:focus,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] [data-custom-tooltip]:focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] [data-custom-tooltip]:focus,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] .hballoons_level_card:focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] .hballoons_level_card:focus,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] svg circle:focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] svg circle:focus,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] .science-box > div:focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] .science-box > div:focus {
  outline: 4px solid #000 !important;
}

html[data-whatinput='keyboard'][data-whatintent='keyboard'] #fb_outline_style,
html[data-whatintent='mouse'][data-wcag-enabled="true"] #fb_outline_style {
  outline: 4px solid #000 !important;
}

html[data-whatinput='keyboard'][data-whatintent='keyboard'] #stats_index .chart_select_menu input:focus + label,
html[data-whatintent='mouse'][data-wcag-enabled="true"] #stats_index .chart_select_menu input:focus + label,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] .ios-checkbox:focus + label,
html[data-whatintent='mouse'][data-wcag-enabled="true"] .ios-checkbox:focus + label,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] .ensemble-accessibility__ios-checkbox:focus + label,
html[data-whatintent='mouse'][data-wcag-enabled="true"] .ensemble-accessibility__ios-checkbox:focus + label,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] #settings form .expertise-list input[type=checkbox]:focus + label:before,
html[data-whatintent='mouse'][data-wcag-enabled="true"] #settings form .expertise-list input[type=checkbox]:focus + label:before,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] #settings form [tabindex]:focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] #settings form [tabindex]:focus,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] #settings form [tabindex].focused,
html[data-whatintent='mouse'][data-wcag-enabled="true"] #settings form [tabindex].focused,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] #current_kc #checkbox_map:focus + label,
html[data-whatintent='mouse'][data-wcag-enabled="true"] #current_kc #checkbox_map:focus + label,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] #compliment .map_checkbox:focus + label,
html[data-whatintent='mouse'][data-wcag-enabled="true"] #compliment .map_checkbox:focus + label,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] #rewards_claim_prize .legal .checkbox:focus + label,
html[data-whatintent='mouse'][data-wcag-enabled="true"] #rewards_claim_prize .legal .checkbox:focus + label,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] :focus ~ .CustomRadio_label:before,
html[data-whatintent='mouse'][data-wcag-enabled="true"] :focus ~ .CustomRadio_label:before,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] #share_happiness_main [data-view=SharedHappifiers] .topics_filter .topics_list .select-option.focused,
html[data-whatintent='mouse'][data-wcag-enabled="true"] #share_happiness_main [data-view=SharedHappifiers] .topics_filter .topics_list .select-option.focused,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] #billing_form .date_field .listbox li.focused,
html[data-whatintent='mouse'][data-wcag-enabled="true"] #billing_form .date_field .listbox li.focused,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] #braintree-payment-form .form_field .listbox li.focused,
html[data-whatintent='mouse'][data-wcag-enabled="true"] #braintree-payment-form .form_field .listbox li.focused,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] .tumbler-ios:focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] .tumbler-ios:focus,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] .pseudo-focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] .pseudo-focus {
  outline: 4px solid #000 !important;
}

html[data-whatinput='keyboard'][data-whatintent='keyboard'] .compare_mrect:focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] .compare_mrect:focus,
html[data-whatinput='keyboard'][data-whatintent='keyboard'] .basic_rect_zero:focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] .basic_rect_zero:focus {
  stroke: #000000;
  stroke-width: 4px;
}

html[data-whatinput='keyboard'][data-whatintent='keyboard'] .activity_rect:focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] .activity_rect:focus {
  stroke: #000000;
  stroke-width: 8px;
}

html[data-whatinput='keyboard'][data-whatintent='keyboard'] #home #home-carousel #carousel-inner .carousel-slide .track-card-featured header .header-link:focus:before,
html[data-whatintent='mouse'][data-wcag-enabled="true"] #home #home-carousel #carousel-inner .carousel-slide .track-card-featured header .header-link:focus:before {
  visibility: visible;
}

html[data-wcag-enabled="true"] :checked ~ .CustomRadio_label:after {
  background: #000000;
}

#cookie_banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background: rgba(47, 47, 47, 0.8);
  width: 100%;
  bottom: 0;
  padding: 1.5rem 6rem 1.5rem 14rem;
  z-index: 9;
  font-size: 1.6rem;
}

#cookie_banner a {
  color: #fff;
  font-weight: bold;
  text-decoration: underline;
}

#cookie_banner svg {
  width: 100%;
}

#cookie_banner .text {
  margin-right: 1.6rem;
  color: #ffff;
  font-family: OpenSansRegular;
}

#cookie_banner .btn-close {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  cursor: pointer;
  width: 1.7rem;
  color: #ffff;
}

#cookie_banner .btn-close:hover {
  color: #ff775d;
}

@media screen and (max-width: 767px) {
  #cookie_banner {
    padding: 2rem;
    font-size: 1.2em;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  #cookie_banner {
    padding: 2rem 3rem;
  }
}

button,
span,
img,
div {
  outline: none;
}

.button {
  color: #fff;
  margin: 0;
  font-weight: 400;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  border: none;
  padding: 0 20px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 6px;
  background-clip: padding-box;
}

.button:visited,
.button:hover {
  color: #fff;
  text-decoration: none;
}

.button.orange {
  background: #ff7a00;
  -webkit-box-shadow: 0 2px 0 #994900;
  box-shadow: 0 2px 0 #994900;
}

.button.orange:hover {
  background: #e66e00;
}

.button.orange:active {
  background: #cc6200;
  -webkit-box-shadow: inset 0 2px 0 #994900;
  box-shadow: inset 0 2px 0 #994900;
}

.button.blue {
  background: #00aaea;
  -webkit-box-shadow: 0 2px 0 #006084;
  box-shadow: 0 2px 0 #006084;
}

.button.blue:hover {
  background: #0097d1;
}

.button.blue:active {
  background: #0085b7;
  -webkit-box-shadow: inset 0 2px 0 #006084;
  box-shadow: inset 0 2px 0 #006084;
}

.button.white {
  color: #7a7a7a;
  height: 24px;
  line-height: 24px;
  text-shadow: 0 1px 1px #fff;
  border: 1px solid #cccccc;
  border-radius: 3px;
  background-clip: padding-box;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(12%, #dfdfdf), color-stop(60%, #ebebeb));
  background-image: linear-gradient(to bottom, #dfdfdf 12%, #ebebeb 60%);
}

.button.tangerine {
  color: #fff;
  height: 24px;
  padding: 0 5px;
  line-height: 24px;
  border-radius: 3px;
  background-clip: padding-box;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(12%, #f4d420), color-stop(60%, #f6dd51));
  background-image: linear-gradient(to bottom, #f4d420 12%, #f6dd51 60%);
}

.button.premium-orange {
  height: 57px;
  line-height: 57px;
  padding: 0 70px 0 30px;
  font-family: OpenSansRegular;
  font-size: 18px;
  font-weight: bold;
  background-color: #ff7a00;
  -webkit-box-shadow: 0 3px 0 #b34c00;
  box-shadow: 0 3px 0 #b34c00;
}

.button.premium-orange .flag-large {
  right: 25px;
  position: absolute;
  top: 50%;
  margin-top: -16px;
}

.button.big {
  height: 60px;
  line-height: 50px;
  border: 5px solid #eee;
  padding: 0 40px;
  font-size: 18px;
  font-family: OpenSansSemibold;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 500px;
  background-clip: padding-box;
  background-color: #f46a30;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#F67D3E), to(#F04E1A));
  background-image: linear-gradient(to bottom, #F67D3E, #F04E1A 100%);
  -webkit-filter: none;
  filter: none;
}

.button.big:disabled {
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: inset 0 -4px 4px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 -4px 4px rgba(0, 0, 0, 0.2);
  background-color: #b6b6b6;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#C7C7C7), to(#9D9D9D));
  background-image: linear-gradient(to bottom, #C7C7C7, #9D9D9D 100%);
  -webkit-filter: none;
  filter: none;
}

.button_primary {
  display: block;
  text-align: center;
  font-size: 18px;
  line-height: 41px;
  white-space: nowrap;
  border: 5px solid #EEEEEE;
  background: url('/static/img/btn_primary_background.svg') no-repeat #F67D3E;
  border-radius: 555px;
  background-clip: padding-box;
  color: #FFFFFF;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  font-family: "OpenSansBold", sans-serif;
  cursor: pointer;
  width: 100px;
  height: 41px;
}

.button_primary.big {
  font-size: 18px;
  width: 160px;
}

.button_primary.flag {
  width: 180px;
  position: relative;
}

.button_primary.flag .flag_img {
  width: 27px;
  height: 27px;
  top: 7px;
  background-image: url("/static/img/sprite-1.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -421px -64px;
  right: 25px;
  position: absolute;
}

.button_primary:hover {
  color: #FFFFFF;
  background: url('/static/img/btn_primary_background_hover.svg') no-repeat #ff804a;
  text-decoration: none;
}

.button_primary.green {
  background: url('/static/img/btn_primary_background_green.svg') no-repeat #6ba20c;
  width: 200px;
  padding-left: 17px;
  height: 43px;
  line-height: 42px;
  font-size: 16px;
  position: relative;
}

.button_primary.green .flag {
  background-image: url("/static/img/sprite-1.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -86px -560px;
  width: 17px;
  height: 20px;
  position: absolute;
  top: 14px;
  left: 20px;
}

.button_primary.green .flag-white {
  position: absolute;
  top: 50%;
  left: 15px;
  margin-top: -8px;
}

.button_primary.inactive {
  background: url('/static/img/primary_bg_gray.svg') no-repeat #C7C7C7;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.6);
  cursor: default;
  -webkit-box-shadow: inset 0 -4px 4px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 -4px 4px rgba(0, 0, 0, 0.2);
}

.button_primary:disabled {
  background: url('/static/img/primary_bg_gray.svg') no-repeat #C7C7C7;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.6);
  cursor: default;
  -webkit-box-shadow: inset 0 -4px 4px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 -4px 4px rgba(0, 0, 0, 0.2);
}

.button_secondary {
  white-space: nowrap;
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
  text-shadow: 0 0 0 #FFF;
  border-radius: 4px;
  background-clip: padding-box;
  font-family: "OpenSansSemibold";
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  cursor: pointer;
  padding: 5px 10px;
  text-align: center;
}

.button_secondary.first {
  border: 1px solid #dddddd;
  background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), color-stop(2%, #ededed), color-stop(98%, #ededed), to(#dddddd));
  background: linear-gradient(to bottom, #f2f2f2 0%, #ededed 2%, #ededed 98%, #dddddd 100%);
  /* W3C */
  background-repeat: repeat-x;
  color: #666666;
  font-family: "OpenSansSemibold";
}

.button_secondary.first:hover {
  color: #f36225;
  text-decoration: none;
}

.button_secondary.second {
  background: -webkit-gradient(linear, left bottom, left top, from(#f67b3e), to(#ee4918));
  background: linear-gradient(to top, #f67b3e 0%, #ee4918 100%);
  border: 1px black;
  color: #FFFFFF;
  padding: 7px 10px;
}

.button_secondary.second:hover {
  background: #ff804a;
  text-decoration: none;
}

.button_secondary.third {
  background: -webkit-gradient(linear, left bottom, left top, from(#214a82), to(#32619a));
  background: linear-gradient(to top, #214a82 0%, #32619a 100%);
  border: 1px solid #3d6193;
  color: #FFFFFF;
}

.button_secondary.third:hover {
  text-decoration: none;
  background: -webkit-gradient(linear, left bottom, left top, from(#355f95), to(#4674a8));
  background: linear-gradient(to top, #355f95 0%, #4674a8 100%);
}

.button_secondary_facebook {
  position: relative;
  white-space: nowrap;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-shadow: 0 0 0 #FFF;
  font-family: "OpenSansBold";
  font-size: 12px;
  line-height: 18px;
  background: -webkit-gradient(linear, left bottom, left top, from(#214a82), to(#32619a));
  background: linear-gradient(to top, #214a82 0%, #32619a 100%);
  border-radius: 4px;
  background-clip: padding-box;
  border: 1px solid #3d6193;
  color: #FFFFFF;
  cursor: pointer;
  padding: 4px 15px 4px 22px;
}

.button_secondary_facebook:hover {
  background: -webkit-gradient(linear, left bottom, left top, from(#355f95), to(#4674a8));
  background: linear-gradient(to top, #355f95 0%, #4674a8 100%);
  color: #FFFFFF;
  text-decoration: none;
}

.button_secondary_facebook .f_img {
  width: 15px;
  height: 20px;
  top: 3px;
  background: url('/static/img/f_btn_bg.png') no-repeat;
  background-size: 14px auto;
  left: 5px;
  position: absolute;
}

.button_tertiary {
  position: relative;
  white-space: nowrap;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  text-align: center;
  text-shadow: 0 0 0.5px #ffffff, 0 0 1px #666666;
  border: 1px solid #cfcfce;
  font-family: "OpenSansRegular";
  font-size: 12px;
  line-height: 14px;
  background: -webkit-gradient(linear, left bottom, left top, from(#f6f6f6), to(#ececec));
  background: linear-gradient(to top, #f6f6f6 0%, #ececec 100%);
  border-radius: 2px;
  background-clip: padding-box;
  color: #666666;
  cursor: pointer;
  padding: 3px 2px 4px;
}

.button_tertiary:hover {
  color: #f36225;
  text-decoration: none;
}

.button_tertiary.second {
  padding: 3px 10px 3px 35px;
}

.button_tertiary.second .icon_img {
  width: 23px;
  height: 16px;
  top: 2px;
  background: url('/static/img/icon_gray_bg.png') no-repeat;
  background-size: 25px auto;
  left: 5px;
  position: absolute;
}

.button_tertiary.second:hover .icon_img {
  background: url('/static/img/icon_orange_bg.png') no-repeat;
  background-size: 25px auto;
  top: 3px;
}

.button_tertiary.third {
  color: #f36225;
}

.button_tertiary.third:hover {
  color: #ffffff;
  text-decoration: none;
  background: -webkit-gradient(linear, left bottom, left top, from(#ef4b19), to(#f57a3c));
  background: linear-gradient(to top, #ef4b19 0%, #f57a3c 100%);
}

.button_tertiary.fourth {
  color: #b5b5b5;
}

.button_tertiary.fourth:hover {
  text-decoration: none;
  color: #666666;
}

.button_tertiary.orange {
  background: url('/static/img/btn_primary_background.svg') no-repeat #F67D3E;
  color: #fff;
  text-shadow: 0 0 0 #FFF;
  border: none;
  border-radius: 4px;
  background-clip: padding-box;
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
}

.button_tertiary.orange:hover {
  background: url('/static/img/btn_primary_background_hover.svg') no-repeat #ff804a;
}

div.button_tertiary {
  display: inline-block;
  padding: 3px 10px;
}

.button_other_arrow {
  width: 24px;
  height: 24px;
  background: #FFFFFF;
  border-radius: 6px;
  background-clip: padding-box;
  cursor: pointer;
  border: 1px solid #c8c8c8;
}

.button_other_arrow .arrow {
  width: 0;
  height: 0;
  line-height: 0;
  border-style: solid;
  margin: 10px 13px;
}

.button_other_arrow .arrow.right {
  border-width: 6px 0 6px 9px;
  border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #c8c8c8;
  margin: 7px 9px;
}

.button_other_arrow .arrow.right.js-selected {
  border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #00acea;
}

.button_other_arrow .arrow.left {
  border-width: 6px 9px 6px 0;
  border-color: rgba(255, 255, 255, 0) #c8c8c8 rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
  margin: 7px 7px;
}

.button_other_arrow .arrow.left.js-selected {
  border-color: rgba(255, 255, 255, 0) #00acea rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
}

.button_other_arrow:hover .arrow.right {
  border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #00acea;
}

.button_other_arrow:hover .arrow.left {
  border-color: rgba(255, 255, 255, 0) #00acea rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
}

.button_other_menu {
  width: 240px;
  height: 24px;
  background: #FFFFFF;
  border-radius: 6px;
  background-clip: padding-box;
  cursor: pointer;
  border: 1px solid #c8c8c8;
}

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

.button_other_menu ul li {
  height: 24px;
  width: 60px;
  float: left;
}

.button_other_menu ul li .inner {
  font-family: "OpenSansBold";
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  height: 18px;
  width: 100%;
  margin: 4px 0;
  border-left: 1px solid #c8c8c8;
  color: #666666;
}

.button_other_menu ul li .inner.first {
  border: none;
}

.button_other_menu ul li:hover {
  background: #00b0eb;
}

.button_other_menu ul li:hover .inner {
  border: none;
  color: #FFFFFF;
}

.button_other_menu ul li.js-selected {
  background: #00b0eb;
}

.button_other_menu ul li.js-selected .inner {
  border: none;
  color: #FFFFFF;
}

.popover-bottom .button_tertiary {
  padding: 3px 20px;
}

.carousel_main {
  display: inline-block;
}

.carousel_main .carousel_control {
  height: 24px;
  width: 100%;
  text-align: center;
  margin-top: 9px;
}

.carousel_main .carousel_control .bullet {
  cursor: pointer;
  display: inline-block;
  background: url("/static/img/jcarousel/dot.png") no-repeat scroll 0 0 transparent;
  height: 15px;
  width: 15px;
  border: none;
  padding: 0;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.carousel_main .carousel_control .bullet.active,
.carousel_main .carousel_control .bullet.active:hover {
  background: url("/static/img/jcarousel/blue-dot.png") no-repeat scroll 0 0 transparent;
}

.carousel_main .carousel_control .bullet:hover {
  background: url("/static/img/jcarousel/dot-hover.png") no-repeat scroll 0 0 transparent;
}

.carousel_main .carousel_control .slick-active .bullet {
  background: url("/static/img/jcarousel/blue-dot.png") no-repeat scroll 0 0 transparent;
}

.carousel_main .view {
  overflow: hidden;
  position: relative;
}

.carousel_main .view .carousel_next,
.carousel_main .view .carousel_prev {
  position: absolute;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 2px;
  width: 24px;
  height: 24px;
  cursor: pointer;
  top: 75px;
}

.carousel_main .view .carousel_next {
  right: 12px;
  background: url("/static/img/jcarousel/next-horizontal.png") no-repeat scroll 0 0 transparent;
}

.carousel_main .view .carousel_prev {
  left: 12px;
  background: url("/static/img/jcarousel/prev-horizontal.png") no-repeat scroll 0 0 transparent;
}

.carousel_main li {
  display: none;
  margin-left: 20px;
}

#home .carousel_main .carousel_control {
  bottom: -25px;
}

#challenge_switch_modal {
  margin: 15px;
}

#challenge_switch_modal .inner {
  background: #ffffff;
  border-radius: 5px;
  background-clip: padding-box;
  padding: 10px;
  position: relative;
  padding-left: 220px;
  height: 185px;
}

#challenge_switch_modal img {
  position: absolute;
  left: 10px;
  top: 25px;
}

#challenge_switch_modal .header_text {
  color: #666;
  font-size: 16px;
  margin-bottom: 10px;
}

#challenge_switch_modal .middle_text {
  font-size: 14px;
  margin-bottom: 10px;
}

#challenge_switch_modal .bottom_text {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}

/* shared by single-skill and multi-skill collections and technique statuses */

.user-section {
  zoom: 1;
  margin-bottom: 20px;
}

.user-section:before,
.user-section:after {
  content: '';
  display: table;
}

.user-section:after {
  clear: both;
}

.user-section::after {
  display: block;
  clear: both;
  content: "";
}

.user-section:before,
.user-section:after {
  content: '';
  display: table;
}

.user-section:after {
  clear: both;
}

.user-section::after {
  display: block;
  clear: both;
  content: "";
}

.user-section::after {
  display: block;
  clear: both;
  content: "";
}

.user-section::after {
  display: block;
  clear: both;
  content: "";
}

.user-section img {
  float: left;
  margin-right: 10px;
  border-radius: 4px;
  background-clip: padding-box;
}

.user-section .user-name {
  font-weight: normal;
}

/* shared by multiple collections-related templated */

#activity_statuses {
  position: relative;
  padding-top: 25px;
  margin-left: 9px;
  zoom: 1;
}

#activity_statuses:before,
#activity_statuses:after {
  content: '';
  display: table;
}

#activity_statuses:after {
  clear: both;
}

#activity_statuses::after {
  display: block;
  clear: both;
  content: "";
}

#activity_statuses:before,
#activity_statuses:after {
  content: '';
  display: table;
}

#activity_statuses:after {
  clear: both;
}

#activity_statuses::after {
  display: block;
  clear: both;
  content: "";
}

#activity_statuses::after {
  display: block;
  clear: both;
  content: "";
}

#activity_statuses::after {
  display: block;
  clear: both;
  content: "";
}

#activity_statuses .activity_status {
  zoom: 1;
  list-style: none;
  margin-bottom: 4px;
  width: 120px;
  float: left;
  height: 200px;
}

#activity_statuses .activity_status:before,
#activity_statuses .activity_status:after {
  content: '';
  display: table;
}

#activity_statuses .activity_status:after {
  clear: both;
}

#activity_statuses .activity_status::after {
  display: block;
  clear: both;
  content: "";
}

#activity_statuses .activity_status:before,
#activity_statuses .activity_status:after {
  content: '';
  display: table;
}

#activity_statuses .activity_status:after {
  clear: both;
}

#activity_statuses .activity_status::after {
  display: block;
  clear: both;
  content: "";
}

#activity_statuses .activity_status::after {
  display: block;
  clear: both;
  content: "";
}

#activity_statuses .activity_status::after {
  display: block;
  clear: both;
  content: "";
}

#activity_statuses .activity_status .activity_status-name {
  display: inline;
}

#activity_statuses .activity_status .img {
  float: left;
  margin-right: 8px;
  width: 50px;
  height: 50px;
  border-radius: 3px;
  background-clip: padding-box;
}

#activity_statuses .activity_status .date {
  color: #AAAAAA;
  font-size: smaller;
  font-weight: normal;
  display: inline;
  margin-left: 10px;
}

#activity_statuses .activity_status .report_text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #AAAAAA;
}

#completed_activity_status {
  position: relative;
}

#completed_activity_status .compass_saved_post_data_edit {
  min-height: 177px;
  width: 395px;
  margin: 20px 0;
  padding: 10px;
}

#completed_activity_status * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#completed_activity_status .circular.smaller {
  background: #ffffff;
  border-radius: 25px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  width: 50px;
  height: 50px;
}

#completed_activity_status .circular.smaller a {
  display: block;
}

#completed_activity_status .circular.smaller.pioneer_plus {
  width: 49px;
  height: 49px;
  border: none;
  background-color: #f4d420;
  border-radius: 24px;
  background-clip: padding-box;
}

#completed_activity_status .circular.smaller.pioneer_plus img {
  position: relative;
  top: 2px;
  left: 2px;
  opacity: 1;
  filter: alpha(opacity=1);
  border: none;
  border-radius: 23px;
  background-clip: padding-box;
}

#completed_activity_status .circular.smaller.pioneer {
  width: 49px;
  height: 49px;
  border: none;
  background-color: #e1e6ea;
  border-radius: 24px;
  background-clip: padding-box;
}

#completed_activity_status .circular.smaller.pioneer img {
  position: relative;
  top: 2px;
  left: 2px;
  opacity: 1;
  filter: alpha(opacity=1);
  border: none;
  border-radius: 23px;
  background-clip: padding-box;
}

#completed_activity_status .circular.smaller.expert {
  width: 49px;
  height: 49px;
  border: none;
  background-color: #fff;
  border-radius: 24px;
  background-clip: padding-box;
}

#completed_activity_status .circular.smaller.expert img.expert {
  position: absolute;
  max-width: 65px;
  width: 65px;
  height: 65px;
  top: -4px;
  left: -7px;
}

#completed_activity_status .circular.smaller img {
  border-radius: 23px;
  background-clip: padding-box;
  border: none;
  position: relative;
  top: 2px;
  left: 2px;
  opacity: 1;
  filter: alpha(opacity=1);
}

#completed_activity_status .coach-avatar {
  width: 50px;
  height: 50px;
}

#completed_activity_status .circular {
  border-radius: 46px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  position: relative;
  margin: 0;
  width: 93px;
  height: 93px;
  border: 1px solid #dad9d7;
  background-color: #ffffff;
  margin-right: 10px;
}

#completed_activity_status .circular.pioneer_plus {
  background-color: #f4d420;
  border-radius: 47px;
  background-clip: padding-box;
  width: 95px;
  height: 95px;
}

#completed_activity_status .circular.pioneer_plus img {
  position: relative;
  border: none;
  top: 3px;
  left: 3px;
}

#completed_activity_status .circular.pioneer_plus > a {
  display: block;
}

#completed_activity_status .circular.expert {
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #fff;
  border: 0;
}

#completed_activity_status .circular img {
  border-radius: 43px;
  background-clip: padding-box;
  position: relative;
  border: none;
  top: 2px;
  left: 2px;
  opacity: 1;
  filter: alpha(opacity=1);
}

#completed_activity_status .circular img.expert-87 {
  top: -94px;
  width: 122px;
  max-width: 122px;
  left: -13px;
}

#completed_activity_status .circular img.expert-87.expert-ring {
  left: -12px;
  top: -94px;
}

#completed_activity_status .circular .expert_ribbon-87 {
  width: 120px;
  height: 42px;
  background-position: 0 0;
  top: 62px;
  left: -15px;
  background-image: url('/static/img/expert_ribbon.png');
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
}

#completed_activity_status .circular .label {
  position: absolute;
  width: 100px;
  height: 36px;
  top: 0;
  left: 0;
  display: none;
}

#completed_activity_status .circular .label.pioneer_plus {
  background-image: url("/static/img/sprite-2.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -423px -360px;
  top: 72px;
  left: -4px;
  display: block;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  #completed_activity_status .circular .label.pioneer_plus {
    background-image: url("/static/img/sprite-2@2x.png");
    background-size: 1040px 1253px;
  }
}

#completed_activity_status .circular .label.pioneer {
  background-image: url("/static/img/sprite-2.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -828px -1108px;
  top: 70px;
  left: -4px;
  display: block;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  #completed_activity_status .circular .label.pioneer {
    background-image: url("/static/img/sprite-2@2x.png");
    background-size: 1040px 1253px;
  }
}

#completed_activity_status .circular.pioneer {
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
  background-color: #e1e6ea;
  border: none;
}

#completed_activity_status .circular.pioneer img {
  left: 3px;
  top: 3px;
}

#completed_activity_status .permission {
  color: #854414;
  font-size: 12px;
}

#completed_activity_status .comments-view {
  clear: both;
}

#completed_activity_status .comments-view h2 {
  font-family: 'OpenSansRegular';
  font-weight: normal;
  font-size: 22px;
  color: #1dbce4;
  margin-left: 10px;
}

#completed_activity_status .comments-view .button_container {
  width: 100%;
  margin: 10px 0;
}

#completed_activity_status .comments-view .button_container .button_secondary.first {
  clear: both;
  float: right;
}

#completed_activity_status .edit_post {
  padding: 6px 10px;
}

#completed_activity_status .post-hearter-view {
  margin: 50px 10px 0 0;
  font-family: OpenSansSemibold;
  font-weight: normal;
  font-size: 12px;
  color: #515151;
}

#completed_activity_status .post-hearter-view .button_tertiary {
  padding: 2px 0 1px;
}

#completed_activity_status .post-hearter-view .button_tertiary .heart-inactive {
  margin-left: 0;
  background-position: -302px -104px;
}

#completed_activity_status .post-hearter-view .button_tertiary .heart-active {
  margin-left: 0;
}

#completed_activity_status .post-hearter-view .button_tertiary span {
  vertical-align: middle;
}

#completed_activity_status .post-hearter-view .heart-inactive,
#completed_activity_status .post-hearter-view .heart-active,
#completed_activity_status .post-hearter-view .likes-count {
  display: inline-block;
  vertical-align: middle;
}

#completed_activity_status .post-hearter-view button .heart-inactive,
#completed_activity_status .post-hearter-view button .heart-active,
#completed_activity_status .post-hearter-view button .likes-count {
  margin-left: 9px;
}

#completed_activity_status .post-hearter-view .span {
  margin-right: 5px;
}

#completed_activity_status .post_section.static_true .image {
  position: static;
  float: left;
  margin: 0 20px 20px 0;
}

#completed_activity_status .static_true .header .name {
  padding-left: 30px;
  margin-bottom: 20px;
  display: block;
}

#completed_activity_status .activity-wrap [data-action=report] {
  position: absolute;
  border: none;
  padding: 0;
  bottom: 20px;
  right: 25px;
}

#completed_activity_status .activity-wrap span.tip-short-text {
  color: #9C9C9C;
  font-family: 'OpenSansRegular';
  font-size: 19px;
  font-weight: bold;
}

#completed_activity_status .activity-wrap h3 {
  text-align: left;
  font-size: 22px;
}

#completed_activity_status .activity-wrap h3 .js-follow-button {
  margin: 7px 0 0 0;
}

#completed_activity_status .activity-wrap h3 .js-follow-button .button_secondary {
  height: 30px;
  width: 100px;
  padding: 6px;
}

#completed_activity_status .activity-wrap .date-completed {
  font-family: 'OpenSansRegular';
  font-weight: normal;
  font-size: 13px;
  color: #666666;
  position: absolute;
  top: 66px;
  right: 10px;
}

#completed_activity_status .form-output {
  font-family: 'OpenSansRegular';
  font-weight: normal;
  font-size: 16px;
  color: #666666;
  clear: both;
  margin-top: 15px;
  width: 100%;
}

#completed_activity_status .form-output li {
  margin-bottom: 10px;
  line-height: 21px;
  word-wrap: break-word;
  text-align: justify;
}

#completed_activity_status .form-output li .user,
#completed_activity_status .form-output li .info_title {
  color: #1dbce4;
}

#completed_activity_status .form-output li .info_text {
  margin-left: 20px;
}

#completed_activity_status .form-output .compass_saved_post_data {
  font-size: 1.5rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin-bottom: 20px;
}

#completed_activity_status .form-output .compass_saved_post_data b,
#completed_activity_status .form-output .compass_saved_post_data strong {
  font-family: OpenSansSemiBold;
  font-weight: normal;
}

#completed_activity_status ul.happy_faces {
  margin-left: auto;
  padding: 0;
}

@media (max-width: 575.98px) {
  #completed_activity_status ul.happy_faces {
    float: right;
  }
}

#completed_activity_status .comment {
  margin-top: 20px;
  margin-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
}

#completed_activity_status .comment textarea {
  resize: none;
  color: #777;
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#completed_activity_status .save_container {
  margin: 0 0 10px;
  text-align: right;
}

#completed_activity_status .save_container .comment_save_button {
  width: auto;
  display: none;
}

#completed_activity_status label {
  font-size: 1.4rem;
  color: #777;
}

#completed_activity_status #comment-labeled-field {
  font-family: 'OpenSansRegular';
  font-size: 14px;
  border: 1px solid #cecece;
  padding-left: 10px;
  height: 70px;
  line-height: 18px;
  width: 100%;
}

#completed_activity_status #comment-labeled-field.ie_placeholder {
  font-family: 'OpenSansRegular';
  font-size: 14px;
}

#completed_activity_status #comment-labeled-field:focus {
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
  -webkit-transition: border linear 0.2s, -webkit-box-shadow linear 0.2s;
  transition: border linear 0.2s, -webkit-box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s, -webkit-box-shadow linear 0.2s;
}

#completed_activity_status .comment-text {
  font-family: 'OpenSansSemiBold';
  font-size: 14px;
  color: #666666;
  word-wrap: break-word;
}

#completed_activity_status .comment-text.edit_mode textarea.edit_comment {
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
  -webkit-transition: border linear 0.2s, -webkit-box-shadow linear 0.2s;
  transition: border linear 0.2s, -webkit-box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s, -webkit-box-shadow linear 0.2s;
  padding: 0 4px;
  resize: vertical;
}

#completed_activity_status .comment-text:hover .edit {
  display: block;
}

#completed_activity_status .comment-text:hover [data-action=report] {
  display: block;
}

#completed_activity_status .comment-text [data-action=report] {
  bottom: auto;
  top: 5px;
  right: 5px;
  display: none;
  position: absolute;
  border: 0;
  padding: 0;
  text-align: center;
}

#completed_activity_status .js-comments.edit_mode .comment-text:hover .edit {
  display: none !important;
  /* disable multiple comments editing */
}

#completed_activity_status .comment-text,
#completed_activity_status .comment-field {
  background: white;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-left: 10px;
}

#completed_activity_status .comment-text .edit,
#completed_activity_status .comment-field .edit {
  border: 0;
  position: absolute;
  cursor: pointer;
  top: 0;
  right: 10px;
  width: 29px;
  height: 25px;
  display: none;
  background: url("/static/img/sprite-1.png") no-repeat -17px -557px;
}

#completed_activity_status .comment-text .edit:hover,
#completed_activity_status .comment-field .edit:hover {
  background: url("/static/img/sprite-1.png") no-repeat -51px -557px;
  opacity: 1;
}

#completed_activity_status .comment-text textarea.edit_comment,
#completed_activity_status .comment-field textarea.edit_comment {
  -webkit-box-shadow: none;
  box-shadow: none;
  font-family: 'OpenSansRegular';
  display: none;
  margin: 0;
  padding: 0;
  width: 100%;
  background: transparent;
  line-height: 18px;
  position: relative;
  cursor: text;
  border: 0;
  resize: none;
}

#completed_activity_status .comment-image {
  max-width: 50px;
}

#completed_activity_status .comment-image .avatar_tooltip_container {
  position: absolute;
  top: 58px;
  left: -120px;
  text-align: center;
  display: none;
  width: 300px;
  z-index: 990;
}

#completed_activity_status .comment-image span.avatar_tooltip {
  border-radius: 3px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  white-space: nowrap;
  border: 1px solid #cecece;
  padding: 2px 15px;
  background-color: white;
  color: #8b8b8b;
}

#completed_activity_status .comment-image .tooltip_arrow,
#completed_activity_status .comment-image .tooltip_arrow_n {
  border-width: 9px;
  border-style: solid;
  left: 26px;
  position: absolute;
  z-index: 991;
  content: " ";
  height: 0;
  width: 0;
  display: none;
}

#completed_activity_status .comment-image .tooltip_arrow {
  border-color: transparent transparent #cecece transparent;
  top: 39px;
}

#completed_activity_status .comment-image .tooltip_arrow_n {
  border-color: transparent transparent #ffffff transparent;
  top: 40px;
}

#completed_activity_status .comment-image:hover .avatar_tooltip_container {
  display: none;
}

#completed_activity_status .comment-image:hover .tooltip_arrow,
#completed_activity_status .comment-image:hover .tooltip_arrow_n {
  display: none;
}

#completed_activity_status .user_section {
  margin-left: 2px;
  zoom: 1;
  margin-bottom: 10px;
}

#completed_activity_status .user_section:before,
#completed_activity_status .user_section:after {
  content: '';
  display: table;
}

#completed_activity_status .user_section:after {
  clear: both;
}

#completed_activity_status .user_section::after {
  display: block;
  clear: both;
  content: "";
}

#completed_activity_status .user_section:before,
#completed_activity_status .user_section:after {
  content: '';
  display: table;
}

#completed_activity_status .user_section:after {
  clear: both;
}

#completed_activity_status .user_section::after {
  display: block;
  clear: both;
  content: "";
}

#completed_activity_status .user_section::after {
  display: block;
  clear: both;
  content: "";
}

#completed_activity_status .user_section::after {
  display: block;
  clear: both;
  content: "";
}

#completed_activity_status .user_section img {
  float: left;
  margin-right: 10px;
  border-radius: 3px;
  background-clip: padding-box;
}

#completed_activity_status .post_section {
  position: relative;
  margin-top: 10px;
  padding-left: 5px;
  padding-bottom: 50px;
  min-height: 200px;
}

#completed_activity_status .post_section .image {
  width: 160px;
  height: 160px;
  position: absolute;
  top: 42px;
  right: 10px;
}

#completed_activity_status .post_section .image img {
  border-radius: 3px;
  background-clip: padding-box;
}

#completed_activity_status .post_section .tip_short_text {
  width: 500px;
}

#completed_activity_status .post_section .name {
  font-size: 24px;
  display: inline;
}

#completed_activity_status .post_section .completed_at {
  font-size: 14px;
  display: inline;
}

#completed_activity_status ul {
  list-style: none;
  margin: 0;
}

#completed_activity_status .required_fields {
  margin-top: 10px;
  margin-bottom: 20px;
}

#completed_activity_status .activity_status-label {
  font-weight: bold;
  color: gray;
  font-size: 12px;
}

#completed_activity_status .activity_status-value {
  font-size: 14px;
  font-weight: normal;
  color: black;
}

#completed_activity_status .field_set {
  margin-bottom: 5px;
  width: 470px;
}

#completed_activity_status .field_set.short_text_no_label,
#completed_activity_status .field_set.short_text {
  margin-bottom: 0;
}

#completed_activity_status .btns {
  overflow: auto;
  margin: 15px auto;
  width: 50%;
  text-align: center;
}

#completed_activity_status .edit-post,
#completed_activity_status .fb-share,
#completed_activity_status .fb-shared {
  float: left;
  margin-right: 20px;
}

#completed_activity_status .happy_face_picker_display {
  width: 100px;
  text-align: center;
}

#completed_activity_status .js-skills li {
  float: left;
}

#public_post #completed_activity_status {
  border: 0;
}

#public_post #completed_activity_status .happy_face_picker_display {
  width: auto;
  text-align: left;
}

#completed_activity_status .tags {
  width: 378px;
  margin-top: 5px;
}

#completed_activity_status .tags > li {
  position: relative;
  float: left;
}

#completed_activity_status .tags > li:hover .flyout {
  display: block;
}

#completed_activity_status .tags > li > a {
  color: #fff;
  display: inline-block;
  text-decoration: none;
  background: #35b7e7;
  line-height: 16px;
  font-family: "OpenSansSemibold", Arial, sans-serif;
  margin: 0 2px 2px;
  padding: 0 5px;
  border-radius: 3px;
  background-clip: padding-box;
}

#completed_activity_status .tags > li > a.user {
  background: #fa9a00;
}

#completed_activity_status .tags > li .flyout {
  display: none;
  position: absolute;
  top: 17px;
  left: 0;
  background: #fff;
  z-index: 5;
  padding: 0;
  border: 1px solid #cccccc;
  border-radius: 3px;
  background-clip: padding-box;
}

#completed_activity_status .tags > li .flyout li {
  font-size: 12px;
  line-height: 22px;
  text-align: left;
  border-bottom: 1px solid #cccccc;
}

#completed_activity_status .tags > li .flyout li:last-child {
  border-bottom: none;
}

#completed_activity_status .tags > li .flyout li a,
#completed_activity_status .tags > li .flyout li a:visited {
  color: #7a7a7a;
  display: block;
  padding: 0 10px;
  white-space: nowrap;
}

#completed_activity_status .tags > li .flyout li a span,
#completed_activity_status .tags > li .flyout li a:visited span {
  font-weight: 500;
}

#completed_activity_status .tags > li .flyout li a:hover {
  text-decoration: none;
  background: rgba(200, 200, 200, 0.5);
}

.tooltip.in {
  opacity: 1;
}

.tooltip.bottom .tooltip-arrow {
  border-bottom: 0 solid #fff;
}

.tooltip-inner {
  background: #fff;
  border: 1px solid lightgray;
}

html[data-wcag-enabled=true] .button_tertiary,
html[data-wcag-enabled=true] .button_secondary {
  color: black !important;
}

/* Note this id (#current_challenge_box) is shared by
 * all the current_challenge_box_* templates
 */

#current_challenge_box .main_box {
  border: 1px solid #EEEEEE;
  height: 335px;
  background-color: #fffcf2;
}

#current_challenge_box .main_box .track-title {
  margin-top: 12px;
  margin-bottom: 0px;
  padding-bottom: 4px;
  font-size: 18px;
  font-weight: normal;
  font-family: 'OpenSansRegular';
  color: #666666;
  width: 550px;
  line-height: 22px;
  margin-left: 5px;
}

#current_challenge_box .main_box .track_image_box {
  float: left;
  padding: 0px 0px 5px 8px;
}

#current_challenge_box .main_box .track_image_box .track_image {
  width: 270px;
  border-radius: 8px;
  border: 1px solid #CCCCCC;
}

#current_challenge_box .main_box .top {
  border-bottom: 1px solid #DDDDDD;
  height: 195px;
  padding-left: 5px;
}

#current_challenge_box .main_box .right {
  float: left;
  padding: 8px 5px 10px 5px;
  text-align: center;
  width: 300px;
}

#current_challenge_box .main_box .right .no_activities {
  -webkit-box-shadow: 0 0 2px 2px #EFEFEF;
  box-shadow: 0 0 2px 2px #EFEFEF;
  background: #FFF;
  width: 280px;
  height: 132px;
  margin: 0px 5px 5px 5px;
  border-radius: 2px;
  padding: 20px 10px 10px 30px;
  font-family: 'OpenSansRegular';
  color: #888;
  text-align: left;
  font-size: 17px;
}

#current_challenge_box .main_box .right .no_activities .title {
  color: #777;
}

#current_challenge_box .main_box .right .right_box {
  padding-top: 35px;
}

#current_challenge_box .main_box .right .right_box .ran_out {
  font-family: 'OpenSansRegular';
  color: #777777;
  font-size: 14px;
}

#current_challenge_box .main_box .right .right_box .start_level_btn {
  height: 40px;
  line-height: 40px;
  width: 210px;
  border-radius: 50px;
  font-weight: bold;
  margin: 10px auto;
  border: 5px solid #EEEEEE;
  font-size: 18px;
  padding: 0 0 0 15px;
}

#current_challenge_box .main_box .right .right_box .start_level_btn .btn_flag {
  background-image: url("/static/img/sprite-1.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -421px -64px;
}

#current_challenge_box .main_box .right .right_box .browse_text {
  color: #F07F53;
  font-family: 'OpenSansRegular';
  text-decoration: none;
}

#current_challenge_box .main_box .bottom {
  height: 50px;
  padding: 0px;
  padding-top: 10px;
  padding-left: 10px;
  font-size: 15px;
}

#current_challenge_box .main_box .bottom .bottom_left {
  float: left;
  margin-left: 30px;
  font-family: 'OpenSansRegular';
  padding-top: 7px;
}

#current_challenge_box .main_box .bottom .bottom_left .not_ready {
  color: #03a9e5;
  font-weight: bold;
}

#current_challenge_box .main_box .bottom .bottom_left .try_activity_txt {
  color: #888888;
  padding-top: 3px;
}

#current_challenge_box .main_box .bottom .bottom_right {
  float: left;
}

#current_challenge_box .main_box .bottom .bottom_right .in_progress_indicator {
  background-image: url("/static/img/sprite-1.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -152px -402px;
  width: 17px;
  height: 17px;
  position: relative;
  top: -120px;
  left: 283px;
}

#current_challenge_box .main_box .bottom .bottom_right .micro_activity {
  background: url('/static/img/homepage/small_activity_tile.png') no-repeat 0 0;
  width: 280px;
  height: 87px;
  font-weight: bold;
  padding: 18px 10px 8px 30px;
  font-size: 12px;
  margin-top: 0;
  line-height: 15px;
  max-width: 250px;
  overflow: hidden;
  margin-left: 26px;
  cursor: pointer;
  position: relative;
}

#current_challenge_box .main_box .bottom .bottom_right .micro_activity .icon-small {
  background-image: url("/static/img/sprite-1.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0 0;
  height: 30px;
  position: absolute;
  top: 17px;
  left: 22px;
}

#current_challenge_box .main_box .bottom .bottom_right .micro_activity .icon-small.savor {
  background-position: -306px -6px;
  width: 33px;
  height: 45px;
  top: 8px;
  left: 32px;
}

#current_challenge_box .main_box .bottom .bottom_right .micro_activity .icon-small.thank {
  background-position: -373px -14px;
  width: 52px;
  height: 33px;
}

#current_challenge_box .main_box .bottom .bottom_right .micro_activity .icon-small.aspire {
  background-position: -452px -14px;
  width: 54px;
  height: 29px;
}

#current_challenge_box .main_box .bottom .bottom_right .micro_activity .icon-small.give {
  background-position: -546px -10px;
  width: 35px;
  height: 38px;
  top: 12px;
  left: 32px;
}

#current_challenge_box .main_box .bottom .bottom_right .micro_activity .icon-small.empathize {
  background-position: -621px -12px;
  width: 40px;
  height: 34px;
  left: 28px;
}

#current_challenge_box .main_box .bottom .bottom_right .micro_activity .recommended_link {
  text-decoration: none;
  font-family: 'OpenSansSemibold';
  letter-spacing: 0px;
  overflow: hidden;
  height: 30px;
  position: absolute;
  top: 16px;
  left: 81px;
  width: 170px;
}

#current_challenge_box .main_box .bottom .follow_title {
  padding: 0 0 0 8px;
  font-size: 17px;
  font-family: 'OpenSansRegular';
  color: #666;
}

#current_challenge_box .main_box .bottom .followers {
  font-family: 'OpenSansRegular';
  padding: 0px 0 0 10px;
}

#current_challenge_box .main_box .bottom .followers .follower {
  color: #FF8D57;
}

#current_challenge_box .main_box .bottom .followers .follower .follower_image {
  padding: 7px 2px 5px 10px;
  float: left;
}

#current_challenge_box .main_box .bottom .followers .follower .follower_image .follower_image_wrapper {
  border-radius: 30px;
  background-clip: padding-box;
  border: 4px solid #ffcc00;
  -webkit-box-shadow: 0 0 2px 2px #EEE;
  box-shadow: 0 0 2px 2px #EEE;
}

#current_challenge_box .main_box .bottom .followers .follower .follower_image .follower_image_wrapper img {
  margin-top: 0px;
  border-radius: 30px;
  background-clip: padding-box;
  width: 50px;
  height: 50px;
  cursor: pointer;
}

#current_challenge_box .main_box .bottom .followers .follower .follower_info {
  padding: 10px 2px 5px 5px;
  float: left;
  color: #ff6d28;
}

#current_challenge_box .main_box .bottom .followers .follower .follower_info .follower_name {
  padding: 0 5px 5px 7px;
  cursor: pointer;
  font-family: 'OpenSansSemibold';
}

#current_challenge_box .main_box .bottom .followers .follower .follower_info .follower_button {
  padding: 0 0 0 3px;
}

#current_challenge_box .flag_label {
  background-color: #ebebeb;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#DEDEDE), to(#FEFEFE));
  background-image: linear-gradient(to bottom, #DEDEDE, #FEFEFE);
  background-repeat: repeat-x;
  border-top: 1px solid #DDDDDD;
  border-bottom: 1px solid #EEEEEE;
}

#current_challenge_box .track_summary_container {
  border: 1px solid #DDDDDD;
  margin: 10px;
  background-color: #FFFFFF;
  height: 282px;
  border-radius: 3px;
}

#current_challenge_box .track_summary_left {
  float: left;
  width: 456px;
}

#current_challenge_box .track_summary_left .no_activities {
  margin: 110px 0 0 0;
  color: #F97;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  font-family: 'OpenSansRegular';
}

#current_challenge_box .track_summary_right {
  position: relative;
  float: left;
  background-color: #FFFFFF;
  border-left: 1px solid #DDDDDD;
  height: 281px;
  padding: 0;
  border-bottom: 2px solid #DDDDDD;
}

#current_challenge_box .track_summary_right .all_btn {
  border-radius: 3px;
  background-clip: padding-box;
  border: 1px solid #dadada;
  background-color: #fcfcfc;
  margin: 0 0 0 10px;
  padding: 3px 10px;
  font-family: 'OpenSansRegular';
  font-size: 11px;
  color: #777777;
  text-decoration: none;
  position: relative;
  bottom: -9px;
}

#current_challenge_box .track_summary_right .all_btn:hover {
  background-color: #cccccc;
}

#current_challenge_box .activity {
  border-bottom: 1px solid #DDDDDD;
  background-color: #FFFFFF;
  height: 140px;
  position: relative;
}

#current_challenge_box .activity.premium:hover .unlock {
  display: block;
}

#current_challenge_box .activity.premium .lock {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  border-top: 4px solid #76B102;
}

#current_challenge_box .activity.premium .lock .flag-star {
  position: absolute;
  top: -3px;
  right: 15px;
}

#current_challenge_box .activity.premium .unlock {
  color: #76B102;
  display: none;
  position: absolute;
  padding: 38px 90px 0;
  top: 0;
  left: 0;
  z-index: 2;
  background: #fff;
  font-size: 18px;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#current_challenge_box .activity.premium .unlock .padlock {
  float: left;
  margin: 5px 10px 0 0;
}

#current_challenge_box .activity.premium .unlock .button_primary {
  display: inline-block;
  margin: 10px 0 0 5px;
  padding: 0 20px 0 40px;
  line-height: 32px;
  font-size: 16px;
  width: auto;
  height: auto;
}

#current_challenge_box .activity_left {
  float: left;
  padding: 10px;
  padding-top: 8px;
  padding-left: 15px;
}

#current_challenge_box .activity_left img {
  margin-top: 5px;
}

#current_challenge_box .activity_right {
  float: left;
  padding: 10px;
  padding-top: 2px;
  position: relative;
}

#current_challenge_box .activity_right .activity_title {
  word-wrap: break-word;
  width: 300px;
  overflow: hidden;
  margin-top: 10px;
  font-size: 15pt;
  max-height: 48px;
}

#current_challenge_box .activity_right .activity_title a {
  line-height: 26px;
  font-family: 'OpenSansRegular';
  font-weight: normal;
  color: #F88839;
  text-decoration: none;
}

#current_challenge_box .activity_right .do_this_activity_btn {
  height: 25px;
  position: absolute;
  top: 93px;
  width: 137px;
  padding: 5px 10px;
}

#current_challenge_box .activity_text {
  font-size: 13pt;
  font-family: 'OpenSansRegular';
  width: 300px;
  overflow: hidden;
  max-height: 48px;
  line-height: 23px;
  margin-top: 5px;
}

#current_challenge_box .activity_text a {
  color: #7A7A7A;
  font-weight: normal;
  text-decoration: none;
}

#current_challenge_box .flag {
  background-image: url("/static/img/sprite-1.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -421px -64px;
  padding-bottom: 10px;
  vertical-align: middle;
  display: inline-block;
}

#current_challenge_box .js-see-activities {
  position: absolute;
  color: #ff7a00;
  margin: 0px 0 0 5px;
  font-weight: lighter;
  font-family: 'OpenSansRegular';
  font-size: 11px;
  padding: 3px 10px;
}

.completed_flag {
  background-image: url("/static/img/sprite-1.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -657px -601px;
}

.days_left_flag {
  background-image: url("/static/img/sprite-1.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -657px -658px;
}

.button_primary.explore_tracks_btn {
  height: 40px;
  line-height: 40px;
  width: 210px;
  border-radius: 30px;
  padding: 0 0 0 15px;
  font-weight: lighter;
  font-size: 20px;
  margin: 110px 20px 20px 20px;
}

.button_primary.explore_tracks_btn.select_track {
  padding: 0 5px 0 15px;
  margin: 110px 30px 20px 30px;
}

.button_primary.explore_tracks_btn .with_flag {
  background-image: url("/static/img/sprite-1.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -421px -64px;
}

#dashboard {
  background: #ffffff;
  border-radius: 5px;
  background-clip: padding-box;
  padding: 10px;
}

#hud_section {
  background: #ffffff;
  border-radius: 5px;
  background-clip: padding-box;
  padding: 10px;
  zoom: 1;
}

#hud_section:before,
#hud_section:after {
  content: '';
  display: table;
}

#hud_section:after {
  clear: both;
}

#hud_section::after {
  display: block;
  clear: both;
  content: "";
}

#hud_section:before,
#hud_section:after {
  content: '';
  display: table;
}

#hud_section:after {
  clear: both;
}

#hud_section::after {
  display: block;
  clear: both;
  content: "";
}

#hud_section::after {
  display: block;
  clear: both;
  content: "";
}

#hud_section::after {
  display: block;
  clear: both;
  content: "";
}

#hud_section h4 {
  border-bottom: 1px solid #CCCCCC;
  margin-bottom: 10px;
}

#hud_section #text_status {
  float: left;
  width: 30%;
  background: #ffffff;
  border-radius: 5px;
  background-clip: padding-box;
  padding: 10px;
}

#hud_section #visual_status {
  background: #ffffff;
  border-radius: 5px;
  background-clip: padding-box;
  padding: 10px;
  float: left;
  margin-left: 10px;
  width: 60%;
}

#hud_section .updates .status {
  color: #999999;
}

#dashboard .skill-bar li {
  font-size: 24px;
}

#activity_pane {
  background: #ffffff;
  border-radius: 5px;
  background-clip: padding-box;
  padding: 10px;
  height: 400px;
  margin-bottom: 10px;
}

#activity_pane #activity_feed {
  margin: 0;
  height: 370px;
  overflow-y: scroll;
}

#content_box {
  background: #ffffff;
  border-radius: 5px;
  background-clip: padding-box;
  padding: 10px;
}

#content_box h4 {
  border-bottom: 1px solid #CCCCCC;
  margin-bottom: 10px;
}

#content_box .video {
  display: block;
  margin: 0 auto;
  width: 150px;
}

@media screen and (max-width: 767px) {
  .container-old {
    width: 100%;
  }

  .container-old #footer {
    max-width: 100%;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .container-old .span4 {
    width: 100%;
    max-width: 300px;
    margin-left: 0;
  }
}

.accessibility_body,
.disclaimer_body {
  border-radius: 5px;
  background-clip: padding-box;
  border: 2px solid #DDD;
  background-color: #FFF;
  padding: 20px;
  font-family: 'OpenSansSemibold';
  font-weight: normal;
  max-width: 920px;
  margin: 0 auto;
}

.accessibility_body .title,
.disclaimer_body .title {
  font-size: 18px;
  border-bottom: 1px solid #DDD;
  padding: 5px 0;
  margin: 0 auto;
  text-align: left;
  max-width: 95%;
}

.accessibility_body .disclaimer_text,
.disclaimer_body .disclaimer_text,
.accessibility_body .accessibility_text,
.disclaimer_body .accessibility_text {
  font-family: 'OpenSansRegular';
  font-size: 13px;
  line-height: 20px;
  padding-top: 15px;
}

@media screen and (max-width: 767px) {
  .accessibility_body .disclaimer_text,
  .disclaimer_body .disclaimer_text,
  .accessibility_body .accessibility_text,
  .disclaimer_body .accessibility_text {
    margin: 0 auto;
    padding: 5px 0;
  }
}

.disclaimer_body .title {
  color: #666;
}

.disclaimer_body .disclaimer_text p,
.disclaimer_body .disclaimer_text .disclaimer_item {
  color: #7A7A7A;
  margin: 25px 0;
}

.tumbler-ios {
  position: relative;
}

.tumbler-ios .js-toggle-trigger {
  display: inline-block;
}

.tumbler-ios .ios-checkbox {
  display: none;
  width: 58px;
  height: 35px;
  position: absolute;
  z-index: -1;
}

.tumbler-ios .ios-checkbox:checked ~ .label-wrapper {
  background: #ff7a00;
  -webkit-box-shadow: 0 0 2px #ff7a00;
  box-shadow: 0 0 2px #ff7a00;
}

.tumbler-ios .ios-checkbox:checked ~ .label-wrapper .trigger.tumbler {
  left: 26px;
}

.tumbler-ios .ios-checkbox:checked ~ .label-wrapper .trigger.tumbler::before {
  height: 22px;
  top: 4px;
  left: 15px;
  background: #636363;
}

.tumbler-ios .ios-checkbox:checked ~ .label-wrapper .trigger.tumbler::after {
  width: 11px;
  top: 17px;
  left: 2px;
  background: #636363;
}

.tumbler-ios .label-wrapper,
.tumbler-ios .trigger.tumbler {
  border-radius: 29px;
  -webkit-transition: 400ms all ease-in-out 50ms;
  transition: 400ms all ease-in-out 50ms;
}

.tumbler-ios .label-wrapper::before,
.tumbler-ios .trigger.tumbler::before,
.tumbler-ios .label-wrapper::after,
.tumbler-ios .trigger.tumbler::after {
  -webkit-transition: 400ms all ease-in-out 50ms;
  transition: 400ms all ease-in-out 50ms;
}

.tumbler-ios .label-wrapper {
  display: block;
  position: relative;
  background: #d7d7d2;
  -webkit-box-shadow: 0 0 2px #d7d7d2;
  box-shadow: 0 0 2px #d7d7d2;
  width: 58px;
  height: 35px;
  border-radius: 29px;
  -webkit-transition: 400ms background-color ease-in-out 50ms;
  transition: 400ms background-color ease-in-out 50ms;
  outline-offset: 2px;
  margin: 6px 0;
}

.tumbler-ios .label-wrapper .trigger,
.tumbler-ios .label-wrapper .tumbler {
  position: absolute;
  top: 2px;
  left: 4px;
  height: 30px;
  width: 30px;
  margin-left: 25px;
  vertical-align: top;
  background: #fff;
  cursor: pointer;
}

.tumbler-ios .label-wrapper .trigger::before,
.tumbler-ios .label-wrapper .tumbler::before {
  height: 20px;
  width: 4px;
  top: 5px;
  left: 13px;
}

.tumbler-ios .label-wrapper .trigger::after,
.tumbler-ios .label-wrapper .tumbler::after {
  height: 4px;
  width: 20px;
  top: 13px;
  left: 5px;
}

.tumbler-ios .label-wrapper .trigger::before,
.tumbler-ios .label-wrapper .tumbler::before,
.tumbler-ios .label-wrapper .trigger::after,
.tumbler-ios .label-wrapper .tumbler::after {
  content: '';
  position: absolute;
  background: #636363;
  border-radius: 5px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.accessibility_body {
  position: relative;
}

.accessibility_body .title {
  color: #000000;
}

.accessibility_body .acc_logo {
  text-align: center;
  padding-top: 30px;
}

@media (max-width: 767.98px) {
  .accessibility_body .acc_logo {
    padding-top: 10px;
  }
}

.accessibility_body .accessibility_text p {
  color: #000000;
  margin: 12px 0;
}

.accessibility_body .accessibility_text h2 {
  color: #000000;
  font-size: 16px;
}

.accessibility_body a.cancel {
  color: #575250;
  font-size: 16px;
  text-decoration: underline;
  display: table;
  margin-top: 20px;
}

.accessibility_body a.cancel:hover {
  text-decoration: underline;
}

.accessibility_body button.orange {
  background: #f07300;
  -webkit-box-shadow: 0 2px 0 #b35500;
  box-shadow: 0 2px 0 #b35500;
  font-family: OpenSansSemibold;
  font-size: 16px;
  cursor: pointer;
  line-height: 2em;
  padding: 10px;
  text-transform: uppercase;
  color: #000000;
  border-radius: 5px;
  border: none;
  margin-top: 30px;
}

.accessibility_body button.orange:active {
  -webkit-box-shadow: inset 0 2px 0 #b35500;
  box-shadow: inset 0 2px 0 #b35500;
}

.accessibility_body button.orange[disabled=disabled] {
  background: #f0740041;
}

.accessibility_body .paragraph {
  color: #000000;
  margin: 12px 0 12px 4px;
}

#accessibility_page .trigger {
  margin-left: 0;
}

.accessibility_body a:focus,
.accessibility_body button:focus,
.accessibility_body input[type=checkbox]:focus,
.accessibility_body label:focus {
  outline: 4px solid #000 !important;
}

.accessibility_body a:focus + label,
.accessibility_body button:focus + label,
.accessibility_body input[type=checkbox]:focus + label,
.accessibility_body label:focus + label {
  outline: 4px solid #000 !important;
}

.accessibility_body .tumbler-container {
  margin-top: 10px;
}

.accessibility_body #save-button {
  padding: 10px 30px;
}

.accessibility_body #cancel-button {
  display: inline-block;
  margin-left: 40px;
  padding: 10px 30px;
  background-color: white;
  border: none;
  border-radius: 5px;
  line-height: 2em;
}

#footer a:focus {
  outline: 4px solid #000 !important;
}

#page_error {
  background: #fff;
  padding: 40px;
}

#page_error .onboarding.err-404 > div {
  float: left;
  margin-right: 40px;
}

#page_error .onboarding.err-500 {
  text-align: center;
}

#explore_tracks,
.image_carousel {
  border: 1px solid #EEEEEE;
  border-radius: 5px;
  margin: 0 auto 0 auto;
}

#explore_tracks .page-title,
.image_carousel .page-title {
  margin: 0;
  padding: 30px;
}

#explore_tracks .page-title h1,
.image_carousel .page-title h1 {
  margin: 0;
  padding: 0;
  line-height: 32px;
  font-family: 'OpenSansRegular';
  font-size: 32px;
  width: 700px;
}

#explore_tracks .page-title h4,
.image_carousel .page-title h4 {
  margin: 0;
  padding: 0;
  line-height: 18px;
}

#explore_tracks .page-title a.btn-recommendations,
.image_carousel .page-title a.btn-recommendations {
  margin: 5px 0 0 0;
  font-family: 'OpenSansRegular';
  font-size: 14px;
}

#explore_tracks .tab-cont,
.image_carousel .tab-cont {
  position: relative;
  overflow: hidden;
  background-color: #fff;
}

#explore_tracks .tab-cont .tabrow,
.image_carousel .tab-cont .tabrow {
  background-color: #fdfbf7;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (max-width: 575.98px) {
  #explore_tracks .tab-cont .tabrow,
  .image_carousel .tab-cont .tabrow {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

#explore_tracks .tab-cont .tabrow li,
.image_carousel .tab-cont .tabrow li {
  width: 219px;
  height: 40px;
  display: block;
  background-image: url('/static/img/explore_tracks/tab-sprite.png');
  text-align: center;
  padding-top: 5px;
}

#explore_tracks .tab-cont .tabrow li [data-toggle="tab"],
.image_carousel .tab-cont .tabrow li [data-toggle="tab"] {
  cursor: pointer;
  border: none;
  position: relative;
  color: #777;
  text-decoration: none;
  font-size: 14px;
  text-indent: 50px;
  font-weight: bold;
  text-align: left;
  padding: 2px 0 0 0;
  background-position: 0 1px;
  line-height: 27px;
}

#explore_tracks .tab-cont .tabrow li [data-toggle="tab"]:hover,
.image_carousel .tab-cont .tabrow li [data-toggle="tab"]:hover {
  color: #e5561f;
}

#explore_tracks .tab-cont .tabrow li.active,
.image_carousel .tab-cont .tabrow li.active {
  z-index: 101 !important;
}

#explore_tracks .tab-cont .tabrow li.active [data-toggle="tab"],
.image_carousel .tab-cont .tabrow li.active [data-toggle="tab"] {
  background-position: 0 1px;
  color: #e5561f;
  font-family: 'OpenSansSemibold';
}

#explore_tracks .tab-cont .tabrow li.active [data-toggle="tab"]:hover,
.image_carousel .tab-cont .tabrow li.active [data-toggle="tab"]:hover {
  background-position: 0 1px;
}

#explore_tracks .tab-cont .tabrow li .tab-one,
.image_carousel .tab-cont .tabrow li .tab-one {
  z-index: 97;
}

#explore_tracks .tab-cont .tabrow li .tab-two,
.image_carousel .tab-cont .tabrow li .tab-two {
  z-index: 98;
}

#explore_tracks .tab-cont .tabrow li .tab-three,
.image_carousel .tab-cont .tabrow li .tab-three {
  z-index: 97;
}

#explore_tracks .tab-cont .tabrow li .tab-four,
.image_carousel .tab-cont .tabrow li .tab-four {
  z-index: 96;
}

#explore_tracks .tab-cont .tabrow li .tab-five,
.image_carousel .tab-cont .tabrow li .tab-five {
  z-index: 95;
}

#explore_tracks .tab-cont .tabrow li .tab-six,
.image_carousel .tab-cont .tabrow li .tab-six {
  z-index: 94;
}

#explore_tracks .tab-content,
.image_carousel .tab-content {
  background-color: #fdfbf7;
  padding-top: 25px;
  position: relative;
  clear: both;
}

#explore_tracks .tab-content > .tab-pane,
.image_carousel .tab-content > .tab-pane,
#explore_tracks .pill-content > .pill-pane,
.image_carousel .pill-content > .pill-pane {
  display: none;
}

#explore_tracks .tab-content > .active,
.image_carousel .tab-content > .active,
#explore_tracks .pill-content > .active,
.image_carousel .pill-content > .active {
  display: block;
}

#explore_tracks .topics,
.image_carousel .topics {
  padding-bottom: 200px;
  margin: 10px 0 0 10px;
  overflow: auto;
}

#explore_tracks .topics p,
.image_carousel .topics p {
  font-family: 'OpenSansRegular';
}

#explore_tracks .topic,
.image_carousel .topic {
  border-radius: 5px;
  position: relative;
  margin: 0 10px 20px 10px;
  float: left;
  width: 300px;
  height: 320px;
  border: 1px solid #eeeeee;
  cursor: pointer;
  background: #FCFCFC;
  -webkit-box-shadow: 0 2px 2px #DDDDDD;
  box-shadow: 0 2px 2px #DDDDDD;
}

#explore_tracks .topic img,
.image_carousel .topic img {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

#explore_tracks .topic:hover,
.image_carousel .topic:hover {
  border: 1px solid #F1977D;
}

#explore_tracks {
  width: 1000px;
}

.topic.unavailable {
  opacity: 50;
}

.topic.unavailable .coming-soon {
  margin: 10px 0px;
  padding-left: 10px;
  font-size: 22px;
  color: #333;
}

.topic.unavailable .text p {
  font-size: 18px;
  color: #c5c5c5;
}

.topic .text {
  padding: 10px;
}

.topic .text p {
  font-family: 'OpenSansRegular';
  color: #f05a20;
  font-size: 16px;
  line-height: 20px;
  padding: 0;
  margin: 0;
  height: 50px;
}

.topic .card-track.user-started {
  display: block;
}

.topic .card-track.user-not-started {
  display: none;
}

.topic .track-numbers.user-started {
  display: none;
}

.topic .track-numbers.user-not-started {
  display: block;
}

.topic img.medium {
  display: block;
}

.topic img.large {
  display: none;
}

.topic.premium .created_by {
  position: absolute;
  text-align: center;
  float: right;
  width: 100px;
  height: 90px;
  margin-right: 15px;
  top: 156px;
  left: 196px;
}

.topic.premium .created_by .creator_image_outer {
  background: #76B102;
  width: 76px;
  height: 76px;
  border-radius: 38px;
  background-clip: padding-box;
  margin: 0 auto;
}

.topic.premium .created_by .creator_image_outer .creator_image_inner {
  width: 70px;
  height: 70px;
  background: url('/static/img/creator_img.png') no-repeat #fff;
  background-size: 72px;
  background-position: -2px -2px;
  border-radius: 35px;
  background-clip: padding-box;
  position: relative;
  left: 3px;
  top: 3px;
}

.topic.premium .premium_shield {
  position: absolute;
  background-image: url("/static/img/sprite-1.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -101px -558px;
  left: 236px;
  top: 242px;
  width: 20px;
  height: 20px;
}

.topic.premium .text p {
  width: 190px;
}

.card-track .level_connector {
  position: absolute;
  background-image: url("/static/img/sprite-2.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -640px -864px;
  width: 102px;
  height: 4px;
  top: 33px;
  z-index: 2;
  margin: 0px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  .card-track .level_connector {
    background-image: url("/static/img/sprite-2@2x.png");
    background-size: 1040px 1253px;
  }
}

.card-track .level_connector.one {
  left: 41px;
}

.card-track .level_connector.one.unavailable {
  display: none;
}

.card-track .level_connector.two {
  left: 167px;
}

.card-track .level_connector.two.unavailable {
  display: none;
}

.card-track .level_connector.three {
  left: 293px;
}

.card-track .level_connector.three.unavailable {
  display: none;
}

.card-track ul {
  margin: 10px 0 0 0;
  padding: 0;
  position: relative;
  z-index: 3;
  height: 60px;
}

.card-track ul li.track-week {
  position: relative;
  width: 36px;
  height: 36px;
  list-style-type: none;
  float: left;
  background: #FFF;
  border-radius: 150px;
  border: 1px #DDD solid;
  display: block;
  margin: -6px 20px 0 20px;
  font-weight: normal;
  font-size: 18px;
  color: #bfbfbf;
  -webkit-box-shadow: 0 0 4px #DDD;
  box-shadow: 0 0 4px #DDD;
}

.card-track ul li.track-week span.date {
  position: absolute;
  top: 53px;
  left: 3px;
  font-size: 10px;
  color: #afafb6;
}

.card-track ul li.track-week em {
  display: block;
  font-style: normal;
  padding: 5px 15px 11px 13px;
  margin: 10px 0 0 0;
}

.card-track ul li.track-week.first-week {
  margin-left: 0;
}

.card-track ul li.track-week.last-week {
  margin-right: 0;
}

.card-track ul li.track-week.next-available {
  margin-top: 0;
  box-shadow: 0 0 5px #DDD;
  -moz-box-shadow: 0 0 5px #DDD;
  -webkit-box-shadow: 0 0 5px #DDD;
}

.card-track ul li.track-week.next-available em {
  color: #f05a20;
  margin-top: 4px;
}

.card-track ul li.track-week.unavailable {
  visibility: hidden;
  background: #ededed;
  margin-top: 6px;
}

.card-track ul li.track-week.unavailable em {
  color: #bfbfbf;
  padding: 5px 18px 14px 8px;
  margin-top: 0;
}

.card-track ul li.track-week.active {
  background: #f05a20;
  border: 1px #f38d53 solid;
  padding: 0;
  margin-top: 0;
  -webkit-box-shadow: 0 0 4px 2px #DDD;
  box-shadow: 0 0 4px 2px #DDD;
}

.card-track ul li.track-week.active em {
  text-indent: -99999px;
  padding: 5px 0 14px 0;
  background: transparent url(/static/img/explore_tracks/icon_progress.png) 9px 5px no-repeat;
}

.card-track ul li.track-week.silver-ribbon {
  margin-right: 8px;
  width: 46px;
  height: 57px;
  display: block;
  font-size: 18px;
  font-weight: bold;
  color: #797979;
  text-shadow: none;
  border-radius: 0px;
  background-image: url("/static/img/sprite-1.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -548px -747px;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0;
}

.card-track ul li.track-week.silver-ribbon em {
  padding: 15px 19px;
  margin-top: 0px;
}

.card-track ul li.track-week.gold-ribbon {
  margin-right: 14px;
  width: 46px;
  height: 57px;
  font-size: 18px;
  font-weight: bold;
  color: #d99e00;
  text-shadow: none;
  border-radius: 0px;
  background-image: url("/static/img/sprite-1.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -548px -812px;
  border: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.card-track ul li.track-week.gold-ribbon em {
  padding: 15px 19px;
  margin-top: 0px;
}

.track-bar {
  text-indent: -99999px;
  background: #ededed;
  height: 8px;
  width: 250px;
  z-index: 0;
  position: relative;
  top: 40px;
  left: 15px;
  border-top: 1px #DDD solid;
  border-bottom: 1px #DDD solid;
}

.track-stats {
  font-family: 'OpenSansRegular';
  margin: 5px 0 0 0;
  width: 92px;
  text-align: center;
  float: left;
  color: #666666;
  opacity: 0.99;
}

.track-stats.free {
  padding: 14px 0 0 0;
  color: #1DA2DF;
  font-size: 18px;
  line-height: 24px;
  font-family: 'OpenSansRegular';
  font-weight: normal;
  width: 70px;
  margin-left: 8px;
}

.track-stats.premium {
  padding: 14px 0 0 0;
  color: #76B102;
  font-size: 18px;
  line-height: 24px;
  font-family: 'OpenSansRegular';
  font-weight: normal;
}

.track-stats em,
.track-stats em.track_stats {
  color: #1da2df;
  font-style: normal;
  display: block;
  text-align: center;
  font-weight: bold;
  margin-bottom: 1px;
}

.track-stats em.track_stats {
  font-size: 20px;
  color: #03a9e5;
}

.track-stats p {
  font-size: 12px;
  margin-top: 5px;
}

.divider {
  width: 1px;
  height: 35px;
  float: left;
  background: #EEE;
  margin: 10px 0 0 0;
}

#profile-tracks .card-track,
#explore_tracks .card-track {
  position: relative;
}

#profile-tracks .card-track .level_connector,
#explore_tracks .card-track .level_connector {
  position: absolute;
  background-image: url("/static/img/sprite-2.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -640px -819px;
  width: 60px;
  height: 4px;
  top: 16px;
  z-index: 2;
  margin: 0px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  #profile-tracks .card-track .level_connector,
  #explore_tracks .card-track .level_connector {
    background-image: url("/static/img/sprite-2@2x.png");
    background-size: 1040px 1253px;
  }
}

#profile-tracks .card-track .level_connector.one,
#explore_tracks .card-track .level_connector.one {
  left: 28px;
}

#profile-tracks .card-track .level_connector.one.unavailable,
#explore_tracks .card-track .level_connector.one.unavailable {
  display: none;
}

#profile-tracks .card-track .level_connector.two,
#explore_tracks .card-track .level_connector.two {
  left: 110px;
}

#profile-tracks .card-track .level_connector.two.unavailable,
#explore_tracks .card-track .level_connector.two.unavailable {
  display: none;
}

#profile-tracks .card-track .level_connector.three,
#explore_tracks .card-track .level_connector.three {
  left: 190px;
}

#profile-tracks .card-track .level_connector.three.unavailable,
#explore_tracks .card-track .level_connector.three.unavailable {
  display: none;
}

#profile-tracks .card-track .track_bar_img,
#explore_tracks .card-track .track_bar_img {
  position: absolute;
  background-image: url("/static/img/sprite-2.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -618px -790px;
  width: 269px;
  height: 28px;
  top: 4px;
  left: 4px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  #profile-tracks .card-track .track_bar_img,
  #explore_tracks .card-track .track_bar_img {
    background-image: url("/static/img/sprite-2@2x.png");
    background-size: 1040px 1253px;
  }
}

#profile-tracks .card-track ul,
#explore_tracks .card-track ul {
  margin: 15px 0 0 0;
  padding: 0;
  position: relative;
  z-index: 3;
  height: 60px;
}

#profile-tracks .card-track ul li.track_week_container,
#explore_tracks .card-track ul li.track_week_container {
  position: relative;
  margin: 0;
  list-style-type: none;
}

#profile-tracks .card-track ul li.track_week_container div.track-week,
#explore_tracks .card-track ul li.track_week_container div.track-week {
  position: absolute;
  width: 26px;
  height: 26px;
  background: #FFF;
  border-radius: 150px;
  -webkit-border-radius: 150px;
  -moz-border-radius: 150px;
  border: 1px #DDD solid;
  display: block;
  margin: 0;
  font-weight: normal;
  font-size: 18px;
  -webkit-box-shadow: 0 0 4px #DDD;
  box-shadow: 0 0 4px #DDD;
  color: #bfbfbf;
}

#profile-tracks .card-track ul li.track_week_container div.track-week em,
#explore_tracks .card-track ul li.track_week_container div.track-week em {
  display: block;
  font-style: normal;
  padding: 0 15px 11px 8px;
  margin: 10px 0 0 0;
}

#profile-tracks .card-track ul li.track_week_container div.track-week.next-available,
#explore_tracks .card-track ul li.track_week_container div.track-week.next-available {
  margin-top: -1px;
  width: 34px;
  height: 34px;
}

#profile-tracks .card-track ul li.track_week_container div.track-week.next-available em,
#explore_tracks .card-track ul li.track_week_container div.track-week.next-available em {
  color: #f05a20;
  margin: 8px 0 0 4px;
}

#profile-tracks .card-track ul li.track_week_container div.track-week.unavailable,
#explore_tracks .card-track ul li.track_week_container div.track-week.unavailable {
  display: none;
  background: #ededed;
  margin-top: 6px;
}

#profile-tracks .card-track ul li.track_week_container div.track-week.unavailable em,
#explore_tracks .card-track ul li.track_week_container div.track-week.unavailable em {
  color: #bfbfbf;
  padding: 5px 18px 14px 8px;
  margin-top: 0;
}

#profile-tracks .card-track ul li.track_week_container div.track-week.active,
#explore_tracks .card-track ul li.track_week_container div.track-week.active {
  background: #f05a20;
  border: 1px #f38d53 solid;
  padding: 0;
  margin-top: -1px;
  width: 34px;
  height: 34px;
  -webkit-box-shadow: 0 0 4px 2px #DDD;
  box-shadow: 0 0 4px 2px #DDD;
}

#profile-tracks .card-track ul li.track_week_container div.track-week.active em,
#explore_tracks .card-track ul li.track_week_container div.track-week.active em {
  text-indent: -99999px;
  padding: 5px 0 14px 0;
  background: transparent url(/static/img/explore_tracks/icon_progress.png) 9px 5px no-repeat;
}

#profile-tracks .card-track ul li.track_week_container div.track-week.gold-ribbon,
#explore_tracks .card-track ul li.track_week_container div.track-week.gold-ribbon {
  width: 46px;
  top: -7px;
  height: 57px;
  font-size: 18px;
  font-weight: bold;
  color: #d99e00;
  text-shadow: 0 1px 0 #FFF;
  border-radius: 0px;
  background-image: url("/static/img/sprite-1.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -548px -812px;
  border: 0;
  padding: 0;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}

#profile-tracks .card-track ul li.track_week_container div.track-week.gold-ribbon em,
#explore_tracks .card-track ul li.track_week_container div.track-week.gold-ribbon em {
  padding: 15px 19px;
  margin-top: 0px;
}

#profile-tracks .card-track ul li.track_week_container div.track-week.silver-ribbon,
#explore_tracks .card-track ul li.track_week_container div.track-week.silver-ribbon {
  width: 46px;
  top: -7px;
  height: 57px;
  display: block;
  font-size: 18px;
  font-weight: bold;
  color: #797979;
  text-shadow: 0 1px 0 #DDD;
  border-radius: 0px;
  background-image: url("/static/img/sprite-1.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -548px -747px;
  border: 0;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  padding: 0;
}

#profile-tracks .card-track ul li.track_week_container div.track-week.silver-ribbon em,
#explore_tracks .card-track ul li.track_week_container div.track-week.silver-ribbon em {
  padding: 15px 19px;
  margin-top: 0px;
}

#profile-tracks .card-track ul li.track_week_container div.track-week.track_first,
#explore_tracks .card-track ul li.track_week_container div.track-week.track_first {
  left: 0px;
}

#profile-tracks .card-track ul li.track_week_container div.track-week.track_first.gold-ribbon,
#explore_tracks .card-track ul li.track_week_container div.track-week.track_first.gold-ribbon {
  left: -5px;
}

#profile-tracks .card-track ul li.track_week_container div.track-week.track_first.silver-ribbon,
#explore_tracks .card-track ul li.track_week_container div.track-week.track_first.silver-ribbon {
  left: -5px;
}

#profile-tracks .card-track ul li.track_week_container div.track-week.track_second,
#explore_tracks .card-track ul li.track_week_container div.track-week.track_second {
  left: 80px;
}

#profile-tracks .card-track ul li.track_week_container div.track-week.track_second.gold-ribbon,
#explore_tracks .card-track ul li.track_week_container div.track-week.track_second.gold-ribbon {
  left: 75px;
}

#profile-tracks .card-track ul li.track_week_container div.track-week.track_second.silver-ribbon,
#explore_tracks .card-track ul li.track_week_container div.track-week.track_second.silver-ribbon {
  left: 75px;
}

#profile-tracks .card-track ul li.track_week_container div.track-week.track_third,
#explore_tracks .card-track ul li.track_week_container div.track-week.track_third {
  left: 164px;
}

#profile-tracks .card-track ul li.track_week_container div.track-week.track_third.gold-ribbon,
#explore_tracks .card-track ul li.track_week_container div.track-week.track_third.gold-ribbon {
  left: 155px;
}

#profile-tracks .card-track ul li.track_week_container div.track-week.track_third.silver-ribbon,
#explore_tracks .card-track ul li.track_week_container div.track-week.track_third.silver-ribbon {
  left: 155px;
}

#profile-tracks .card-track ul li.track_week_container div.track-week.track_last,
#explore_tracks .card-track ul li.track_week_container div.track-week.track_last {
  left: 245px;
}

#profile-tracks .card-track ul li.track_week_container div.track-week.track_last.gold-ribbon,
#explore_tracks .card-track ul li.track_week_container div.track-week.track_last.gold-ribbon {
  left: 240px;
}

#profile-tracks .card-track ul li.track_week_container div.track-week.track_last.silver-ribbon,
#explore_tracks .card-track ul li.track_week_container div.track-week.track_last.silver-ribbon {
  left: 240px;
}

#track_detail .card-track ul {
  margin: 15px 0 0 0;
  padding: 0;
  position: relative;
  height: 60px;
  z-index: 3;
}

#track_detail .card-track ul li.track_week_container {
  position: relative;
  margin: 0;
  list-style-type: none;
}

#track_detail .card-track ul li.track_week_container div.track-week {
  position: absolute;
  top: -5px;
  width: 36px;
  height: 36px;
  background: #FFF;
  border-radius: 150px;
  -webkit-border-radius: 150px;
  -moz-border-radius: 150px;
  border: 1px #DDD solid;
  display: block;
  margin: 0;
  font-weight: normal;
  font-size: 18px;
  -webkit-box-shadow: 0 0 3px #BBB;
  box-shadow: 0 0 3px #BBB;
  color: #bfbfbf;
}

#track_detail .card-track ul li.track_week_container div.track-week em {
  display: block;
  font-style: normal;
  padding: 6px 15px 11px 13px;
  margin: 4px 0 0 0;
}

#track_detail .card-track ul li.track_week_container div.track-week.next-available {
  margin-top: 0;
}

#track_detail .card-track ul li.track_week_container div.track-week.next-available em {
  color: #f05a20;
  margin-top: 4px;
}

#track_detail .card-track ul li.track_week_container div.track-week.unavailable {
  display: none;
  background: #ededed;
  margin-top: 6px;
}

#track_detail .card-track ul li.track_week_container div.track-week.unavailable em {
  color: #bfbfbf;
  padding: 5px 18px 14px 8px;
  margin-top: 0;
}

#track_detail .card-track ul li.track_week_container div.track-week.active {
  background: #f05a20;
  border: 1px #f38d53 solid;
  padding: 0;
  -webkit-box-shadow: 0 0 4px 2px #DDD;
  box-shadow: 0 0 4px 2px #DDD;
}

#track_detail .card-track ul li.track_week_container div.track-week.active em {
  text-indent: -99999px;
  padding: 5px 0 14px 0;
  background: transparent url(/static/img/explore_tracks/icon_progress.png) 9px 12px no-repeat;
}

#track_detail .card-track ul li.track_week_container div.track-week.gold-ribbon {
  width: 46px;
  top: -10px;
  height: 57px;
  font-size: 18px;
  font-weight: bold;
  color: #d99e00;
  text-shadow: 0 1px 0 #FFF;
  border-radius: 0;
  background-image: url("/static/img/sprite-1.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -548px -812px;
  border: 0;
  padding: 0;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}

#track_detail .card-track ul li.track_week_container div.track-week.gold-ribbon em {
  padding: 15px 19px;
  margin-top: 0;
}

#track_detail .card-track ul li.track_week_container div.track-week.silver-ribbon {
  width: 46px;
  top: -10px;
  height: 57px;
  display: block;
  font-size: 18px;
  font-weight: bold;
  color: #797979;
  text-shadow: 0 1px 0 #DDD;
  border-radius: 0;
  background-image: url("/static/img/sprite-1.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -548px -747px;
  border: 0;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  padding: 0;
}

#track_detail .card-track ul li.track_week_container div.track-week.silver-ribbon em {
  padding: 15px 19px;
  margin-top: 0;
}

#track_detail .card-track ul li.track_week_container div.track-week.track_first {
  left: -2px;
}

#track_detail .card-track ul li.track_week_container div.track-week.track_first.gold-ribbon {
  left: -6px;
}

#track_detail .card-track ul li.track_week_container div.track-week.track_first.silver-ribbon {
  left: -6px;
}

#track_detail .card-track ul li.track_week_container div.track-week.track_second {
  left: 125px;
}

#track_detail .card-track ul li.track_week_container div.track-week.track_second.gold-ribbon {
  left: 119px;
}

#track_detail .card-track ul li.track_week_container div.track-week.track_second.silver-ribbon {
  left: 119px;
}

#track_detail .card-track ul li.track_week_container div.track-week.track_third {
  left: 251px;
}

#track_detail .card-track ul li.track_week_container div.track-week.track_third.gold-ribbon {
  left: 246px;
}

#track_detail .card-track ul li.track_week_container div.track-week.track_third.silver-ribbon {
  left: 246px;
}

#track_detail .card-track ul li.track_week_container div.track-week.track_last {
  left: 377px;
}

#track_detail .card-track ul li.track_week_container div.track-week.track_last.gold-ribbon {
  left: 372px;
}

#track_detail .card-track ul li.track_week_container div.track-week.track_last.silver-ribbon {
  left: 372px;
}

html[lang=es] #explore_tracks .tab-cont .tabrow li a,
html[lang=pt] #explore_tracks .tab-cont .tabrow li a,
html[lang=es] .image_carousel .tab-cont .tabrow li a,
html[lang=pt] .image_carousel .tab-cont .tabrow li a {
  font-size: 12px;
}

#faq_page {
  background-clip: padding-box;
  color: #666666;
  font-weight: normal;
  height: 100%;
  margin: 0 auto;
  padding-bottom: 75px;
  width: 1018px;
  font-family: "OpenSansRegular";
  font-size: 13px;
}

#faq_page sup {
  vertical-align: middle;
  font-size: 50%;
}

#faq_page a:hover {
  text-decoration: none;
}

#faq_page .page_header {
  background-color: #F8F5F3;
  border-color: #DDDDDD;
  border-style: solid;
  border-width: 2px 2px 1px;
  height: 25px;
  padding: 10px 0;
  width: 1018px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

#faq_page .page_header h1 {
  margin: 0;
  font-size: 18px;
  font-weight: 400;
  padding: 0 0 0 10px;
  font-family: "OpenSansRegular";
}

#faq_page .content {
  background-color: #FFFFFF;
  border-bottom: 2px solid #DDDDDD;
  border-left: 2px solid #DDDDDD;
  border-right: 2px solid #DDDDDD;
  height: 100%;
  margin: 0 auto;
  padding-bottom: 50px;
  width: 1018px;
  position: relative;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

#faq_page .content .content_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 80%;
  margin: 0 auto;
}

#faq_page .content .content_container .faq_menu {
  width: 100%;
  margin-bottom: 40px;
  height: 20px;
  position: relative;
  top: 16px;
}

#faq_page .content .content_container .faq_menu ul {
  list-style: none outside none;
  margin: 0 0 0 25px;
}

#faq_page .content .content_container .faq_menu ul li {
  float: left;
}

#faq_page .content .content_container .faq_menu ul li a {
  color: #F05A20;
  font-size: 15px;
  padding: 29px 20px 26px 8px;
  position: relative;
  width: 100%;
}

#faq_page .content .content_container .faq_section {
  margin: 25px 0 0 70px;
  width: 100%;
}

#faq_page .content .content_container .faq_section h2 {
  color: #666;
  font-family: "OpenSansSemibold";
  font-size: 34px;
}

#faq_page .content .content_container .faq_section h3 {
  color: #666;
  margin: 20px 0 8px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 20px;
  font-size: 130%;
}

#faq_page .content .content_container .faq_section p {
  margin: 0;
  max-width: 710px;
  display: inline-block;
  width: 100%;
}

#faq_page .content .content_container .faq_section p.next {
  margin: 8px 0;
}

#faq_page .content .content_container .faq_section p .bold-text {
  font-family: "OpenSansBold";
}

#faq_page .content .content_container .faq_section p .underlined {
  text-decoration: underline;
  color: #666;
  font-size: 13px;
}

#faq_page .content .content_container .faq_section .paragraph {
  margin: 10px 0 0;
}

#faq_page .content .content_container .faq_section .paragraph div {
  display: inline-block;
  vertical-align: top;
}

#faq_page .content .content_container .faq_section .paragraph .step {
  margin: 0 0 10px 20px;
  width: 650px;
}

#faq_page .content .content_container .faq_section .paragraph .number {
  margin: 0 0 0 35px;
  width: 10px;
}

#faq_page .content .content_container .faq_section .paragraph .header {
  margin: 8px 0;
  display: block;
  width: 710px;
}

#faq_page .content .content_container .faq_section .paragraph.next {
  margin-top: 20px;
}

#faq_page .content .content_container .faq_section img {
  position: relative;
  display: block;
  margin: 20px auto;
  width: 420px;
}

#faq_page .content .content_container .faq_section a {
  font-size: 12px;
}

.profile-content-header {
  text-align: center;
  height: 50px;
  width: 100%;
  margin: 20px 0 20px 0;
}

.profile-content-header .left-hr {
  background-image: url("/static/img/sprite-2.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -514px -69px;
  width: 100px;
  height: 5px;
  display: inline-block;
  margin-bottom: 5px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  .profile-content-header .left-hr {
    background-image: url("/static/img/sprite-2@2x.png");
    background-size: 1040px 1253px;
  }
}

.profile-content-header .right-hr {
  background-image: url("/static/img/sprite-2.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -614px -69px;
  width: 100px;
  height: 5px;
  display: inline-block;
  margin-bottom: 5px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  .profile-content-header .right-hr {
    background-image: url("/static/img/sprite-2@2x.png");
    background-size: 1040px 1253px;
  }
}

.profile-content-header .content-title {
  font-family: "OpenSansRegular";
  font-size: 22px;
  color: #7d7d7c;
}

.profile-content {
  position: relative;
  margin: 0 0 50px;
  padding: 25px 0 100px;
  background: #fff;
  border-left: thin solid #D4D5D7;
  border-right: thin solid #D4D5D7;
  border-bottom: thin solid #D4D5D7;
  zoom: 1;
  border-radius: 0 0 5px 5px;
  background-clip: padding-box;
}

.profile-content:before,
.profile-content:after {
  content: '';
  display: table;
}

.profile-content:after {
  clear: both;
}

.profile-content::after {
  display: block;
  clear: both;
  content: "";
}

.profile-content:before,
.profile-content:after {
  content: '';
  display: table;
}

.profile-content:after {
  clear: both;
}

.profile-content::after {
  display: block;
  clear: both;
  content: "";
}

.profile-content::after {
  display: block;
  clear: both;
  content: "";
}

.profile-content::after {
  display: block;
  clear: both;
  content: "";
}

ul.js-skills-filter {
  float: left;
  padding: 0;
  margin: 0 35px 0 38px;
  line-height: 30px;
  zoom: 1;
}

ul.js-skills-filter:before,
ul.js-skills-filter:after {
  content: '';
  display: table;
}

ul.js-skills-filter:after {
  clear: both;
}

ul.js-skills-filter::after {
  display: block;
  clear: both;
  content: "";
}

ul.js-skills-filter:before,
ul.js-skills-filter:after {
  content: '';
  display: table;
}

ul.js-skills-filter:after {
  clear: both;
}

ul.js-skills-filter::after {
  display: block;
  clear: both;
  content: "";
}

ul.js-skills-filter::after {
  display: block;
  clear: both;
  content: "";
}

ul.js-skills-filter::after {
  display: block;
  clear: both;
  content: "";
}

ul.js-skills-filter:before {
  content: 'filter by:';
  float: left;
  margin-right: 10px;
  color: #666666;
}

ul.js-skills-filter li {
  color: #c5c5c5;
  float: left;
  line-height: 30px;
  list-style: none;
  cursor: pointer;
  margin: 0 6px;
  font-size: 18px;
}

ul.js-skills-filter li i,
ul.js-skills-filter li em {
  font-style: normal;
  position: relative;
}

ul.js-skills-filter li i:hover,
ul.js-skills-filter li em:hover,
ul.js-skills-filter li i.on,
ul.js-skills-filter li em.on {
  color: #333;
}

ul.js-skills-filter li i.thank,
ul.js-skills-filter li em.thank,
ul.js-skills-filter li i.aspire,
ul.js-skills-filter li em.aspire {
  top: 5px;
}

ul.js-skills-filter li i.give,
ul.js-skills-filter li em.give,
ul.js-skills-filter li i.empathize,
ul.js-skills-filter li em.empathize {
  top: 2px;
}

.follow-card {
  background: #fff;
  border-radius: 5px;
  background-clip: padding-box;
  border: 1px solid #cccccc;
  float: left;
  width: 310px;
  height: 155px;
  margin: 0 0 15px 14px;
  -webkit-box-shadow: 0 0 1px 1px #e6e6e6;
  box-shadow: 0 0 1px 1px #e6e6e6;
}

.follow-card .follow-card-left {
  float: left;
  width: 100px;
  height: 120px;
  margin-right: 10px;
  cursor: pointer;
}

.follow-card .follow-card-right {
  float: left;
  width: 175px;
  height: 100px;
  padding: 10px 0 10px 10px;
  font-family: "OpenSansSemibold";
}

.follow-card .follow-card-right .follow-name {
  color: #f05a20;
  font-size: 17px;
  cursor: pointer;
}

.follow-card .follow-card-right .follow-followers,
.follow-card .follow-card-right .follow-location {
  color: #8b8b8b;
  font-size: 12px;
}

.follow-card .follow-card-right .follow-followers {
  line-height: 26px;
}

.follow-card .follow-card-right .button_secondary {
  height: 12px;
  width: 70px;
  line-height: 12px;
}

.follow-card .follow-card-bottom {
  float: left;
  width: 100%;
  height: 35px;
  border-top: 1px solid #e5e5e5;
  font-family: "OpenSansBold";
}

.follow-card .follow-card-bottom .points {
  font-size: 14px;
  color: #999;
}

.follow-card .follow-card-bottom .points .point-cnt {
  float: left;
  height: 30px;
  width: 50px;
  margin: 0 0 0 10px;
}

.follow-card .follow-card-bottom .points .point-cnt .skill-points,
.follow-card .follow-card-bottom .points .point-cnt .skill-name {
  float: left;
  height: 30px;
  line-height: 24px;
}

.follow-card .follow-card-bottom .points .point-cnt .skill-points {
  font-family: "OpenSansSemibold";
  font-size: 12px;
  color: #c5c5c5;
  margin: 6px 5px 0 0;
  width: 20px;
  text-align: right;
}

.follow-card .follow-card-bottom .points .point-cnt .skill-name {
  margin: 4px 0 0 0;
  text-indent: -9999px;
  background-image: url("/static/img/sprite-1.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 25px;
  height: 25px;
  display: block;
}

.follow-card .follow-card-bottom .points .point-cnt .skill-name.savor-icon {
  background-position: -25px -280px;
}

.follow-card .follow-card-bottom .points .point-cnt .skill-name.thank-icon {
  background-position: -62px -280px;
}

.follow-card .follow-card-bottom .points .point-cnt .skill-name.aspire-icon {
  background-position: -103px -280px;
}

.follow-card .follow-card-bottom .points .point-cnt .skill-name.give-icon {
  background-position: -140px -280px;
}

.follow-card .follow-card-bottom .points .point-cnt .skill-name.empathize-icon {
  background-position: -183px -280px;
}

.follow-card .circular {
  position: relative;
  margin: 15px 0 0 10px;
  width: 91px;
  height: 91px;
  background-color: #ffffff;
  border-radius: 45px;
  background-clip: padding-box;
  border: 1px solid #dad9d7;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
}

.follow-card .circular.pioneer_plus {
  width: 94px;
  height: 94px;
  background-color: #f4d420;
  border-radius: 47px;
  background-clip: padding-box;
}

.follow-card .circular.pioneer_plus img {
  position: relative;
  border: none;
  top: 3px;
  left: 3.6px;
}

.follow-card .circular img {
  position: relative;
  border: none;
  top: 2px;
  left: 2px;
  opacity: 1;
  filter: alpha(opacity=1);
  border-radius: 43px;
  background-clip: padding-box;
}

.follow-card .circular .label {
  position: absolute;
  width: 100px;
  height: 36px;
  top: 70px;
  left: -3px;
  display: none;
  background-image: url("/static/img/sprite-2.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -423px -360px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  .follow-card .circular .label {
    background-image: url("/static/img/sprite-2@2x.png");
    background-size: 1040px 1253px;
  }
}

.follow-card .circular .label.pioneer_plus {
  display: block;
}

.follow-card .circular .label.pioneer {
  display: block;
  background-image: url("/static/img/sprite-2.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -829px -1110px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  .follow-card .circular .label.pioneer {
    background-image: url("/static/img/sprite-2@2x.png");
    background-size: 1040px 1253px;
  }
}

.follow-card .circular.pioneer {
  width: 94px;
  height: 94px;
  background-color: #e1e6ea;
  border-radius: 47px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  border: none;
}

.follow-card .circular.pioneer img {
  left: 3px;
  top: 3px;
}

#modal.personalized_follow_suggestions {
  width: 825px;
  top: 37%;
  padding: 20px 20px 30px;
}

#modal.personalized_follow_suggestions .check_box {
  display: inline-block;
  background-image: url("/static/img/sprite-2.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -781px -752px;
  width: 22px;
  height: 23px;
  vertical-align: top;
  margin: 16px 0 0 0;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  #modal.personalized_follow_suggestions .check_box {
    background-image: url("/static/img/sprite-2@2x.png");
    background-size: 1040px 1253px;
  }
}

#modal.personalized_follow_suggestions .check_box.checked {
  background-image: url("/static/img/sprite-2.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -755px -752px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  #modal.personalized_follow_suggestions .check_box.checked {
    background-image: url("/static/img/sprite-2@2x.png");
    background-size: 1040px 1253px;
  }
}

#modal.personalized_follow_suggestions h1 {
  text-align: center;
  font-family: 'OpenSansSemibold';
  font-weight: normal;
  font-size: 28px;
}

#modal.personalized_follow_suggestions h2 {
  margin-left: 31px;
  margin-bottom: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 18px;
  line-height: 18px;
  color: #999;
}

#modal.personalized_follow_suggestions #suggested_profiles {
  width: 800px;
  padding: 20px;
}

#modal.personalized_follow_suggestions #suggested_profiles div {
  display: inline-block;
}

#modal.personalized_follow_suggestions #suggested_profiles #suggested_profile {
  width: 380px;
  min-height: 70px;
  margin: 10px;
}

#modal.personalized_follow_suggestions #suggested_profiles #suggested_profile .avatar_image {
  display: inline-block;
  vertical-align: top;
  margin: 0 5px;
  width: 52px;
  height: 52px;
  background: #f4d420;
  border-radius: 26px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
}

#modal.personalized_follow_suggestions #suggested_profiles #suggested_profile .avatar_image img {
  border-radius: 23px;
  background-clip: padding-box;
  position: relative;
  left: 2px;
  top: 2px;
}

#modal.personalized_follow_suggestions #suggested_profiles #suggested_profile .info_section {
  display: inline-block;
  width: 280px;
}

#modal.personalized_follow_suggestions #suggested_profiles #suggested_profile .info_section .user_name {
  display: block;
  color: #03A9E5;
  font-family: 'OpenSansRegular';
  font-size: 15px;
  font-weight: normal;
}

#modal.personalized_follow_suggestions #suggested_profiles #suggested_profile .info_section .reason_text {
  font-family: 'OpenSansSemibold';
  font-size: 12px;
  color: #999;
  font-weight: normal;
  margin: 0 0 3px 0;
}

#modal.personalized_follow_suggestions #suggested_profiles #suggested_profile .info_section .activity_images .activity_image {
  height: 46px;
  width: 70px;
  text-align: center;
}

#modal.personalized_follow_suggestions #suggested_profiles #suggested_profile .info_section .activity_images .activity_image .post_image {
  max-width: 100%;
  max-height: 100%;
}

#modal.personalized_follow_suggestions .approve_requests,
#modal.personalized_follow_suggestions .suggest_profile,
#modal.personalized_follow_suggestions .settings_text {
  width: 535px;
  font-family: 'OpenSansSemibold';
  font-weight: normal;
  font-size: 12px;
  color: #999;
  margin: 0 auto 5px;
  padding-left: 35px;
}

#modal.personalized_follow_suggestions .approve_requests .check_box,
#modal.personalized_follow_suggestions .suggest_profile .check_box,
#modal.personalized_follow_suggestions .settings_text .check_box {
  margin: 2px 0 0 30px;
  background-image: url("/static/img/sprite-2.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -862px -752px;
  width: 17px;
  height: 18px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  #modal.personalized_follow_suggestions .approve_requests .check_box,
  #modal.personalized_follow_suggestions .suggest_profile .check_box,
  #modal.personalized_follow_suggestions .settings_text .check_box {
    background-image: url("/static/img/sprite-2@2x.png");
    background-size: 1040px 1253px;
  }
}

#modal.personalized_follow_suggestions .approve_requests .check_box.checked,
#modal.personalized_follow_suggestions .suggest_profile .check_box.checked,
#modal.personalized_follow_suggestions .settings_text .check_box.checked {
  background-image: url("/static/img/sprite-2.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -843px -752px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  #modal.personalized_follow_suggestions .approve_requests .check_box.checked,
  #modal.personalized_follow_suggestions .suggest_profile .check_box.checked,
  #modal.personalized_follow_suggestions .settings_text .check_box.checked {
    background-image: url("/static/img/sprite-2@2x.png");
    background-size: 1040px 1253px;
  }
}

#modal.personalized_follow_suggestions .approve_requests span,
#modal.personalized_follow_suggestions .suggest_profile span,
#modal.personalized_follow_suggestions .settings_text span {
  position: relative;
  top: 2px;
}

#modal.personalized_follow_suggestions .button_container {
  width: 200px;
  margin: 0 auto 20px;
}

#accessability_page #footer li,
#accessability_page #footer a,
#accessability_page #footer .graymini-text {
  color: #000;
}

#footer {
  bottom: 0;
  margin: auto;
  max-width: 920px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

#footer ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.graymini-text {
  font-family: 'OpenSansRegular';
  font-weight: normal;
  font-size: 11px;
  color: #BCBCBC;
  margin-top: 5px;
}

.graymini-text a {
  font-family: 'OpenSansSemibold';
  font-weight: normal;
  color: #999999;
  text-decoration: none;
  display: inline-block;
  margin: 4px 0 0;
}

.graymini-text a:hover,
.graymini-text a:focus {
  text-decoration: underline;
  color: #999999;
}

#footer li {
  display: inline-block;
  font-size: 11px;
  font-weight: normal;
  font-family: 'OpenSansRegular';
  color: #BCBCBC;
}

#footer li a {
  font-family: 'OpenSansSemibold';
  font-weight: normal;
  color: #999999;
  text-decoration: none;
  margin: 4px 0 0;
  display: inline-block;
}

#footer li a:hover,
#footer li a:focus {
  text-decoration: underline;
  color: #999999;
}

#footer_disclaimer {
  background-color: #fff;
  padding: 20px;
}

#footer_disclaimer ul li .disclaimer_text {
  color: #BCBCBC;
  font-family: 'OpenSansRegular';
  font-size: 11px;
  font-weight: normal;
}

#skills_menu #footer_disclaimer {
  background-color: transparent;
}

#science_viewer {
  font-size: 11px;
}

#science_viewer #footer_disclaimer {
  margin-left: 10px;
  width: 932px;
}

#science_viewer #footer_disclaimer #footer ul li a {
  font-size: 11px;
}

#science_viewer #footer_disclaimer #footer .graymini-text a.show_disclaimer {
  color: #999999;
  font-family: 'OpenSansSemibold';
  font-weight: normal;
  font-size: 11px;
}

#science_viewer #footer_disclaimer #footer .graymini-text a.show_disclaimer:hover {
  text-decoration: underline;
  color: #999999;
}

#activity_status_reporter #footer_disclaimer {
  background-color: transparent;
}

#activity_quiz #footer_disclaimer,
#poll_quiz_question #footer_disclaimer,
#multiple_question_quiz #footer_disclaimer {
  background-color: transparent;
}

#happiness_quiz {
  position: relative;
  min-height: 638px;
  background: #FFFFFF;
  width: 780px;
  min-width: 780px;
  padding: 10px;
}

#happiness_quiz .privacy-section {
  position: absolute;
  right: 0;
  bottom: 15px;
  width: 200px;
}

#happiness_quiz .privacy-section .key-image {
  width: 15px;
  height: 36px;
  display: inline-block;
  background: url('/static/img/key.png') no-repeat transparent;
}

#happiness_quiz .privacy-section .privacy-text {
  display: inline-block;
  width: auto;
  font-size: 8px;
  line-height: 12px;
  font-family: 'OpenSansSemiBold';
  text-align: left;
  margin-top: 5px;
  vertical-align: top;
  color: #777;
}

#happiness_quiz .start_over,
#happiness_quiz .start_over_btn {
  position: absolute;
  bottom: 10px;
  left: 25px;
  display: none;
  line-height: 20px;
  width: 96px;
}

#happiness_quiz .start_over_btn {
  width: auto;
}

#happiness_quiz .screen {
  display: none;
}

#happiness_quiz .screen.active {
  display: block;
}

#happiness_quiz .screen.active .nav {
  margin-left: 20px;
  overflow: auto;
  clear: both;
}

#happiness_quiz .screen.active .nav .btn_close {
  display: none;
}

#happiness_quiz ul.screens {
  margin: 0;
  overflow: hidden;
}

#happiness_quiz ul.screens h1.lates_score {
  font-family: 'OpenSansRegular';
  font-size: 35px;
  font-weight: normal;
  margin-left: -20px;
  margin-top: 10px;
}

#happiness_quiz .frame {
  background: #ffffff;
  border-radius: 5px;
  background-clip: padding-box;
  padding: 10px;
  min-height: 200px;
  margin-bottom: 15px;
  overflow: hidden;
  position: relative;
}

#happiness_quiz .frame .intro {
  display: block;
  position: relative;
  left: 0;
}

#happiness_quiz .frame .intro .text_wrapper {
  padding-left: 20px;
  height: 142px;
  overflow: auto;
  font-size: 18px;
  width: 80%;
  text-align: justify;
  margin: 0 auto;
}

#happiness_quiz .frame .intro .nav {
  margin-top: 20px;
}

#happiness_quiz .frame .intro .nav .btn_now,
#happiness_quiz .frame .intro .nav .btn_later {
  width: 100px;
}

#happiness_quiz .frame .intro .nav .btn_now {
  background-color: #F67B3E;
  -webkit-filter: none;
  filter: none;
  background-image: none;
  color: #FFFFFF;
  margin-right: 20px;
}

#happiness_quiz .frame .intro .nav .btn_later {
  margin-right: 75px;
}

#happiness_quiz .intro img {
  position: absolute;
  left: 30px;
  top: 0;
  margin-right: 25px;
}

#happiness_quiz .intro .text_wrapper {
  padding-left: 180px;
  color: #666;
}

#happiness_quiz .intro .instructions {
  font-weight: bold;
  font-size: 16px;
}

#happiness_quiz .intro .nav {
  text-align: right;
}

#happiness_quiz .questions_frame .nav {
  text-align: left;
}

#happiness_quiz ul.progress_indicators {
  padding: 0;
  text-align: center;
}

#happiness_quiz li.progress_indicator {
  display: inline-block;
}

#happiness_quiz .question {
  width: 705px;
  padding-left: 10px;
}

#happiness_quiz .quiz_question {
  width: 705px;
  padding: 0;
}

#happiness_quiz .text {
  font-size: 18px;
}

#happiness_quiz .quiz_text {
  color: #03a9e5;
  font-size: 22px;
  line-height: 22px;
  margin-left: 20px;
  margin-top: 15px;
}

#happiness_quiz ul {
  list-style-type: none;
}

#happiness_quiz ul.questions {
  margin: 0;
  padding: 0;
}

#happiness_quiz ul.answers {
  margin: 15px 0 0 0;
  padding: 0;
}

#happiness_quiz ul.answers li.answer {
  color: #888;
  display: block;
  float: left;
  text-align: center;
  width: 54px;
  height: 90px;
  margin-right: 15px;
  cursor: pointer;
  font-size: 14px;
}

#happiness_quiz ul.answers li.answer.wide {
  width: 88px;
  margin-right: 8px;
}

#happiness_quiz ul.answers li.answer.last {
  margin-right: 0;
}

#happiness_quiz ul.answers li.answer div.answer.selected,
#happiness_quiz ul.answers li.answer div.extra_answer.selected {
  background-image: url('/static/img/happ_quiz_radio_2.png');
  background-position: -30px 0;
}

#happiness_quiz ul.answers li.answer div.answer,
#happiness_quiz ul.answers li.answer div.extra_answer {
  width: 30px;
  height: 30px;
  background-image: url('/static/img/happ_quiz_radio.png');
  background-position: 0 0;
  margin-left: auto;
  margin-right: auto;
}

#happiness_quiz ul.answers li.answer div.answer:hover,
#happiness_quiz ul.answers li.answer div.extra_answer:hover {
  background-position: -30px 0;
}

#happiness_quiz ul.answers li.answer div.answer:hover div.inner {
  background-color: #FFFFFF;
}

#happiness_quiz ul.answers li.answer .variant {
  font-weight: normal;
  margin-top: 5px;
}

#happiness_quiz ul.screens li.screen .question_footer {
  height: 35px;
  position: relative;
  width: 705px;
}

#happiness_quiz ul.screens li.screen .question_footer .nav {
  float: left;
  height: 35px;
  width: 100px;
  margin: auto;
  position: absolute;
}

div.progress_indicators {
  left: 216px;
  bottom: 15px;
  width: 440px;
  position: absolute;
  margin-top: auto;
  margin-bottom: auto;
  height: 15px;
  float: left;
  z-index: 0;
}

div.progress_indicators ul {
  margin: 0 auto;
  padding: 0;
}

div.progress_indicators ul li.progress_indicator {
  background-image: url("/static/img/sprite-2.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -638px -729px;
  display: block;
  float: left;
  height: 18px;
  margin: 0;
  padding: 0;
  position: relative;
  width: 42px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  div.progress_indicators ul li.progress_indicator {
    background-image: url("/static/img/sprite-2@2x.png");
    background-size: 1040px 1253px;
  }
}

div.progress_indicators ul li.progress_indicator .circle_visible {
  background-image: url("/static/img/sprite-2.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -642px -752px;
  display: block;
  height: 17px;
  left: 25px;
  position: absolute;
  top: 0;
  width: 19px;
  z-index: 998;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  div.progress_indicators ul li.progress_indicator .circle_visible {
    background-image: url("/static/img/sprite-2@2x.png");
    background-size: 1040px 1253px;
  }
}

div.progress_indicators ul li.progress_indicator .answered_visible {
  background-image: url("/static/img/sprite-2.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -620px -752px;
  display: block;
  height: 17px;
  left: 25px;
  position: absolute;
  top: 0;
  width: 17px;
  z-index: 999;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  div.progress_indicators ul li.progress_indicator .answered_visible {
    background-image: url("/static/img/sprite-2@2x.png");
    background-size: 1040px 1253px;
  }
}

div.progress_indicators ul li.progress_indicator .pline_visible {
  background-image: url("/static/img/sprite-2.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -716px -760px;
  height: 3px;
  left: -1px;
  position: absolute;
  top: 7px;
  width: 28px;
  z-index: 999;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  div.progress_indicators ul li.progress_indicator .pline_visible {
    background-image: url("/static/img/sprite-2@2x.png");
    background-size: 1040px 1253px;
  }
}

div.progress_indicators ul li.progress_indicator:first-child {
  background-image: url("/static/img/sprite-2.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -620px -729px;
  width: 17px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  div.progress_indicators ul li.progress_indicator:first-child {
    background-image: url("/static/img/sprite-2@2x.png");
    background-size: 1040px 1253px;
  }
}

div.progress_indicators ul li.progress_indicator:first-child .circle_visible {
  left: 0;
}

div.progress_indicators ul li.progress_indicator:first-child .answered_visible {
  left: 0;
}

div.progress_indicators ul li.progress_indicator:last-child {
  background-image: url("/static/img/sprite-2.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -940px -729px;
  width: 43px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  div.progress_indicators ul li.progress_indicator:last-child {
    background-image: url("/static/img/sprite-2@2x.png");
    background-size: 1040px 1253px;
  }
}

div.progress_indicators ul li.progress_indicator .circle_hidden,
div.progress_indicators ul li.progress_indicator .answered_hidden,
div.progress_indicators ul li.progress_indicator .pline_hidden {
  display: none;
}

.results .h1 {
  color: #03a9e5;
  font-size: 24px;
  font-weight: lighter;
}

.results .image {
  position: relative;
  float: left;
  margin-right: 35px;
  margin-top: 0;
}

.results .image .pioneer_bg {
  position: relative;
  width: 166px;
  height: 166px;
  background-color: #f0d020;
  border-radius: 83px;
  background-clip: padding-box;
}

.results .image .non_pioneer_bg {
  position: relative;
  width: 166px;
  height: 166px;
  border-radius: 83px;
  background-clip: padding-box;
  background-color: #ffffff;
  border: 2px solid #dad9d7;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
}

.results .image img {
  position: absolute;
  top: 3px;
  left: 3px;
  height: 160px;
  width: 160px;
  border-radius: 80px;
  background-clip: padding-box;
}

.results .image .robbon {
  position: absolute;
  top: 136px;
  left: 0;
  background: transparent url(/static/img/sprite.png) -386px -1304px no-repeat;
  width: 166px;
  height: 53px;
}

.results .scores {
  padding-left: 0;
  zoom: 1;
  margin-bottom: 15px;
}

.results .scores:before,
.results .scores:after {
  content: '';
  display: table;
}

.results .scores:after {
  clear: both;
}

.results .scores::after {
  display: block;
  clear: both;
  content: "";
}

.results .scores:before,
.results .scores:after {
  content: '';
  display: table;
}

.results .scores:after {
  clear: both;
}

.results .scores::after {
  display: block;
  clear: both;
  content: "";
}

.results .scores::after {
  display: block;
  clear: both;
  content: "";
}

.results .scores::after {
  display: block;
  clear: both;
  content: "";
}

.results .scores h1 {
  margin-left: 0;
}

.results .scores .be_back {
  font-family: 'OpenSansRegular';
  font-size: 10px;
  margin-left: -26px;
  margin-top: 40px;
  width: 223px;
  float: left;
}

.results .scores .done_div {
  float: left;
  margin-top: 35px;
  margin-left: 80px;
}

.results .scores .done_div.prev {
  margin-left: 158px;
}

.results .scores .btn-primary {
  padding-left: 40px;
  padding-right: 40px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.results .bottom h1 {
  color: #03A9E5;
}

.results .bottom p {
  color: #b1b1b1;
}

.results .score_boxes {
  zoom: 1;
  margin-left: 20px;
}

.results .score_boxes:before,
.results .score_boxes:after {
  content: '';
  display: table;
}

.results .score_boxes:after {
  clear: both;
}

.results .score_boxes::after {
  display: block;
  clear: both;
  content: "";
}

.results .score_boxes:before,
.results .score_boxes:after {
  content: '';
  display: table;
}

.results .score_boxes:after {
  clear: both;
}

.results .score_boxes::after {
  display: block;
  clear: both;
  content: "";
}

.results .score_boxes::after {
  display: block;
  clear: both;
  content: "";
}

.results .score_boxes::after {
  display: block;
  clear: both;
  content: "";
}

.results .score_box {
  background: #ffffff;
  border-radius: 5px;
  background-clip: padding-box;
  padding: 10px;
  height: 115px;
  float: left;
}

.results .score_box .score_number {
  display: inline-block;
  text-align: center;
  border-radius: 8px;
  background-clip: padding-box;
}

.results .score_box.current {
  margin-left: 30px;
}

.results .score_box.current .score_number {
  background-color: #FEA328;
  color: #FFF;
  height: 90px;
  width: 200px;
  line-height: 80px;
  font-size: 64px;
}

.results .score_box.current .score_number .score_image {
  width: 80px;
  height: 80px;
  margin-top: 10px;
  margin-left: 10px;
  float: left;
  background-image: url("/static/img/sprite-2.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0 0;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  .results .score_box.current .score_number .score_image {
    background-image: url("/static/img/sprite-2@2x.png");
    background-size: 1040px 1253px;
  }
}

.results .score_box.current .score_number .score_image.very_unhappy {
  background-position: -608px -104px;
}

.results .score_box.current .score_number .score_image.moderately_unhappy {
  background-position: -717px -104px;
}

.results .score_box.current .score_number .score_image.mildly_unhappy {
  background-position: -828px -104px;
}

.results .score_box.current .score_number .score_image.neutral {
  background-position: -939px -104px;
}

.results .score_box.current .score_number .score_image.mildly_happy {
  background-position: -608px -195px;
}

.results .score_box.current .score_number .score_image.moderately_happy {
  background-position: -719px -195px;
}

.results .score_box.current .score_number .score_image.very_happy {
  background-position: -833px -195px;
}

.results .score_box.current .score_number .score_number_value {
  float: left;
  width: 110px;
  height: 80px;
  text-align: center;
  padding-top: 6px;
}

.results .score_box.past {
  margin-left: 90px;
}

.results .score_box.past .score_number {
  width: 135px;
  margin-left: 23px;
  background-color: #FEA328;
  color: #FFFFFF;
  height: 60px;
  line-height: 60px;
  font-size: 44px;
  margin-top: 23px;
}

.results .score_box.past .score_number.happ_quiz {
  margin-top: -6px;
}

.results .score_box.past .score_number .score_image {
  width: 45px;
  height: 45px;
  margin-top: 9px;
  margin-left: 9px;
  float: left;
  background-image: url("/static/img/sprite-2.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0 0;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  .results .score_box.past .score_number .score_image {
    background-image: url("/static/img/sprite-2@2x.png");
    background-size: 1040px 1253px;
  }
}

.results .score_box.past .score_number .score_image.very_unhappy {
  background-position: -618px -290px;
}

.results .score_box.past .score_number .score_image.moderately_unhappy {
  background-position: -683px -290px;
}

.results .score_box.past .score_number .score_image.mildly_unhappy {
  background-position: -750px -290px;
}

.results .score_box.past .score_number .score_image.neutral {
  background-position: -816px -290px;
}

.results .score_box.past .score_number .score_image.mildly_happy {
  background-position: -618px -345px;
}

.results .score_box.past .score_number .score_image.moderately_happy {
  background-position: -684px -345px;
}

.results .score_box.past .score_number .score_image.very_happy {
  background-position: -752px -345px;
}

.results .score_box.past .score_number .score_number_value {
  float: left;
  width: 70px;
  height: 60px;
  text-align: center;
  padding-top: 1px;
}

.results .score_box .date {
  margin-bottom: 10px;
  color: #03a9e5;
}

.results .score_box.current .date {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}

.results .score_box.past .date {
  font-size: 16px;
  text-align: center;
  margin-top: 35px;
}

.results .score_box.current .score_description {
  font-size: 16px;
  margin-top: 6px;
  text-align: center;
  color: #7B451D;
}

.results .score_box.past .score_description {
  font-size: 16px;
  color: #7B451D;
  margin-top: 5px;
  text-align: center;
}

.results .nav {
  text-align: center;
}

#modal .page_header h2.questions_title span {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 24px;
  color: #AFAFAF;
  position: relative;
  top: 11px;
}

#modal ul.screens {
  font-family: 'OpenSansRegular';
  font-size: 35px;
  font-weight: normal;
  padding: 0;
}

#modal ul.screens .screen .logo_container {
  margin: 20px 0 0 20px;
  width: 150px;
  height: 55px;
  position: relative;
  background-image: url("/static/img/sprite-1.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 1px 1px;
}

#modal ul.screens .screen h1 {
  color: #03A9E5;
  font-weight: normal;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 30px;
}

#modal ul.screens .screen h1.assessment_title {
  margin: 60px 0 20px 70px;
  text-align: left;
}

#modal ul.screens .screen h1.sign_up_title {
  margin: 15px 0 0 20px;
  text-align: left;
}

#modal ul.screens .screen h2.sign_up_title {
  text-align: left;
  color: #AFAFAF;
  font-weight: normal;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 22px;
  margin: 0 0 0 20px;
}

#modal ul.screens .screen .promo .zsocial_container {
  width: 40%;
  margin: 50px 10px 0 10%;
  float: left;
}

#modal ul.screens .screen .promo .zsocial_container a.zocial {
  font: bold 60%/2.1 "Lucida Grande", Tahoma, sans-serif;
  width: 305px;
}

#modal ul.screens .screen .promo .zsocial_container span.never_post {
  text-align: center;
  color: #AFAFAF;
  font-weight: normal;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  margin: 0;
  position: absolute;
  top: 245px;
  top: 247px\9;
  left: 116px;
}

#modal ul.screens .screen .promo .img_container {
  width: 235px;
  height: 180px;
  background: url('/static/img/sign_up_promo.png') no-repeat 0 0 transparent;
  float: right;
  margin: 0 70px 0 0;
}

#modal ul.screens .screen img {
  float: right;
  left: 27px;
  position: relative;
  width: 360px;
  height: auto;
  top: -13px;
  margin-right: 72px;
}

#modal ul.screens .screen p.intro_text {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 22px;
  margin: 0 0 15px 63px;
  color: #AFAFAF;
}

#modal ul.screens .screen .frame .nav {
  margin: 100px 0 0 0;
}

#modal ul.screens .screen .frame .nav .button_primary {
  margin: 0 auto;
}

#modal ul.screens .screen .frame .nav p {
  margin: 0;
}

#modal ul.screens .screen .frame a.cancel {
  text-decoration: underline;
  font-family: 'OpenSansBold';
  font-weight: normal;
  font-size: 12px;
  color: #808080;
  float: right;
  cursor: pointer;
}

#modal ul.screens .screen .pioneer_label_img {
  width: 235px;
  height: 165px;
  background-image: url("/static/img/sprite-1.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -875px -716px;
  margin: 0 40px 30px 80px;
  float: left;
}

#modal ul.screens .screen .track_recommender_img {
  background: url('/static/img/img_brain4.png?v=1') no-repeat transparent;
  width: 270px;
  height: 160px;
  margin: 0 40px 0 70px;
  float: left;
}

#modal ul.screens .screen h1.almost_pioneer_title {
  margin: 30px 0 40px 40px;
  text-align: left;
  color: #03A9E5;
  font-weight: normal;
  font-family: inherit;
  font-size: 28px;
}

#modal ul.screens .screen p.almost_pioneer_text,
#modal ul.screens .screen p.track_recommender_text {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 22px;
  margin: 0 0 15px 200px;
  color: #AFAFAF;
  width: 490px;
  position: relative;
}

#modal ul.screens .screen p.almost_pioneer_text {
  top: 35px;
}

#modal ul.screens .screen p.track_recommender_text {
  top: 11px;
}

#modal ul.screens .screen h2.extra_questions_title {
  clear: both;
}

#modal ul.screens .screen h2.extra_questions_title span {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 22px;
  color: #AFAFAF;
  margin: 20px 10px 0 0;
}

#modal ul.screens .screen h2.community_saying span {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 22px;
  color: #AFAFAF;
  position: relative;
}

#modal ul.screens .screen .questions {
  margin: 0 0 0 30px;
}

#modal ul.screens .screen .continue_from_extra {
  position: absolute;
  bottom: -67px;
  left: 330px;
  z-index: 1090;
}

#modal ul.screens .screen table.extra_questions {
  margin-left: 20px;
}

#modal ul.screens .screen table.extra_questions td {
  padding: 2px 5px 2px 25px;
  margin: 1px 2px;
  font-family: 'OpenSansSemibold';
  font-weight: normal;
}

#modal ul.screens .screen table.extra_questions td.extra_question {
  font-size: 14px;
  color: #03A9E5;
  text-align: left;
  vertical-align: top;
  width: 33%;
  padding: 0 10px;
}

#modal ul.screens .screen table.extra_questions td.extra_question.question_0 {
  padding-left: 0;
}

#modal ul.screens .screen table.extra_questions td.extra_question_answers {
  font-size: 12px;
}

#modal ul.screens .screen table.extra_questions td.extra_question_answers ul {
  margin: 0;
}

#modal ul.screens .screen table.extra_questions td.extra_question_answers ul li,
#modal ul.screens .screen table.extra_questions td.extra_question_answers ul li.extra_answer {
  width: 100%;
  height: 30px;
  margin: 8px 0 4px 0;
}

#modal ul.screens .screen table.extra_questions td.extra_question_answers ul li .answer_container,
#modal ul.screens .screen table.extra_questions td.extra_question_answers ul li.extra_answer .answer_container {
  padding: 2px;
}

#modal ul.screens .screen table.extra_questions td.extra_question_answers ul li .answer_container .answer,
#modal ul.screens .screen table.extra_questions td.extra_question_answers ul li.extra_answer .answer_container .answer {
  margin: 0 5px 0 0;
}

#modal ul.screens .screen table.extra_questions td.extra_question_answers ul li .answer_container .variant,
#modal ul.screens .screen table.extra_questions td.extra_question_answers ul li.extra_answer .answer_container .variant {
  width: 83%;
  text-align: left;
}

#modal ul.screens .screen table.extra_questions td.extra_question_answers.question_0 {
  padding-left: 0;
}

#modal ul.screens .screen .post_container {
  height: 290px;
  margin: 15px 15px 0;
  color: #666666;
}

#modal ul.screens .screen .post_container .inner_container {
  float: left;
  margin: 0 2px;
}

#modal ul.screens .screen .post_container .inner_container .post {
  width: 230px;
  height: 100%;
  border: 1px solid #DDDDDD;
  z-index: 1099;
  border-radius: 5px;
  background-clip: padding-box;
  padding: 10px 5px 5px;
}

#modal ul.screens .screen .post_container .inner_container .post .image_container {
  float: left;
  height: 100%;
  width: 70px;
}

#modal ul.screens .screen .post_container .inner_container .post .image_container .img_outer {
  margin: 3px 0 0 2px;
  width: 74px;
  height: 74px;
  border-radius: 37px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  border: 1px solid #b1b1b1;
}

#modal ul.screens .screen .post_container .inner_container .post .image_container .img_outer .img_box {
  position: relative;
  border-radius: 35px;
  background-clip: padding-box;
  float: left;
  height: 70px;
  width: 70px;
  top: 2px;
  left: 2px;
}

#modal ul.screens .screen .post_container .inner_container .post .text_container {
  width: 145px;
  padding: 0 0 0 5px;
  float: left;
}

#modal ul.screens .screen .post_container .inner_container .post .text_container p {
  margin-top: 0;
  font-family: 'OpenSansRegular';
  font-size: 10px;
  color: #666666;
  text-align: left;
}

#modal ul.screens .screen .post_container .inner_container .post .text_container p.header_text {
  font-family: 'OpenSansBold';
  font-size: 14px;
  color: #00bce4;
  margin-bottom: 10px;
  margin-left: 12px;
}

#modal ul.screens .screen .post_container .inner_container .post .text_container p.body_text {
  margin-left: 16px;
}

#modal ul.screens .screen .post_container .inner_container .post .text_container p.footer_text {
  text-align: right;
  margin-top: 4px;
}

#modal ul.screens .screen .post_container .inner_container .post.first {
  height: 270px;
  margin-right: 4px;
}

#modal ul.screens .screen .post_container .inner_container .post.second {
  height: 270px;
}

#modal ul.screens .screen .post_container .inner_container .post.third {
  height: 270px;
  margin-left: 4px;
}

#modal ul.screens .screen .post_container .inner_container .post.first .image_container .img_outer .img_box {
  background: url('/static/img/landing/headshot3.png') no-repeat #fff;
  background-size: 74px;
}

#modal ul.screens .screen .post_container .inner_container .post.second .image_container .img_outer .img_box {
  background: url('/static/img/landing/headshot2.png') no-repeat #fff;
  background-size: 74px;
}

#modal ul.screens .screen .post_container .inner_container .post.third .image_container .img_outer .img_box {
  background: url('/static/img/landing/headshot1.png') no-repeat #fff;
  background-size: 74px;
}

#modal ul.screens .screen .post_container .shadow_container {
  background: url("/static/img/pioneers/pod-shadows.png") no-repeat scroll 0 0 transparent;
  height: 10px;
  background-size: 240px auto;
  background-position: 0 -53px;
}

#modal .question_footer .progress_indicators {
  left: 180px;
}

#modal li.track_recommender_questions .page_header h2.questions_title {
  margin: 0;
  text-align: center;
}

#modal li.track_recommender_questions .page_header h2.questions_title span {
  color: #777;
}

.first_time_results,
.second_time_results {
  position: relative;
}

.first_time_results h1,
.second_time_results h1 {
  clear: both;
  text-align: left;
  color: #03A9E5;
  font-weight: normal;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 30px;
}

.first_time_results h1.latest_score,
.second_time_results h1.latest_score {
  margin: 40px 0 40px 60px;
}

.first_time_results h1.next,
.second_time_results h1.next {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 20px 0 0 60px;
}

.first_time_results p.next_details,
.second_time_results p.next_details {
  margin: 0 0 20px 60px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 16px;
  color: #888;
  width: 74%;
}

.first_time_results .image_outer,
.second_time_results .image_outer {
  top: 0;
  right: 50px;
  position: absolute;
  width: 124px;
  height: 124px;
  border-radius: 77px;
  background-clip: padding-box;
  background-color: #FFF;
  border: 2px solid #dad9d7;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
}

.first_time_results .image_outer .image_inner,
.second_time_results .image_outer .image_inner {
  width: 120px;
  height: 120px;
  border-radius: 60px;
  background-clip: padding-box;
  border: none;
  position: absolute;
  top: 2px;
  left: 2px;
}

.first_time_results .score_box,
.second_time_results .score_box {
  float: left;
  margin: 0 20px 0 60px;
  height: 230px;
}

.first_time_results .score_box .score_number,
.second_time_results .score_box .score_number {
  margin: 42px 0 0 0;
  display: inline-block;
  text-align: center;
  border-radius: 12px;
  background-clip: padding-box;
  background-color: #fea328;
  color: #FFF;
  height: 125px;
  width: 210px;
  line-height: 80px;
  font-size: 62px;
  font-family: 'OpenSansSemibold';
}

.first_time_results .score_box .score_number .score_image,
.second_time_results .score_box .score_number .score_image {
  float: left;
  background-image: url("/static/img/sprite-2.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 80px;
  height: 80px;
  margin: 28px 0 0 16px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  .first_time_results .score_box .score_number .score_image,
  .second_time_results .score_box .score_number .score_image {
    background-image: url("/static/img/sprite-2@2x.png");
    background-size: 1040px 1253px;
  }
}

.first_time_results .score_box .score_number .score_image.very_unhappy,
.second_time_results .score_box .score_number .score_image.very_unhappy {
  background-position: -601px -104px;
}

.first_time_results .score_box .score_number .score_image.moderately_unhappy,
.second_time_results .score_box .score_number .score_image.moderately_unhappy {
  background-position: -717px -104px;
}

.first_time_results .score_box .score_number .score_image.mildly_unhappy,
.second_time_results .score_box .score_number .score_image.mildly_unhappy {
  background-position: -821px -104px;
}

.first_time_results .score_box .score_number .score_image.neutral,
.second_time_results .score_box .score_number .score_image.neutral {
  background-position: -930px -104px;
}

.first_time_results .score_box .score_number .score_image.mildly_happy,
.second_time_results .score_box .score_number .score_image.mildly_happy {
  background-position: -599px -195px;
}

.first_time_results .score_box .score_number .score_image.moderately_happy,
.second_time_results .score_box .score_number .score_image.moderately_happy {
  background-position: -710px -195px;
}

.first_time_results .score_box .score_number .score_image.very_happy,
.second_time_results .score_box .score_number .score_image.very_happy {
  background-position: -824px -195px;
}

.first_time_results .score_box .score_number .score_number_value,
.second_time_results .score_box .score_number .score_number_value {
  margin: 20px 5px 0 30px;
}

.first_time_results .score_box .shadow_container,
.second_time_results .score_box .shadow_container {
  background: url("/static/img/pioneers/pod-shadows.png") no-repeat scroll 0 0 transparent;
  height: 5px;
  background-size: 212px auto;
  background-position: 0 -47px;
}

.first_time_results .score_box .be_back,
.second_time_results .score_box .be_back {
  margin: 0 0 0 10px;
  width: 185px;
}

.first_time_results .score_box .be_back p,
.second_time_results .score_box .be_back p {
  margin: 0 0 0 10px;
  padding: 0;
  color: #888;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 11px;
  line-height: 14px;
}

.first_time_results .text_container,
.second_time_results .text_container {
  margin: 75px 0 0 0;
}

.first_time_results .text_container h2.text_header,
.second_time_results .text_container h2.text_header {
  color: #fea328;
  font-family: 'OpenSansSemibold';
  font-weight: normal;
  font-size: 20px;
  margin: 0;
}

.first_time_results .text_container p.text_body,
.second_time_results .text_container p.text_body {
  width: 88%;
  margin: 0 0 15px 0;
  padding: 0;
  color: #888;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
}

.first_time_results h2.questions_title .center_line,
.second_time_results h2.questions_title .center_line {
  background-image: url('/static/img/gray_line.png');
  background-repeat: repeat-x;
  background-position: 0 0;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  .first_time_results h2.questions_title .center_line,
  .second_time_results h2.questions_title .center_line {
    background-image: url('/static/img/gray_line@2x.png');
    background-size: 88px 3px;
  }
}

.second_time_results h1 {
  font-size: 28px;
}

.second_time_results .score_time {
  margin: 42px 0 8px 0;
  text-align: center;
  color: #03a9e5;
  font-size: 17px;
  font-weight: bold;
}

.second_time_results .score_box.past {
  margin: 19px 0 0 160px;
}

.second_time_results .score_box.past .score_time {
  margin-left: -27px;
}

.second_time_results .score_box.past .score_number {
  margin: 0 0 0 0;
  width: 126px;
  height: 75px;
  font-size: 36px;
}

.second_time_results .score_box.past .score_number .score_image {
  width: 43px;
  height: 43px;
  margin-top: 16px;
  margin-left: 16px;
  background-image: url("/static/img/sprite-2.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0 0;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  .second_time_results .score_box.past .score_number .score_image {
    background-image: url("/static/img/sprite-2@2x.png");
    background-size: 1040px 1253px;
  }
}

.second_time_results .score_box.past .score_number .score_image.very_unhappy {
  background-position: -618px -290px;
}

.second_time_results .score_box.past .score_number .score_image.moderately_unhappy {
  background-position: -683px -290px;
}

.second_time_results .score_box.past .score_number .score_image.mildly_unhappy {
  background-position: -750px -290px;
}

.second_time_results .score_box.past .score_number .score_image.neutral {
  background-position: -816px -290px;
}

.second_time_results .score_box.past .score_number .score_image.mildly_happy {
  background-position: -618px -345px;
}

.second_time_results .score_box.past .score_number .score_image.moderately_happy {
  background-position: -684px -345px;
}

.second_time_results .score_box.past .score_number .score_image.very_happy {
  background-position: -752px -345px;
}

.second_time_results .score_box.past .score_number .score_number_value {
  float: left;
  width: 25px;
  height: 74px;
  text-align: center;
  line-height: inherit;
  margin: 0 5px 0 10px;
}

.second_time_results .score_box {
  margin: 0 20px 0 20px;
}

.second_time_results .score_box .score_number {
  margin: 0;
}

.second_time_results .assessment_arrow {
  float: left;
  margin-top: 86px;
}

.second_time_results .text_container {
  clear: both;
  margin: 75px 0 0 60px;
}

#modal ul.screens.recommended-quiz .screen .questions {
  margin: 0 0 0 20px;
}

#modal ul.screens.recommended-quiz {
  margin-top: 40px;
}

#modal .recommended-tracks {
  width: 800px;
  height: 658px;
  position: relative;
  top: 20px;
}

#modal .recommended-tracks .bottom-tracks {
  width: 681px;
  position: relative;
  top: 40px;
}

#modal .recommended-tracks .recommended-track .right-col {
  position: relative;
}

#modal .recommended-tracks .recommended-track .right-col a:hover {
  text-decoration: none;
}

#modal .recommended-tracks .recommended-track .right-col .track-name {
  text-align: center;
  height: 41px;
  margin-top: 10px;
}

#modal .recommended-tracks .recommended-track .right-col p.stats-container {
  margin: 0;
}

#modal .recommended-tracks .recommended-track .right-col .track-stats {
  position: relative;
  top: 0;
  font-size: 13px;
  font-weight: 600;
  line-height: 14px;
  margin-top: 0;
  margin-right: 2px;
  padding-top: 7px;
}

#modal .recommended-tracks .recommended-track .right-col .button_primary.flag {
  height: 51px;
  line-height: 41px;
}

#modal .recommended-tracks .recommended-track .right-col .button_primary.flag .flag_img {
  right: 40px;
}

#modal .recommended-tracks .recommended-track .right-col .premium_flag,
#modal .recommended-tracks .recommended-track .right-col .premium_left,
#modal .recommended-tracks .recommended-track .right-col .premium_badge {
  position: absolute;
  background: url("/static/img/premium-badge-long.png") no-repeat scroll 0 0 transparent;
  height: 29px;
  top: -20px;
}

#modal .recommended-tracks .recommended-track .right-col .premium_left {
  width: 13px;
  left: -49px;
  background-position: -55px 0;
}

#modal .recommended-tracks .recommended-track .right-col .premium_flag {
  left: -37px;
  width: 94px;
}

#modal .recommended-tracks .recommended-track .right-col .premium_badge {
  background-position: -55px 0;
  width: 270px;
  text-align: center;
  color: white;
  left: 55px;
}

#modal .recommended-tracks .recommended-track .right-col .premium_badge span {
  font-weight: 600;
  left: 36px;
  position: absolute;
  top: 1px;
}

#modal .bottom-tracks .track {
  position: relative;
  overflow: hidden;
}

#modal .bottom-tracks .track .name {
  font-size: 16px;
}

#modal .bottom-tracks .track .try_free {
  color: #1DA2DF;
  font-size: 11px;
  position: absolute;
  top: 72px;
  left: 230px;
  width: 90px;
  text-align: right;
}

#modal .bottom-tracks .track .premium_badge {
  background: url("/static/img/premium-badge.png") no-repeat scroll 0 0 transparent;
  height: 29px;
  left: 149px;
  position: relative;
  width: 180px;
  text-align: center;
  color: white;
  z-index: -1;
}

#modal .bottom-tracks .track .premium_badge span {
  font-weight: 600;
  left: 52px;
  position: absolute;
  top: 1px;
}

#modal .other-header {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 22px;
  color: #AFAFAF;
  margin-left: 120px;
  position: relative;
  top: 40px;
}

#modal a.browse-other {
  position: relative;
  top: 80px;
  font-size: 16px;
  display: inline;
}

#modal.signup_pages {
  width: 800px;
  overflow: visible;
  -webkit-box-shadow: 0 0 5px 5px rgba(153, 153, 153, 0.35);
  box-shadow: 0 0 5px 5px rgba(153, 153, 153, 0.35);
}

#modal.signup_pages .logo_container {
  margin: 20px 0 0 20px;
  width: 150px;
  height: 55px;
  position: relative;
  background-image: url("/static/img/sprite-1.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 1px 1px;
}

#modal.signup_pages ul.signup_views {
  list-style: none;
  padding: 10px;
}

#modal.signup_pages ul.signup_views li {
  display: none;
}

#modal.signup_pages ul.signup_views li.active {
  display: list-item;
}

#modal.signup_pages ul.signup_views li h1 {
  color: #03A9E5;
  font-weight: normal;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 30px;
}

#modal.signup_pages ul.signup_views li h1.recommended_track_header {
  margin: 0;
  text-align: center;
}

#modal.signup_pages ul.signup_views li h2 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  color: #AFAFAF;
  text-align: center;
}

#modal.signup_pages ul.signup_views li h2.signup_header .horizontal_line.right {
  background-position: -656px -69px;
}

#modal.signup_pages ul.signup_views li h2.signup_header span {
  margin: 0 15px;
}

#modal.signup_pages ul.signup_views li h2.community_saying {
  font-size: 18px;
}

#modal.signup_pages ul.signup_views li .button_container {
  font-size: 24px;
  width: 480px;
  margin: 0 auto;
  padding: 10px;
  text-align: center;
}

#modal.signup_pages ul.signup_views li .button_container a.zocial {
  margin: 0 10px;
}

#modal.signup_pages ul.signup_views li .button_container span.never_visible {
  display: block;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  line-height: 22px;
  color: #AFAFAF;
}

#modal.signup_pages ul.signup_views li .signup_with_email {
  margin: 30px 0 0 0;
  text-align: center;
  font-size: 18px;
  font-family: 'OpenSansSemibold';
  font-weight: normal;
}

#modal.signup_pages ul.signup_views li .signup_with_email .welcome_text {
  color: #999;
}

#modal.signup_pages ul.signup_views li .post_container {
  position: relative;
  top: -8px;
  height: 110px;
  margin: 15px;
  color: #666666;
}

#modal.signup_pages ul.signup_views li .post_container .inner_container {
  float: left;
  margin: 0 2px;
}

#modal.signup_pages ul.signup_views li .post_container .inner_container .post {
  width: 230px;
  height: 100%;
  border: 1px solid #DDDDDD;
  z-index: 1099;
  border-radius: 5px;
  background-clip: padding-box;
  padding: 10px 5px 5px;
  position: relative;
}

#modal.signup_pages ul.signup_views li .post_container .inner_container .post .image_container {
  position: absolute;
  height: 80px;
  width: 80px;
  top: 5px;
  left: -3px;
}

#modal.signup_pages ul.signup_views li .post_container .inner_container .post .image_container .img_outer {
  margin: 3px 0 0 2px;
  width: 80px;
  height: 80px;
  border-radius: 40px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  border: 1px solid #b1b1b1;
}

#modal.signup_pages ul.signup_views li .post_container .inner_container .post .image_container .img_outer .img_box {
  position: relative;
  border-radius: 37px;
  background-clip: padding-box;
  float: left;
  height: 74px;
  width: 74px;
  top: 2px;
  left: 2px;
}

#modal.signup_pages ul.signup_views li .post_container .inner_container .post .text_container {
  height: 90px;
  width: 152px;
  padding: 0 0 0 5px;
  float: right;
}

#modal.signup_pages ul.signup_views li .post_container .inner_container .post .text_container p {
  margin: 0;
  font-family: 'OpenSansRegular';
  font-size: 11px;
  color: #666666;
  text-align: left;
}

#modal.signup_pages ul.signup_views li .post_container .inner_container .post .text_container p.header_text {
  font-family: 'OpenSansBold';
  font-size: 14px;
  color: #00bce4;
  margin-left: 12px;
}

#modal.signup_pages ul.signup_views li .post_container .inner_container .post .text_container p.footer_text {
  text-align: right;
  color: #AFAFAF;
}

#modal.signup_pages ul.signup_views li .post_container .inner_container .post .happiness_increase {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  color: #AFAFAF;
  text-align: center;
  font-size: 13px;
  width: 100%;
  clear: both;
}

#modal.signup_pages ul.signup_views li .post_container .inner_container .post.first {
  margin-right: 4px;
}

#modal.signup_pages ul.signup_views li .post_container .inner_container .post.third {
  margin-left: 7px;
}

#modal.signup_pages ul.signup_views li .post_container .inner_container .post.first .image_container .img_outer .img_box {
  background: url('/static/img/landing/headshot2.png') no-repeat #fff;
  background-size: 76px;
}

#modal.signup_pages ul.signup_views li .post_container .inner_container .post.second .image_container .img_outer .img_box {
  background: url('/static/img/landing/headshot4.png') no-repeat #fff;
  background-size: 76px;
}

#modal.signup_pages ul.signup_views li .post_container .inner_container .post.third .image_container .img_outer .img_box {
  background: url('/static/img/landing/headshot3.png') no-repeat #fff;
  background-size: 76px;
}

#modal.signup_pages ul.signup_views li .post_container .shadow_container {
  background: url("/static/img/pioneers/pod-shadows.png") no-repeat scroll 0 0 transparent;
  height: 10px;
  background-size: 240px auto;
  background-position: 0 -53px;
}

#modal.signup_pages ul.signup_views li.create_account h1,
#modal.signup_pages ul.signup_views li.customize_profile h1 {
  margin: 0 0 30px 60px;
}

#modal.signup_pages ul.signup_views li.create_account .image_section,
#modal.signup_pages ul.signup_views li.customize_profile .image_section {
  width: 180px;
  display: inline-block;
  margin: 0 30px 0 90px;
}

#modal.signup_pages ul.signup_views li.create_account .image_section .avatar_container,
#modal.signup_pages ul.signup_views li.customize_profile .image_section .avatar_container {
  background: #e1e6ea;
  margin: 10px auto 20px;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  width: 140px;
  height: 140px;
  border-radius: 70px;
  background-clip: padding-box;
  border: 2px solid #DDD;
}

#modal.signup_pages ul.signup_views li.create_account .image_section .avatar_container .avatar_img,
#modal.signup_pages ul.signup_views li.customize_profile .image_section .avatar_container .avatar_img {
  border-radius: 70px;
  background-clip: padding-box;
  position: relative;
  top: 2px;
  left: 2px;
}

#modal.signup_pages ul.signup_views li.create_account .image_section .avatar_container .label,
#modal.signup_pages ul.signup_views li.customize_profile .image_section .avatar_container .label {
  position: absolute;
  width: 166px;
  height: 56px;
  top: 245px;
  left: 110px;
  display: block;
  background-image: url("/static/img/sprite-2.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -718px -25px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  #modal.signup_pages ul.signup_views li.create_account .image_section .avatar_container .label,
  #modal.signup_pages ul.signup_views li.customize_profile .image_section .avatar_container .label {
    background-image: url("/static/img/sprite-2@2x.png");
    background-size: 1040px 1253px;
  }
}

#modal.signup_pages ul.signup_views li.create_account .image_section #upload_container .uploadify-queue-item,
#modal.signup_pages ul.signup_views li.customize_profile .image_section #upload_container .uploadify-queue-item {
  position: absolute;
}

#modal.signup_pages ul.signup_views li.create_account .image_section #upload_container #span_upload,
#modal.signup_pages ul.signup_views li.customize_profile .image_section #upload_container #span_upload {
  margin-left: 10px;
}

#modal.signup_pages ul.signup_views li.create_account .image_section #upload_container .uploadify,
#modal.signup_pages ul.signup_views li.customize_profile .image_section #upload_container .uploadify,
#modal.signup_pages ul.signup_views li.create_account .image_section #upload_container .uploadify:focus,
#modal.signup_pages ul.signup_views li.customize_profile .image_section #upload_container .uploadify:focus,
#modal.signup_pages ul.signup_views li.create_account .image_section #upload_container .uploadify:hover,
#modal.signup_pages ul.signup_views li.customize_profile .image_section #upload_container .uploadify:hover,
#modal.signup_pages ul.signup_views li.create_account .image_section #upload_container .swfupload,
#modal.signup_pages ul.signup_views li.customize_profile .image_section #upload_container .swfupload,
#modal.signup_pages ul.signup_views li.create_account .image_section #upload_container .swfupload:focus,
#modal.signup_pages ul.signup_views li.customize_profile .image_section #upload_container .swfupload:focus,
#modal.signup_pages ul.signup_views li.create_account .image_section #upload_container .swfupload:hover,
#modal.signup_pages ul.signup_views li.customize_profile .image_section #upload_container .swfupload:hover {
  outline: none;
}

#modal.signup_pages ul.signup_views li.create_account .image_section #upload_container .uploadify:hover .uploadify-button,
#modal.signup_pages ul.signup_views li.customize_profile .image_section #upload_container .uploadify:hover .uploadify-button {
  outline: none;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), color-stop(2%, #ededed), color-stop(98%, #ededed), to(#dddddd));
  background-image: linear-gradient(to bottom, #f2f2f2 0%, #ededed 2%, #ededed 98%, #dddddd 100%);
  /* W3C */
  background-repeat: repeat-x;
  color: #f36225;
  text-decoration: none;
}

#modal.signup_pages ul.signup_views li.create_account form,
#modal.signup_pages ul.signup_views li.customize_profile form {
  vertical-align: top;
  display: inline-block;
  width: 305px;
  text-align: center;
  padding-left: 240px;
}

#modal.signup_pages ul.signup_views li.create_account form .create_act_btn,
#modal.signup_pages ul.signup_views li.customize_profile form .create_act_btn {
  font-family: 'OpenSansSemibold';
  font-size: 18px;
  font-weight: normal;
  text-align: center;
}

#modal.signup_pages ul.signup_views li.create_account form .create_act_btn.uppercase,
#modal.signup_pages ul.signup_views li.customize_profile form .create_act_btn.uppercase {
  text-transform: uppercase;
}

#modal.signup_pages ul.signup_views li.create_account form .form_field,
#modal.signup_pages ul.signup_views li.customize_profile form .form_field {
  clear: both;
  border-radius: 5px;
  background-clip: padding-box;
  border: 1px solid #DDD;
  width: 305px;
  height: 35px;
  margin: 0 auto;
}

#modal.signup_pages ul.signup_views li.create_account form .form_field textarea,
#modal.signup_pages ul.signup_views li.customize_profile form .form_field textarea,
#modal.signup_pages ul.signup_views li.create_account form .form_field input,
#modal.signup_pages ul.signup_views li.customize_profile form .form_field input {
  font-family: 'OpenSansSemibold';
  font-size: 18px;
  border: none;
  width: 289px;
  height: 33px;
  line-height: 22px;
  resize: none;
  overflow: hidden;
}

#modal.signup_pages ul.signup_views li.create_account form .form_field textarea:focus,
#modal.signup_pages ul.signup_views li.customize_profile form .form_field textarea:focus,
#modal.signup_pages ul.signup_views li.create_account form .form_field input:focus,
#modal.signup_pages ul.signup_views li.customize_profile form .form_field input:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  outline: none;
  padding: 1px 2px;
}

#modal.signup_pages ul.signup_views li.create_account form .form_field input,
#modal.signup_pages ul.signup_views li.customize_profile form .form_field input {
  padding: 1px 2px;
}

#modal.signup_pages ul.signup_views li.create_account form .terms_warning,
#modal.signup_pages ul.signup_views li.customize_profile form .terms_warning {
  clear: both;
  margin: 40px 0 25px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #AFAFAF;
}

#modal.signup_pages ul.signup_views li.create_account form .error_container,
#modal.signup_pages ul.signup_views li.customize_profile form .error_container {
  float: right;
  margin: 3px 0 10px 0;
  color: #BA534F;
}

#modal.signup_pages ul.signup_views li.create_account form .error_container.hidden,
#modal.signup_pages ul.signup_views li.customize_profile form .error_container.hidden {
  display: block;
  visibility: hidden;
}

#modal.signup_pages ul.signup_views li.create_account form .error_container.in_use,
#modal.signup_pages ul.signup_views li.customize_profile form .error_container.in_use {
  font-size: 14px;
}

#modal.signup_pages ul.signup_views li.create_account form .error_container.in_use a,
#modal.signup_pages ul.signup_views li.customize_profile form .error_container.in_use a {
  color: #BA534F;
  text-decoration: underline;
}

#modal.signup_pages ul.signup_views li.create_account form .button_primary,
#modal.signup_pages ul.signup_views li.customize_profile form .button_primary {
  width: 160px;
  height: 46px;
  line-height: 45px;
  font-size: 20px;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.35);
  margin: 0 auto;
}

#modal.signup_pages ul.signup_views li.customize_profile h1 {
  margin: 0 0 0 50px;
  position: relative;
  top: -10px;
}

#modal.signup_pages ul.signup_views li.customize_profile .text_container {
  border-radius: 5px;
  background-clip: padding-box;
  padding: 2px;
  border: 1px solid #DDD;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  display: inline-block;
  vertical-align: top;
  position: relative;
  top: 60px;
  width: 400px;
  height: 130px;
}

#modal.signup_pages ul.signup_views li.customize_profile .text_container textarea.what_makes_me_happy {
  width: 380px;
  height: 125px;
  -webkit-box-shadow: none;
  box-shadow: none;
  line-height: 22px;
  font-family: 'OpenSansSemibold';
  font-size: 18px;
  border: none;
  resize: none;
  overflow: hidden;
}

#modal.signup_pages ul.signup_views li.customize_profile .text_container .char_limit {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 14px;
  color: #372f2b;
  float: right;
  margin-top: 15px;
}

#modal.signup_pages ul.signup_views li.customize_profile .button_continue {
  margin: 150px auto 0;
  height: 46px;
  line-height: 45px;
  font-size: 20px;
}

#modal.signup_pages ul.signup_views li.customize_profile a.cancel_process {
  float: right;
  position: relative;
  top: -3px;
  margin-bottom: 8px;
  color: #999;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  text-decoration: underline;
}

#modal .signup_views .customize_profile input:focus,
#modal .signup_views .customize_profile textarea:focus {
  outline: none;
}

#modal .signup_views #no_flash {
  text-align: center;
  font-family: 'OpenSansSemibold';
  margin: -10px 0 0 20px;
}

#modal .signup_views .customize_profile input:focus,
#modal .signup_views .customize_profile textarea:focus {
  outline: none;
}

#modal #happiness_quiz #recommender_extra_questions.screens {
  font-family: 'OpenSansRegular';
  font-weight: normal;
}

#modal #happiness_quiz #recommender_extra_questions.screens .logo-container {
  margin: 20px 0;
  position: relative;
  text-align: right;
  height: 55px;
}

#modal #happiness_quiz #recommender_extra_questions.screens .logo-container .logo {
  width: 150px;
  height: 55px;
  display: inline-block;
  background-image: url("/static/img/sprite-1.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 1px 1px;
}

#modal #happiness_quiz #recommender_extra_questions.screens .next_questions {
  float: left;
  font-family: 'OpenSansSemibold';
  font-size: 20px;
  margin-top: 40px;
  padding: 0 35px;
}

#modal #happiness_quiz #recommender_extra_questions.screens li.screen h1.almost_pioneer_title {
  font-size: 28pt;
  margin: 0 0 15px 50px;
  font-family: 'OpenSansSemibold';
  color: #2AC0E6;
}

#modal #happiness_quiz #recommender_extra_questions.screens li.screen .add_text {
  color: #F88839;
  font-size: 20pt;
  margin: 0 0 0 50px;
}

#modal #happiness_quiz #recommender_extra_questions.screens li.screen p.track_recommender_text {
  margin: 0 0 90px 50px;
  font-size: 18px;
  font-weight: normal;
  color: #7A7A7A;
  width: 625px;
}

#modal #happiness_quiz #recommender_extra_questions.screens li.screen .image_section {
  display: inline-block;
  width: 370px;
  vertical-align: top;
}

#modal #happiness_quiz #recommender_extra_questions.screens li.screen .image_section .track_recommender_img {
  width: 320px;
  margin: 0 0 0 50px;
}

#modal #happiness_quiz #recommender_extra_questions.screens li.screen .question_section {
  margin-right: 20px;
  vertical-align: top;
  display: inline-block;
  width: 335px;
  float: right;
}

#modal #happiness_quiz #recommender_extra_questions.screens li.screen .question_section h2.extra_questions_title {
  color: #03A9E5;
  font-size: 20px;
  line-height: 18pt;
  margin: 0 0 10px 10px;
}

#modal #happiness_quiz #recommender_extra_questions.screens li.screen .question_section h2.extra_questions_title .sub {
  margin-left: 15px;
}

#modal #happiness_quiz #recommender_extra_questions.screens li.screen .question_section ul.answers {
  margin: 15px 0 0 50px;
}

#modal #happiness_quiz #recommender_extra_questions.screens li.screen .question_section ul.answers li.answer {
  width: 100px;
}

#modal #happiness_quiz #recommender_extra_questions.screens li.screen .question_section ul.answers li.answer .answer_container .answer {
  display: inline-block;
}

#modal #happiness_quiz #recommender_extra_questions.screens li.screen .question_section ul.answers li.answer .answer_container .variant {
  vertical-align: top;
  display: inline-block;
  font-size: 14pt;
  color: #7A7A7A;
  margin-left: 5px;
}

#modal #happiness_quiz #recommender_extra_questions.screens li.screen .featured_in {
  background: none repeat scroll 0 0 #FAFAFA;
  margin: 55px 0 0 50px;
  text-align: center;
  width: 679px;
  height: 59px;
}

#modal #happiness_quiz #recommender_extra_questions.screens li.screen .featured_in img {
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  float: none;
  margin: 0;
}

#modal #happiness_quiz #recommender_extra_questions.screens .button-big {
  font-size: 16pt;
  font-family: 'OpenSansSemibold';
  font-weight: normal;
  display: inline-block;
  margin: 28px 0 0 415px;
}

#modal #happiness_quiz #recommender_extra_questions.screens .cancel_quiz {
  color: #7A7A7A;
  font-family: "OpenSansRegular";
  font-weight: normal;
  font-size: 12px;
  position: absolute;
  right: 20px;
  top: 605px;
  cursor: pointer;
  text-decoration: underline;
}

#modal.combined_signup {
  width: 790px;
  height: 650px;
  top: 38%;
  background: #fff;
  color: #777;
  text-align: center;
}

#modal.combined_signup .close_button {
  display: none;
}

#modal.combined_signup .logo_container {
  margin: 20px 0 10px 20px;
  width: 150px;
  height: 55px;
  position: relative;
  background-image: url("/static/img/sprite-1.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 1px 1px;
}

#modal.combined_signup h1 {
  color: #00aaea !important;
  font-family: 'OpenSansSemibold';
  margin: 0 0 0 62px !important;
  text-align: left !important;
  font-weight: normal;
  font-size: 28px !important;
}

#modal.combined_signup h1 .subtitle {
  font-family: 'OpenSansRegular';
  font-size: 16px;
  line-height: 20px;
  color: #777;
  font-weight: normal;
}

#modal.combined_signup .button_container {
  position: relative;
  margin: 25px 0 20px;
}

#modal.combined_signup .button_container .privacy {
  font-size: 10px;
  line-height: 14px;
  display: inline-block;
  width: 200px;
  vertical-align: top;
  text-align: left;
  position: absolute;
  top: 2px;
  right: 70px;
  color: #AFAFAF;
}

#modal.combined_signup .email_header {
  margin: 20px auto;
  width: 450px;
}

#modal.combined_signup .email_header .header {
  display: inline-block;
  margin: 0 10px;
  font-size: 16px;
}

#modal.combined_signup .email_header .horizontal_line {
  width: 95px;
  height: 6px;
  vertical-align: middle;
  display: inline-block;
}

#modal.combined_signup .data-grid .data-col {
  display: inline-block;
  vertical-align: top;
}

#modal.combined_signup .data-grid .data-col .create_act_btn {
  height: 48px;
  line-height: 38px;
  margin: 0 auto;
  width: 195px;
  font-family: 'OpenSansSemibold';
  font-size: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#modal.combined_signup .data-grid .data-col:nth-child(odd) {
  width: 220px;
  vertical-align: top;
}

#modal.combined_signup .data-grid .data-col:nth-child(even) {
  width: 300px;
}

#modal.combined_signup .data-grid .data-col .form_field {
  clear: both;
  border-radius: 5px;
  background-clip: padding-box;
  border: 1px solid #DDD;
  width: 300px;
  height: 35px;
  margin: 0 auto;
}

#modal.combined_signup .data-grid .data-col .form_field textarea,
#modal.combined_signup .data-grid .data-col .form_field input {
  font-family: 'OpenSansSemibold';
  font-size: 18px;
  border: none;
  width: 289px;
  height: 33px;
  line-height: 22px;
  resize: none;
  overflow: hidden;
}

#modal.combined_signup .data-grid .data-col .form_field textarea:focus,
#modal.combined_signup .data-grid .data-col .form_field input:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  outline: none;
  padding: 1px 2px;
}

#modal.combined_signup .data-grid .data-col .form_field input {
  padding: 1px 2px;
}

#modal.combined_signup .data-grid .data-col .terms_warning {
  clear: both;
  margin: 25px 0 16px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #AFAFAF;
}

#modal.combined_signup .data-grid .data-col .terms_warning a {
  font-weight: bold;
  color: #777;
}

#modal.combined_signup .data-grid .data-col .terms_warning .point {
  position: relative;
  left: -4px;
  font-size: 14px;
  line-height: 12px;
}

#modal.combined_signup .data-grid .data-col .error_container {
  float: right;
  margin: 3px 0;
  color: #BA534F;
}

#modal.combined_signup .data-grid .data-col .error_container.hidden {
  display: block;
  visibility: hidden;
}

#modal.combined_signup .data-grid .data-col .error_container.in_use {
  font-size: 14px;
}

#modal.combined_signup .data-grid .data-col .error_container.in_use a {
  color: #BA534F;
  text-decoration: underline;
}

#modal.combined_signup .data-grid .data-col .hidden_element {
  background: url("/static/img/primary_bg_gray.svg") repeat scroll 0 0 transparent;
}

#modal.combined_signup .featured_in {
  position: relative;
  bottom: -15px;
}

#modal.recommender_quiz {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: #FFFFFF;
  padding: 6px;
}

#modal.recommender_quiz * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: 0;
}

#modal.recommender_quiz #happiness_quiz #recommender_extra_questions.screens {
  width: 100%;
}

#modal.recommender_quiz #happiness_quiz #recommender_extra_questions.screens li.screen .almost_pioneer_title {
  line-height: 36px;
}

#modal.recommender_quiz #happiness_quiz #recommender_extra_questions.screens li.screen .question_section .extra_questions_title {
  font-weight: 700;
}

#trial_info {
  position: absolute;
  top: 25px;
  left: 10px;
}

#trial_info .days_left {
  color: #82BA01;
  font-family: 'OpenSansBold';
  font-size: 20px;
  margin: 0 4px 0 0;
  font-weight: normal;
}

#trial_info .join_text {
  font-family: 'OpenSansRegular';
  font-size: 14px;
  margin: 0 4px 0 0;
  font-weight: normal;
}

#trial_info .join_now {
  font-family: 'OpenSansRegular';
  font-size: 14px;
  font-weight: normal;
}

#trial_info .join_now.expired {
  font-family: 'OpenSansSemibold';
}

#trial_info.hidden {
  display: none;
}

#happify_header {
  background: #fff;
  border-radius: 5px;
  background-clip: padding-box;
  border: 1px solid #cccccc;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  position: relative;
  width: 1020px;
  height: 78px;
  margin: 50px auto 0 auto;
  clear: both;
}

#happify_header .left-col {
  position: relative;
  float: left;
  width: 200px;
  height: 50px;
  margin: 15px 0 0 25px;
}

#happify_header .middle-col {
  position: relative;
  float: left;
  width: 600px;
  height: 78px;
}

#happify_header .right-col {
  position: relative;
  float: left;
  width: 180px;
  height: 78px;
}

.logo_lnk {
  background-image: url("/static/img/sprite-1.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 1px 5px;
  width: 150px;
  height: 55px;
  text-indent: -9999px;
  display: block;
}

.logo_lnk:hover {
  background-image: url("/static/img/sprite-1.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -155px 5px;
}

.env_label {
  position: absolute;
  top: 40px;
}

.tutorial {
  position: relative;
  top: 30px;
  left: 40px;
  color: #f05a20;
  font-family: "OpenSansBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.tutorial .icon-help {
  position: relative;
  float: left;
  width: 30px;
  height: 25px;
  margin-right: 5px;
  background-image: url("/static/img/sprite-1.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -160px -64px;
}

.tutorial:hover {
  color: #f6861f;
  text-decoration: none;
}

.tutorial:hover .icon-help {
  background-position: -160px -100px;
}

.happify-nav {
  position: relative;
  float: left;
  list-style: none;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 750px;
  height: 100px;
  font-family: "OpenSansBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.happify-nav li {
  float: left;
  padding: 30px 0 0 10px;
  border: 1px solid transparent;
  height: 48px;
  opacity: 0.99;
  min-width: 95px;
}

.happify-nav li .arrow_down {
  display: none;
}

.happify-nav li .home,
.happify-nav li .track,
.happify-nav li .profile,
.happify-nav li .threads,
.happify-nav li .activities,
.happify-nav li .science {
  float: left;
  background-image: url("/static/img/sprite-1.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 20px;
  height: 24px;
  display: block;
  position: relative;
  top: -3px;
}

.happify-nav li .home {
  background-position: -122px -65px;
}

.happify-nav li .track {
  background-position: -5px -64px;
}

.happify-nav li .profile {
  background-position: -35px -64px;
}

.happify-nav li .threads {
  top: 1px;
  background-position: -832px -24px;
}

.happify-nav li .activities {
  background-position: -70px -64px;
}

.happify-nav li .science {
  background-position: -100px -64px;
}

.happify-nav li a {
  position: relative;
  color: #f05a20;
  font-size: 15px;
  width: 100%;
  padding: 29px 20px 26px 8px;
}

.happify-nav li:hover a {
  color: #03a9e5;
  text-decoration: none;
}

.happify-nav li.active {
  background-color: #ee5a2d;
  border: 1px solid #ca311b;
  border-bottom-color: transparent;
}

.happify-nav li.active .arrow_down {
  display: block;
  position: relative;
  margin: 29px auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 12px 0;
  border-color: #EE5A2D rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
  line-height: 0;
}

.happify-nav li.active .arrow_down.ho {
  left: -8px;
}

.happify-nav li.active .arrow_down.mt {
  left: -7px;
}

.happify-nav li.active .arrow_down.pr {
  left: -6px;
}

.happify-nav li.active .arrow_down.sk {
  left: -7px;
}

.happify-nav li.active .arrow_down.sc {
  left: -7px;
}

.happify-nav li.active a {
  color: #fff;
  outline: 0 none;
}

.happify-nav li.active a:after,
.happify-nav li.active a:focus,
.happify-nav li.active a:hover,
.happify-nav li.active a:before,
.happify-nav li.active a:link,
.happify-nav li.active a:visited,
.happify-nav li.active a:active {
  outline: 0 none;
}

.happify-nav li.active a:after {
  content: " ";
  display: block;
  position: absolute;
}

.happify-nav li.active a.activities_lnk:after,
.happify-nav li.active a.science_lnk:after {
  left: 25%;
}

.happify-nav li.active .home {
  background-position: -122px -99px;
}

.happify-nav li.active .track {
  background-position: -9px -100px;
}

.happify-nav li.active .profile {
  background-position: -35px -98px;
}

.happify-nav li.active .threads {
  background-position: -856px -24px;
}

.happify-nav li.active .activities {
  background-position: -70px -98px;
}

.happify-nav li.active .science {
  background-position: -100px -98px;
}

#container #header {
  font-family: 'OpenSansRegular';
}

#container #header a.iphone-promo {
  padding: 0;
  margin: 0;
}

#container #header img.iphone-promo {
  margin: 8px 15px 0 0;
  float: right;
}

#container #header .caret {
  opacity: 1.0;
  border-bottom-color: #f05a20;
  border-top-color: #f05a20;
}

#container #header #notification-count-button,
#container #header #invites-count-button {
  font-family: 'OpenSansRegular';
  border-radius: 2px;
  font-weight: lighter;
  float: left;
  margin: 10px -6px auto auto;
  padding: 1px 5px 1px 5px;
  height: 17px;
  text-align: center;
}

#container #header #notification-count-button #notification-count,
#container #header #invites-count-button #notification-count,
#container #header #notification-count-button #invites-count,
#container #header #invites-count-button #invites-count {
  text-decoration: none;
  color: #ffffff;
  font-size: 11px;
}

#container #header .top_menu_link {
  font-family: 'OpenSansSemibold';
  font-size: 13px;
  color: #696969;
  color: #888888;
  padding-top: 13px;
  float: left;
  margin: 0;
  background: none;
}

#container #header .top_menu_link:hover {
  color: #000000;
}

#container #header ul li a.dropdown-toggle div.img_container {
  position: relative;
  border-radius: 13px;
  background-clip: padding-box;
  width: 26px;
  height: 26px;
  border: 1px solid #dad9d7;
  background-color: #ffffff;
  display: inline-block;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
}

#container #header ul li a.dropdown-toggle div.img_container img {
  position: relative;
  top: 1px;
  left: 1px;
}

#container #header ul li a.dropdown-toggle div.img_container.pioneer_plus {
  background-color: #f4d420;
  width: 28px;
  height: 28px;
  border-radius: 14px;
  background-clip: padding-box;
  border: none;
  display: inline-block;
}

#container #header ul li a.dropdown-toggle div.img_container.pioneer_plus img {
  border: none;
  top: 2px;
  left: 2px;
}

#container #header ul li a.dropdown-toggle div.img_container.pioneer {
  background-color: #e1e6ea;
  width: 28px;
  height: 28px;
  border-radius: 14px;
  background-clip: padding-box;
  border: none;
  display: inline-block;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  vertical-align: middle;
}

#container #header ul li a.dropdown-toggle div.img_container.pioneer img {
  position: absolute;
  top: 2px;
  left: 2px;
  border: none;
}

ul#js-modules.non-pioneer li {
  padding: 30px 14px 0 24px;
}

header.banner #user-nav .dropmenu a span.button.orange {
  border-radius: 15px;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: 12px;
  height: 16px;
  line-height: 7px;
  margin: 0 0 0 10px;
  min-width: 16px;
  padding: 4px;
  text-align: center;
  font-family: 'OpenSansLight';
}

header.banner .skip_nav {
  color: #777;
  -webkit-transition: top 0.15s linear;
  transition: top 0.15s linear;
  z-index: 99999;
  background: #fff;
  border: solid 1px #ddd;
  position: fixed;
  top: -55px;
  left: 20px;
  padding: 5px 15px;
  text-align: left;
  font-size: 12pt;
  height: auto;
  border-radius: 0;
}

header.banner .skip_nav:focus {
  top: 5px;
}

header.banner #user-nav ol li .user-avatar.notifications {
  position: relative;
}

header.banner #user-nav ol li .user-avatar.notifications .button.orange {
  border: 2px solid #FFFFFF;
  border-radius: 15px;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-family: 'OpenSansLight';
  font-size: 11px;
  height: 18px;
  left: -15px;
  line-height: 5px;
  margin: 0;
  min-width: 18px;
  padding: 4px;
  position: absolute;
  text-align: center;
  top: -12px;
}

header.banner #user-nav ol li.user-menu.on .user-avatar.notifications .button.orange {
  display: none;
}

header.banner #user-nav a.science .sprite.science {
  left: -3px;
  position: relative;
  top: 2px;
}

header.banner #user-nav a.science span.bold {
  position: relative;
  top: -1px;
}

/*
** TODO: Удалить после переноса новой аппы
*/

.balance-block {
  font-family: OpenSansSemiBold;
  font-size: 16px;
  background-color: #d6ecb8;
  border-radius: 16px;
  display: inline-block;
  padding: 2px 10px;
}

#help_pane {
  background: #ffffff;
  border-radius: 5px;
  background-clip: padding-box;
  padding: 10px;
  position: relative;
}

#help_pane .close {
  position: absolute;
  top: 10px;
  right: 10px;
}

#help_pane h1 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
}

#help_pane .sections {
  height: 500px;
  overflow-y: scroll;
  margin-bottom: 15px;
}

#help_pane .section-content {
  margin-bottom: 10px;
}

#help_pane .subsection {
  margin-left: 25px;
}

#help_pane h2 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 15px;
}

#help_pane h3 {
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 10px;
}

#help_pane .close-button-wrapper {
  height: 30px;
  /* otherwise the button ovelaps the border of its container */
}

#help_tip {
  position: absolute;
}

#help_tip #help_panel {
  position: absolute;
  padding: 10px;
  z-index: 2090;
  overflow: visible;
}

#help_tip #help_panel .tip_close_button {
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  background-image: url("/static/img/sprite-1.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -149px -330px;
  position: absolute;
  height: 13px;
  width: 12px;
  top: 15px;
  z-index: 3090;
}

#help_tip #help_panel .arrow {
  width: 0;
  height: 0;
  border-style: solid;
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
  position: absolute;
}

#help_tip #help_panel .arrow.up.outer {
  top: -3px;
  z-index: 3998;
  border-width: 0 15px 15px;
  border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #dddddd rgba(255, 255, 255, 0);
}

#help_tip #help_panel .arrow.up.inner {
  top: 2px;
  left: -14px;
  border-width: 0 14px 14px;
  border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #ffffff rgba(255, 255, 255, 0);
  z-index: 3999;
}

#help_tip #help_panel .arrow.down.outer {
  border-color: #DDDDDD rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
  border-width: 15px 15px 0;
  left: -2px;
  top: -14px;
  z-index: 3998;
}

#help_tip #help_panel .arrow.down.inner {
  border-color: #FFFFFF rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
  border-width: 14px 14px 0;
  left: -14px;
  top: -15px;
  z-index: 3999;
}

.tip_panel {
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15);
  background: none no-repeat scroll 0 0 #FFFFFF;
  border: 1px solid #DDDDDD;
  color: #666666;
  font-family: 'OpenSansRegular';
  font-weight: normal;
  font-size: 13px;
  line-height: 18px;
  padding: 0 0 0 10px;
  position: relative;
  text-align: left;
}

.tip_panel p {
  margin: 25px 15px;
}

.tip_panel p .tag {
  margin: 3px;
}

#group_solo_help_tip .tip_panel {
  width: 468px;
  height: 165px;
}

#activity_reporter_help_tip .tip_panel {
  width: 367px;
  height: 150px;
}

#activity_reporter_help_tip.community_disabled .tip_panel {
  height: 85px;
}

#security_code_popup .tip_panel {
  font-size: 14px;
  width: 280px;
  height: 165px;
}

#security_code_popup .tip_panel p span {
  line-height: 24px;
}

#help_tip.billing_popup #help_panel .tip_close_button {
  top: 15px;
}

#popup_inner.tip_panel {
  -webkit-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.4);
  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.4);
}

#popup_inner.tip_panel p {
  font-family: 'OpenSansRegular';
  font-weight: normal;
  color: #7A7A7A;
}

#popup_inner.tip_panel p span.header {
  font-family: 'OpenSansSemibold';
}

a,
a:active,
a:focus,
input {
  outline: none;
}

#main-home {
  width: 100%;
  margin: 0 auto;
}

#main-home .clouds {
  background-image: url('/static/img/clouds.png');
  background-repeat: no-repeat;
  width: 1385px;
  height: 475px;
  position: relative;
  margin: 0 auto;
}

#main-home .clouds .homepage_text {
  width: 500px;
  height: 225px;
  margin: 0 auto;
  position: relative;
  top: 125px;
  left: -20px;
  overflow: hidden;
  white-space: nowrap;
}

#main-home .clouds .homepage_text p.text_header {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 34px;
  font-weight: normal;
  color: #FF853D;
  margin: 20px 0 25px 0;
}

#main-home .clouds .homepage_text p.text_body {
  color: #888;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 25px;
}

#main-home .clouds .homepage_text .request_invite {
  width: 200px;
  height: 46px;
  line-height: 46px;
  margin: 0 auto;
}

#main-home .top {
  height: 80px;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
}

#main-home .logo {
  margin-left: 30px;
  margin-top: 10px;
  float: left;
}

#main-home .login {
  width: 335px;
  margin-right: 30px;
  margin-top: 20px;
  float: right;
}

#main-home .login .little-text {
  font-family: 'OpenSansRegular';
  color: #FFF;
  float: left;
  margin-right: 10px;
  font-size: 14px;
  line-height: 8px;
  margin-top: 10px;
  margin-bottom: 5px;
}

#main-home .invite {
  margin-top: 40px;
  margin-left: 120px;
}

#main-home .middle-left {
  width: 35%;
  height: 200px;
  float: left;
}

#main-home .middle-login {
  margin: auto;
  width: 558px;
  text-align: center;
}

#main-home .middle-login .confirmation {
  font-size: 20px;
  color: #666;
  width: 600px;
  font-family: 'OpenSansRegular';
}

#main-home .middle-login a.zocial {
  font-size: 18px;
  margin: 10px 10px 10px 10px;
}

#main-home .middle-login #or {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 25px;
  font-weight: normal;
  color: #FFF;
  margin: 20px 0 25px 0;
}

#main-home .middle-login #form-container {
  height: 200px;
  width: 300px;
  text-align: center;
  margin: auto;
}

#main-home .middle-login #form-container a.forgot {
  line-height: 40px;
}

#main-home .middle-login #form-container #email,
#main-home .middle-login #form-container #password {
  height: 35px;
  width: 300px;
  float: left;
  font-size: 16px;
}

#main-home .middle-login #form-container .button_login {
  width: 150px;
  line-height: 16px;
  margin: 0 auto;
  float: left;
}

#main-home .middle-login #form-container .reset_password {
  height: 30px;
  font-size: 16px;
  width: 250px;
}

#main-home .middle-login #form-container .button_forgot {
  width: 250px;
  line-height: 16px;
  margin: 0 auto;
  float: left;
}

#main-home .middle-center {
  margin: auto;
  width: 100%;
  text-align: center;
}

#main-home .middle-center .big-text {
  font-family: 'OpenSansRegular';
  color: #FFF;
  font-size: 14px;
  line-height: 25px;
  margin-top: 10px;
  margin-bottom: 5px;
}

#main-home .middle-center .congrats-text {
  margin: auto;
  font-family: OpenSansSemibold, Arial, sans-serif;
  color: #666;
  font-size: 20px;
  line-height: 25px;
  margin-top: 0px;
  margin-bottom: 0px;
}

#main-home .middle-center .invite_form {
  width: 385px;
  height: 126px;
  margin: 0 auto 30px;
  background-color: #FFFFFF;
  color: #999999;
  font-family: 'OpenSansRegular';
  border-radius: 20px;
  background-clip: padding-box;
  border: 1px solid #dddddd;
  padding: 5px 5px 5px 5px;
  position: relative;
  margin-top: 25px;
  -webkit-box-shadow: 0 3px 10px #AAA;
  box-shadow: 0 3px 10px #AAA;
}

#main-home .middle-center .invite_form .left {
  font-size: 16px;
  position: absolute;
  left: 15px;
  top: 28px;
  color: #777;
}

#main-home .middle-center .invite_form .right {
  position: absolute;
  left: 240px;
  top: 13px;
}

#main-home .middle-center .invite_form .right input {
  border-radius: 5px;
  height: 50px;
  font-size: 35px;
  width: 130px;
  text-transform: uppercase;
  letter-spacing: 4px;
  padding-left: 10px;
  -webkit-box-shadow: 0px 2px 5px #DDD inset;
  box-shadow: 0px 2px 5px #DDD inset;
  border: 1px solid #DDD;
}

#main-home .middle-center .unsubscribe_form {
  width: 385px;
  height: 126px;
  margin: 0 auto 30px;
  background-color: #FFFFFF;
  color: #999999;
  font-family: 'OpenSansRegular';
  border-radius: 20px;
  background-clip: padding-box;
  border: 1px solid #dddddd;
  padding: 5px 5px 5px 5px;
  position: relative;
  margin-top: 25px;
  -webkit-box-shadow: 0 3px 10px #AAA;
  box-shadow: 0 3px 10px #AAA;
}

#main-home .middle-center .unsubscribe_form .left {
  font-size: 16px;
  position: absolute;
  left: 15px;
  top: 28px;
  color: #777;
}

#main-home .middle-center .unsubscribe_form .right {
  position: absolute;
  left: 150px;
  top: 13px;
}

#main-home .middle-center .unsubscribe_form .right input {
  border-radius: 5px;
  height: 40px;
  font-size: 20px;
  width: 220px;
  padding-left: 10px;
  -webkit-box-shadow: 0px 2px 5px #DDD inset;
  box-shadow: 0px 2px 5px #DDD inset;
  border: 1px solid #DDD;
}

#main-home .middle-center .bottom_area {
  position: absolute;
  top: 78px;
  left: 80px;
}

#main-home .middle-center .bottom_area .continue {
  width: 170px;
  margin: 0 0 0 30px;
}

#main-home .middle-center .med-text {
  font-family: OpenSansRegular, Arial, sans-serif;
  color: #666;
  font-size: 15px;
  line-height: 20px;
  margin-top: 20px;
  margin-bottom: 10px;
}

#main-home .middle-right {
  float: left;
  padding-top: 25px;
}

#main-home .bottom {
  clear: both;
  text-align: center;
  padding-top: 0;
  width: 100%;
}

#main-home .bottom img {
  margin-left: 15px;
  margin-right: 15px;
}

#main-home #maincontent {
  width: 100%;
  height: 100%;
  z-index: 50;
}

#main-home .clear {
  clear: both;
}

#main-home a.invite {
  font-family: OpenSansBold;
  color: #ff7a00;
  font-size: 16px;
}

.js-recent-activity {
  clear: both;
  min-height: 100px;
}

.js-recent-activity #activity_statuses {
  top: -25px;
}

.js-hidden {
  display: none;
}

.house-icon {
  background-image: url("/static/img/sprite-1.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -207px -69px;
  width: 15px;
  height: 14px;
}

.icon-small-savor {
  background-image: url("/static/img/sprite-1.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -629px -215px;
  width: 18px;
  height: 24px;
}

.icon-small-thank {
  background-image: url("/static/img/sprite-1.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -670px -221px;
  width: 30px;
  height: 18px;
}

.icon-small-aspire {
  background-image: url("/static/img/sprite-1.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -712px -221px;
  width: 35px;
  height: 18px;
}

.icon-small-give {
  background-image: url("/static/img/sprite-1.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -765px -219px;
  width: 21px;
  height: 20px;
}

.icon-small-empathize {
  background-image: url("/static/img/sprite-1.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -808px -218px;
  width: 26px;
  height: 21px;
}

.home_section {
  background-color: white;
  border: 2px solid #ddd;
  border-collapse: separate;
  border-radius: 4px;
  background-clip: padding-box;
  height: 450px;
  padding: 20px;
}

.vpadder {
  height: 20px;
}

.hpadder {
  width: 25px;
  height: 20px;
}

.smalltext {
  font-size: 13px;
  line-height: 100%;
}

.smallertext {
  font-size: 11px;
  line-height: 100%;
}

.graytext {
  color: #999;
}

.centered {
  display: block;
  margin: 0 auto;
  text-align: center;
}

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

.score {
  background-color: #FF7D40;
  border-radius: 8px;
  color: #FFF;
  height: 80px;
  display: inline-block;
  padding: 0px 15px;
  line-height: 80px;
  font-size: 64px;
}

#home {
  margin: 0 0 0 0;
}

#home .inner {
  margin-top: 0;
  zoom: 1;
}

#home .inner:before,
#home .inner:after {
  content: '';
  display: table;
}

#home .inner:after {
  clear: both;
}

#home .inner::after {
  display: block;
  clear: both;
  content: "";
}

#home .inner:before,
#home .inner:after {
  content: '';
  display: table;
}

#home .inner:after {
  clear: both;
}

#home .inner::after {
  display: block;
  clear: both;
  content: "";
}

#home .inner::after {
  display: block;
  clear: both;
  content: "";
}

#home .inner::after {
  display: block;
  clear: both;
  content: "";
}

#home h3 {
  font-weight: normal;
  font-size: 20px;
  margin-bottom: 30px;
}

#home .home-title {
  padding: 5px 0 3px 5px;
  color: #03a9e5;
  font-size: 14px;
  font-weight: bold;
}

#home .home-top-cnt {
  position: relative;
  width: 980px;
  height: 355px;
  clear: both;
  background-color: #FFFFFF;
  margin-left: 10px;
  border-radius: 5px;
  border: 1px solid #DDDDDD;
  padding: 15px 15px 15px 5px;
}

#home .home-top-cnt .js-current_challenge_box {
  float: left;
  width: 660px;
}

#home .home-top-cnt .js-recent_posts {
  float: right;
  margin-left: 0;
}

#home .home-top-cnt h2 {
  font-family: 'OpenSansRegular';
  color: #666;
  font-size: 18px;
  padding-left: 10px;
  padding-bottom: 0;
  margin-bottom: 5px;
}

#home .home-top-cnt .recent_posts {
  background-color: #FFFFFF;
  border: 1px solid #DEDEDE;
  border-top: 1px solid #EFEFEF;
  border-left: 1px solid #EFEFEF;
  border-right: 0;
  width: 260px;
  height: 300px;
  margin-right: 45px;
  float: right;
  padding-left: 15px;
  padding-right: 15px;
}

#home .home-top-cnt .recent_posts .title {
  color: #03a9e5;
  font-weight: bold;
  font-size: 13px;
}

#home .home-bottom-cnt {
  position: relative;
  margin: 0 0 0 0;
  width: 1020px;
  zoom: 1;
}

#home .home-bottom-cnt:before,
#home .home-bottom-cnt:after {
  content: '';
  display: table;
}

#home .home-bottom-cnt:after {
  clear: both;
}

#home .home-bottom-cnt::after {
  display: block;
  clear: both;
  content: "";
}

#home .home-bottom-cnt:before,
#home .home-bottom-cnt:after {
  content: '';
  display: table;
}

#home .home-bottom-cnt:after {
  clear: both;
}

#home .home-bottom-cnt::after {
  display: block;
  clear: both;
  content: "";
}

#home .home-bottom-cnt::after {
  display: block;
  clear: both;
  content: "";
}

#home .home-bottom-cnt::after {
  display: block;
  clear: both;
  content: "";
}

#home .left_col {
  float: left;
  width: 400px;
  height: 435px;
  margin-right: 10px;
}

#home .right_col {
  float: right;
  width: 600px;
  height: 435px;
}

#home h1 {
  font-family: "OpenSansRegular";
  font-size: 18px;
  color: #666;
  text-align: center;
}

#home h1 .daily_happifier_header {
  font-family: "OpenSansSemibold";
  font-size: 18px;
}

#home .bottom_left_col {
  position: relative;
  float: left;
  width: 675px;
  margin-right: 20px;
  min-height: 400px;
  clear: both;
}

#home .bottom_left_col .recent-activity-cnt {
  position: relative;
  margin: 10px auto 0 auto;
  width: 635px;
}

#home .bottom_left_col .card {
  border-radius: 5px;
  background: #fff;
  background-clip: padding-box;
  float: left;
  font-size: 11px;
  width: 198px;
  margin: 0 0 20px 10px;
  border: 1px solid #dcdcdc;
}

#home .bottom_left_col .card .card-title {
  padding: 0 10px 0 10px;
  position: relative;
  font-size: 13px;
  color: #f26531;
  font-family: 'OpenSansSemibold';
  width: 180px;
  line-height: 16px;
}

#home .bottom_left_col .card .card-title.savor {
  color: #c5168a;
}

#home .bottom_left_col .card .card-title.thank {
  color: #ff7a00;
}

#home .bottom_left_col .card .card-title.aspire {
  color: #00aaea;
}

#home .bottom_left_col .card .card-title.give {
  color: #06b709;
}

#home .bottom_left_col .card .card-title.empathize {
  color: #ff3131;
}

#home .bottom_left_col .card .card-title.revive {
  color: #2ac4c5;
}

#home .bottom_left_col .card .card-title.other {
  color: #f4d420;
}

#home .bottom_left_col .card .card-tip {
  position: relative;
  padding: 0 10px;
  font-family: 'OpenSansSemibold';
  font-size: 12px;
}

#home .bottom_left_col .card .card-info {
  position: relative;
  padding: 4px 10px 5px 10px;
  clear: both;
  float: left;
  overflow: hidden;
  border-bottom: 1px solid #efefef;
}

#home .bottom_left_col .card .card-info .card-left {
  float: left;
  width: 27px;
  text-align: center;
}

#home .bottom_left_col .card .card-info .card-left img {
  border-radius: 15px;
  background-clip: padding-box;
}

#home .bottom_left_col .card .card-info .card-right {
  float: left;
  width: 125px;
  font-family: 'OpenSansRegular';
  color: #4e4e4e;
  font-size: 11px;
  line-height: 18px;
}

#home .bottom_left_col .card .card-info .card-right a {
  font-family: 'OpenSansBold';
  color: #ee5023;
}

#home .bottom_left_col .card .card-info .card-right .js-load_overlay_post {
  font-family: 'OpenSansRegular';
  font-weight: normal;
  color: #E9560D;
}

#home .bottom_left_col .card .card-info .card-right .card-tease {
  position: relative;
  margin: 5px 0 5px 0;
  width: 135px;
}

#home .bottom_left_col .card .card-comments-header {
  color: #808080;
  width: 100%;
}

#home .bottom_left_col .card .card-comments-header .card-comments-header-left {
  float: left;
  width: 44%;
}

#home .bottom_left_col .card .card-comments-header .card-comments-header-right {
  float: left;
  width: 56%;
  text-align: right;
}

#home .bottom_left_col .card .card-comments-header .card-comments-header-right .heart-like {
  float: right;
  position: relative;
  background-image: url("/static/img/sprite-1.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -273px -105px;
  width: 20px;
  height: 20px;
  text-align: left;
  cursor: pointer;
}

#home .bottom_left_col .card .card-comments-header .card-comments-header-right .heart-unlike {
  float: right;
  position: relative;
  background-image: url("/static/img/sprite-1.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -300px -105px;
  width: 20px;
  height: 20px;
  text-align: left;
  cursor: pointer;
}

#home .bottom_left_col .card .card-comments {
  position: relative;
  float: left;
  width: 100%;
}

#home .bottom_left_col .card .card-comments .card-comment {
  width: 100%;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #efefef;
  float: left;
  position: relative;
  background-color: #f8f8f8;
}

#home .bottom_left_col .card .card-comments .card-comment input {
  margin: 0 auto 0 auto;
  border: 1px solid #eee;
  width: 170px;
  height: 20px;
  padding: 3px;
}

#home .bottom_left_col .card .card-comments .add-comment {
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #efefef;
  float: left;
  position: relative;
  background-color: #f8f8f8;
  width: 100%;
  height: 25px;
  padding-top: 6px;
  padding-bottom: 0;
}

#home .bottom_left_col .card .card-comments .add-comment a {
  color: #ee5023;
  margin-left: 43px;
}

#home .bottom_left_col .card .card-footer {
  position: relative;
  margin: 10px 0 0 0;
  width: 100%;
  font-family: 'OpenSansBold';
  font-size: 10px;
  color: #ccc;
  float: left;
}

#home .bottom_left_col .card .card-footer .card-date {
  font-family: "OpenSansSemibold";
  font-weight: normal;
  font-size: 10px;
  color: #c5c5c5;
  float: left;
  width: 75%;
  padding: 4px 10px 0;
}

#home .bottom_left_col .card .card-footer .time-icon {
  float: right;
  background-image: url("/static/img/sprite-1.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -170px -488px;
  width: 25px;
  height: 25px;
}

#home .bottom_right_col {
  width: 300px;
  float: left;
}

#home .bottom_right_col .featured-home {
  background: #ffffff;
  border-radius: 5px;
  background-clip: padding-box;
  padding: 10px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  float: left;
  width: 270px;
  border: 1px solid #DDDDDD;
  color: #999999;
  font-weight: 300;
  padding-top: 20px;
  padding-left: 10px;
  margin-left: 5px;
}

#home .bottom_right_col .featured-home strong {
  font-weight: normal;
}

#home .bottom_right_col .featured-home .entrybody {
  width: 250px;
}

#home .bottom_right_col .featured-home p {
  margin: 0 10px 5px 0;
  width: 250px;
  font-size: 12px;
}

#home .bottom_right_col .featured-home p strong {
  color: #F79F86;
  font-size: 14px;
  text-decoration: none;
  font-weight: 300;
}

#home .bottom_right_col .featured-home p strong em {
  color: #999999;
  font-weight: 300;
  font-size: 12px;
}

#home .bottom_right_col .featured-home p em strong {
  color: #999999;
  font-weight: 300;
  font-size: 12px;
}

#home .bottom_right_col .featured-home p a {
  font-size: 12px;
  color: #DF8F78;
}

#home .bottom_right_col .featured-home div {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  margin: 0 0 0 0;
  padding: 0 0 0 3px;
}

#home .bottom_right_col .featured-home a {
  color: #F79F86;
  font-size: 14px;
  text-decoration: none;
  font-weight: 300;
}

#home .bottom_right_col .featured-home img {
  border-radius: 3px;
  width: 280px;
  border: 1px solid #BBBBBB;
  -webkit-box-shadow: 0 0 6px #999999;
  box-shadow: 0 0 6px #999999;
}

#home .bottom_right_col .featured-home ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#home .bottom_right_col .featured-home ul a {
  color: #ee5023;
}

#home .bottom_right_col .featured-home ul li .title {
  position: relative;
  font-size: 14px;
  margin: 0 0 10px 0;
}

#home .bottom_right_col .featured-home ul li .description {
  color: #666666;
  font-size: 12px;
}

#home .bottom_right_col .featured-home ul li.video .video-container {
  width: 100%;
  float: left;
  position: relative;
  margin: 0 0 10px 0;
}

#home .bottom_right_col .featured-home ul li .caption {
  font-size: 12px;
  font-family: "OpenSansSemibold";
  color: #555;
}

#home .challenge_box {
  margin-bottom: 10px;
}

#home .challenge_box_inner {
  height: 310px;
  margin: 20px;
  margin-top: 0;
  margin-left: 10px;
  position: relative;
}

#home .challenge_box_inner .premium_stripe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  border-top: 4px solid #76B102;
}

#home .challenge_box_inner h1 {
  color: #2AE;
  font-size: 36px;
  line-height: 0;
  padding: 20px 0 0 0;
  margin: 0 10px 10px 0;
  text-align: left;
  font-family: 'OpenSansRegular';
}

#home .challenge_box_inner h2 {
  margin-bottom: 20px;
  line-height: 9px;
}

#home .challenge_box_inner h2.title {
  margin-bottom: 15px;
  font-size: 18px;
  font-family: 'OpenSansRegular';
  margin-top: 10px;
}

#home .challenge_box_inner h3 {
  font-family: 'OpenSansSemibold';
  color: #999999;
  font-size: 18px;
}

#home .challenge_box_inner img {
  margin-top: 7px;
  border-radius: 5px;
  background-clip: padding-box;
}

#home .skill_levels_box {
  font-size: 20px;
  overflow: hidden;
  height: 200px;
}

#home .skill_levels_box.hidden {
  display: none;
}

#home .past_challenges_box {
  background: #ffffff;
  border-radius: 5px;
  background-clip: padding-box;
  padding: 10px;
  margin-bottom: 10px;
}

#home .past_challenges_box.hidden {
  display: none;
}

#home .past_challenges_box ul.past_challenges {
  margin: 0;
  padding: 0;
}

#home .past_challenges_box li.past_challenge {
  list-style-type: none;
}

#home .past_challenges_box .past_challenge {
  zoom: 1;
  margin-bottom: 10px;
}

#home .past_challenges_box .past_challenge:before,
#home .past_challenges_box .past_challenge:after {
  content: '';
  display: table;
}

#home .past_challenges_box .past_challenge:after {
  clear: both;
}

#home .past_challenges_box .past_challenge::after {
  display: block;
  clear: both;
  content: "";
}

#home .past_challenges_box .past_challenge:before,
#home .past_challenges_box .past_challenge:after {
  content: '';
  display: table;
}

#home .past_challenges_box .past_challenge:after {
  clear: both;
}

#home .past_challenges_box .past_challenge::after {
  display: block;
  clear: both;
  content: "";
}

#home .past_challenges_box .past_challenge::after {
  display: block;
  clear: both;
  content: "";
}

#home .past_challenges_box .past_challenge::after {
  display: block;
  clear: both;
  content: "";
}

#home .past_challenges_box .past_challenge .challenge_topic-icon_url {
  border-radius: 3px;
  background-clip: padding-box;
  float: left;
  margin-right: 10px;
}

#home .past_challenges_box .past_challenge .challenge_topic-details {
  float: left;
}

#home .past_challenges_box .past_challenge .challenge_topic-name {
  font-size: 14px;
}

#home .past_challenges_box .past_challenge .challenge_status-ended_at {
  font-size: 11px;
  color: gray;
}

#home .score_box {
  background: #FFFFFF;
  border-radius: 5px;
  background-clip: padding-box;
  height: 247px;
  margin-bottom: 10px;
  padding: 5px;
}

#home .score_box .score_number {
  background-color: #FF7D40;
  display: inline-block;
  text-align: center;
  color: #FFF;
  height: 80px;
  width: 115px;
  line-height: 80px;
  font-size: 64px;
  border-radius: 8px;
  background-clip: padding-box;
}

#home .score_box .score_description {
  font-size: 20px;
}

p.graymini-text {
  font-size: 12px;
  color: #7F7F7F;
}

.greentext {
  font-size: 12px;
  color: #008000;
}

.onboarding {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.onboarding h2 {
  color: #FF8000;
  font-size: 20px;
  line-height: normal;
}

.onboarding li {
  font-size: 16px;
  padding: 5px;
}

.change-filter {
  color: #999;
  font-family: 'OpenSansRegular';
  font-size: 18px;
  font-weight: 200;
  text-decoration: none;
  cursor: pointer;
  margin: 0 5px;
}

.change-filter:hover {
  color: #999;
  text-decoration: none;
}

.change-filter.selected {
  font-family: 'OpenSansSemibold';
  color: #666;
}

.dropdown_parent .current_select {
  text-transform: capitalize;
}

.dropdown_parent .select_arrow,
.dropdown_parent .select_arrow_n {
  border-width: 9px;
  border-style: solid;
  position: absolute;
  z-index: 1001;
  content: " ";
  height: 0;
  width: 0;
  display: none;
  left: 143px;
}

.dropdown_parent .select_arrow {
  border-color: transparent transparent #cecece transparent;
  top: 16px;
}

.dropdown_parent .select_arrow_n {
  border-color: transparent transparent #ffffff transparent;
  top: 17px;
}

.dropdown_parent.open .select_arrow,
.dropdown_parent.open .select_arrow_n {
  display: block;
}

.dropdown_parent .posts_filter {
  text-decoration: none;
  color: #666666;
}

.dropdown_parent .posts_filter .caret {
  opacity: 1.0;
  border-bottom-color: #f05a20;
  border-top-color: #f05a20;
}

.dropdown_parent .posts_filter:hover {
  text-decoration: none;
  color: #000000;
}

.dropdown_parent .posts_filter:hover .caret {
  border-bottom-color: #f05a20;
  border-top-color: #f05a20;
}

.dropdown_parent .posts_filter.following .select_arrow,
.dropdown_parent .posts_filter.following .select_arrow_n {
  left: 201px;
}

.dropdown_parent .posts_filter.featured .select_arrow,
.dropdown_parent .posts_filter.featured .select_arrow_n {
  left: 197px;
}

.dropdown_parent .select_filter {
  position: absolute;
  top: 32px;
  left: 40px;
  float: none;
  min-width: 130px;
  width: 130px;
  font-size: 14px;
}

.dropdown_parent .select_filter a {
  overflow-x: visible;
  text-align: left;
}

.dropdown_parent .select_filter.following {
  left: 100px;
}

.dropdown_parent .select_filter.featured {
  left: 100px;
}

.horizontal_line {
  background-image: url("/static/img/sprite-2.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0 0;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  .horizontal_line {
    background-image: url("/static/img/sprite-2@2x.png");
    background-size: 1040px 1253px;
  }
}

.horizontal_line.left {
  background-position: -514px -69px;
}

.horizontal_line.right {
  background-position: -620px -69px;
}

.horizontal_line.right.short {
  background-position: -660px -69px;
}

#free_trial_over #join_happify {
  width: 1000px;
  background: #FFF;
  border: 1px solid #CCCCCC;
  margin: 0 auto 20px;
  cursor: pointer;
  border-radius: 5px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}

#free_trial_over #join_happify span.promo_text {
  color: #81BA00;
  font-size: 16px;
  position: absolute;
  left: 350px;
  top: 8px;
}

#free_trial_over #join_happify span.promo_text strong {
  color: #00aaea;
}

#free_trial_over #join_happify span.promo_text.discount {
  color: #888;
  font-size: 20px;
}

#free_trial_over #join_happify span.promo_text.discount span {
  color: #00aaea;
}

#free_trial_over #join_happify .text_column {
  text-align: left;
  background: #7FBB41;
  width: 320px;
  height: 100px;
  vertical-align: top;
  display: inline-block;
}

#free_trial_over #join_happify .text_column .header {
  color: #FFFFFF;
  font-family: 'OpenSansRegular';
  font-size: 16pt;
  position: relative;
  top: 20px;
  left: 15px;
}

#free_trial_over #join_happify .text_column .header.free_trial {
  left: 46px;
}

#free_trial_over #join_happify .text_column .text_box {
  text-align: left;
  margin: 26px 0 0 20px;
}

#free_trial_over #join_happify .text_column .text_box.free_trial {
  margin: 26px 0 0 48px;
}

#free_trial_over #join_happify .text_column .text_box .text {
  font-family: 'OpenSansRegular';
  font-size: 13pt;
  font-weight: normal;
  color: #7A7A7A;
}

#free_trial_over #join_happify .image_container {
  vertical-align: top;
  margin: 6px 15px;
  display: inline-block;
  width: 110px;
  height: 88px;
  background: url('/static/img/sign_up_promo.png') no-repeat transparent;
  background-size: 110px auto;
}

#free_trial_over #join_happify .image_container.free_trial {
  background-size: 70px auto;
  width: 70px;
  height: 60px;
  margin-top: 33px;
}

#free_trial_over #join_happify .add_texts {
  color: #666666;
  display: inline-block;
  font-family: 'OpenSansRegular';
  font-size: 13px;
  font-weight: normal;
  margin: 14px 0;
  width: 320px;
}

#free_trial_over #join_happify .add_texts ul {
  max-height: 40px;
  margin: 18px 0 0 5px;
  padding: 0;
}

#free_trial_over #join_happify .button_section {
  display: inline-block;
  vertical-align: top;
  width: 200px;
}

#free_trial_over #join_happify .button_section .join_happify {
  display: inline-block;
  font-size: 14px;
  margin: 25px 8px;
  height: 38px;
  line-height: 37px;
}

#free_trial_over #join_happify .button_section .join_happify.free_trial {
  margin: 40px 8px 0;
}

#free_trial_over #join_happify .button_section .join_happify .flag {
  left: 16px;
  top: 9px;
}

#modal-login .buttons_area {
  position: relative;
  height: 125px;
  width: 250px;
  margin: 0 auto;
  font-size: 1.3rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
}

#modal-login .btn-social {
  border-radius: 5px;
  display: block;
  float: left;
  margin: 0 10px 0 0;
  font-size: 15px;
  color: #666;
}

#modal-login .btn-facebook {
  font-size: 13px;
  text-decoration: none;
  background: none repeat scroll 0 0 #0054a6;
  border-bottom: 2px solid #002040;
  padding-left: 26px;
  text-align: center;
  height: 44px;
  line-height: 44px;
  display: block;
  color: #fff;
  width: 256px;
}

#modal-login .btn-facebook:hover {
  background: #003a73;
}

#modal-login span.icon_fb {
  display: inline-block;
  float: left;
  margin-top: 10px;
  background: url("/static/img/public_site/icon-facebook.png") no-repeat scroll 0 0 transparent;
  height: 22px;
  width: 11px;
}

#modal-login .btn-apple {
  font-size: 13px;
  text-decoration: none;
  background: none repeat scroll 0 0 black;
  color: #fff;
  padding-left: 24px;
  display: block;
  width: 256px;
  margin-top: 15px;
  line-height: 46px;
  text-align: center;
}

#modal-login span.icon_apple {
  float: left;
  background: url("/static/img/public_site/icon-apple.png") no-repeat scroll 0 0 transparent;
  height: 19px;
  width: 19px;
  margin-top: 13px;
  position: absolute;
  left: 22px;
}

#login.login,
#submit_password.submit_password,
#reset_password.reset_password,
#confirmation_email_send.confirmation_email_send,
#invalid_invite.invalid_invite {
  width: 270px;
  height: 570px;
  margin: 100px auto 10px;
  position: relative;
}

#login.login .buttons_area,
#submit_password.submit_password .buttons_area,
#reset_password.reset_password .buttons_area,
#confirmation_email_send.confirmation_email_send .buttons_area,
#invalid_invite.invalid_invite .buttons_area {
  position: relative;
  height: 125px;
  width: 250px;
  margin: 0 auto;
}

#login.login .middle_text,
#submit_password.submit_password .middle_text,
#reset_password.reset_password .middle_text,
#confirmation_email_send.confirmation_email_send .middle_text,
#invalid_invite.invalid_invite .middle_text {
  text-align: center;
  width: 250px;
  margin: 5px auto 15px;
  color: #a9a9a9;
  font-size: 14px !important;
  line-height: normal !important;
}

#login.login .middle_head,
#submit_password.submit_password .middle_head,
#reset_password.reset_password .middle_head,
#confirmation_email_send.confirmation_email_send .middle_head,
#invalid_invite.invalid_invite .middle_head {
  text-align: center;
  width: 250px;
  margin: 10px auto 30px;
  color: #777;
  font-size: 26px;
  font-weight: 800;
  font-family: "proxima-nova", sans-serif;
}

#login.login .middle-login #form-container,
#submit_password.submit_password .middle-login #form-container,
#reset_password.reset_password .middle-login #form-container,
#confirmation_email_send.confirmation_email_send .middle-login #form-container,
#invalid_invite.invalid_invite .middle-login #form-container {
  text-align: center;
  margin: 0 auto;
  width: 270px;
}

#login.login .middle-login #form-container input#email,
#submit_password.submit_password .middle-login #form-container input#email,
#reset_password.reset_password .middle-login #form-container input#email,
#confirmation_email_send.confirmation_email_send .middle-login #form-container input#email,
#invalid_invite.invalid_invite .middle-login #form-container input#email,
#login.login .middle-login #form-container input#password,
#submit_password.submit_password .middle-login #form-container input#password,
#reset_password.reset_password .middle-login #form-container input#password,
#confirmation_email_send.confirmation_email_send .middle-login #form-container input#password,
#invalid_invite.invalid_invite .middle-login #form-container input#password,
#login.login .middle-login #form-container input.reset_password,
#submit_password.submit_password .middle-login #form-container input.reset_password,
#reset_password.reset_password .middle-login #form-container input.reset_password,
#confirmation_email_send.confirmation_email_send .middle-login #form-container input.reset_password,
#invalid_invite.invalid_invite .middle-login #form-container input.reset_password {
  outline: none;
  width: 255px;
  height: 35px;
  margin-left: 4px;
}

#login.login .middle-login #form-container #validation,
#submit_password.submit_password .middle-login #form-container #validation,
#reset_password.reset_password .middle-login #form-container #validation,
#confirmation_email_send.confirmation_email_send .middle-login #form-container #validation,
#invalid_invite.invalid_invite .middle-login #form-container #validation {
  color: #ff3131;
  font-size: 14px;
  display: none;
}

#login.login .middle-login #form-container label.foraria,
#submit_password.submit_password .middle-login #form-container label.foraria,
#reset_password.reset_password .middle-login #form-container label.foraria,
#confirmation_email_send.confirmation_email_send .middle-login #form-container label.foraria,
#invalid_invite.invalid_invite .middle-login #form-container label.foraria {
  font-size: 17px;
  font-family: OpenSansRegular;
  text-align: left;
  margin-bottom: 10px;
}

#login.login .middle-login #form-container label.foraria span,
#submit_password.submit_password .middle-login #form-container label.foraria span,
#reset_password.reset_password .middle-login #form-container label.foraria span,
#confirmation_email_send.confirmation_email_send .middle-login #form-container label.foraria span,
#invalid_invite.invalid_invite .middle-login #form-container label.foraria span {
  display: block;
  margin-left: 10px;
}

#login.login .middle-login #form-container .button_container,
#submit_password.submit_password .middle-login #form-container .button_container,
#reset_password.reset_password .middle-login #form-container .button_container,
#confirmation_email_send.confirmation_email_send .middle-login #form-container .button_container,
#invalid_invite.invalid_invite .middle-login #form-container .button_container {
  width: 245px;
  margin: 15px auto;
}

#login.login .middle-login #form-container .button_container a.forgot,
#submit_password.submit_password .middle-login #form-container .button_container a.forgot,
#reset_password.reset_password .middle-login #form-container .button_container a.forgot,
#confirmation_email_send.confirmation_email_send .middle-login #form-container .button_container a.forgot,
#invalid_invite.invalid_invite .middle-login #form-container .button_container a.forgot {
  margin-left: 10px;
  font-size: 14px;
  color: #a9a9a9;
}

#login.login .middle-login #form-container .button_container #submit_in,
#submit_password.submit_password .middle-login #form-container .button_container #submit_in,
#reset_password.reset_password .middle-login #form-container .button_container #submit_in,
#confirmation_email_send.confirmation_email_send .middle-login #form-container .button_container #submit_in,
#invalid_invite.invalid_invite .middle-login #form-container .button_container #submit_in {
  font-family: 'OpenSansSemibold';
  font-size: 14px;
}

#login.login .middle-login #form-container .button_container #submit_in.disabled,
#submit_password.submit_password .middle-login #form-container .button_container #submit_in.disabled,
#reset_password.reset_password .middle-login #form-container .button_container #submit_in.disabled,
#confirmation_email_send.confirmation_email_send .middle-login #form-container .button_container #submit_in.disabled,
#invalid_invite.invalid_invite .middle-login #form-container .button_container #submit_in.disabled {
  opacity: 0.5 !important;
  pointer-events: none !important;
  filter: alpha(opacity=50) !important;
}

#login.login .reset_text,
#submit_password.submit_password .reset_text,
#reset_password.reset_password .reset_text,
#confirmation_email_send.confirmation_email_send .reset_text,
#invalid_invite.invalid_invite .reset_text,
#login.login .success_text,
#submit_password.submit_password .success_text,
#reset_password.reset_password .success_text,
#confirmation_email_send.confirmation_email_send .success_text,
#invalid_invite.invalid_invite .success_text {
  font-family: "proxima-nova", sans-serif;
  font-size: 25px;
  font-weight: bold;
  margin: auto;
  color: #777;
  width: 270px;
  padding-top: 60px;
}

#login.login .btn-social,
#submit_password.submit_password .btn-social,
#reset_password.reset_password .btn-social,
#confirmation_email_send.confirmation_email_send .btn-social,
#invalid_invite.invalid_invite .btn-social {
  border-radius: 5px;
  display: block;
  float: left;
  margin: 0 10px 0 0;
  font-size: 15px;
  color: #666;
}

#login.login .btn-twitter,
#submit_password.submit_password .btn-twitter,
#reset_password.reset_password .btn-twitter,
#confirmation_email_send.confirmation_email_send .btn-twitter,
#invalid_invite.invalid_invite .btn-twitter {
  color: #fff;
  background: none repeat scroll 0 0 #00aaea;
  border-bottom: 2px solid #006084;
  padding-left: 15px;
  display: block;
  width: 256px;
  text-decoration: none;
  margin-top: 15px;
  line-height: 44px;
  text-align: center;
  font-size: 13px;
}

#login.login .btn-twitter:hover,
#submit_password.submit_password .btn-twitter:hover,
#reset_password.reset_password .btn-twitter:hover,
#confirmation_email_send.confirmation_email_send .btn-twitter:hover,
#invalid_invite.invalid_invite .btn-twitter:hover {
  background: #0097D1;
}

#login.login span.icon_tw,
#submit_password.submit_password span.icon_tw,
#reset_password.reset_password span.icon_tw,
#confirmation_email_send.confirmation_email_send span.icon_tw,
#invalid_invite.invalid_invite span.icon_tw {
  margin-top: 12px;
  background: url("/static/img/public_site/icon-twitter.png") no-repeat scroll 0 0 transparent;
  display: inline-block;
  float: left;
  height: 19px;
  width: 28px;
}

#login.login .btn-facebook,
#submit_password.submit_password .btn-facebook,
#reset_password.reset_password .btn-facebook,
#confirmation_email_send.confirmation_email_send .btn-facebook,
#invalid_invite.invalid_invite .btn-facebook {
  font-size: 13px;
  text-decoration: none;
  background: none repeat scroll 0 0 #0054a6;
  border-bottom: 2px solid #002040;
  padding-left: 26px;
  text-align: center;
  line-height: 44px;
  display: block;
  color: #fff;
  width: 256px;
}

#login.login .btn-facebook:hover,
#submit_password.submit_password .btn-facebook:hover,
#reset_password.reset_password .btn-facebook:hover,
#confirmation_email_send.confirmation_email_send .btn-facebook:hover,
#invalid_invite.invalid_invite .btn-facebook:hover {
  background: #003a73;
}

#login.login span.icon_fb,
#submit_password.submit_password span.icon_fb,
#reset_password.reset_password span.icon_fb,
#confirmation_email_send.confirmation_email_send span.icon_fb,
#invalid_invite.invalid_invite span.icon_fb {
  display: inline-block;
  float: left;
  margin-top: 10px;
  background: url("/static/img/public_site/icon-facebook.png") no-repeat scroll 0 0 transparent;
  height: 22px;
  width: 11px;
}

#login.login .btn-apple,
#submit_password.submit_password .btn-apple,
#reset_password.reset_password .btn-apple,
#confirmation_email_send.confirmation_email_send .btn-apple,
#invalid_invite.invalid_invite .btn-apple {
  font-size: 13px;
  text-decoration: none;
  background: none repeat scroll 0 0 black;
  color: #fff;
  padding-left: 24px;
  display: block;
  width: 256px;
  margin-top: 15px;
  line-height: 46px;
  text-align: center;
}

#login.login span.icon_apple,
#submit_password.submit_password span.icon_apple,
#reset_password.reset_password span.icon_apple,
#confirmation_email_send.confirmation_email_send span.icon_apple,
#invalid_invite.invalid_invite span.icon_apple {
  float: left;
  background: url("/static/img/public_site/icon-apple.png") no-repeat scroll 0 0 transparent;
  height: 19px;
  width: 19px;
  margin-top: 13px;
  position: absolute;
  left: 22px;
}

#login.login .btn-login,
#submit_password.submit_password .btn-login,
#reset_password.reset_password .btn-login,
#confirmation_email_send.confirmation_email_send .btn-login,
#invalid_invite.invalid_invite .btn-login,
#login.login .button_forgot,
#submit_password.submit_password .button_forgot,
#reset_password.reset_password .button_forgot,
#confirmation_email_send.confirmation_email_send .button_forgot,
#invalid_invite.invalid_invite .button_forgot {
  text-shadow: none;
  background: none repeat scroll 0 0 padding-box #ff7a00;
  border-radius: 6px;
  -webkit-box-shadow: 0 2px 0 #994900;
  box-shadow: 0 2px 0 #994900;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
  padding: 15px 20px 12px;
  text-transform: uppercase;
  background-clip: padding-box;
  letter-spacing: 1px;
  border: none;
  width: 115px;
  height: 45px;
}

#login.login .btn-login:hover,
#submit_password.submit_password .btn-login:hover,
#reset_password.reset_password .btn-login:hover,
#confirmation_email_send.confirmation_email_send .btn-login:hover,
#invalid_invite.invalid_invite .btn-login:hover,
#login.login .button_forgot:hover,
#submit_password.submit_password .button_forgot:hover,
#reset_password.reset_password .button_forgot:hover,
#confirmation_email_send.confirmation_email_send .button_forgot:hover,
#invalid_invite.invalid_invite .button_forgot:hover {
  -webkit-transition: all 0.07s linear;
  transition: all 0.07s linear;
  background-color: #E66F03;
}

#login.login {
  width: 600px;
  margin-bottom: 170px;
  min-height: 328px;
  height: auto;
  position: static;
}

#login.login.partner-login {
  width: 100%;
}

#login.login.partner-login h1 {
  color: #3EABE7;
  font: 20px/80px "OpenSansBold", arial, sans-serif;
  text-align: left;
}

#login.login.partner-login img {
  width: 415px;
  border: 1px solid #d7d7d2;
  padding: 1px;
  border-radius: 5px;
}

#login.login.partner-login label {
  font: 16px/26px "OpenSansRegular", arial, sans-serif;
  font-weight: bold;
  color: #777;
}

#login.login.partner-login input {
  font: 16px/26px "OpenSansRegular", arial, sans-serif;
  font-weight: bold;
}

#login.login.partner-login input:not(:last-of-type) {
  margin-bottom: 25px;
}

#login.login.partner-login input:not(.orange ) {
  padding-left: 10px;
  width: 300px;
}

#login.login.partner-login input:last-of-type {
  margin-bottom: 42px;
}

#login.login.partner-login .forgot {
  color: #777;
  margin-left: 10px;
  font: 13px/34px "OpenSansRegular", arial, sans-serif;
}

#login.login.partner-login .error-flash {
  margin: 0;
}

#submit_password.submit_password {
  width: auto;
}

#submit_password.submit_password .middle-login {
  margin: 40px auto 0;
}

#submit_password.submit_password .middle-login #form-container label.foraria[for=email-input] {
  width: 255px;
  display: inline-block;
  margin-left: 14px;
  margin-bottom: 0;
}

#submit_password.submit_password .error-flash {
  color: red;
}

#submit_password.submit_password #forgot-password-form #submit_in {
  font-size: 14px;
  width: auto;
  min-width: 115px;
}

#reset_password.reset_password {
  width: 85%;
  top: 150px;
}

#reset_password.reset_password .reset_text {
  text-align: center;
  margin: 20px auto;
}

#reset_password.reset_password #reset-password-form #submit_in {
  font-size: 14px;
  width: auto;
  min-width: 115px;
}

#confirmation_email_send.confirmation_email_send,
#invalid_invite.invalid_invite {
  top: 180px;
  width: 80%;
  max-width: 430px;
}

#confirmation_email_send.confirmation_email_send .reset_text,
#invalid_invite.invalid_invite .reset_text {
  line-height: 32px;
  text-align: center;
}

#confirmation_email_send.confirmation_email_send .confirmation,
#invalid_invite.invalid_invite .confirmation {
  font-family: "proxima-nova", sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}

#confirmation_email_send.confirmation_email_send .confirmation p,
#invalid_invite.invalid_invite .confirmation p {
  width: auto;
  margin: 0 0 0 -13px;
}

#confirmation_email_send.confirmation_email_send .confirmation a,
#invalid_invite.invalid_invite .confirmation a {
  color: #ff7a00;
}

#invalid_invite.invalid_invite {
  width: 100%;
}

#invalid_invite.invalid_invite .middle-login .confirmation p {
  margin: 0 0 0 30px;
}

body footer.contentinfo .main {
  padding: 20px 0;
}

body footer.contentinfo .main .container-old .row-old .offset10 {
  right: 0;
  position: absolute;
  margin-right: 275px;
}

body footer.contentinfo .navigation nav {
  width: 800px;
}

#modal.request_invites #modal-form-content,
#modal.request_invites #modal-thanks-content,
#modal.request_invites #modal-login-content {
  width: auto;
  padding: 20px;
}

#modal.request_invites #modal-form-content h1,
#modal.request_invites #modal-thanks-content h1,
#modal.request_invites #modal-login-content h1 {
  color: #000000;
  font-family: "proxima-nova", sans-serif;
  font-size: 36px;
  font-weight: bold;
  line-height: 52px;
  margin: 50px 0 10px;
  padding: 0;
  text-align: center;
}

#modal.request_invites #modal-form-content .row-old,
#modal.request_invites #modal-thanks-content .row-old,
#modal.request_invites #modal-login-content .row-old {
  margin: -30px auto 0;
  padding: 0;
  width: 350px;
}

#modal.request_invites #modal-form-content .row-old .span8,
#modal.request_invites #modal-thanks-content .row-old .span8,
#modal.request_invites #modal-login-content .row-old .span8 {
  width: 350px;
  margin: 0 auto;
}

#modal.request_invites #modal-form-content .row-old .span8 .clearfix .error,
#modal.request_invites #modal-thanks-content .row-old .span8 .clearfix .error,
#modal.request_invites #modal-login-content .row-old .span8 .clearfix .error {
  position: relative;
  width: 190px;
  font-family: "proxima-nova", sans-serif;
  font-size: 12px;
  color: red;
  top: -7px;
  height: 13px;
}

#modal.request_invites #modal-form-content .head,
#modal.request_invites #modal-thanks-content .head,
#modal.request_invites #modal-login-content .head {
  width: 370px;
  margin: 30px auto 20px;
}

#modal.request_invites #modal-form-content .head h2,
#modal.request_invites #modal-thanks-content .head h2,
#modal.request_invites #modal-login-content .head h2 {
  font-family: "proxima-nova", sans-serif;
  font-size: 20px;
  line-height: 26px;
  margin: 0 0 45px;
  padding: 0;
  text-align: left;
  color: #ff7a00;
}

#modal.request_invites #modal-form-content input[type='text'],
#modal.request_invites #modal-thanks-content input[type='text'],
#modal.request_invites #modal-login-content input[type='text'],
#modal.request_invites #modal-form-content input[type='email'] input[type='url'],
#modal.request_invites #modal-thanks-content input[type='email'] input[type='url'],
#modal.request_invites #modal-login-content input[type='email'] input[type='url'],
#modal.request_invites #modal-form-content input[type='password'],
#modal.request_invites #modal-thanks-content input[type='password'],
#modal.request_invites #modal-login-content input[type='password'] {
  float: left;
  font-size: 16px;
  font-weight: 600;
  height: 30px;
  margin: 10px 0;
  padding: 4px 12px;
  width: 325px;
}

#modal.request_invites #modal-form-content input[type='text'].hightlight,
#modal.request_invites #modal-thanks-content input[type='text'].hightlight,
#modal.request_invites #modal-login-content input[type='text'].hightlight,
#modal.request_invites #modal-form-content input[type='email'] input[type='url'].hightlight,
#modal.request_invites #modal-thanks-content input[type='email'] input[type='url'].hightlight,
#modal.request_invites #modal-login-content input[type='email'] input[type='url'].hightlight,
#modal.request_invites #modal-form-content input[type='password'].hightlight,
#modal.request_invites #modal-thanks-content input[type='password'].hightlight,
#modal.request_invites #modal-login-content input[type='password'].hightlight {
  border: 1px solid red;
}

#modal.request_invites #modal-form-content .button_bar,
#modal.request_invites #modal-thanks-content .button_bar,
#modal.request_invites #modal-login-content .button_bar {
  padding-top: 15px;
  left: 0;
}

#modal.request_invites #modal-form-content .button_bar .button_submit,
#modal.request_invites #modal-thanks-content .button_bar .button_submit,
#modal.request_invites #modal-login-content .button_bar .button_submit {
  width: 150px;
  margin: 0;
  text-align: center;
  font-size: 18px;
  padding: 10px;
  margin-bottom: 0;
  font-family: "OpenSansBold", arial, sans-serif;
  line-height: 32px;
  height: 32px;
  display: block;
}

#modal.request_invites #modal-form-content .button_bar a.sign_in,
#modal.request_invites #modal-thanks-content .button_bar a.sign_in,
#modal.request_invites #modal-login-content .button_bar a.sign_in {
  color: #F05A20;
  position: relative;
  top: 21px;
}

#modal.request_invites #modal-form-content .button_bar a.existing_acct_login,
#modal.request_invites #modal-thanks-content .button_bar a.existing_acct_login,
#modal.request_invites #modal-login-content .button_bar a.existing_acct_login {
  color: #F05A20;
  position: relative;
  font-size: 30px;
  top: 21px;
}

#pioneer_plus_banner {
  margin: 0 auto 20px;
  text-align: center;
}

#header ul.nav-pills li a.join_happify_now {
  position: relative;
  left: -315px;
  background: url("/static/img/green_gradient.svg") no-repeat scroll 0 0 transparent;
  color: white;
  display: inline-block;
  font-family: "OpenSansBold", sans-serif;
  font-size: 12px;
  height: 25px;
  line-height: 13px;
  margin: 16px 12px 0 0;
  padding: 0;
  text-align: right;
  width: 144px;
}

#header ul.nav-pills li a.join_happify_now .white_flag {
  width: 17px;
  height: 20px;
  display: inline-block;
  background: url("/static/img/sprite-1.png") no-repeat transparent;
  background-position: -86px -560px;
  position: relative;
  left: -9px;
  top: 4px;
}

#header ul.nav-pills li a.join_happify_now span {
  left: -10px;
  position: relative;
  top: -3px;
}

li.js-threads a.threads_lnk .new_icon {
  color: #F88839;
  font-family: 'OpenSansSemibold';
  font-size: 10px;
  left: 55px;
  position: absolute;
  top: 18px;
}

li.js-threads.active a.threads_lnk .new_icon {
  color: #fff;
}

html[lang=es] #login.login .middle-login #form-container .button_container {
  width: 350px;
}

html[lang=fr] #login.login .middle-login #form-container .button_container {
  width: 310px;
}

html[lang=de] #login.login .middle-login #form-container .button_container {
  width: 305px;
}

html[lang=pt] #login.login .middle-login #form-container .button_container {
  width: 265px;
}

html[lang=ja] #login.login .middle-login #form-container .button_container {
  width: 330px;
}

html[lang=it] #login.login .middle-login #form-container .button_container {
  width: 290px;
}

.icon.is_new {
  height: 33px;
  width: 35px;
  background-image: url("/static/img/sprite-1.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -176px -327px;
}

.icon.is_committed {
  height: 30px;
  width: 30px;
  background-image: url('/static/img/activity_sign.png');
  background-position: -30px 50%;
}

.icon.dollar-sign {
  width: 11px;
  height: 23px;
  background: url('/static/img/portal/dollar_sign.png') no-repeat;
  display: inline-block;
}

.uploadify > object {
  outline: none;
}

.image_carousel .btn-group {
  clear: left;
  margin: 10px auto;
  width: 65px;
}

#image_picker_modal {
  max-width: 860px;
  width: 100%;
  padding: 5px;
}

.image_carousel {
  display: inline-block;
  width: 100%;
  padding: 0 20px 20px;
}

.image_carousel h3 {
  font-family: 'OpenSansRegular';
  color: #10bcd7;
  font-size: 18px;
  margin: 15px;
}

.image_carousel .tab-cont,
.image_carousel .tab-content {
  margin: auto;
}

.image_carousel .tab-cont {
  width: auto;
}

.image_carousel .tab-cont .tabrow {
  background: none;
  width: auto;
}

.image_carousel .tab-cont .tabrow li {
  position: relative;
  top: 2px;
  margin-left: -50px;
}

@media (max-width: 575.98px) {
  .image_carousel .tab-cont .tabrow li {
    top: 0;
    margin-left: 0;
  }
}

.image_carousel .tab-cont .tabrow li:first-child {
  margin-left: 0;
}

.image_carousel .tab-cont .tabrow li [data-toggle="tab"] {
  font-weight: normal;
  padding: 5px;
}

.image_carousel .tab-cont .tabrow li [data-toggle="tab"]:focus {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  outline: 4px black solid;
  outline-offset: -6px;
}

.image_carousel .tab-content {
  border: 1px solid lightGray;
  min-height: 420px;
  overflow: hidden;
}

.image_carousel ul.tab-content {
  list-style-type: none;
  display: inline-block;
}

.image_carousel .tab-content .button_other_arrow {
  position: absolute;
  top: 200px;
}

.image_carousel .tab-content .button_other_arrow.left {
  left: 5px;
}

.image_carousel .tab-content .button_other_arrow.right {
  right: 5px;
}

.image_carousel .tab-content .carousel_main {
  width: 100%;
}

.image_carousel .tab-content .back-to-albums {
  cursor: pointer;
  color: #ff804a;
  margin-bottom: 5px;
}

.image_carousel .tab-content #span_upload-queue {
  margin: 0 auto auto 210px;
}

.image_carousel .tab-content #span_upload {
  margin: 164px 47px auto 295px;
}

.image_carousel .tab-content .hovered .uploadify-button {
  background: #ff804a !important;
}

.image_carousel .tab-content .uploadify-button-text {
  display: block;
  margin-top: -6px;
}

.image_carousel .tab-content .uploadify-button {
  border-radius: 555px;
  border: 5px #EEE solid;
  padding: 0 28px 0 28px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 16px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  background-image: -webkit-gradient(linear, left bottom, left top, from(#F67B3E), to(#EE4918)) !important;
  background-image: linear-gradient(to top, #F67B3E, #EE4918) !important;
}

.image_carousel .tab-content .uploadify object {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
}

.image_carousel .tab-content .album-select,
.image_carousel .tab-content .image-select {
  position: relative;
  top: -5px;
  left: -5px;
  float: left;
  text-align: center;
  cursor: pointer;
  border: 1px solid #CCC;
  margin: 4px 3px;
  padding: 5px;
  background-color: #ffffff;
}

.image_carousel .tab-content .album-select .album-select-real,
.image_carousel .tab-content .image-select .album-select-real {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 159px;
  height: 152px;
  border: 1px solid #CCC;
  background-color: #ffffff;
}

.image_carousel .tab-content .album-select {
  padding: 9px 0 0;
  width: 159px;
  height: 143px;
}

.image_carousel .tab-content .image-select {
  padding: 5px;
  width: 149px;
  height: 110px;
}

.image_carousel .tab-content .image-select {
  height: 111px;
}

.image_carousel .tab-content .album-name {
  color: #6074af;
  font-weight: bold;
  cursor: pointer;
}

.image_carousel .tab-content .album-count {
  cursor: pointer;
  color: #a4a4a4;
}

.image_carousel .tab-content #facebook_image_selector .album-name {
  cursor: auto;
  color: #03a9e5;
  font-size: 18px;
  font-weight: normal;
  font-family: 'OpenSansSemibold';
}

.image_carousel li.carousel-selected-image:before {
  content: url(/static/img/challenge_status/checkmark.png);
  background: white;
  border-radius: 5px;
  border: 3px solid transparent;
  opacity: .9;
  position: absolute;
  right: 3px;
  bottom: 3px;
}

#facebook_images ul#src_items li,
#happify_images ul#src_items li,
#facebook_insidealbum ul#src_items li {
  display: inline-block;
}

#facebook_images ul#src_items li.item,
#happify_images ul#src_items li.item,
#facebook_insidealbum ul#src_items li.item {
  width: 100%;
}

#facebook_images .view,
#happify_images .view,
#facebook_insidealbum .view,
#facebook_images .item,
#happify_images .item,
#facebook_insidealbum .item {
  margin: 0 auto;
  width: 100%;
}

#facebook_images .carousel_main .items_page,
#happify_images .carousel_main .items_page,
#facebook_insidealbum .carousel_main .items_page {
  margin: 0;
  padding: 0 40px;
}

#facebook_images .carousel_main .items_page .item_elems,
#happify_images .carousel_main .items_page .item_elems,
#facebook_insidealbum .carousel_main .items_page .item_elems {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#facebook_images .carousel_control li,
#happify_images .carousel_control li,
#facebook_insidealbum .carousel_control li {
  margin: 0;
}

#happify_images .album-name,
#facebook_insidealbum .album-name {
  color: #10BCD7;
  font-weight: normal;
  font-family: 'OpenSansSemibold';
  font-size: 18px;
  padding-left: 50px;
}

#happify_images .back-to-albums,
#facebook_insidealbum .back-to-albums {
  padding-left: 50px;
}

#happify_images .image_item_outer,
#facebook_insidealbum .image_item_outer {
  border: 1px solid #cdcdcd;
  padding: 3px;
  overflow: hidden;
}

#happify_images .image_item_outer .image_item,
#facebook_insidealbum .image_item_outer .image_item {
  background-color: #ffffff;
  overflow: hidden;
  width: 147px;
  height: 114px;
  text-align: center;
  border: none;
  padding: 0;
}

#happify_images .carousel_main .view .carousel_next,
#facebook_insidealbum .carousel_main .view .carousel_next,
#happify_images .carousel_main .view .carousel_prev,
#facebook_insidealbum .carousel_main .view .carousel_prev {
  padding: 0;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  top: 180px;
  display: block;
}

#happify_images .carousel_main .view .carousel_prev,
#facebook_insidealbum .carousel_main .view .carousel_prev {
  left: 5px;
}

#happify_images .carousel_main .view .carousel_next,
#facebook_insidealbum .carousel_main .view .carousel_next {
  right: 5px;
}

#happify_images li.item_elem,
#facebook_insidealbum li.item_elem {
  margin: 0 10px 10px;
  cursor: pointer;
  line-height: 0;
}

#facebook_insidealbum ul#src_items {
  margin: 0;
}

#facebook_insidealbum .carousel_main {
  width: 100%;
}

#facebook_insidealbum .carousel_main ul {
  padding: 0;
}

#facebook_insidealbum .item {
  margin-left: 10px;
}

#facebook_insidealbum .item_elems {
  margin: 0;
  padding: 0;
}

#facebook_images {
  margin-top: 22px;
}

#facebook_images li.item_elem {
  margin: 0 0 25px 3px;
  vertical-align: top;
}

#facebook_images .carousel_main .view .carousel_next {
  top: 145px;
  right: 2px;
}

#facebook_images .carousel_main .view .carousel_prev {
  top: 145px;
  left: 2px;
}

#facebook_images .item_content {
  height: 370px;
  margin: 0 auto;
}

#facebook_images .album_item {
  width: 181px;
  position: relative;
  cursor: pointer;
}

#facebook_images .album_item .fframe,
#facebook_images .album_item .sframe {
  border: 1px solid #cdcdcd;
  background-color: #ffffff;
  width: 173px;
  height: 117px;
}

#facebook_images .album_item .fframe {
  top: 0;
  left: 0;
  display: inline-block;
}

#facebook_images .album_item .sframe {
  position: absolute;
  top: 5px;
  left: 5px;
}

#facebook_images .album_item .sframe .image {
  width: 167px;
  height: 111px;
  overflow: hidden;
  margin: 3px;
}

#facebook_images .album_item .name {
  color: #465486;
  margin-top: 5px;
}

#facebook_images .album_item .count {
  color: #9e9e9e;
}

html[lang=es] .image_carousel .tab-cont .tabrow {
  background: none;
}

html[lang=es] .image_carousel .tab-cont .tabrow li [data-toggle="tab"] {
  font-size: 1.15rem;
}

html[lang=pt] .image_carousel .tab-cont .tabrow {
  background: none;
}

html[lang=pt] .image_carousel .tab-cont .tabrow li [data-toggle="tab"] {
  font-size: 1.2rem;
  line-height: 3.5rem;
}

.js-scroll-to-top {
  position: fixed;
  bottom: 0;
  right: 38%;
  background: white;
  padding: 20px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  font-family: 'OpenSansRegular';
  font-weight: bold;
  border: 1px solid #CCCCCC;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.invite_table {
  color: #888;
}

.invite_table .invite-header {
  background: #F8F6F4;
  margin: -10px -10px 0 -10px;
  border-radius: 2px 2px 0 0;
  padding: 14px 10px 14px 10px;
  font-size: 20px;
  border-bottom: 1px solid #C8C7C7;
  font-family: "OpenSansRegular";
  color: #666666;
}

.invite_table .invite-title {
  margin: 20px 0 10px 20px;
  padding: 0 0 3px 0;
  font-size: 18px;
  border-bottom: 1px solid #c2c1c1;
  font-family: "OpenSansRegular";
  clear: left;
  width: 96%;
  color: #666666;
}

.invite_table .invites-requested {
  margin-left: 300px;
}

.invite_table .invite-form {
  margin: 30px 0 10px 20px;
  float: left;
  font-size: 18px;
  color: #666;
  font-family: "OpenSansRegular";
}

.invite_table .invite-form input {
  height: 28px;
  margin-top: 5px;
  width: 350px;
  color: #BBB;
  font-family: "OpenSansRegular";
  font-size: 15px;
  padding-top: 2px;
}

.invite_table .invite-form input.active {
  font-family: "OpenSansRegular";
  color: #666;
}

.invite_table .invite-form .personal_msg {
  margin-top: 5px;
  resize: none;
  color: #BBB;
  font-family: "OpenSansRegular";
  font-size: 15px;
  height: 120px;
  width: 280px;
}

.invite_table .invite-form .personal_msg.active {
  font-family: "OpenSansRegular";
  color: #666;
}

.invite_table .invite-form .msg {
  color: green;
  float: right;
  font-size: 12px;
  margin: -4px 0 0 -60px;
  margin-bottom: 35px;
}

.invite_table .invite-form .error {
  color: red;
  float: right;
  font-size: 12px;
  margin: -13px 0 0 -120px;
  margin-bottom: 35px;
}

.invite_table .button_primary.invite-button {
  float: left;
  font-size: 14px;
  height: 29px;
  width: 110px;
  margin: 45px 0 0 24px;
  line-height: 29px;
}

.invite_table .button_container {
  width: 100%;
}

.invite_table .button_container .button_primary.request-more {
  width: 175px;
  float: none;
  margin: 45px auto 40px;
}

.invite_table .invite-row {
  background-color: #FDFCF9;
  border-radius: 3px;
  border: 1px solid #cecece;
  margin: 10px 0 10px 20px;
  padding: 8px 4px;
  overflow: auto;
  line-height: 49px;
  font-size: 15px;
  font-family: "OpenSansRegular";
  -webkit-box-shadow: -2px 1px 1px #eee;
  box-shadow: -2px 1px 1px #eee;
  width: 948px;
}

.invite_table .invite-row .avatar {
  float: left;
  width: 100px;
  min-height: 49px;
}

.invite_table .invite-row .avatar .comment-image {
  position: relative;
  clear: both;
  display: inline-block;
}

.invite_table .invite-row .avatar .comment-image .invite-avatar-surround {
  -webkit-box-shadow: 0 0 1px 1px #ccc;
  box-shadow: 0 0 1px 1px #ccc;
  margin: 0 0 0 25px;
  width: 49px;
  height: 49px;
  border-radius: 30px;
  background: #dad9d7;
  background-color: #ffffff;
}

.invite_table .invite-row .avatar .comment-image .invite-avatar-surround.pioneer {
  width: 49px;
  height: 49px;
  border: none;
  background-color: #f4d420;
}

.invite_table .invite-row .avatar .comment-image .invite-avatar-surround.pioneer img {
  position: relative;
  top: -2px;
  left: 2px;
  opacity: 1;
  filter: alpha(opacity=1);
  border: none;
}

.invite_table .invite-row .avatar .comment-image .invite-avatar-surround img {
  border-radius: 30px;
  position: relative;
  top: -2px;
  left: 2px;
  opacity: 1;
  filter: alpha(opacity=1);
  border: none;
}

.invite_table .invite-row .name {
  float: left;
  width: 250px;
  font-size: 15px;
  color: #f53600;
}

.invite_table .invite-row .name a {
  text-decoration: none;
}

.invite_table .invite-row .email {
  float: left;
  width: 250px;
  font-size: 15px;
}

.invite_table .invite-row .status {
  float: left;
  width: 70px;
}

.invite_table .invite-row .sent-date {
  float: left;
  width: 100px;
}

.invite_table .invite-row .personal_msg {
  float: left;
  width: 420px;
  line-height: 45px;
}

.invite_table .invites-requested {
  margin-left: 200px;
  margin-top: 30px;
  font-size: 22px;
  font-family: "OpenSansRegular";
  color: #999;
}

.activity_feed_item {
  zoom: 1;
  margin-bottom: 8px;
}

.activity_feed_item:before,
.activity_feed_item:after {
  content: '';
  display: table;
}

.activity_feed_item:after {
  clear: both;
}

.activity_feed_item::after {
  display: block;
  clear: both;
  content: "";
}

.activity_feed_item:before,
.activity_feed_item:after {
  content: '';
  display: table;
}

.activity_feed_item:after {
  clear: both;
}

.activity_feed_item::after {
  display: block;
  clear: both;
  content: "";
}

.activity_feed_item::after {
  display: block;
  clear: both;
  content: "";
}

.activity_feed_item::after {
  display: block;
  clear: both;
  content: "";
}

.activity_feed_item .avatar {
  float: left;
  margin: auto 6px auto 4px;
}

.activity_feed_item .completed_at {
  font-size: smaller;
  color: #AAAAAA;
}

#login_page .top {
  padding-bottom: 40px;
}

#login_page .middle-login div#or {
  color: #372f2b;
}

#login_page .middle-login #form-container .button_container {
  width: 151px;
  margin: 0 auto;
}

#login_page .middle-login #form-container .button_container a.forgot {
  color: #372f2b;
  position: relative;
  top: -10px;
}

#login_page .middle-login #form-container .button_container #submit_in {
  font-family: proxima-nova, sans-serif;
}

#login_page .bottom {
  padding: 40px 0 0 0;
}

#login_page .bottom .skill_container {
  margin: 0 auto;
  width: 550px;
}

#membership_page.membership {
  color: #666666;
  height: 100%;
  font-weight: normal;
  padding-bottom: 50px;
  width: 1018px;
  margin: 0 auto;
  border-radius: 5px;
  background-clip: padding-box;
}

#membership_page.membership .nav_bar {
  width: 1018px;
  height: 25px;
  padding: 10px 0;
  background-color: #F8F5F3;
  border-bottom: 1px solid #DDD;
  border-top: 2px solid #DDD;
  border-right: 2px solid #DDD;
  border-left: 2px solid #DDD;
  border-radius: 5px 5px 0 0;
  background-clip: padding-box;
}

#membership_page.membership .nav_bar h3 {
  color: #666666;
  margin: 0;
  font-family: 'OpenSansRegular';
  font-size: 20px;
  font-weight: bold;
  padding: 10px;
  display: inline;
}

#membership_page.membership .nav_bar a {
  color: #666666;
  font-size: 16pt;
  margin: 0 0 0 25px;
  padding: 10px;
  display: inline;
  font-weight: normal;
  text-decoration: none;
  cursor: pointer;
}

#membership_main .js-popover_target,
#cancel_renewal_one .js-popover_target,
#cancel_renewal_two .js-popover_target,
#manage_billing .js-popover_target,
#membership_refund .js-popover_target,
#guest_membership .js-popover_target {
  position: absolute;
  left: 300px;
  top: 100px;
  width: 10px;
  height: 10px;
}

#membership_main .content,
#cancel_renewal_one .content,
#cancel_renewal_two .content,
#manage_billing .content,
#membership_refund .content,
#guest_membership .content {
  height: 100%;
  background-color: #FFFFFF;
  margin: 0 auto;
  width: 1018px;
  border-right: 2px solid #DDD;
  border-left: 2px solid #DDD;
  border-bottom: 2px solid #DDD;
  padding-bottom: 50px;
}

#membership_main .content .title,
#cancel_renewal_one .content .title,
#cancel_renewal_two .content .title,
#manage_billing .content .title,
#membership_refund .content .title,
#guest_membership .content .title {
  border-bottom: 1px solid #C2C1C1;
  font-family: 'OpenSansSemibold';
  font-size: 14pt;
  font-weight: normal;
  margin: 0 40px;
  padding-bottom: 5px;
  padding-top: 20px;
  background-color: #FFFFFF;
  text-align: left;
}

#membership_main .content .col_left,
#cancel_renewal_one .content .col_left,
#cancel_renewal_two .content .col_left,
#manage_billing .content .col_left,
#membership_refund .content .col_left,
#guest_membership .content .col_left {
  width: 250px;
  display: inline-block;
  margin: 5px 0 30px 20px;
  color: #7A7A7A;
}

#membership_main .content .col_left .circular img.avatar,
#cancel_renewal_one .content .col_left .circular img.avatar,
#cancel_renewal_two .content .col_left .circular img.avatar,
#manage_billing .content .col_left .circular img.avatar,
#membership_refund .content .col_left .circular img.avatar,
#guest_membership .content .col_left .circular img.avatar {
  left: 1px;
}

#membership_main .content .col_left .circular.pioneer_plus .avatar,
#cancel_renewal_one .content .col_left .circular.pioneer_plus .avatar,
#cancel_renewal_two .content .col_left .circular.pioneer_plus .avatar,
#manage_billing .content .col_left .circular.pioneer_plus .avatar,
#membership_refund .content .col_left .circular.pioneer_plus .avatar,
#guest_membership .content .col_left .circular.pioneer_plus .avatar {
  left: 4px;
}

#membership_main .content .col_left .circular .label,
#cancel_renewal_one .content .col_left .circular .label,
#cancel_renewal_two .content .col_left .circular .label,
#manage_billing .content .col_left .circular .label,
#membership_refund .content .col_left .circular .label,
#guest_membership .content .col_left .circular .label {
  position: absolute;
  width: 166px;
  height: 56px;
  top: 0;
  left: 0;
  display: none;
}

#membership_main .content .col_left .circular .label.pioneer_plus,
#cancel_renewal_one .content .col_left .circular .label.pioneer_plus,
#cancel_renewal_two .content .col_left .circular .label.pioneer_plus,
#manage_billing .content .col_left .circular .label.pioneer_plus,
#membership_refund .content .col_left .circular .label.pioneer_plus,
#guest_membership .content .col_left .circular .label.pioneer_plus {
  top: 240px;
  left: 30px;
  display: block;
  background-image: url("/static/img/sprite-2.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -386px -403px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  #membership_main .content .col_left .circular .label.pioneer_plus,
  #cancel_renewal_one .content .col_left .circular .label.pioneer_plus,
  #cancel_renewal_two .content .col_left .circular .label.pioneer_plus,
  #manage_billing .content .col_left .circular .label.pioneer_plus,
  #membership_refund .content .col_left .circular .label.pioneer_plus,
  #guest_membership .content .col_left .circular .label.pioneer_plus {
    background-image: url("/static/img/sprite-2@2x.png");
    background-size: 1040px 1253px;
  }
}

#membership_main .content .col_left .circular .label.pioneer,
#cancel_renewal_one .content .col_left .circular .label.pioneer,
#cancel_renewal_two .content .col_left .circular .label.pioneer,
#manage_billing .content .col_left .circular .label.pioneer,
#membership_refund .content .col_left .circular .label.pioneer,
#guest_membership .content .col_left .circular .label.pioneer {
  top: 240px;
  left: 30px;
  display: block;
  background-image: url("/static/img/sprite-2.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -720px -26px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  #membership_main .content .col_left .circular .label.pioneer,
  #cancel_renewal_one .content .col_left .circular .label.pioneer,
  #cancel_renewal_two .content .col_left .circular .label.pioneer,
  #manage_billing .content .col_left .circular .label.pioneer,
  #membership_refund .content .col_left .circular .label.pioneer,
  #guest_membership .content .col_left .circular .label.pioneer {
    background-image: url("/static/img/sprite-2@2x.png");
    background-size: 1040px 1253px;
  }
}

#membership_main .content .col_left .circular.pioneer,
#cancel_renewal_one .content .col_left .circular.pioneer,
#cancel_renewal_two .content .col_left .circular.pioneer,
#manage_billing .content .col_left .circular.pioneer,
#membership_refund .content .col_left .circular.pioneer,
#guest_membership .content .col_left .circular.pioneer {
  background-color: #e1e6ea;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
  border: 2px solid #e1e6ea;
}

#membership_main .content .col_left .circular.pioneer img,
#cancel_renewal_one .content .col_left .circular.pioneer img,
#cancel_renewal_two .content .col_left .circular.pioneer img,
#manage_billing .content .col_left .circular.pioneer img,
#membership_refund .content .col_left .circular.pioneer img,
#guest_membership .content .col_left .circular.pioneer img {
  top: 1px;
}

#membership_main .content .col_right,
#cancel_renewal_one .content .col_right,
#cancel_renewal_two .content .col_right,
#manage_billing .content .col_right,
#membership_refund .content .col_right,
#guest_membership .content .col_right {
  width: 650px;
  display: inline-block;
  vertical-align: top;
  font-family: 'OpenSansRegular';
  font-size: 15pt;
  font-weight: normal;
  padding: 15px 0 75px;
  color: #7A7A7A;
}

#membership_main .content .col_right .section .plan_name,
#cancel_renewal_one .content .col_right .section .plan_name,
#cancel_renewal_two .content .col_right .section .plan_name,
#manage_billing .content .col_right .section .plan_name,
#membership_refund .content .col_right .section .plan_name,
#guest_membership .content .col_right .section .plan_name {
  font-family: 'OpenSansSemibold';
  margin-left: 5px;
}

#membership_main .content .col_right .section .card_nr,
#cancel_renewal_one .content .col_right .section .card_nr,
#cancel_renewal_two .content .col_right .section .card_nr,
#manage_billing .content .col_right .section .card_nr,
#membership_refund .content .col_right .section .card_nr,
#guest_membership .content .col_right .section .card_nr {
  margin-left: 63px;
  color: #666;
}

#membership_main .content .col_right .section .details_section,
#cancel_renewal_one .content .col_right .section .details_section,
#cancel_renewal_two .content .col_right .section .details_section,
#manage_billing .content .col_right .section .details_section,
#membership_refund .content .col_right .section .details_section,
#guest_membership .content .col_right .section .details_section {
  margin-top: 5px;
  margin-left: 178px;
  font-size: 11pt;
  font-weight: normal;
  line-height: 20px;
}

#membership_main .content .col_right .link_section,
#cancel_renewal_one .content .col_right .link_section,
#cancel_renewal_two .content .col_right .link_section,
#manage_billing .content .col_right .link_section,
#membership_refund .content .col_right .link_section,
#guest_membership .content .col_right .link_section {
  font-size: 16px;
  font-family: 'OpenSansSemibold';
  font-weight: normal;
  line-height: 24px;
  margin: 20px 0 0 178px;
}

#membership_main .content .col_right .link_section a,
#cancel_renewal_one .content .col_right .link_section a,
#cancel_renewal_two .content .col_right .link_section a,
#manage_billing .content .col_right .link_section a,
#membership_refund .content .col_right .link_section a,
#guest_membership .content .col_right .link_section a {
  text-decoration: underline;
  cursor: pointer;
}

#membership_main .content .col_right .plus_pack_section ul,
#cancel_renewal_one .content .col_right .plus_pack_section ul,
#cancel_renewal_two .content .col_right .plus_pack_section ul,
#manage_billing .content .col_right .plus_pack_section ul,
#membership_refund .content .col_right .plus_pack_section ul,
#guest_membership .content .col_right .plus_pack_section ul {
  font-size: 8px;
  margin-left: 190px;
  padding: 0;
}

#membership_main .content .col_right .plus_pack_section ul span,
#cancel_renewal_one .content .col_right .plus_pack_section ul span,
#cancel_renewal_two .content .col_right .plus_pack_section ul span,
#manage_billing .content .col_right .plus_pack_section ul span,
#membership_refund .content .col_right .plus_pack_section ul span,
#guest_membership .content .col_right .plus_pack_section ul span {
  font-size: 13pt;
  font-weight: normal;
  color: #7A7A7A;
}

#membership_main .content .col_right .change_plan,
#cancel_renewal_one .content .col_right .change_plan,
#cancel_renewal_two .content .col_right .change_plan,
#manage_billing .content .col_right .change_plan,
#membership_refund .content .col_right .change_plan,
#guest_membership .content .col_right .change_plan {
  margin: 20px 0 20px 175px;
}

#membership_main .content .col_right .change_plan a,
#cancel_renewal_one .content .col_right .change_plan a,
#cancel_renewal_two .content .col_right .change_plan a,
#manage_billing .content .col_right .change_plan a,
#membership_refund .content .col_right .change_plan a,
#guest_membership .content .col_right .change_plan a {
  cursor: pointer;
  font-family: 'OpenSansRegular';
  font-size: 16px;
  text-decoration: underline;
}

#membership_main .content .col_right .cancel_renew,
#cancel_renewal_one .content .col_right .cancel_renew,
#cancel_renewal_two .content .col_right .cancel_renew,
#manage_billing .content .col_right .cancel_renew,
#membership_refund .content .col_right .cancel_renew,
#guest_membership .content .col_right .cancel_renew {
  margin: 15px 0 0 175px;
}

#membership_main .content .col_right .cancel_renew a,
#cancel_renewal_one .content .col_right .cancel_renew a,
#cancel_renewal_two .content .col_right .cancel_renew a,
#manage_billing .content .col_right .cancel_renew a,
#membership_refund .content .col_right .cancel_renew a,
#guest_membership .content .col_right .cancel_renew a {
  cursor: pointer;
  font-family: 'OpenSansRegular';
  font-size: 14px;
}

#membership_main .content .col_right .cancel_renew a:hover,
#cancel_renewal_one .content .col_right .cancel_renew a:hover,
#cancel_renewal_two .content .col_right .cancel_renew a:hover,
#manage_billing .content .col_right .cancel_renew a:hover,
#membership_refund .content .col_right .cancel_renew a:hover,
#guest_membership .content .col_right .cancel_renew a:hover {
  text-decoration: underline;
}

#cancel_renewal_one,
#cancel_renewal_two {
  padding-bottom: 100px;
}

#cancel_renewal_one .content,
#cancel_renewal_two .content {
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  text-align: center;
  padding-top: 50px;
}

#cancel_renewal_one .content .top_section,
#cancel_renewal_two .content .top_section {
  width: 615px;
  margin: 50px auto 0;
}

#cancel_renewal_one .content .top_section .left_col,
#cancel_renewal_two .content .top_section .left_col {
  display: inline-block;
  width: 250px;
}

#cancel_renewal_one .content .top_section .left_col .image_container,
#cancel_renewal_two .content .top_section .left_col .image_container {
  background: url('/static/img/contact_us.PNG') no-repeat transparent;
  width: 220px;
  height: 320px;
  margin-top: 20px;
}

#cancel_renewal_one .content .top_section .right_col,
#cancel_renewal_two .content .top_section .right_col {
  display: inline-block;
  vertical-align: top;
  width: 300px;
  text-align: left;
  margin-top: 15px;
}

#cancel_renewal_one .content .top_section .right_col h1,
#cancel_renewal_two .content .top_section .right_col h1 {
  font-family: 'OpenSansSemibold';
  font-weight: normal;
  font-size: 20pt;
}

#cancel_renewal_one .content .top_section .right_col p,
#cancel_renewal_two .content .top_section .right_col p {
  font-family: 'OpenSansRegular';
  font-weight: normal;
  font-size: 13pt;
  color: #7A7A7A;
  line-height: 16pt;
  margin: 20px 0 30px;
}

#cancel_renewal_one .content .middle_section,
#cancel_renewal_two .content .middle_section {
  width: 675px;
  margin: 0 auto;
  text-align: left;
  font-family: 'OpenSansRegular';
  font-size: 13pt;
  color: #7A7A7A;
  font-weight: normal;
}

#cancel_renewal_one .content .middle_section h1,
#cancel_renewal_two .content .middle_section h1 {
  color: #03A9E5;
  font-family: 'OpenSansRegular';
  font-size: 15pt;
  font-weight: normal;
  margin: 0;
}

#cancel_renewal_one .content .middle_section .happify_text,
#cancel_renewal_two .content .middle_section .happify_text {
  font-family: 'OpenSansRegular';
  font-size: 13pt;
  font-weight: normal;
  text-align: left;
  width: 610px;
}

#cancel_renewal_one .content .middle_section .happify_text p,
#cancel_renewal_two .content .middle_section .happify_text p {
  margin: 20px 0;
  color: #7A7A7A;
}

#cancel_renewal_one .content .middle_section .happify_text a,
#cancel_renewal_two .content .middle_section .happify_text a {
  font-size: 14px;
}

#cancel_renewal_one .content .middle_section .happify_text a.contact_happify,
#cancel_renewal_two .content .middle_section .happify_text a.contact_happify {
  font-size: 12px;
}

#cancel_renewal_one .content .middle_section .happify_text .vpadder,
#cancel_renewal_two .content .middle_section .happify_text .vpadder {
  height: 50px;
}

#cancel_renewal_one .content .graph_section,
#cancel_renewal_two .content .graph_section {
  width: 685px;
  margin: 40px 0;
  display: inline-block;
  vertical-align: top;
}

#cancel_renewal_one .content .graph_section .header_text,
#cancel_renewal_two .content .graph_section .header_text {
  font-family: 'OpenSansSemibold';
  font-size: 13pt;
  font-weight: normal;
  text-align: center;
  margin-bottom: 20px;
}

#cancel_renewal_one .content .graph_section .graph_image,
#cancel_renewal_two .content .graph_section .graph_image {
  width: 650px;
  height: 350px;
  margin-left: 20px;
}

#cancel_renewal_one .content .stat_data,
#cancel_renewal_two .content .stat_data {
  display: inline-block;
  vertical-align: top;
  width: 180px;
  height: 180px;
  margin-top: 140px;
  border: 2px solid #80D8EC;
  border-radius: 10px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
}

#cancel_renewal_one .content .stat_data .text,
#cancel_renewal_two .content .stat_data .text {
  padding: 10px;
  text-align: left;
  font-family: 'OpenSansRegular';
  font-size: 12pt;
  font-weight: normal;
  vertical-align: top;
  margin: 25px auto;
  width: 140px;
  height: 140px;
  border-radius: 5px;
  background-clip: padding-box;
}

#cancel_renewal_one .content .stat_data .text span.black,
#cancel_renewal_two .content .stat_data .text span.black {
  color: #7A7A7A;
}

#cancel_renewal_one .content .stat_data .text span.black.first,
#cancel_renewal_two .content .stat_data .text span.black.first {
  margin-top: 20px;
}

#cancel_renewal_one .content .stat_data .text span.blue,
#cancel_renewal_two .content .stat_data .text span.blue {
  color: #2AC0E6;
}

#cancel_renewal_one .content .button_section,
#cancel_renewal_two .content .button_section {
  width: 400px;
  position: relative;
  left: 359px;
  margin: 50px 0 50px 0;
}

#cancel_renewal_one .content .button_section a.keep_current,
#cancel_renewal_two .content .button_section a.keep_current {
  margin-right: 20px;
}

#cancel_renewal_one .content {
  height: 1280px;
}

#cancel_renewal_two .content {
  min-height: 800px;
}

#cancel_renewal_two .content .text {
  line-height: 24px;
  margin: 10px 0 30px 230px;
  font-family: 'OpenSansRegular';
  font-weight: normal;
  font-size: 16px;
  text-align: left;
  width: 100%;
  color: #7A7A7A;
}

#cancel_renewal_two .content .text h1 {
  color: #03A9E5;
  font-family: 'OpenSansRegular';
  font-size: 28px;
  font-weight: normal;
  margin: 0 0 5px;
}

#cancel_renewal_two .content .text .header {
  width: 50%;
}

#cancel_renewal_two .content .text .question {
  margin: 25px 0;
  font-family: 'OpenSansRegular';
  font-weight: normal;
  font-size: 16px;
  line-height: 16px;
}

#cancel_renewal_two .content .text .question .checkbox {
  display: inline-block;
  background-image: url("/static/img/sprite-2.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -862px -752px;
  width: 17px;
  height: 17px;
  vertical-align: middle;
  margin-right: 8px;
  padding: 0;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  #cancel_renewal_two .content .text .question .checkbox {
    background-image: url("/static/img/sprite-2@2x.png");
    background-size: 1040px 1253px;
  }
}

#cancel_renewal_two .content .text .question .checkbox.checked {
  background-image: url("/static/img/sprite-2.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -843px -752px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  #cancel_renewal_two .content .text .question .checkbox.checked {
    background-image: url("/static/img/sprite-2@2x.png");
    background-size: 1040px 1253px;
  }
}

#cancel_renewal_two .content .text .question .question_text {
  vertical-align: middle;
  display: inline-block;
  width: 510px;
}

#cancel_renewal_two .content .text .question .question_text.other {
  width: 50px;
}

#cancel_renewal_two .content .text .question input,
#cancel_renewal_two .content .text .question textarea {
  border-radius: 5px;
  background-clip: padding-box;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 2px solid #DDD;
  padding: 2px 5px;
}

#cancel_renewal_two .content .text .question input:focus,
#cancel_renewal_two .content .text .question textarea:focus {
  outline: none;
}

#cancel_renewal_two .content .text .question .other_reason {
  height: 36px;
  width: 257px;
}

#cancel_renewal_two .content .text .question .other_reason:focus {
  outline: none;
}

#cancel_renewal_two .content .text .comments .comment_text {
  height: 110px;
  margin: 8px 0;
  padding: 5px;
  resize: none;
  width: 394px;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#cancel_renewal_two .content .text .comments .comment_text:focus {
  outline: none;
  outline: 0;
}

#cancel_renewal_two .content .text .btn_area {
  margin: 10px 0;
  width: 100%;
}

#cancel_renewal_two .content .text .btn_area .cancelation_confirmed {
  font-family: 'OpenSansBold';
  font-size: 14px;
  font-weight: normal;
}

#cancel_renewal_two .content .text .btn_area .cancelation_cancelled {
  position: relative;
  font-family: 'OpenSansSemibold';
  font-size: 14px;
  font-weight: normal;
  left: 200px;
}

#manage_billing .context .title {
  text-align: left;
}

#membership_refund .content {
  font-family: 'OpenSansRegular';
  font-weight: normal;
  font-size: 16px;
  color: #7A7A7A;
  line-height: 22px;
}

#membership_refund .content .text_container {
  text-align: left;
  width: 540px;
  margin: 20px 0 20px 260px;
}

#membership_refund .content .text_container p {
  margin: 0;
  padding: 0;
}

#membership_refund .content .request_refund {
  margin: 20px 0 20px 260px;
}

#membership_refund .content .request_refund .header {
  color: #666;
  font-family: 'OpenSansSemibold';
}

#membership_refund .content .request_refund ul {
  font-size: 14px;
  width: 420px;
}

#membership_refund .content .button_container {
  margin-top: 30px;
}

#membership_refund .content .button_container .return_main {
  font-size: 14px;
  font-family: 'OpenSansSemibold';
}

#membership_refund .content .button_container .contact_support {
  font-size: 12px;
  padding: 4px 20px;
  position: relative;
  left: 185px;
}

#guest_membership .content {
  height: auto;
}

#guest_membership .content .col_left {
  width: 235px;
}

#guest_membership .content .col_right {
  padding: 15px 0 0;
}

#guest_membership .content .col_right .section .section_text {
  font-size: 14pt;
}

#guest_membership .content .col_right .section .plan_name {
  font-size: 18px;
}

#guest_membership .content .col_right .section p {
  font-size: 16px;
}

#guest_membership .content #guest_tax_plans {
  width: 990px;
  margin: 0 auto;
  position: relative;
  top: -45px;
}

#guest_membership .content #guest_tax_plans .popover_target {
  top: 50px;
  left: 450px;
}

#guest_membership .content #guest_tax_plans #payment_selection {
  padding: 0 20px;
}

#guest_membership .content #guest_tax_plans #payment_selection .plan_section .plan_container .plan .most_popular {
  left: 539px;
  top: 53px;
}

#guest_membership .content #guest_tax_plans .post_container {
  width: 990px;
}

#guest_membership .content #guest_tax_plans .post_container .inner_container .post {
  width: 300px;
}

#guest_membership .content #guest_tax_plans .post_container .inner_container .post .text_container {
  width: 160px;
  padding: 0 0 0 15px;
}

#membership_page.membership .content .col_right .section {
  min-height: 36px;
}

html[data-page='resources_mobile'] {
  font-size: 62.5%;
  font-weight: normal;
  font-family: OpenSansRegular, sans-serif;
  width: 100%;
}

html[data-page='resources_mobile'] body {
  color: #777;
  font-size: 12px;
  font-weight: normal;
}

html[data-page='resources_mobile'] a {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  font-weight: 600;
  color: #ff7a00;
  text-decoration: none;
  word-break: break-all;
  display: inline-block;
}

html[data-page='resources_mobile'] a.col-12 {
  display: block;
  margin: 1rem 0;
}

html[data-page='resources_mobile'] a.break-word {
  word-wrap: break-word;
}

html[data-page='resources_mobile'] a:hover {
  text-decoration: underline;
}

html[data-page='resources_mobile'] p {
  color: #777;
  font-size: 14px;
  font-weight: normal;
  margin: 1rem 0 2rem;
  line-height: 20px;
  font-family: OpenSansRegular, sans-serif;
}

html[data-page='resources_mobile'] h1 {
  text-align: center;
  font-size: 40px;
  font-weight: normal;
  font-family: OpenSansLight, sans-serif;
  padding: 1rem 0;
  margin: 1rem 0;
  color: #00aaea;
}

html[data-page='resources_mobile'] h2 {
  font-size: 22px;
  font-weight: normal;
  margin: 1rem 0 1rem;
  color: #00aaea;
  font-family: OpenSansRegular, sans-serif;
}

html[data-page='resources_mobile'] h3 {
  font-size: 14px;
  font-weight: 600;
  font-family: OpenSansSemibold, sans-serif;
  color: #372f2b;
  margin: 1rem 0 1rem;
}

html[data-page='resources_mobile'] .container {
  padding: 10px 0 40px;
}

html[data-page='resources_mobile'] .block:last-child {
  border-bottom: 1px solid #d7d7d2;
}

html[data-page='resources_mobile'] .block {
  border-right: 1px solid #d7d7d2;
  border-left: 1px solid #d7d7d2;
  border-top: 1px solid #d7d7d2;
  padding: 1rem;
}

html[data-page='resources_mobile'] .block.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

html[data-page='resources_mobile'] .block.head {
  padding: 0;
}

html[data-page='resources_mobile'] .block.head:after {
  display: block;
  content: ' ';
  clear: both;
}

html[data-page='resources_mobile'] .block > .half.head {
  font-weight: 600;
  float: left;
  text-align: center;
  width: 50%;
  font-size: 2rem;
  padding: 1rem 10px;
  font-family: OpenSansBold, sans-serif;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html[data-page='resources_mobile'] .block > .full.head {
  width: calc(100% - -20px);
  text-align: center;
  font-size: 2rem;
  padding: 0.5rem 0 1.5rem;
  font-family: OpenSansBold, sans-serif;
  margin: 0 -10px;
  border-bottom: 1px solid #d7d7d2;
}

html[data-page='resources_mobile'] .block > .half.head.text {
  vertical-align: top;
  text-align: left;
}

html[data-page='resources_mobile'] .block > .half.head.text > p {
  font-size: 14px;
  line-height: 18px;
  padding: 0 1rem;
}

html[data-page='resources_mobile'] .block > .half.head.text > p.block_title {
  width: calc(100% - -20px);
  text-align: center;
  font-size: 2rem;
  padding: 0.5rem 0 1.5rem;
  font-family: OpenSansBold, sans-serif;
  margin: 0 -10px;
  border-bottom: 1px solid #d7d7d2;
}

html[data-page='resources_mobile'] .block > .half.head.text > a {
  padding: 0 1rem;
}

html[data-page='resources_mobile'] .block > .half.head:first-child {
  border-right: 1px solid #d7d7d2;
}

html[data-page='resources_mobile'] .title {
  font-size: 14px;
  font-weight: 600;
  font-family: OpenSansSemibold, sans-serif;
  color: #372f2b;
  margin: 1rem 0 2rem;
}

html[data-page='resources_mobile'] ul {
  padding: 0;
}

html[data-page='resources_mobile'] li {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  list-style-type: none;
  position: relative;
  margin-left: 25px;
  padding-left: 3px;
  margin-bottom: 1rem;
  word-wrap: break-word;
  list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAIAAABLbSncAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4wQXDjUzczWEwAAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAZUlEQVQI12P8////xQ9/Gq592/fqFwMDg5MYW4MWl74AC+OF978dDnz48Ps/AwwIsDIecBBgfuFXcuHDHwYk8OMfw4uf/xn51r/+hKQcAvhYGZkYcAAmJzE2TFEnMTacljPici4AT/o4GykScAUAAAAASUVORK5CYII=');
}

html[data-page='resources_mobile'] .no-margin-bottom {
  margin-bottom: 0;
}

html[data-page='resources_mobile'] .block_main:not([data-lang="en_US"]) {
  border: 1px solid #d7d7d2;
  padding: 10px;
}

html[data-page='resources_mobile'] .block_main:not([data-lang="en_US"]) .block {
  border: 0;
  margin-bottom: 20px;
}

html[data-page='resources_mobile'] .block_main:not([data-lang="en_US"]) .block p.title {
  margin: 2rem 0 1rem;
}

html[data-page='resources_mobile'][data-wcag-enabled='true'] a,
html[data-page='resources_mobile'][data-wcag-enabled='true'] p,
html[data-page='resources_mobile'][data-wcag-enabled='true'] h1,
html[data-page='resources_mobile'][data-wcag-enabled='true'] h2,
html[data-page='resources_mobile'][data-wcag-enabled='true'] h3,
html[data-page='resources_mobile'][data-wcag-enabled='true'] li,
html[data-page='resources_mobile'][data-wcag-enabled='true'] span {
  color: #000 !important;
}

html[data-page='resources_mobile'][data-wcag-enabled='true'] a {
  text-decoration: underline;
}

.ov_content .why_it_works {
  max-width: 630px;
  width: 100%;
  background: #fff;
  position: fixed;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  z-index: 9999;
  padding: 20px;
  border: 1px solid rgba(102, 102, 102, 0.17);
  border-radius: 10px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 40px 10px rgba(200, 200, 200, 0.35);
  box-shadow: 0 0 40px 10px rgba(200, 200, 200, 0.35);
}

#why_it_works_modal,
.why_it_works {
  display: block;
  max-width: 630px;
  padding: 0;
}

#why_it_works_modal .activity-name,
.why_it_works .activity-name {
  font-size: 2.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin: 0 0 0 20px;
  display: inline-block;
  max-width: 520px;
  line-height: 28px;
}

#why_it_works_modal .title,
.why_it_works .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#why_it_works_modal .title .skill-icon,
.why_it_works .title .skill-icon {
  border-radius: 0;
  width: 38px;
  height: 38px;
}

#why_it_works_modal .title em,
.why_it_works .title em {
  margin-right: 20px;
}

#why_it_works_modal .title .name,
.why_it_works .title .name {
  font-size: 2.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  position: relative;
}

#why_it_works_modal h3,
.why_it_works h3,
#why_it_works_modal .subtitle,
.why_it_works .subtitle {
  font-size: 1.8rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  margin: 15px 0 -10px;
}

#why_it_works_modal .text,
.why_it_works .text {
  color: black;
  font-size: 1.3rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#why_it_works_modal a[target="_blank"]:focus,
.why_it_works a[target="_blank"]:focus {
  color: #f05a20;
}

#why_it_works_modal > .clearfix {
  padding: 20px;
}

.why_it_works_backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  background: rgba(255, 255, 255, 0.8);
}

.why_it_works,
.why_it_works_backdrop {
  display: none;
  will-change: display;
}

html[lang=de] #games_congrats_modal .reward.grand_prize .text {
  min-width: 200px;
}

#modal.no_close .close_button {
  display: none;
}

.modal-backdrop,
.modal-backdrop.fade.in {
  background: rgba(255, 255, 255, 0.8);
  z-index: 2009;
}

#public_home .modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1043;
  background-color: #fff;
}

#activity_status_completed_modal .top-section {
  zoom: 1;
}

.modal {
  position: relative !important;
  margin: 0 !important;
  display: inline-block;
  vertical-align: middle;
  z-index: 9999;
  min-width: 300px;
  min-height: 300px;
  padding: 6px;
  border-radius: 6px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
  top: 0;
  left: 0;
  visibility: visible;
  width: 100%;
  max-width: 800px;
}

#modal.savor,
#modal.SA {
  background-color: #fff5fc;
  min-height: 340px;
}

#modal.thank,
#modal.TH {
  background-color: #fff1e5;
  min-height: 340px;
}

#modal.aspire,
#modal.AS {
  background-color: #e8f8fe;
  min-height: 340px;
}

#modal.give,
#modal.GI {
  background-color: #e9fdea;
  min-height: 340px;
}

#modal.empathize,
#modal.EM {
  background-color: #ffeded;
  min-height: 340px;
}

#modal.other,
#modal.OT {
  background-color: #fffbe5;
  min-height: 340px;
}

#modal.track {
  background-color: #f0fffe;
}

#modal .skill-icon-large {
  position: relative;
  top: 40px;
  left: 146px;
  width: 90px;
  height: 90px;
}

#modal .skill-icon-large.savor,
#modal .skill-icon-large.SA {
  background-position: -337px -100px;
}

#modal .skill-icon-large.thanks,
#modal .skill-icon-large.TH {
  background-position: -467px -101px;
}

#modal .skill-icon-large.aspire,
#modal .skill-icon-large.AS {
  background-position: -598px -101px;
}

#modal .skill-icon-large.give,
#modal .skill-icon-large.GI {
  background-position: -728px -101px;
}

#modal .skill-icon-large.empathize,
#modal .skill-icon-large.EM {
  background-position: -859px -101px;
}

#modal .button_join_group {
  display: inline-block;
  width: 140px;
  height: 48px;
  line-height: 38px;
}

.close_button {
  position: absolute;
  top: -12px;
  right: -13px;
  width: 31px;
  height: 31px;
  background-image: url("/static/img/sprite-1.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -21px -322px;
  display: block;
  text-indent: -9999px;
  z-index: 9999;
  cursor: pointer;
  border: none;
}

.ribbon-cnt {
  position: absolute;
  top: 219px;
  left: -40px;
  width: 500px;
  height: 75px;
  z-index: 99999;
  text-align: center;
  line-height: 50px;
}

.ribbon-cnt h1 {
  font-family: "OpenSansSemibold";
  font-size: 20px;
  color: #fff;
  text-transform: uppercase;
  margin-top: 7px;
  letter-spacing: -1px;
}

.ribbon-cnt.other {
  background: url('/static/img/ribbons.png') no-repeat;
  background-position: -63px -59px;
}

.share-cnt {
  position: relative;
  top: 200px;
  height: 50px;
  z-index: 9999;
  width: 375px;
  margin: 0 auto 0 auto;
}

.middle-section,
.bottom-section {
  background-color: #fff;
}

.bottom-section {
  padding-top: 50px;
  padding-bottom: 10px;
  text-align: center;
}

.top-section {
  position: relative;
  height: 210px;
  overflow: visible;
  padding-top: 30px;
}

.top-section h2 {
  font-family: "OpenSansBold";
}

.top-section .silver-ribbon,
.top-section .gold-ribbon {
  margin: 0px auto auto auto;
}

.top-section .track-name {
  width: 300px;
  margin: 10px auto auto auto;
  color: #6cbde2;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}

.top-section .skill-text-cnt {
  position: relative;
  margin: 50px 0 50px 0;
  text-align: center;
  color: #666;
  font-size: 16px;
}

.top-section .skill-color {
  font-size: 22px;
  margin: 40px 0 10px 0;
}

.top-section .skill-color.savor {
  color: #c5168a;
}

.top-section .skill-color.thank {
  color: #ff7a00;
}

.top-section .skill-color.aspire {
  color: #00aaea;
}

.top-section .skill-color.give {
  color: #06b709;
}

.top-section .skill-color.empathize {
  color: #ff3131;
}

.top-section .skill-color.revive {
  color: #2ac4c5;
}

.top-section .skill-color.other {
  color: #f4d420;
}

.track-level-progression-modal {
  overflow: visible;
  height: 300px;
  border-radius: 6px;
  background-clip: padding-box;
  padding: 30px 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.track-level-progression-modal.track_expired {
  padding: 30px 10px 30px 30px;
}

.track-level-progression-modal.track_expired h2 {
  margin: 0 0 0 15px;
  font-size: 20px;
}

.track-level-progression-modal.track_expired h3 {
  margin: 0 0 10px 15px;
  font-size: 16px;
}

.track-level-progression-modal * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.track-level-progression-modal h1 {
  margin: 0 0 10px 0;
}

.track-level-progression-modal h2 {
  margin: 0;
  padding: 0px;
  line-height: .8;
  color: #03a9e5;
}

.track-level-progression-modal img {
  border-radius: 5px;
}

.track-level-progression-modal h3 {
  margin: 0 0 10px 0;
  padding: 0;
  color: #03a9e5;
  font-weight: normal;
}

.track-level-progression-modal .left-column,
.track-level-progression-modal .left-column.gold,
.track-level-progression-modal .left-column.silver {
  width: 40%;
}

.track-level-progression-modal .left-column {
  float: left;
}

.track-level-progression-modal .left-column .gold-ribbon,
.track-level-progression-modal .left-column .silver-ribbon {
  display: inline-block;
}

.track-level-progression-modal .left-column.track_expired {
  width: 37%;
  margin-left: 15px;
}

.track-level-progression-modal .left-column .image_container {
  width: 100px;
  height: 100px;
  background-image: url("/static/img/sprite-1.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -673px -272px;
  margin-top: 5px;
}

.track-level-progression-modal .right-column {
  position: relative;
  width: 60%;
  padding-left: 10px;
  float: left;
}

.track-level-progression-modal .right-column.track_expired {
  width: 60%;
}

.track-level-progression-modal .right-column .solo-text {
  text-align: center;
}

.track-level-progression-modal .right-column .question-text {
  margin: 40px 0px 0px 0px;
}

.track-level-progression-modal .right-column .modal-buttons {
  margin-top: 20px;
}

.track-level-progression-modal .right-column .modal-buttons p {
  font-family: 'OpenSansSemibold';
  font-weight: normal;
}

.track-level-progression-modal .right-column .modal-buttons .btn-section {
  float: left;
  text-align: center;
  width: 50%;
  padding-right: 10px;
}

.track-level-progression-modal .right-column .modal-buttons .btn-section .ribbon-text {
  font-weight: normal;
  font-size: 11px;
  color: #666;
}

.track-level-progression-modal .right-column .modal-buttons .btn-section .ribbon-small {
  float: none;
  margin-top: 10px;
  display: inline-block;
}

.track-level-progression-modal .right-column .modal-buttons .solo-text {
  text-align: center;
  color: #c5c5c5;
  font-size: 150%;
  margin-top: 10px;
}

.track-level-progression-modal.group_solo {
  padding: 30px;
}

.track-level-progression-modal.group_solo img.left-column {
  margin-bottom: 30px;
}

.track-level-progression-modal.group_solo p {
  margin: 5px 0;
}

.help_container {
  height: 27px;
  width: 180px;
  text-align: right;
  margin: 0 auto;
}

.help_container h5.js-help {
  cursor: pointer;
  color: #f05a20;
}

.help_container h5.js-help:hover {
  text-decoration: underline;
}

.help_container .help_panel {
  height: 155px;
  left: 30px;
  top: 204px;
  width: 468px;
}

.help_container .help_panel .close_button {
  left: 449px;
  top: 6px;
}

.middle-section .ribbon-cnt {
  top: 220px;
}

.middle-section.completed_activity .ribbon-cnt h1 .button_secondary {
  text-decoration: none;
  position: relative;
  text-transform: none;
}

.middle-section.completed_activity .ribbon-cnt.first_activity h1 {
  text-transform: none;
  margin-left: 0px;
  margin-right: 4px;
}

.unlock-section .unlocked_activities-section .button_secondary {
  position: relative;
  top: 41px;
  left: 120px;
  z-index: 999;
}

.thin .button_secondary {
  width: 165px;
  height: 32px;
  font-size: 14px;
  float: left;
}

.thin .button_secondary.first {
  background: -webkit-gradient(linear, left bottom, left top, from(#fdfcfc), to(#f3f3f2));
  background: linear-gradient(to top, #fdfcfc 0%, #f3f3f2 100%);
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-left: 30px;
}

.thin .button_secondary.second {
  background: none #f16623;
}

.thin .button_secondary.second:hover {
  background: #ff804a;
}

.track .button_secondary {
  width: 140px;
  height: 32px;
  font-size: 14px;
}

.track .button_secondary.first {
  background: -webkit-gradient(linear, left bottom, left top, from(#fdfcfc), to(#f3f3f2));
  background: linear-gradient(to top, #fdfcfc 0%, #f3f3f2 100%);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.track .button_secondary.first.track_complete {
  width: 140px;
  height: 20px;
  margin: 0 20px 20px 10px;
  float: right;
}

.track .button_secondary.first.track_complete_continue {
  width: 140px;
  height: 20px;
  margin: 0 auto 20px;
}

.track .button_secondary.second {
  background: none #f16623;
}

.track .button_secondary.second:hover {
  background: #ff804a;
}

.track .button_secondary.second.track_complete {
  float: left;
  width: 140px;
  height: 20px;
  margin: 0 10px 20px 20px;
}

.track .button_secondary.second.track_complete_continue {
  width: 140px;
  height: 20px;
  margin: 0 auto 20px;
}

.button_secondary {
  width: 165px;
  height: 32px;
  font-size: 14px;
}

.button_secondary.first {
  background: -webkit-gradient(linear, left bottom, left top, from(#fdfcfc), to(#f3f3f2));
  background: linear-gradient(to top, #fdfcfc 0%, #f3f3f2 100%);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.button_secondary.second {
  background: none #f16623;
}

.recommended-tracks {
  height: 525px;
  width: 780px;
  padding: 60px;
}

.recommended-tracks h2 {
  font-size: 26px;
  color: #03a9e5;
}

.recommended-tracks .small-text {
  color: #b8b8b8;
  font-size: 12px;
  margin: 3px 0px 15px 0px;
}

.recommended-tracks .browse-other {
  margin-top: 20px;
  display: block;
}

.recommended-tracks .other-header {
  margin: 20px auto;
  font-size: 25px;
  color: #afafaf;
  width: 495px;
}

.recommended-tracks .bottom-tracks {
  overflow: auto;
  width: 650px;
  margin-bottom: 10px;
}

.recommended-tracks .bottom-tracks .track {
  overflow: auto;
  cursor: pointer;
  float: right;
  width: 48%;
  border-radius: 5px;
  border-width: 1px 2px 3px 0px;
  border-color: #e4e4e4;
  border-style: solid;
  color: #f05a20;
}

.recommended-tracks .bottom-tracks .track:first-child {
  float: left;
}

.recommended-tracks .bottom-tracks .track .track-image {
  float: left;
  width: 154px;
  margin-right: 15px;
  z-index: 10;
}

.recommended-tracks .bottom-tracks .track .track_name {
  float: right;
  width: 145px;
  padding-right: 0;
  margin-top: 33px;
  margin-right: 8px;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
}

.recommended-tracks .bottom-tracks .track .premium_name {
  margin-top: 10px;
}

.recommended-tracks .bottom-tracks .track.premium .track_name {
  margin-top: 5px;
}

.recommended-tracks .recommended-track {
  border-radius: 5px;
  border-width: 1px 2px 3px 0px;
  border-color: #e4e4e4;
  border-style: solid;
  width: 100%;
  overflow: auto;
}

.recommended-tracks .recommended-track .track-name {
  color: #f05a20;
  font-size: 20px;
  line-height: 21px;
}

.recommended-tracks .recommended-track .track-image {
  float: left;
}

.recommended-tracks .recommended-track .right-col {
  float: right;
  width: 300px;
  margin-top: 20px;
  margin-right: 25px;
}

.recommended-tracks .recommended-track .right-col .button_primary {
  margin-top: 10px;
  width: 275px;
  display: inline-block;
  text-align: center;
}

#modal.MDL17 {
  width: 575px;
  min-height: 215px;
  top: 55%;
}

#modal.MDL17 .track-level-progression-modal {
  height: 200px;
}

#modal.MDL17 .track-level-progression-modal h2 {
  font-size: 24px;
  font-family: 'OpenSansSemibold';
}

#modal.MDL17 .track-level-progression-modal h3 {
  font-family: 'OpenSansSemibold';
  font-size: 18px;
}

#modal.MDL17 .track-level-progression-modal .left-column {
  width: 20%;
}

#modal.invites_granted {
  background-color: #F0FFFE;
}

#modal.invites_granted .modal_overlay {
  width: 100%;
  min-height: 350px;
}

#modal.invites_granted .modal_overlay .top_section {
  padding-top: 60px;
}

#modal.invites_granted .modal_overlay .top_section .img_delivered {
  width: 90px;
  height: 90px;
  margin: 0 auto;
  position: relative;
  top: 30px;
  background-image: url("/static/img/sprite-1.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -988px -100px;
}

#modal.invites_granted .modal_overlay .top_section span {
  color: #00bae4;
  font-family: "OpenSansBold";
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  display: block;
  position: relative;
  top: 48px;
  margin: 15px 0;
}

#modal.invites_granted .modal_overlay .middle_section {
  background-color: #fff;
}

#modal.invites_granted .modal_overlay .middle_section .ribbon-congrats {
  position: absolute;
  top: 260px;
  left: -40px;
  background: url('/static/img/ribbons.png') no-repeat;
  background-position: -70px -59px;
  width: 500px;
  height: 75px;
  z-index: 99999;
  text-align: center;
  line-height: 50px;
}

#modal.invites_granted .modal_overlay .middle_section .ribbon-congrats h1 {
  font-family: "OpenSansBold";
  font-weight: bold;
  text-shadow: 1px 1px #ffffff;
  font-size: 18px;
  color: #8a6809;
  text-transform: uppercase;
  margin-top: 7px;
  letter-spacing: -1px;
}

#modal.invites_granted .modal_overlay .bottom_section {
  background-color: #fff;
  height: 195px;
}

#modal.invites_granted .modal_overlay .bottom_section .nav_container {
  position: relative;
  top: 140px;
  width: 100%;
}

#modal.invites_granted .modal_overlay .bottom_section .nav_container .btn_invites {
  width: 100px;
  height: 20px;
  margin: 0 auto;
}

#modal.signup_pages .hidden_element {
  background: url('/static/img/primary_bg_gray.svg');
}

#modal .button_container a.zocial:hover {
  color: white;
  text-decoration: none;
}

#modal.modal.overaciever {
  height: 465px;
  top: 50%;
}

#modal.modal.overaciever .recommended-tracks.track-level-progression-modal {
  height: auto;
}

#modal.modal.overaciever a.browse-other {
  top: 49px;
}

#modal #activity_status_completed_modal .ribbon-cnt h1 .buttons-container {
  margin-top: 25px;
  margin-right: 6px;
}

#modal #activity_status_completed_modal .ribbon-cnt h1 .buttons-container a.button_secondary.second {
  padding: 7px 25px;
  font-family: 'OpenSansRegular';
}

#modal #activity_status_completed_modal .share-container {
  display: inline-block;
  margin-right: 40px;
}

#modal #activity_status_completed_modal .share-container .viral-share .button_secondary.first {
  padding: 8px 15px;
}

#modal #activity_status_completed_modal .share-container .viral-share .share-menu {
  left: 26px;
  top: -139px;
  width: 210px;
}

#modal #activity_status_completed_modal .share-container .viral-share .share-menu a.button_secondary[data-toggle_menu=true] {
  width: 178px;
}

#modal #activity_status_completed_modal .share-container .viral-share .share-menu:before {
  border-top-color: #d7d7d2;
  border-bottom-color: transparent;
  top: 131px;
  left: 20px;
}

#modal #activity_status_completed_modal .share-container .viral-share .share-menu:after {
  left: 20px;
  top: 130px;
  border-bottom-color: transparent;
  border-top-color: #FFFFFF;
}

#modal #activity_status_completed_modal .unlock-section .buttons-container {
  margin-top: 15px;
  text-align: center;
}

#modal #activity_status_completed_modal .unlock-section .buttons-container a.button_secondary.second {
  padding: 7px 25px;
  font-family: 'OpenSansRegular';
  margin-left: 20px;
}

#modal.savor,
#modal.SA,
#modal.thank,
#modal.TH,
#modal.aspire,
#modal.AS,
#modal.give,
#modal.GI,
#modal.empathize,
#modal.EM,
#modal.revive,
#modal.RE,
#modal.other,
#modal.OT {
  background-color: #fff;
  width: 100%;
  padding: 0;
}

#modal.savor .modal_overlay.redesign,
#modal.SA .modal_overlay.redesign,
#modal.thank .modal_overlay.redesign,
#modal.TH .modal_overlay.redesign,
#modal.aspire .modal_overlay.redesign,
#modal.AS .modal_overlay.redesign,
#modal.give .modal_overlay.redesign,
#modal.GI .modal_overlay.redesign,
#modal.empathize .modal_overlay.redesign,
#modal.EM .modal_overlay.redesign,
#modal.revive .modal_overlay.redesign,
#modal.RE .modal_overlay.redesign,
#modal.other .modal_overlay.redesign,
#modal.OT .modal_overlay.redesign {
  background: none;
}

#modal.savor .top-section,
#modal.SA .top-section,
#modal.thank .top-section,
#modal.TH .top-section,
#modal.aspire .top-section,
#modal.AS .top-section,
#modal.give .top-section,
#modal.GI .top-section,
#modal.empathize .top-section,
#modal.EM .top-section,
#modal.revive .top-section,
#modal.RE .top-section,
#modal.other .top-section,
#modal.OT .top-section {
  margin: 0;
  padding: 0;
  position: relative;
}

#modal.savor .skill-icon-large-m,
#modal.SA .skill-icon-large-m,
#modal.thank .skill-icon-large-m,
#modal.TH .skill-icon-large-m,
#modal.aspire .skill-icon-large-m,
#modal.AS .skill-icon-large-m,
#modal.give .skill-icon-large-m,
#modal.GI .skill-icon-large-m,
#modal.empathize .skill-icon-large-m,
#modal.EM .skill-icon-large-m,
#modal.revive .skill-icon-large-m,
#modal.RE .skill-icon-large-m,
#modal.other .skill-icon-large-m,
#modal.OT .skill-icon-large-m {
  left: 50%;
  width: 114px;
  height: 114px;
  margin-left: -57px;
  top: -70px;
}

#modal.savor .skill-icon-large-m .second,
#modal.SA .skill-icon-large-m .second,
#modal.thank .skill-icon-large-m .second,
#modal.TH .skill-icon-large-m .second,
#modal.aspire .skill-icon-large-m .second,
#modal.AS .skill-icon-large-m .second,
#modal.give .skill-icon-large-m .second,
#modal.GI .skill-icon-large-m .second,
#modal.empathize .skill-icon-large-m .second,
#modal.EM .skill-icon-large-m .second,
#modal.revive .skill-icon-large-m .second,
#modal.RE .skill-icon-large-m .second,
#modal.other .skill-icon-large-m .second,
#modal.OT .skill-icon-large-m .second {
  width: 57px;
  height: 114px;
}

#modal.savor .skill-icon-large-m .skill-icon-white,
#modal.SA .skill-icon-large-m .skill-icon-white,
#modal.thank .skill-icon-large-m .skill-icon-white,
#modal.TH .skill-icon-large-m .skill-icon-white,
#modal.aspire .skill-icon-large-m .skill-icon-white,
#modal.AS .skill-icon-large-m .skill-icon-white,
#modal.give .skill-icon-large-m .skill-icon-white,
#modal.GI .skill-icon-large-m .skill-icon-white,
#modal.empathize .skill-icon-large-m .skill-icon-white,
#modal.EM .skill-icon-large-m .skill-icon-white,
#modal.revive .skill-icon-large-m .skill-icon-white,
#modal.RE .skill-icon-large-m .skill-icon-white,
#modal.other .skill-icon-large-m .skill-icon-white,
#modal.OT .skill-icon-large-m .skill-icon-white {
  top: 27px;
  left: 27px;
}

#modal.savor .progress_icon,
#modal.SA .progress_icon,
#modal.thank .progress_icon,
#modal.TH .progress_icon,
#modal.aspire .progress_icon,
#modal.AS .progress_icon,
#modal.give .progress_icon,
#modal.GI .progress_icon,
#modal.empathize .progress_icon,
#modal.EM .progress_icon,
#modal.revive .progress_icon,
#modal.RE .progress_icon,
#modal.other .progress_icon,
#modal.OT .progress_icon {
  top: -1px;
  left: 20px;
  width: 42px;
  height: 42px;
}

#modal.savor .progress_icon .second,
#modal.SA .progress_icon .second,
#modal.thank .progress_icon .second,
#modal.TH .progress_icon .second,
#modal.aspire .progress_icon .second,
#modal.AS .progress_icon .second,
#modal.give .progress_icon .second,
#modal.GI .progress_icon .second,
#modal.empathize .progress_icon .second,
#modal.EM .progress_icon .second,
#modal.revive .progress_icon .second,
#modal.RE .progress_icon .second,
#modal.other .progress_icon .second,
#modal.OT .progress_icon .second {
  width: 21px;
  height: 42px;
}

#modal.savor .progress_icon .skill-icon-white.small,
#modal.SA .progress_icon .skill-icon-white.small,
#modal.thank .progress_icon .skill-icon-white.small,
#modal.TH .progress_icon .skill-icon-white.small,
#modal.aspire .progress_icon .skill-icon-white.small,
#modal.AS .progress_icon .skill-icon-white.small,
#modal.give .progress_icon .skill-icon-white.small,
#modal.GI .progress_icon .skill-icon-white.small,
#modal.empathize .progress_icon .skill-icon-white.small,
#modal.EM .progress_icon .skill-icon-white.small,
#modal.revive .progress_icon .skill-icon-white.small,
#modal.RE .progress_icon .skill-icon-white.small,
#modal.other .progress_icon .skill-icon-white.small,
#modal.OT .progress_icon .skill-icon-white.small {
  top: 8px;
  left: 8px;
}

#modal.savor .skill-icon-large-m,
#modal.SA .skill-icon-large-m,
#modal.thank .skill-icon-large-m,
#modal.TH .skill-icon-large-m,
#modal.aspire .skill-icon-large-m,
#modal.AS .skill-icon-large-m,
#modal.give .skill-icon-large-m,
#modal.GI .skill-icon-large-m,
#modal.empathize .skill-icon-large-m,
#modal.EM .skill-icon-large-m,
#modal.revive .skill-icon-large-m,
#modal.RE .skill-icon-large-m,
#modal.other .skill-icon-large-m,
#modal.OT .skill-icon-large-m,
#modal.savor .progress_icon,
#modal.SA .progress_icon,
#modal.thank .progress_icon,
#modal.TH .progress_icon,
#modal.aspire .progress_icon,
#modal.AS .progress_icon,
#modal.give .progress_icon,
#modal.GI .progress_icon,
#modal.empathize .progress_icon,
#modal.EM .progress_icon,
#modal.revive .progress_icon,
#modal.RE .progress_icon,
#modal.other .progress_icon,
#modal.OT .progress_icon {
  position: absolute;
  overflow: hidden;
  border-radius: 50%;
  background-clip: padding-box;
}

#modal.savor .skill-icon-large-m .second,
#modal.SA .skill-icon-large-m .second,
#modal.thank .skill-icon-large-m .second,
#modal.TH .skill-icon-large-m .second,
#modal.aspire .skill-icon-large-m .second,
#modal.AS .skill-icon-large-m .second,
#modal.give .skill-icon-large-m .second,
#modal.GI .skill-icon-large-m .second,
#modal.empathize .skill-icon-large-m .second,
#modal.EM .skill-icon-large-m .second,
#modal.revive .skill-icon-large-m .second,
#modal.RE .skill-icon-large-m .second,
#modal.other .skill-icon-large-m .second,
#modal.OT .skill-icon-large-m .second,
#modal.savor .progress_icon .second,
#modal.SA .progress_icon .second,
#modal.thank .progress_icon .second,
#modal.TH .progress_icon .second,
#modal.aspire .progress_icon .second,
#modal.AS .progress_icon .second,
#modal.give .progress_icon .second,
#modal.GI .progress_icon .second,
#modal.empathize .progress_icon .second,
#modal.EM .progress_icon .second,
#modal.revive .progress_icon .second,
#modal.RE .progress_icon .second,
#modal.other .progress_icon .second,
#modal.OT .progress_icon .second {
  position: absolute;
  top: 0;
  left: 50%;
}

#modal.savor .skill-icon-large-m .skill-icon-white,
#modal.SA .skill-icon-large-m .skill-icon-white,
#modal.thank .skill-icon-large-m .skill-icon-white,
#modal.TH .skill-icon-large-m .skill-icon-white,
#modal.aspire .skill-icon-large-m .skill-icon-white,
#modal.AS .skill-icon-large-m .skill-icon-white,
#modal.give .skill-icon-large-m .skill-icon-white,
#modal.GI .skill-icon-large-m .skill-icon-white,
#modal.empathize .skill-icon-large-m .skill-icon-white,
#modal.EM .skill-icon-large-m .skill-icon-white,
#modal.revive .skill-icon-large-m .skill-icon-white,
#modal.RE .skill-icon-large-m .skill-icon-white,
#modal.other .skill-icon-large-m .skill-icon-white,
#modal.OT .skill-icon-large-m .skill-icon-white,
#modal.savor .progress_icon .skill-icon-white,
#modal.SA .progress_icon .skill-icon-white,
#modal.thank .progress_icon .skill-icon-white,
#modal.TH .progress_icon .skill-icon-white,
#modal.aspire .progress_icon .skill-icon-white,
#modal.AS .progress_icon .skill-icon-white,
#modal.give .progress_icon .skill-icon-white,
#modal.GI .progress_icon .skill-icon-white,
#modal.empathize .progress_icon .skill-icon-white,
#modal.EM .progress_icon .skill-icon-white,
#modal.revive .progress_icon .skill-icon-white,
#modal.RE .progress_icon .skill-icon-white,
#modal.other .progress_icon .skill-icon-white,
#modal.OT .progress_icon .skill-icon-white {
  position: absolute;
}

#modal.savor .skill-icon-large-m.AS,
#modal.SA .skill-icon-large-m.AS,
#modal.thank .skill-icon-large-m.AS,
#modal.TH .skill-icon-large-m.AS,
#modal.aspire .skill-icon-large-m.AS,
#modal.AS .skill-icon-large-m.AS,
#modal.give .skill-icon-large-m.AS,
#modal.GI .skill-icon-large-m.AS,
#modal.empathize .skill-icon-large-m.AS,
#modal.EM .skill-icon-large-m.AS,
#modal.revive .skill-icon-large-m.AS,
#modal.RE .skill-icon-large-m.AS,
#modal.other .skill-icon-large-m.AS,
#modal.OT .skill-icon-large-m.AS,
#modal.savor .progress_icon.AS,
#modal.SA .progress_icon.AS,
#modal.thank .progress_icon.AS,
#modal.TH .progress_icon.AS,
#modal.aspire .progress_icon.AS,
#modal.AS .progress_icon.AS,
#modal.give .progress_icon.AS,
#modal.GI .progress_icon.AS,
#modal.empathize .progress_icon.AS,
#modal.EM .progress_icon.AS,
#modal.revive .progress_icon.AS,
#modal.RE .progress_icon.AS,
#modal.other .progress_icon.AS,
#modal.OT .progress_icon.AS {
  background-color: #00aaea;
}

#modal.savor .skill-icon-large-m.AS .second,
#modal.SA .skill-icon-large-m.AS .second,
#modal.thank .skill-icon-large-m.AS .second,
#modal.TH .skill-icon-large-m.AS .second,
#modal.aspire .skill-icon-large-m.AS .second,
#modal.AS .skill-icon-large-m.AS .second,
#modal.give .skill-icon-large-m.AS .second,
#modal.GI .skill-icon-large-m.AS .second,
#modal.empathize .skill-icon-large-m.AS .second,
#modal.EM .skill-icon-large-m.AS .second,
#modal.revive .skill-icon-large-m.AS .second,
#modal.RE .skill-icon-large-m.AS .second,
#modal.other .skill-icon-large-m.AS .second,
#modal.OT .skill-icon-large-m.AS .second,
#modal.savor .progress_icon.AS .second,
#modal.SA .progress_icon.AS .second,
#modal.thank .progress_icon.AS .second,
#modal.TH .progress_icon.AS .second,
#modal.aspire .progress_icon.AS .second,
#modal.AS .progress_icon.AS .second,
#modal.give .progress_icon.AS .second,
#modal.GI .progress_icon.AS .second,
#modal.empathize .progress_icon.AS .second,
#modal.EM .progress_icon.AS .second,
#modal.revive .progress_icon.AS .second,
#modal.RE .progress_icon.AS .second,
#modal.other .progress_icon.AS .second,
#modal.OT .progress_icon.AS .second {
  background-color: #0099d2;
}

#modal.savor .skill-icon-large-m.GI,
#modal.SA .skill-icon-large-m.GI,
#modal.thank .skill-icon-large-m.GI,
#modal.TH .skill-icon-large-m.GI,
#modal.aspire .skill-icon-large-m.GI,
#modal.AS .skill-icon-large-m.GI,
#modal.give .skill-icon-large-m.GI,
#modal.GI .skill-icon-large-m.GI,
#modal.empathize .skill-icon-large-m.GI,
#modal.EM .skill-icon-large-m.GI,
#modal.revive .skill-icon-large-m.GI,
#modal.RE .skill-icon-large-m.GI,
#modal.other .skill-icon-large-m.GI,
#modal.OT .skill-icon-large-m.GI,
#modal.savor .progress_icon.GI,
#modal.SA .progress_icon.GI,
#modal.thank .progress_icon.GI,
#modal.TH .progress_icon.GI,
#modal.aspire .progress_icon.GI,
#modal.AS .progress_icon.GI,
#modal.give .progress_icon.GI,
#modal.GI .progress_icon.GI,
#modal.empathize .progress_icon.GI,
#modal.EM .progress_icon.GI,
#modal.revive .progress_icon.GI,
#modal.RE .progress_icon.GI,
#modal.other .progress_icon.GI,
#modal.OT .progress_icon.GI {
  background-color: #06b709;
}

#modal.savor .skill-icon-large-m.GI .second,
#modal.SA .skill-icon-large-m.GI .second,
#modal.thank .skill-icon-large-m.GI .second,
#modal.TH .skill-icon-large-m.GI .second,
#modal.aspire .skill-icon-large-m.GI .second,
#modal.AS .skill-icon-large-m.GI .second,
#modal.give .skill-icon-large-m.GI .second,
#modal.GI .skill-icon-large-m.GI .second,
#modal.empathize .skill-icon-large-m.GI .second,
#modal.EM .skill-icon-large-m.GI .second,
#modal.revive .skill-icon-large-m.GI .second,
#modal.RE .skill-icon-large-m.GI .second,
#modal.other .skill-icon-large-m.GI .second,
#modal.OT .skill-icon-large-m.GI .second,
#modal.savor .progress_icon.GI .second,
#modal.SA .progress_icon.GI .second,
#modal.thank .progress_icon.GI .second,
#modal.TH .progress_icon.GI .second,
#modal.aspire .progress_icon.GI .second,
#modal.AS .progress_icon.GI .second,
#modal.give .progress_icon.GI .second,
#modal.GI .progress_icon.GI .second,
#modal.empathize .progress_icon.GI .second,
#modal.EM .progress_icon.GI .second,
#modal.revive .progress_icon.GI .second,
#modal.RE .progress_icon.GI .second,
#modal.other .progress_icon.GI .second,
#modal.OT .progress_icon.GI .second {
  background-color: #05a408;
}

#modal.savor .skill-icon-large-m.EM,
#modal.SA .skill-icon-large-m.EM,
#modal.thank .skill-icon-large-m.EM,
#modal.TH .skill-icon-large-m.EM,
#modal.aspire .skill-icon-large-m.EM,
#modal.AS .skill-icon-large-m.EM,
#modal.give .skill-icon-large-m.EM,
#modal.GI .skill-icon-large-m.EM,
#modal.empathize .skill-icon-large-m.EM,
#modal.EM .skill-icon-large-m.EM,
#modal.revive .skill-icon-large-m.EM,
#modal.RE .skill-icon-large-m.EM,
#modal.other .skill-icon-large-m.EM,
#modal.OT .skill-icon-large-m.EM,
#modal.savor .progress_icon.EM,
#modal.SA .progress_icon.EM,
#modal.thank .progress_icon.EM,
#modal.TH .progress_icon.EM,
#modal.aspire .progress_icon.EM,
#modal.AS .progress_icon.EM,
#modal.give .progress_icon.EM,
#modal.GI .progress_icon.EM,
#modal.empathize .progress_icon.EM,
#modal.EM .progress_icon.EM,
#modal.revive .progress_icon.EM,
#modal.RE .progress_icon.EM,
#modal.other .progress_icon.EM,
#modal.OT .progress_icon.EM {
  background-color: #ff3131;
}

#modal.savor .skill-icon-large-m.EM .second,
#modal.SA .skill-icon-large-m.EM .second,
#modal.thank .skill-icon-large-m.EM .second,
#modal.TH .skill-icon-large-m.EM .second,
#modal.aspire .skill-icon-large-m.EM .second,
#modal.AS .skill-icon-large-m.EM .second,
#modal.give .skill-icon-large-m.EM .second,
#modal.GI .skill-icon-large-m.EM .second,
#modal.empathize .skill-icon-large-m.EM .second,
#modal.EM .skill-icon-large-m.EM .second,
#modal.revive .skill-icon-large-m.EM .second,
#modal.RE .skill-icon-large-m.EM .second,
#modal.other .skill-icon-large-m.EM .second,
#modal.OT .skill-icon-large-m.EM .second,
#modal.savor .progress_icon.EM .second,
#modal.SA .progress_icon.EM .second,
#modal.thank .progress_icon.EM .second,
#modal.TH .progress_icon.EM .second,
#modal.aspire .progress_icon.EM .second,
#modal.AS .progress_icon.EM .second,
#modal.give .progress_icon.EM .second,
#modal.GI .progress_icon.EM .second,
#modal.empathize .progress_icon.EM .second,
#modal.EM .progress_icon.EM .second,
#modal.revive .progress_icon.EM .second,
#modal.RE .progress_icon.EM .second,
#modal.other .progress_icon.EM .second,
#modal.OT .progress_icon.EM .second {
  background-color: #e52c2c;
}

#modal.savor .skill-icon-large-m.RE,
#modal.SA .skill-icon-large-m.RE,
#modal.thank .skill-icon-large-m.RE,
#modal.TH .skill-icon-large-m.RE,
#modal.aspire .skill-icon-large-m.RE,
#modal.AS .skill-icon-large-m.RE,
#modal.give .skill-icon-large-m.RE,
#modal.GI .skill-icon-large-m.RE,
#modal.empathize .skill-icon-large-m.RE,
#modal.EM .skill-icon-large-m.RE,
#modal.revive .skill-icon-large-m.RE,
#modal.RE .skill-icon-large-m.RE,
#modal.other .skill-icon-large-m.RE,
#modal.OT .skill-icon-large-m.RE,
#modal.savor .progress_icon.RE,
#modal.SA .progress_icon.RE,
#modal.thank .progress_icon.RE,
#modal.TH .progress_icon.RE,
#modal.aspire .progress_icon.RE,
#modal.AS .progress_icon.RE,
#modal.give .progress_icon.RE,
#modal.GI .progress_icon.RE,
#modal.empathize .progress_icon.RE,
#modal.EM .progress_icon.RE,
#modal.revive .progress_icon.RE,
#modal.RE .progress_icon.RE,
#modal.other .progress_icon.RE,
#modal.OT .progress_icon.RE {
  background-color: #2ac4c5;
}

#modal.savor .skill-icon-large-m.RE .second,
#modal.SA .skill-icon-large-m.RE .second,
#modal.thank .skill-icon-large-m.RE .second,
#modal.TH .skill-icon-large-m.RE .second,
#modal.aspire .skill-icon-large-m.RE .second,
#modal.AS .skill-icon-large-m.RE .second,
#modal.give .skill-icon-large-m.RE .second,
#modal.GI .skill-icon-large-m.RE .second,
#modal.empathize .skill-icon-large-m.RE .second,
#modal.EM .skill-icon-large-m.RE .second,
#modal.revive .skill-icon-large-m.RE .second,
#modal.RE .skill-icon-large-m.RE .second,
#modal.other .skill-icon-large-m.RE .second,
#modal.OT .skill-icon-large-m.RE .second,
#modal.savor .progress_icon.RE .second,
#modal.SA .progress_icon.RE .second,
#modal.thank .progress_icon.RE .second,
#modal.TH .progress_icon.RE .second,
#modal.aspire .progress_icon.RE .second,
#modal.AS .progress_icon.RE .second,
#modal.give .progress_icon.RE .second,
#modal.GI .progress_icon.RE .second,
#modal.empathize .progress_icon.RE .second,
#modal.EM .progress_icon.RE .second,
#modal.revive .progress_icon.RE .second,
#modal.RE .progress_icon.RE .second,
#modal.other .progress_icon.RE .second,
#modal.OT .progress_icon.RE .second {
  background-color: #29b6b8;
}

#modal.savor .skill-icon-large-m.SA,
#modal.SA .skill-icon-large-m.SA,
#modal.thank .skill-icon-large-m.SA,
#modal.TH .skill-icon-large-m.SA,
#modal.aspire .skill-icon-large-m.SA,
#modal.AS .skill-icon-large-m.SA,
#modal.give .skill-icon-large-m.SA,
#modal.GI .skill-icon-large-m.SA,
#modal.empathize .skill-icon-large-m.SA,
#modal.EM .skill-icon-large-m.SA,
#modal.revive .skill-icon-large-m.SA,
#modal.RE .skill-icon-large-m.SA,
#modal.other .skill-icon-large-m.SA,
#modal.OT .skill-icon-large-m.SA,
#modal.savor .progress_icon.SA,
#modal.SA .progress_icon.SA,
#modal.thank .progress_icon.SA,
#modal.TH .progress_icon.SA,
#modal.aspire .progress_icon.SA,
#modal.AS .progress_icon.SA,
#modal.give .progress_icon.SA,
#modal.GI .progress_icon.SA,
#modal.empathize .progress_icon.SA,
#modal.EM .progress_icon.SA,
#modal.revive .progress_icon.SA,
#modal.RE .progress_icon.SA,
#modal.other .progress_icon.SA,
#modal.OT .progress_icon.SA {
  background-color: #c5168b;
}

#modal.savor .skill-icon-large-m.SA .second,
#modal.SA .skill-icon-large-m.SA .second,
#modal.thank .skill-icon-large-m.SA .second,
#modal.TH .skill-icon-large-m.SA .second,
#modal.aspire .skill-icon-large-m.SA .second,
#modal.AS .skill-icon-large-m.SA .second,
#modal.give .skill-icon-large-m.SA .second,
#modal.GI .skill-icon-large-m.SA .second,
#modal.empathize .skill-icon-large-m.SA .second,
#modal.EM .skill-icon-large-m.SA .second,
#modal.revive .skill-icon-large-m.SA .second,
#modal.RE .skill-icon-large-m.SA .second,
#modal.other .skill-icon-large-m.SA .second,
#modal.OT .skill-icon-large-m.SA .second,
#modal.savor .progress_icon.SA .second,
#modal.SA .progress_icon.SA .second,
#modal.thank .progress_icon.SA .second,
#modal.TH .progress_icon.SA .second,
#modal.aspire .progress_icon.SA .second,
#modal.AS .progress_icon.SA .second,
#modal.give .progress_icon.SA .second,
#modal.GI .progress_icon.SA .second,
#modal.empathize .progress_icon.SA .second,
#modal.EM .progress_icon.SA .second,
#modal.revive .progress_icon.SA .second,
#modal.RE .progress_icon.SA .second,
#modal.other .progress_icon.SA .second,
#modal.OT .progress_icon.SA .second {
  background-color: #b1147d;
}

#modal.savor .skill-icon-large-m.TH,
#modal.SA .skill-icon-large-m.TH,
#modal.thank .skill-icon-large-m.TH,
#modal.TH .skill-icon-large-m.TH,
#modal.aspire .skill-icon-large-m.TH,
#modal.AS .skill-icon-large-m.TH,
#modal.give .skill-icon-large-m.TH,
#modal.GI .skill-icon-large-m.TH,
#modal.empathize .skill-icon-large-m.TH,
#modal.EM .skill-icon-large-m.TH,
#modal.revive .skill-icon-large-m.TH,
#modal.RE .skill-icon-large-m.TH,
#modal.other .skill-icon-large-m.TH,
#modal.OT .skill-icon-large-m.TH,
#modal.savor .progress_icon.TH,
#modal.SA .progress_icon.TH,
#modal.thank .progress_icon.TH,
#modal.TH .progress_icon.TH,
#modal.aspire .progress_icon.TH,
#modal.AS .progress_icon.TH,
#modal.give .progress_icon.TH,
#modal.GI .progress_icon.TH,
#modal.empathize .progress_icon.TH,
#modal.EM .progress_icon.TH,
#modal.revive .progress_icon.TH,
#modal.RE .progress_icon.TH,
#modal.other .progress_icon.TH,
#modal.OT .progress_icon.TH {
  background-color: #ff7a00;
}

#modal.savor .skill-icon-large-m.TH .second,
#modal.SA .skill-icon-large-m.TH .second,
#modal.thank .skill-icon-large-m.TH .second,
#modal.TH .skill-icon-large-m.TH .second,
#modal.aspire .skill-icon-large-m.TH .second,
#modal.AS .skill-icon-large-m.TH .second,
#modal.give .skill-icon-large-m.TH .second,
#modal.GI .skill-icon-large-m.TH .second,
#modal.empathize .skill-icon-large-m.TH .second,
#modal.EM .skill-icon-large-m.TH .second,
#modal.revive .skill-icon-large-m.TH .second,
#modal.RE .skill-icon-large-m.TH .second,
#modal.other .skill-icon-large-m.TH .second,
#modal.OT .skill-icon-large-m.TH .second,
#modal.savor .progress_icon.TH .second,
#modal.SA .progress_icon.TH .second,
#modal.thank .progress_icon.TH .second,
#modal.TH .progress_icon.TH .second,
#modal.aspire .progress_icon.TH .second,
#modal.AS .progress_icon.TH .second,
#modal.give .progress_icon.TH .second,
#modal.GI .progress_icon.TH .second,
#modal.empathize .progress_icon.TH .second,
#modal.EM .progress_icon.TH .second,
#modal.revive .progress_icon.TH .second,
#modal.RE .progress_icon.TH .second,
#modal.other .progress_icon.TH .second,
#modal.OT .progress_icon.TH .second {
  background-color: #e56e00;
}

#modal.savor .skill-icon-large-m.OT,
#modal.SA .skill-icon-large-m.OT,
#modal.thank .skill-icon-large-m.OT,
#modal.TH .skill-icon-large-m.OT,
#modal.aspire .skill-icon-large-m.OT,
#modal.AS .skill-icon-large-m.OT,
#modal.give .skill-icon-large-m.OT,
#modal.GI .skill-icon-large-m.OT,
#modal.empathize .skill-icon-large-m.OT,
#modal.EM .skill-icon-large-m.OT,
#modal.revive .skill-icon-large-m.OT,
#modal.RE .skill-icon-large-m.OT,
#modal.other .skill-icon-large-m.OT,
#modal.OT .skill-icon-large-m.OT,
#modal.savor .progress_icon.OT,
#modal.SA .progress_icon.OT,
#modal.thank .progress_icon.OT,
#modal.TH .progress_icon.OT,
#modal.aspire .progress_icon.OT,
#modal.AS .progress_icon.OT,
#modal.give .progress_icon.OT,
#modal.GI .progress_icon.OT,
#modal.empathize .progress_icon.OT,
#modal.EM .progress_icon.OT,
#modal.revive .progress_icon.OT,
#modal.RE .progress_icon.OT,
#modal.other .progress_icon.OT,
#modal.OT .progress_icon.OT {
  background-color: #f4d420;
}

#modal.savor .skill-icon-large-m.OT .second,
#modal.SA .skill-icon-large-m.OT .second,
#modal.thank .skill-icon-large-m.OT .second,
#modal.TH .skill-icon-large-m.OT .second,
#modal.aspire .skill-icon-large-m.OT .second,
#modal.AS .skill-icon-large-m.OT .second,
#modal.give .skill-icon-large-m.OT .second,
#modal.GI .skill-icon-large-m.OT .second,
#modal.empathize .skill-icon-large-m.OT .second,
#modal.EM .skill-icon-large-m.OT .second,
#modal.revive .skill-icon-large-m.OT .second,
#modal.RE .skill-icon-large-m.OT .second,
#modal.other .skill-icon-large-m.OT .second,
#modal.OT .skill-icon-large-m.OT .second,
#modal.savor .progress_icon.OT .second,
#modal.SA .progress_icon.OT .second,
#modal.thank .progress_icon.OT .second,
#modal.TH .progress_icon.OT .second,
#modal.aspire .progress_icon.OT .second,
#modal.AS .progress_icon.OT .second,
#modal.give .progress_icon.OT .second,
#modal.GI .progress_icon.OT .second,
#modal.empathize .progress_icon.OT .second,
#modal.EM .progress_icon.OT .second,
#modal.revive .progress_icon.OT .second,
#modal.RE .progress_icon.OT .second,
#modal.other .progress_icon.OT .second,
#modal.OT .progress_icon.OT .second {
  background-color: #dbbe1d;
}

#modal.savor .skill-text-cnt,
#modal.SA .skill-text-cnt,
#modal.thank .skill-text-cnt,
#modal.TH .skill-text-cnt,
#modal.aspire .skill-text-cnt,
#modal.AS .skill-text-cnt,
#modal.give .skill-text-cnt,
#modal.GI .skill-text-cnt,
#modal.empathize .skill-text-cnt,
#modal.EM .skill-text-cnt,
#modal.revive .skill-text-cnt,
#modal.RE .skill-text-cnt,
#modal.other .skill-text-cnt,
#modal.OT .skill-text-cnt {
  margin: 0;
  top: 62px;
  padding: 0;
}

#modal.savor .skill-text-cnt .skill-color.new_level,
#modal.SA .skill-text-cnt .skill-color.new_level,
#modal.thank .skill-text-cnt .skill-color.new_level,
#modal.TH .skill-text-cnt .skill-color.new_level,
#modal.aspire .skill-text-cnt .skill-color.new_level,
#modal.AS .skill-text-cnt .skill-color.new_level,
#modal.give .skill-text-cnt .skill-color.new_level,
#modal.GI .skill-text-cnt .skill-color.new_level,
#modal.empathize .skill-text-cnt .skill-color.new_level,
#modal.EM .skill-text-cnt .skill-color.new_level,
#modal.revive .skill-text-cnt .skill-color.new_level,
#modal.RE .skill-text-cnt .skill-color.new_level,
#modal.other .skill-text-cnt .skill-color.new_level,
#modal.OT .skill-text-cnt .skill-color.new_level {
  margin: 0;
}

#modal.savor .skill-text-cnt .scores_block,
#modal.SA .skill-text-cnt .scores_block,
#modal.thank .skill-text-cnt .scores_block,
#modal.TH .skill-text-cnt .scores_block,
#modal.aspire .skill-text-cnt .scores_block,
#modal.AS .skill-text-cnt .scores_block,
#modal.give .skill-text-cnt .scores_block,
#modal.GI .skill-text-cnt .scores_block,
#modal.empathize .skill-text-cnt .scores_block,
#modal.EM .skill-text-cnt .scores_block,
#modal.revive .skill-text-cnt .scores_block,
#modal.RE .skill-text-cnt .scores_block,
#modal.other .skill-text-cnt .scores_block,
#modal.OT .skill-text-cnt .scores_block {
  border: none;
}

#modal.savor .skill-text-cnt h2,
#modal.SA .skill-text-cnt h2,
#modal.thank .skill-text-cnt h2,
#modal.TH .skill-text-cnt h2,
#modal.aspire .skill-text-cnt h2,
#modal.AS .skill-text-cnt h2,
#modal.give .skill-text-cnt h2,
#modal.GI .skill-text-cnt h2,
#modal.empathize .skill-text-cnt h2,
#modal.EM .skill-text-cnt h2,
#modal.revive .skill-text-cnt h2,
#modal.RE .skill-text-cnt h2,
#modal.other .skill-text-cnt h2,
#modal.OT .skill-text-cnt h2 {
  margin: 0;
  font-size: 20px;
  max-height: 35px;
  overflow: hidden;
}

#modal.savor .score-container,
#modal.SA .score-container,
#modal.thank .score-container,
#modal.TH .score-container,
#modal.aspire .score-container,
#modal.AS .score-container,
#modal.give .score-container,
#modal.GI .score-container,
#modal.empathize .score-container,
#modal.EM .score-container,
#modal.revive .score-container,
#modal.RE .score-container,
#modal.other .score-container,
#modal.OT .score-container {
  max-width: 385px;
  min-width: 385px;
  margin: 5px auto 0 0;
  position: relative;
}

#modal.savor .score-container .progress,
#modal.SA .score-container .progress,
#modal.thank .score-container .progress,
#modal.TH .score-container .progress,
#modal.aspire .score-container .progress,
#modal.AS .score-container .progress,
#modal.give .score-container .progress,
#modal.GI .score-container .progress,
#modal.empathize .score-container .progress,
#modal.EM .score-container .progress,
#modal.revive .score-container .progress,
#modal.RE .score-container .progress,
#modal.other .score-container .progress,
#modal.OT .score-container .progress {
  background: #fff;
  border-radius: 0 20px 20px 0;
  background-clip: padding-box;
  position: relative;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 2px solid rgba(0, 0, 0, 0.1);
  width: 85%;
  margin: 0 7.5% 0 7.5%;
  height: 35px;
  overflow: hidden;
}

#modal.savor .score-container .value,
#modal.SA .score-container .value,
#modal.thank .score-container .value,
#modal.TH .score-container .value,
#modal.aspire .score-container .value,
#modal.AS .score-container .value,
#modal.give .score-container .value,
#modal.GI .score-container .value,
#modal.empathize .score-container .value,
#modal.EM .score-container .value,
#modal.revive .score-container .value,
#modal.RE .score-container .value,
#modal.other .score-container .value,
#modal.OT .score-container .value {
  border-radius: 0 17.5px 17.5px 0;
  background-clip: padding-box;
  position: absolute;
  left: 11px;
  height: 35px;
  max-width: 97%;
  min-width: 14%;
}

#modal.savor .score-container .value.savor,
#modal.SA .score-container .value.savor,
#modal.thank .score-container .value.savor,
#modal.TH .score-container .value.savor,
#modal.aspire .score-container .value.savor,
#modal.AS .score-container .value.savor,
#modal.give .score-container .value.savor,
#modal.GI .score-container .value.savor,
#modal.empathize .score-container .value.savor,
#modal.EM .score-container .value.savor,
#modal.revive .score-container .value.savor,
#modal.RE .score-container .value.savor,
#modal.other .score-container .value.savor,
#modal.OT .score-container .value.savor,
#modal.savor .score-container .value.SA,
#modal.SA .score-container .value.SA,
#modal.thank .score-container .value.SA,
#modal.TH .score-container .value.SA,
#modal.aspire .score-container .value.SA,
#modal.AS .score-container .value.SA,
#modal.give .score-container .value.SA,
#modal.GI .score-container .value.SA,
#modal.empathize .score-container .value.SA,
#modal.EM .score-container .value.SA,
#modal.revive .score-container .value.SA,
#modal.RE .score-container .value.SA,
#modal.other .score-container .value.SA,
#modal.OT .score-container .value.SA {
  background: url('/static/img/modal_congrads/SAVOR_max.png') no-repeat;
}

#modal.savor .score-container .value.thank,
#modal.SA .score-container .value.thank,
#modal.thank .score-container .value.thank,
#modal.TH .score-container .value.thank,
#modal.aspire .score-container .value.thank,
#modal.AS .score-container .value.thank,
#modal.give .score-container .value.thank,
#modal.GI .score-container .value.thank,
#modal.empathize .score-container .value.thank,
#modal.EM .score-container .value.thank,
#modal.revive .score-container .value.thank,
#modal.RE .score-container .value.thank,
#modal.other .score-container .value.thank,
#modal.OT .score-container .value.thank,
#modal.savor .score-container .value.TH,
#modal.SA .score-container .value.TH,
#modal.thank .score-container .value.TH,
#modal.TH .score-container .value.TH,
#modal.aspire .score-container .value.TH,
#modal.AS .score-container .value.TH,
#modal.give .score-container .value.TH,
#modal.GI .score-container .value.TH,
#modal.empathize .score-container .value.TH,
#modal.EM .score-container .value.TH,
#modal.revive .score-container .value.TH,
#modal.RE .score-container .value.TH,
#modal.other .score-container .value.TH,
#modal.OT .score-container .value.TH {
  background: url('/static/img/modal_congrads/THANK_max.png') no-repeat;
}

#modal.savor .score-container .value.aspire,
#modal.SA .score-container .value.aspire,
#modal.thank .score-container .value.aspire,
#modal.TH .score-container .value.aspire,
#modal.aspire .score-container .value.aspire,
#modal.AS .score-container .value.aspire,
#modal.give .score-container .value.aspire,
#modal.GI .score-container .value.aspire,
#modal.empathize .score-container .value.aspire,
#modal.EM .score-container .value.aspire,
#modal.revive .score-container .value.aspire,
#modal.RE .score-container .value.aspire,
#modal.other .score-container .value.aspire,
#modal.OT .score-container .value.aspire,
#modal.savor .score-container .value.AS,
#modal.SA .score-container .value.AS,
#modal.thank .score-container .value.AS,
#modal.TH .score-container .value.AS,
#modal.aspire .score-container .value.AS,
#modal.AS .score-container .value.AS,
#modal.give .score-container .value.AS,
#modal.GI .score-container .value.AS,
#modal.empathize .score-container .value.AS,
#modal.EM .score-container .value.AS,
#modal.revive .score-container .value.AS,
#modal.RE .score-container .value.AS,
#modal.other .score-container .value.AS,
#modal.OT .score-container .value.AS {
  background: url('/static/img/modal_congrads/ASPIRE_max.png') no-repeat;
}

#modal.savor .score-container .value.give,
#modal.SA .score-container .value.give,
#modal.thank .score-container .value.give,
#modal.TH .score-container .value.give,
#modal.aspire .score-container .value.give,
#modal.AS .score-container .value.give,
#modal.give .score-container .value.give,
#modal.GI .score-container .value.give,
#modal.empathize .score-container .value.give,
#modal.EM .score-container .value.give,
#modal.revive .score-container .value.give,
#modal.RE .score-container .value.give,
#modal.other .score-container .value.give,
#modal.OT .score-container .value.give,
#modal.savor .score-container .value.GI,
#modal.SA .score-container .value.GI,
#modal.thank .score-container .value.GI,
#modal.TH .score-container .value.GI,
#modal.aspire .score-container .value.GI,
#modal.AS .score-container .value.GI,
#modal.give .score-container .value.GI,
#modal.GI .score-container .value.GI,
#modal.empathize .score-container .value.GI,
#modal.EM .score-container .value.GI,
#modal.revive .score-container .value.GI,
#modal.RE .score-container .value.GI,
#modal.other .score-container .value.GI,
#modal.OT .score-container .value.GI {
  background: url('/static/img/modal_congrads/GIVE_max.png') no-repeat;
}

#modal.savor .score-container .value.empathize,
#modal.SA .score-container .value.empathize,
#modal.thank .score-container .value.empathize,
#modal.TH .score-container .value.empathize,
#modal.aspire .score-container .value.empathize,
#modal.AS .score-container .value.empathize,
#modal.give .score-container .value.empathize,
#modal.GI .score-container .value.empathize,
#modal.empathize .score-container .value.empathize,
#modal.EM .score-container .value.empathize,
#modal.revive .score-container .value.empathize,
#modal.RE .score-container .value.empathize,
#modal.other .score-container .value.empathize,
#modal.OT .score-container .value.empathize,
#modal.savor .score-container .value.EM,
#modal.SA .score-container .value.EM,
#modal.thank .score-container .value.EM,
#modal.TH .score-container .value.EM,
#modal.aspire .score-container .value.EM,
#modal.AS .score-container .value.EM,
#modal.give .score-container .value.EM,
#modal.GI .score-container .value.EM,
#modal.empathize .score-container .value.EM,
#modal.EM .score-container .value.EM,
#modal.revive .score-container .value.EM,
#modal.RE .score-container .value.EM,
#modal.other .score-container .value.EM,
#modal.OT .score-container .value.EM {
  background: url('/static/img/modal_congrads/EMPATHIZE_max.png') no-repeat;
}

#modal.savor .score-container .value.revive,
#modal.SA .score-container .value.revive,
#modal.thank .score-container .value.revive,
#modal.TH .score-container .value.revive,
#modal.aspire .score-container .value.revive,
#modal.AS .score-container .value.revive,
#modal.give .score-container .value.revive,
#modal.GI .score-container .value.revive,
#modal.empathize .score-container .value.revive,
#modal.EM .score-container .value.revive,
#modal.revive .score-container .value.revive,
#modal.RE .score-container .value.revive,
#modal.other .score-container .value.revive,
#modal.OT .score-container .value.revive,
#modal.savor .score-container .value.RE,
#modal.SA .score-container .value.RE,
#modal.thank .score-container .value.RE,
#modal.TH .score-container .value.RE,
#modal.aspire .score-container .value.RE,
#modal.AS .score-container .value.RE,
#modal.give .score-container .value.RE,
#modal.GI .score-container .value.RE,
#modal.empathize .score-container .value.RE,
#modal.EM .score-container .value.RE,
#modal.revive .score-container .value.RE,
#modal.RE .score-container .value.RE,
#modal.other .score-container .value.RE,
#modal.OT .score-container .value.RE {
  background: url('/static/img/modal_congrads/REVIVE_max.png') no-repeat;
}

#modal.savor .score-container .value .progress-circle,
#modal.SA .score-container .value .progress-circle,
#modal.thank .score-container .value .progress-circle,
#modal.TH .score-container .value .progress-circle,
#modal.aspire .score-container .value .progress-circle,
#modal.AS .score-container .value .progress-circle,
#modal.give .score-container .value .progress-circle,
#modal.GI .score-container .value .progress-circle,
#modal.empathize .score-container .value .progress-circle,
#modal.EM .score-container .value .progress-circle,
#modal.revive .score-container .value .progress-circle,
#modal.RE .score-container .value .progress-circle,
#modal.other .score-container .value .progress-circle,
#modal.OT .score-container .value .progress-circle {
  background: #fff;
  border-radius: 50%;
  background-clip: padding-box;
  font-family: OpenSansBold;
  font-size: 14px;
  position: absolute;
  top: 5px;
  right: 7px;
  height: 25px;
  width: 25px;
  line-height: 26px;
  font-weight: normal;
  text-align: center;
}

#modal.savor .score-container .value .progress-circle.savor,
#modal.SA .score-container .value .progress-circle.savor,
#modal.thank .score-container .value .progress-circle.savor,
#modal.TH .score-container .value .progress-circle.savor,
#modal.aspire .score-container .value .progress-circle.savor,
#modal.AS .score-container .value .progress-circle.savor,
#modal.give .score-container .value .progress-circle.savor,
#modal.GI .score-container .value .progress-circle.savor,
#modal.empathize .score-container .value .progress-circle.savor,
#modal.EM .score-container .value .progress-circle.savor,
#modal.revive .score-container .value .progress-circle.savor,
#modal.RE .score-container .value .progress-circle.savor,
#modal.other .score-container .value .progress-circle.savor,
#modal.OT .score-container .value .progress-circle.savor,
#modal.savor .score-container .value .progress-circle.SA,
#modal.SA .score-container .value .progress-circle.SA,
#modal.thank .score-container .value .progress-circle.SA,
#modal.TH .score-container .value .progress-circle.SA,
#modal.aspire .score-container .value .progress-circle.SA,
#modal.AS .score-container .value .progress-circle.SA,
#modal.give .score-container .value .progress-circle.SA,
#modal.GI .score-container .value .progress-circle.SA,
#modal.empathize .score-container .value .progress-circle.SA,
#modal.EM .score-container .value .progress-circle.SA,
#modal.revive .score-container .value .progress-circle.SA,
#modal.RE .score-container .value .progress-circle.SA,
#modal.other .score-container .value .progress-circle.SA,
#modal.OT .score-container .value .progress-circle.SA {
  color: #c82993;
}

#modal.savor .score-container .value .progress-circle.thank,
#modal.SA .score-container .value .progress-circle.thank,
#modal.thank .score-container .value .progress-circle.thank,
#modal.TH .score-container .value .progress-circle.thank,
#modal.aspire .score-container .value .progress-circle.thank,
#modal.AS .score-container .value .progress-circle.thank,
#modal.give .score-container .value .progress-circle.thank,
#modal.GI .score-container .value .progress-circle.thank,
#modal.empathize .score-container .value .progress-circle.thank,
#modal.EM .score-container .value .progress-circle.thank,
#modal.revive .score-container .value .progress-circle.thank,
#modal.RE .score-container .value .progress-circle.thank,
#modal.other .score-container .value .progress-circle.thank,
#modal.OT .score-container .value .progress-circle.thank,
#modal.savor .score-container .value .progress-circle.TH,
#modal.SA .score-container .value .progress-circle.TH,
#modal.thank .score-container .value .progress-circle.TH,
#modal.TH .score-container .value .progress-circle.TH,
#modal.aspire .score-container .value .progress-circle.TH,
#modal.AS .score-container .value .progress-circle.TH,
#modal.give .score-container .value .progress-circle.TH,
#modal.GI .score-container .value .progress-circle.TH,
#modal.empathize .score-container .value .progress-circle.TH,
#modal.EM .score-container .value .progress-circle.TH,
#modal.revive .score-container .value .progress-circle.TH,
#modal.RE .score-container .value .progress-circle.TH,
#modal.other .score-container .value .progress-circle.TH,
#modal.OT .score-container .value .progress-circle.TH {
  color: #fd8925;
}

#modal.savor .score-container .value .progress-circle.aspire,
#modal.SA .score-container .value .progress-circle.aspire,
#modal.thank .score-container .value .progress-circle.aspire,
#modal.TH .score-container .value .progress-circle.aspire,
#modal.aspire .score-container .value .progress-circle.aspire,
#modal.AS .score-container .value .progress-circle.aspire,
#modal.give .score-container .value .progress-circle.aspire,
#modal.GI .score-container .value .progress-circle.aspire,
#modal.empathize .score-container .value .progress-circle.aspire,
#modal.EM .score-container .value .progress-circle.aspire,
#modal.revive .score-container .value .progress-circle.aspire,
#modal.RE .score-container .value .progress-circle.aspire,
#modal.other .score-container .value .progress-circle.aspire,
#modal.OT .score-container .value .progress-circle.aspire,
#modal.savor .score-container .value .progress-circle.AS,
#modal.SA .score-container .value .progress-circle.AS,
#modal.thank .score-container .value .progress-circle.AS,
#modal.TH .score-container .value .progress-circle.AS,
#modal.aspire .score-container .value .progress-circle.AS,
#modal.AS .score-container .value .progress-circle.AS,
#modal.give .score-container .value .progress-circle.AS,
#modal.GI .score-container .value .progress-circle.AS,
#modal.empathize .score-container .value .progress-circle.AS,
#modal.EM .score-container .value .progress-circle.AS,
#modal.revive .score-container .value .progress-circle.AS,
#modal.RE .score-container .value .progress-circle.AS,
#modal.other .score-container .value .progress-circle.AS,
#modal.OT .score-container .value .progress-circle.AS {
  color: #1da2df;
}

#modal.savor .score-container .value .progress-circle.give,
#modal.SA .score-container .value .progress-circle.give,
#modal.thank .score-container .value .progress-circle.give,
#modal.TH .score-container .value .progress-circle.give,
#modal.aspire .score-container .value .progress-circle.give,
#modal.AS .score-container .value .progress-circle.give,
#modal.give .score-container .value .progress-circle.give,
#modal.GI .score-container .value .progress-circle.give,
#modal.empathize .score-container .value .progress-circle.give,
#modal.EM .score-container .value .progress-circle.give,
#modal.revive .score-container .value .progress-circle.give,
#modal.RE .score-container .value .progress-circle.give,
#modal.other .score-container .value .progress-circle.give,
#modal.OT .score-container .value .progress-circle.give,
#modal.savor .score-container .value .progress-circle.GI,
#modal.SA .score-container .value .progress-circle.GI,
#modal.thank .score-container .value .progress-circle.GI,
#modal.TH .score-container .value .progress-circle.GI,
#modal.aspire .score-container .value .progress-circle.GI,
#modal.AS .score-container .value .progress-circle.GI,
#modal.give .score-container .value .progress-circle.GI,
#modal.GI .score-container .value .progress-circle.GI,
#modal.empathize .score-container .value .progress-circle.GI,
#modal.EM .score-container .value .progress-circle.GI,
#modal.revive .score-container .value .progress-circle.GI,
#modal.RE .score-container .value .progress-circle.GI,
#modal.other .score-container .value .progress-circle.GI,
#modal.OT .score-container .value .progress-circle.GI {
  color: #1fc525;
}

#modal.savor .score-container .value .progress-circle.empathize,
#modal.SA .score-container .value .progress-circle.empathize,
#modal.thank .score-container .value .progress-circle.empathize,
#modal.TH .score-container .value .progress-circle.empathize,
#modal.aspire .score-container .value .progress-circle.empathize,
#modal.AS .score-container .value .progress-circle.empathize,
#modal.give .score-container .value .progress-circle.empathize,
#modal.GI .score-container .value .progress-circle.empathize,
#modal.empathize .score-container .value .progress-circle.empathize,
#modal.EM .score-container .value .progress-circle.empathize,
#modal.revive .score-container .value .progress-circle.empathize,
#modal.RE .score-container .value .progress-circle.empathize,
#modal.other .score-container .value .progress-circle.empathize,
#modal.OT .score-container .value .progress-circle.empathize,
#modal.savor .score-container .value .progress-circle.EM,
#modal.SA .score-container .value .progress-circle.EM,
#modal.thank .score-container .value .progress-circle.EM,
#modal.TH .score-container .value .progress-circle.EM,
#modal.aspire .score-container .value .progress-circle.EM,
#modal.AS .score-container .value .progress-circle.EM,
#modal.give .score-container .value .progress-circle.EM,
#modal.GI .score-container .value .progress-circle.EM,
#modal.empathize .score-container .value .progress-circle.EM,
#modal.EM .score-container .value .progress-circle.EM,
#modal.revive .score-container .value .progress-circle.EM,
#modal.RE .score-container .value .progress-circle.EM,
#modal.other .score-container .value .progress-circle.EM,
#modal.OT .score-container .value .progress-circle.EM {
  color: #fc1923;
}

#modal.savor .score-container .value .progress-circle.revive,
#modal.SA .score-container .value .progress-circle.revive,
#modal.thank .score-container .value .progress-circle.revive,
#modal.TH .score-container .value .progress-circle.revive,
#modal.aspire .score-container .value .progress-circle.revive,
#modal.AS .score-container .value .progress-circle.revive,
#modal.give .score-container .value .progress-circle.revive,
#modal.GI .score-container .value .progress-circle.revive,
#modal.empathize .score-container .value .progress-circle.revive,
#modal.EM .score-container .value .progress-circle.revive,
#modal.revive .score-container .value .progress-circle.revive,
#modal.RE .score-container .value .progress-circle.revive,
#modal.other .score-container .value .progress-circle.revive,
#modal.OT .score-container .value .progress-circle.revive,
#modal.savor .score-container .value .progress-circle.RE,
#modal.SA .score-container .value .progress-circle.RE,
#modal.thank .score-container .value .progress-circle.RE,
#modal.TH .score-container .value .progress-circle.RE,
#modal.aspire .score-container .value .progress-circle.RE,
#modal.AS .score-container .value .progress-circle.RE,
#modal.give .score-container .value .progress-circle.RE,
#modal.GI .score-container .value .progress-circle.RE,
#modal.empathize .score-container .value .progress-circle.RE,
#modal.EM .score-container .value .progress-circle.RE,
#modal.revive .score-container .value .progress-circle.RE,
#modal.RE .score-container .value .progress-circle.RE,
#modal.other .score-container .value .progress-circle.RE,
#modal.OT .score-container .value .progress-circle.RE {
  color: #2ac4c5;
}

#modal.savor .score-container .icon,
#modal.SA .score-container .icon,
#modal.thank .score-container .icon,
#modal.TH .score-container .icon,
#modal.aspire .score-container .icon,
#modal.AS .score-container .icon,
#modal.give .score-container .icon,
#modal.GI .score-container .icon,
#modal.empathize .score-container .icon,
#modal.EM .score-container .icon,
#modal.revive .score-container .icon,
#modal.RE .score-container .icon,
#modal.other .score-container .icon,
#modal.OT .score-container .icon {
  height: 50px;
  width: 50px;
  position: absolute;
  left: 6px;
  top: -8px;
}

#modal.savor .score-container .icon.savor,
#modal.SA .score-container .icon.savor,
#modal.thank .score-container .icon.savor,
#modal.TH .score-container .icon.savor,
#modal.aspire .score-container .icon.savor,
#modal.AS .score-container .icon.savor,
#modal.give .score-container .icon.savor,
#modal.GI .score-container .icon.savor,
#modal.empathize .score-container .icon.savor,
#modal.EM .score-container .icon.savor,
#modal.revive .score-container .icon.savor,
#modal.RE .score-container .icon.savor,
#modal.other .score-container .icon.savor,
#modal.OT .score-container .icon.savor,
#modal.savor .score-container .icon.SA,
#modal.SA .score-container .icon.SA,
#modal.thank .score-container .icon.SA,
#modal.TH .score-container .icon.SA,
#modal.aspire .score-container .icon.SA,
#modal.AS .score-container .icon.SA,
#modal.give .score-container .icon.SA,
#modal.GI .score-container .icon.SA,
#modal.empathize .score-container .icon.SA,
#modal.EM .score-container .icon.SA,
#modal.revive .score-container .icon.SA,
#modal.RE .score-container .icon.SA,
#modal.other .score-container .icon.SA,
#modal.OT .score-container .icon.SA {
  background: url('/static/img/modal_congrads/SAVOR_icon_small.png') no-repeat;
}

#modal.savor .score-container .icon.thank,
#modal.SA .score-container .icon.thank,
#modal.thank .score-container .icon.thank,
#modal.TH .score-container .icon.thank,
#modal.aspire .score-container .icon.thank,
#modal.AS .score-container .icon.thank,
#modal.give .score-container .icon.thank,
#modal.GI .score-container .icon.thank,
#modal.empathize .score-container .icon.thank,
#modal.EM .score-container .icon.thank,
#modal.revive .score-container .icon.thank,
#modal.RE .score-container .icon.thank,
#modal.other .score-container .icon.thank,
#modal.OT .score-container .icon.thank,
#modal.savor .score-container .icon.TH,
#modal.SA .score-container .icon.TH,
#modal.thank .score-container .icon.TH,
#modal.TH .score-container .icon.TH,
#modal.aspire .score-container .icon.TH,
#modal.AS .score-container .icon.TH,
#modal.give .score-container .icon.TH,
#modal.GI .score-container .icon.TH,
#modal.empathize .score-container .icon.TH,
#modal.EM .score-container .icon.TH,
#modal.revive .score-container .icon.TH,
#modal.RE .score-container .icon.TH,
#modal.other .score-container .icon.TH,
#modal.OT .score-container .icon.TH {
  background: url('/static/img/modal_congrads/THANK_icon_small.png') no-repeat;
}

#modal.savor .score-container .icon.aspire,
#modal.SA .score-container .icon.aspire,
#modal.thank .score-container .icon.aspire,
#modal.TH .score-container .icon.aspire,
#modal.aspire .score-container .icon.aspire,
#modal.AS .score-container .icon.aspire,
#modal.give .score-container .icon.aspire,
#modal.GI .score-container .icon.aspire,
#modal.empathize .score-container .icon.aspire,
#modal.EM .score-container .icon.aspire,
#modal.revive .score-container .icon.aspire,
#modal.RE .score-container .icon.aspire,
#modal.other .score-container .icon.aspire,
#modal.OT .score-container .icon.aspire,
#modal.savor .score-container .icon.AS,
#modal.SA .score-container .icon.AS,
#modal.thank .score-container .icon.AS,
#modal.TH .score-container .icon.AS,
#modal.aspire .score-container .icon.AS,
#modal.AS .score-container .icon.AS,
#modal.give .score-container .icon.AS,
#modal.GI .score-container .icon.AS,
#modal.empathize .score-container .icon.AS,
#modal.EM .score-container .icon.AS,
#modal.revive .score-container .icon.AS,
#modal.RE .score-container .icon.AS,
#modal.other .score-container .icon.AS,
#modal.OT .score-container .icon.AS {
  background: url('/static/img/modal_congrads/ASPIRE_icon_small.png') no-repeat;
}

#modal.savor .score-container .icon.give,
#modal.SA .score-container .icon.give,
#modal.thank .score-container .icon.give,
#modal.TH .score-container .icon.give,
#modal.aspire .score-container .icon.give,
#modal.AS .score-container .icon.give,
#modal.give .score-container .icon.give,
#modal.GI .score-container .icon.give,
#modal.empathize .score-container .icon.give,
#modal.EM .score-container .icon.give,
#modal.revive .score-container .icon.give,
#modal.RE .score-container .icon.give,
#modal.other .score-container .icon.give,
#modal.OT .score-container .icon.give,
#modal.savor .score-container .icon.GI,
#modal.SA .score-container .icon.GI,
#modal.thank .score-container .icon.GI,
#modal.TH .score-container .icon.GI,
#modal.aspire .score-container .icon.GI,
#modal.AS .score-container .icon.GI,
#modal.give .score-container .icon.GI,
#modal.GI .score-container .icon.GI,
#modal.empathize .score-container .icon.GI,
#modal.EM .score-container .icon.GI,
#modal.revive .score-container .icon.GI,
#modal.RE .score-container .icon.GI,
#modal.other .score-container .icon.GI,
#modal.OT .score-container .icon.GI {
  background: url('/static/img/modal_congrads/GIVE_icon_small.png') no-repeat;
}

#modal.savor .score-container .icon.empathize,
#modal.SA .score-container .icon.empathize,
#modal.thank .score-container .icon.empathize,
#modal.TH .score-container .icon.empathize,
#modal.aspire .score-container .icon.empathize,
#modal.AS .score-container .icon.empathize,
#modal.give .score-container .icon.empathize,
#modal.GI .score-container .icon.empathize,
#modal.empathize .score-container .icon.empathize,
#modal.EM .score-container .icon.empathize,
#modal.revive .score-container .icon.empathize,
#modal.RE .score-container .icon.empathize,
#modal.other .score-container .icon.empathize,
#modal.OT .score-container .icon.empathize,
#modal.savor .score-container .icon.EM,
#modal.SA .score-container .icon.EM,
#modal.thank .score-container .icon.EM,
#modal.TH .score-container .icon.EM,
#modal.aspire .score-container .icon.EM,
#modal.AS .score-container .icon.EM,
#modal.give .score-container .icon.EM,
#modal.GI .score-container .icon.EM,
#modal.empathize .score-container .icon.EM,
#modal.EM .score-container .icon.EM,
#modal.revive .score-container .icon.EM,
#modal.RE .score-container .icon.EM,
#modal.other .score-container .icon.EM,
#modal.OT .score-container .icon.EM {
  background: url('/static/img/modal_congrads/EMPATHIZE_icon_small.png') no-repeat;
}

#modal.savor .score-container .icon.revive,
#modal.SA .score-container .icon.revive,
#modal.thank .score-container .icon.revive,
#modal.TH .score-container .icon.revive,
#modal.aspire .score-container .icon.revive,
#modal.AS .score-container .icon.revive,
#modal.give .score-container .icon.revive,
#modal.GI .score-container .icon.revive,
#modal.empathize .score-container .icon.revive,
#modal.EM .score-container .icon.revive,
#modal.revive .score-container .icon.revive,
#modal.RE .score-container .icon.revive,
#modal.other .score-container .icon.revive,
#modal.OT .score-container .icon.revive,
#modal.savor .score-container .icon.RE,
#modal.SA .score-container .icon.RE,
#modal.thank .score-container .icon.RE,
#modal.TH .score-container .icon.RE,
#modal.aspire .score-container .icon.RE,
#modal.AS .score-container .icon.RE,
#modal.give .score-container .icon.RE,
#modal.GI .score-container .icon.RE,
#modal.empathize .score-container .icon.RE,
#modal.EM .score-container .icon.RE,
#modal.revive .score-container .icon.RE,
#modal.RE .score-container .icon.RE,
#modal.other .score-container .icon.RE,
#modal.OT .score-container .icon.RE {
  background: url('/static/img/modal_congrads/EMPATHIZE_icon_small.png') no-repeat;
}

#modal.savor .buttons-container,
#modal.SA .buttons-container,
#modal.thank .buttons-container,
#modal.TH .buttons-container,
#modal.aspire .buttons-container,
#modal.AS .buttons-container,
#modal.give .buttons-container,
#modal.GI .buttons-container,
#modal.empathize .buttons-container,
#modal.EM .buttons-container,
#modal.revive .buttons-container,
#modal.RE .buttons-container,
#modal.other .buttons-container,
#modal.OT .buttons-container {
  margin: 30px 0 30px 0;
}

#modal.savor .buttons-container.reward,
#modal.SA .buttons-container.reward,
#modal.thank .buttons-container.reward,
#modal.TH .buttons-container.reward,
#modal.aspire .buttons-container.reward,
#modal.AS .buttons-container.reward,
#modal.give .buttons-container.reward,
#modal.GI .buttons-container.reward,
#modal.empathize .buttons-container.reward,
#modal.EM .buttons-container.reward,
#modal.revive .buttons-container.reward,
#modal.RE .buttons-container.reward,
#modal.other .buttons-container.reward,
#modal.OT .buttons-container.reward {
  margin: 30px 0 0 0;
}

#modal.savor .button_secondary.second,
#modal.SA .button_secondary.second,
#modal.thank .button_secondary.second,
#modal.TH .button_secondary.second,
#modal.aspire .button_secondary.second,
#modal.AS .button_secondary.second,
#modal.give .button_secondary.second,
#modal.GI .button_secondary.second,
#modal.empathize .button_secondary.second,
#modal.EM .button_secondary.second,
#modal.revive .button_secondary.second,
#modal.RE .button_secondary.second,
#modal.other .button_secondary.second,
#modal.OT .button_secondary.second {
  text-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 8px 30px !important;
  margin-left: 0 !important;
  font-family: OpenSansRegular;
}

#modal.savor .middle_section.completed_activity.balloon,
#modal.SA .middle_section.completed_activity.balloon,
#modal.thank .middle_section.completed_activity.balloon,
#modal.TH .middle_section.completed_activity.balloon,
#modal.aspire .middle_section.completed_activity.balloon,
#modal.AS .middle_section.completed_activity.balloon,
#modal.give .middle_section.completed_activity.balloon,
#modal.GI .middle_section.completed_activity.balloon,
#modal.empathize .middle_section.completed_activity.balloon,
#modal.EM .middle_section.completed_activity.balloon,
#modal.revive .middle_section.completed_activity.balloon,
#modal.RE .middle_section.completed_activity.balloon,
#modal.other .middle_section.completed_activity.balloon,
#modal.OT .middle_section.completed_activity.balloon {
  margin-top: 55px !important;
}

#modal.savor .middle_section.leveled_up.balloon,
#modal.SA .middle_section.leveled_up.balloon,
#modal.thank .middle_section.leveled_up.balloon,
#modal.TH .middle_section.leveled_up.balloon,
#modal.aspire .middle_section.leveled_up.balloon,
#modal.AS .middle_section.leveled_up.balloon,
#modal.give .middle_section.leveled_up.balloon,
#modal.GI .middle_section.leveled_up.balloon,
#modal.empathize .middle_section.leveled_up.balloon,
#modal.EM .middle_section.leveled_up.balloon,
#modal.revive .middle_section.leveled_up.balloon,
#modal.RE .middle_section.leveled_up.balloon,
#modal.other .middle_section.leveled_up.balloon,
#modal.OT .middle_section.leveled_up.balloon {
  margin-top: 60px !important;
}

#modal.savor .middle-section .notification-container,
#modal.SA .middle-section .notification-container,
#modal.thank .middle-section .notification-container,
#modal.TH .middle-section .notification-container,
#modal.aspire .middle-section .notification-container,
#modal.AS .middle-section .notification-container,
#modal.give .middle-section .notification-container,
#modal.GI .middle-section .notification-container,
#modal.empathize .middle-section .notification-container,
#modal.EM .middle-section .notification-container,
#modal.revive .middle-section .notification-container,
#modal.RE .middle-section .notification-container,
#modal.other .middle-section .notification-container,
#modal.OT .middle-section .notification-container,
#modal.savor .middle_section .notification-container,
#modal.SA .middle_section .notification-container,
#modal.thank .middle_section .notification-container,
#modal.TH .middle_section .notification-container,
#modal.aspire .middle_section .notification-container,
#modal.AS .middle_section .notification-container,
#modal.give .middle_section .notification-container,
#modal.GI .middle_section .notification-container,
#modal.empathize .middle_section .notification-container,
#modal.EM .middle_section .notification-container,
#modal.revive .middle_section .notification-container,
#modal.RE .middle_section .notification-container,
#modal.other .middle_section .notification-container,
#modal.OT .middle_section .notification-container {
  color: #777;
  font-size: 18px;
  margin: 5px 0 15px 0;
  text-align: center;
}

#modal.savor .middle-section .notification-container span,
#modal.SA .middle-section .notification-container span,
#modal.thank .middle-section .notification-container span,
#modal.TH .middle-section .notification-container span,
#modal.aspire .middle-section .notification-container span,
#modal.AS .middle-section .notification-container span,
#modal.give .middle-section .notification-container span,
#modal.GI .middle-section .notification-container span,
#modal.empathize .middle-section .notification-container span,
#modal.EM .middle-section .notification-container span,
#modal.revive .middle-section .notification-container span,
#modal.RE .middle-section .notification-container span,
#modal.other .middle-section .notification-container span,
#modal.OT .middle-section .notification-container span,
#modal.savor .middle_section .notification-container span,
#modal.SA .middle_section .notification-container span,
#modal.thank .middle_section .notification-container span,
#modal.TH .middle_section .notification-container span,
#modal.aspire .middle_section .notification-container span,
#modal.AS .middle_section .notification-container span,
#modal.give .middle_section .notification-container span,
#modal.GI .middle_section .notification-container span,
#modal.empathize .middle_section .notification-container span,
#modal.EM .middle_section .notification-container span,
#modal.revive .middle_section .notification-container span,
#modal.RE .middle_section .notification-container span,
#modal.other .middle_section .notification-container span,
#modal.OT .middle_section .notification-container span {
  text-transform: capitalize;
}

#modal.savor .ribbon-cnt,
#modal.SA .ribbon-cnt,
#modal.thank .ribbon-cnt,
#modal.TH .ribbon-cnt,
#modal.aspire .ribbon-cnt,
#modal.AS .ribbon-cnt,
#modal.give .ribbon-cnt,
#modal.GI .ribbon-cnt,
#modal.empathize .ribbon-cnt,
#modal.EM .ribbon-cnt,
#modal.revive .ribbon-cnt,
#modal.RE .ribbon-cnt,
#modal.other .ribbon-cnt,
#modal.OT .ribbon-cnt {
  height: 85px;
  top: 120px;
  left: -59px;
}

#modal.savor .ribbon-cnt.balloon,
#modal.SA .ribbon-cnt.balloon,
#modal.thank .ribbon-cnt.balloon,
#modal.TH .ribbon-cnt.balloon,
#modal.aspire .ribbon-cnt.balloon,
#modal.AS .ribbon-cnt.balloon,
#modal.give .ribbon-cnt.balloon,
#modal.GI .ribbon-cnt.balloon,
#modal.empathize .ribbon-cnt.balloon,
#modal.EM .ribbon-cnt.balloon,
#modal.revive .ribbon-cnt.balloon,
#modal.RE .ribbon-cnt.balloon,
#modal.other .ribbon-cnt.balloon,
#modal.OT .ribbon-cnt.balloon {
  top: 170px;
}

#modal.savor .ribbon-cnt.savor,
#modal.SA .ribbon-cnt.savor,
#modal.thank .ribbon-cnt.savor,
#modal.TH .ribbon-cnt.savor,
#modal.aspire .ribbon-cnt.savor,
#modal.AS .ribbon-cnt.savor,
#modal.give .ribbon-cnt.savor,
#modal.GI .ribbon-cnt.savor,
#modal.empathize .ribbon-cnt.savor,
#modal.EM .ribbon-cnt.savor,
#modal.revive .ribbon-cnt.savor,
#modal.RE .ribbon-cnt.savor,
#modal.other .ribbon-cnt.savor,
#modal.OT .ribbon-cnt.savor,
#modal.savor .ribbon-cnt.SA,
#modal.SA .ribbon-cnt.SA,
#modal.thank .ribbon-cnt.SA,
#modal.TH .ribbon-cnt.SA,
#modal.aspire .ribbon-cnt.SA,
#modal.AS .ribbon-cnt.SA,
#modal.give .ribbon-cnt.SA,
#modal.GI .ribbon-cnt.SA,
#modal.empathize .ribbon-cnt.SA,
#modal.EM .ribbon-cnt.SA,
#modal.revive .ribbon-cnt.SA,
#modal.RE .ribbon-cnt.SA,
#modal.other .ribbon-cnt.SA,
#modal.OT .ribbon-cnt.SA {
  background: url('/static/img/modal_congrads/SAVOR_ribbon.png') no-repeat;
  background-position: center;
}

#modal.savor .ribbon-cnt.thank,
#modal.SA .ribbon-cnt.thank,
#modal.thank .ribbon-cnt.thank,
#modal.TH .ribbon-cnt.thank,
#modal.aspire .ribbon-cnt.thank,
#modal.AS .ribbon-cnt.thank,
#modal.give .ribbon-cnt.thank,
#modal.GI .ribbon-cnt.thank,
#modal.empathize .ribbon-cnt.thank,
#modal.EM .ribbon-cnt.thank,
#modal.revive .ribbon-cnt.thank,
#modal.RE .ribbon-cnt.thank,
#modal.other .ribbon-cnt.thank,
#modal.OT .ribbon-cnt.thank,
#modal.savor .ribbon-cnt.TH,
#modal.SA .ribbon-cnt.TH,
#modal.thank .ribbon-cnt.TH,
#modal.TH .ribbon-cnt.TH,
#modal.aspire .ribbon-cnt.TH,
#modal.AS .ribbon-cnt.TH,
#modal.give .ribbon-cnt.TH,
#modal.GI .ribbon-cnt.TH,
#modal.empathize .ribbon-cnt.TH,
#modal.EM .ribbon-cnt.TH,
#modal.revive .ribbon-cnt.TH,
#modal.RE .ribbon-cnt.TH,
#modal.other .ribbon-cnt.TH,
#modal.OT .ribbon-cnt.TH {
  background: url('/static/img/modal_congrads/THANK_ribbon.png') no-repeat;
  background-position: center;
}

#modal.savor .ribbon-cnt.aspire,
#modal.SA .ribbon-cnt.aspire,
#modal.thank .ribbon-cnt.aspire,
#modal.TH .ribbon-cnt.aspire,
#modal.aspire .ribbon-cnt.aspire,
#modal.AS .ribbon-cnt.aspire,
#modal.give .ribbon-cnt.aspire,
#modal.GI .ribbon-cnt.aspire,
#modal.empathize .ribbon-cnt.aspire,
#modal.EM .ribbon-cnt.aspire,
#modal.revive .ribbon-cnt.aspire,
#modal.RE .ribbon-cnt.aspire,
#modal.other .ribbon-cnt.aspire,
#modal.OT .ribbon-cnt.aspire,
#modal.savor .ribbon-cnt.AS,
#modal.SA .ribbon-cnt.AS,
#modal.thank .ribbon-cnt.AS,
#modal.TH .ribbon-cnt.AS,
#modal.aspire .ribbon-cnt.AS,
#modal.AS .ribbon-cnt.AS,
#modal.give .ribbon-cnt.AS,
#modal.GI .ribbon-cnt.AS,
#modal.empathize .ribbon-cnt.AS,
#modal.EM .ribbon-cnt.AS,
#modal.revive .ribbon-cnt.AS,
#modal.RE .ribbon-cnt.AS,
#modal.other .ribbon-cnt.AS,
#modal.OT .ribbon-cnt.AS {
  background: url('/static/img/modal_congrads/ASPIRE_ribbon.png') no-repeat;
  background-position: center;
}

#modal.savor .ribbon-cnt.give,
#modal.SA .ribbon-cnt.give,
#modal.thank .ribbon-cnt.give,
#modal.TH .ribbon-cnt.give,
#modal.aspire .ribbon-cnt.give,
#modal.AS .ribbon-cnt.give,
#modal.give .ribbon-cnt.give,
#modal.GI .ribbon-cnt.give,
#modal.empathize .ribbon-cnt.give,
#modal.EM .ribbon-cnt.give,
#modal.revive .ribbon-cnt.give,
#modal.RE .ribbon-cnt.give,
#modal.other .ribbon-cnt.give,
#modal.OT .ribbon-cnt.give,
#modal.savor .ribbon-cnt.GI,
#modal.SA .ribbon-cnt.GI,
#modal.thank .ribbon-cnt.GI,
#modal.TH .ribbon-cnt.GI,
#modal.aspire .ribbon-cnt.GI,
#modal.AS .ribbon-cnt.GI,
#modal.give .ribbon-cnt.GI,
#modal.GI .ribbon-cnt.GI,
#modal.empathize .ribbon-cnt.GI,
#modal.EM .ribbon-cnt.GI,
#modal.revive .ribbon-cnt.GI,
#modal.RE .ribbon-cnt.GI,
#modal.other .ribbon-cnt.GI,
#modal.OT .ribbon-cnt.GI {
  background: url('/static/img/modal_congrads/GIVE_ribbon.png') no-repeat;
  background-position: center;
}

#modal.savor .ribbon-cnt.empathize,
#modal.SA .ribbon-cnt.empathize,
#modal.thank .ribbon-cnt.empathize,
#modal.TH .ribbon-cnt.empathize,
#modal.aspire .ribbon-cnt.empathize,
#modal.AS .ribbon-cnt.empathize,
#modal.give .ribbon-cnt.empathize,
#modal.GI .ribbon-cnt.empathize,
#modal.empathize .ribbon-cnt.empathize,
#modal.EM .ribbon-cnt.empathize,
#modal.revive .ribbon-cnt.empathize,
#modal.RE .ribbon-cnt.empathize,
#modal.other .ribbon-cnt.empathize,
#modal.OT .ribbon-cnt.empathize,
#modal.savor .ribbon-cnt.EM,
#modal.SA .ribbon-cnt.EM,
#modal.thank .ribbon-cnt.EM,
#modal.TH .ribbon-cnt.EM,
#modal.aspire .ribbon-cnt.EM,
#modal.AS .ribbon-cnt.EM,
#modal.give .ribbon-cnt.EM,
#modal.GI .ribbon-cnt.EM,
#modal.empathize .ribbon-cnt.EM,
#modal.EM .ribbon-cnt.EM,
#modal.revive .ribbon-cnt.EM,
#modal.RE .ribbon-cnt.EM,
#modal.other .ribbon-cnt.EM,
#modal.OT .ribbon-cnt.EM {
  background: url('/static/img/modal_congrads/EMPATHIZE_ribbon.png') no-repeat;
  background-position: center;
}

#modal.savor .ribbon-cnt.other,
#modal.SA .ribbon-cnt.other,
#modal.thank .ribbon-cnt.other,
#modal.TH .ribbon-cnt.other,
#modal.aspire .ribbon-cnt.other,
#modal.AS .ribbon-cnt.other,
#modal.give .ribbon-cnt.other,
#modal.GI .ribbon-cnt.other,
#modal.empathize .ribbon-cnt.other,
#modal.EM .ribbon-cnt.other,
#modal.revive .ribbon-cnt.other,
#modal.RE .ribbon-cnt.other,
#modal.other .ribbon-cnt.other,
#modal.OT .ribbon-cnt.other,
#modal.savor .ribbon-cnt.OT,
#modal.SA .ribbon-cnt.OT,
#modal.thank .ribbon-cnt.OT,
#modal.TH .ribbon-cnt.OT,
#modal.aspire .ribbon-cnt.OT,
#modal.AS .ribbon-cnt.OT,
#modal.give .ribbon-cnt.OT,
#modal.GI .ribbon-cnt.OT,
#modal.empathize .ribbon-cnt.OT,
#modal.EM .ribbon-cnt.OT,
#modal.revive .ribbon-cnt.OT,
#modal.RE .ribbon-cnt.OT,
#modal.other .ribbon-cnt.OT,
#modal.OT .ribbon-cnt.OT {
  background: url('/static/img/modal_congrads/other_ribbon.png') no-repeat;
  background-position: center;
}

#modal.savor .ribbon-cnt.revive,
#modal.SA .ribbon-cnt.revive,
#modal.thank .ribbon-cnt.revive,
#modal.TH .ribbon-cnt.revive,
#modal.aspire .ribbon-cnt.revive,
#modal.AS .ribbon-cnt.revive,
#modal.give .ribbon-cnt.revive,
#modal.GI .ribbon-cnt.revive,
#modal.empathize .ribbon-cnt.revive,
#modal.EM .ribbon-cnt.revive,
#modal.revive .ribbon-cnt.revive,
#modal.RE .ribbon-cnt.revive,
#modal.other .ribbon-cnt.revive,
#modal.OT .ribbon-cnt.revive,
#modal.savor .ribbon-cnt.RE,
#modal.SA .ribbon-cnt.RE,
#modal.thank .ribbon-cnt.RE,
#modal.TH .ribbon-cnt.RE,
#modal.aspire .ribbon-cnt.RE,
#modal.AS .ribbon-cnt.RE,
#modal.give .ribbon-cnt.RE,
#modal.GI .ribbon-cnt.RE,
#modal.empathize .ribbon-cnt.RE,
#modal.EM .ribbon-cnt.RE,
#modal.revive .ribbon-cnt.RE,
#modal.RE .ribbon-cnt.RE,
#modal.other .ribbon-cnt.RE,
#modal.OT .ribbon-cnt.RE {
  background: url('/static/img/modal_congrads/other_ribbon.png') no-repeat;
  background-position: center;
}

#modal.savor .ribbon-cnt h1,
#modal.SA .ribbon-cnt h1,
#modal.thank .ribbon-cnt h1,
#modal.TH .ribbon-cnt h1,
#modal.aspire .ribbon-cnt h1,
#modal.AS .ribbon-cnt h1,
#modal.give .ribbon-cnt h1,
#modal.GI .ribbon-cnt h1,
#modal.empathize .ribbon-cnt h1,
#modal.EM .ribbon-cnt h1,
#modal.revive .ribbon-cnt h1,
#modal.RE .ribbon-cnt h1,
#modal.other .ribbon-cnt h1,
#modal.OT .ribbon-cnt h1 {
  margin-top: 20px;
}

#modal.savor .container-old,
#modal.SA .container-old,
#modal.thank .container-old,
#modal.TH .container-old,
#modal.aspire .container-old,
#modal.AS .container-old,
#modal.give .container-old,
#modal.GI .container-old,
#modal.empathize .container-old,
#modal.EM .container-old,
#modal.revive .container-old,
#modal.RE .container-old,
#modal.other .container-old,
#modal.OT .container-old {
  max-width: 395px;
  min-width: 395px;
  margin: 0 auto;
}

#modal.savor .container-old h3,
#modal.SA .container-old h3,
#modal.thank .container-old h3,
#modal.TH .container-old h3,
#modal.aspire .container-old h3,
#modal.AS .container-old h3,
#modal.give .container-old h3,
#modal.GI .container-old h3,
#modal.empathize .container-old h3,
#modal.EM .container-old h3,
#modal.revive .container-old h3,
#modal.RE .container-old h3,
#modal.other .container-old h3,
#modal.OT .container-old h3 {
  float: none;
  font-size: 16px !important;
  font-weight: bold;
  text-align: left;
  margin: 10px 0 10px 0;
}

#modal.savor .container-old h3.savor,
#modal.SA .container-old h3.savor,
#modal.thank .container-old h3.savor,
#modal.TH .container-old h3.savor,
#modal.aspire .container-old h3.savor,
#modal.AS .container-old h3.savor,
#modal.give .container-old h3.savor,
#modal.GI .container-old h3.savor,
#modal.empathize .container-old h3.savor,
#modal.EM .container-old h3.savor,
#modal.revive .container-old h3.savor,
#modal.RE .container-old h3.savor,
#modal.other .container-old h3.savor,
#modal.OT .container-old h3.savor,
#modal.savor .container-old h3.SA,
#modal.SA .container-old h3.SA,
#modal.thank .container-old h3.SA,
#modal.TH .container-old h3.SA,
#modal.aspire .container-old h3.SA,
#modal.AS .container-old h3.SA,
#modal.give .container-old h3.SA,
#modal.GI .container-old h3.SA,
#modal.empathize .container-old h3.SA,
#modal.EM .container-old h3.SA,
#modal.revive .container-old h3.SA,
#modal.RE .container-old h3.SA,
#modal.other .container-old h3.SA,
#modal.OT .container-old h3.SA {
  color: #c82993;
}

#modal.savor .container-old h3.thank,
#modal.SA .container-old h3.thank,
#modal.thank .container-old h3.thank,
#modal.TH .container-old h3.thank,
#modal.aspire .container-old h3.thank,
#modal.AS .container-old h3.thank,
#modal.give .container-old h3.thank,
#modal.GI .container-old h3.thank,
#modal.empathize .container-old h3.thank,
#modal.EM .container-old h3.thank,
#modal.revive .container-old h3.thank,
#modal.RE .container-old h3.thank,
#modal.other .container-old h3.thank,
#modal.OT .container-old h3.thank,
#modal.savor .container-old h3.TH,
#modal.SA .container-old h3.TH,
#modal.thank .container-old h3.TH,
#modal.TH .container-old h3.TH,
#modal.aspire .container-old h3.TH,
#modal.AS .container-old h3.TH,
#modal.give .container-old h3.TH,
#modal.GI .container-old h3.TH,
#modal.empathize .container-old h3.TH,
#modal.EM .container-old h3.TH,
#modal.revive .container-old h3.TH,
#modal.RE .container-old h3.TH,
#modal.other .container-old h3.TH,
#modal.OT .container-old h3.TH {
  color: #fd8925;
}

#modal.savor .container-old h3.aspire,
#modal.SA .container-old h3.aspire,
#modal.thank .container-old h3.aspire,
#modal.TH .container-old h3.aspire,
#modal.aspire .container-old h3.aspire,
#modal.AS .container-old h3.aspire,
#modal.give .container-old h3.aspire,
#modal.GI .container-old h3.aspire,
#modal.empathize .container-old h3.aspire,
#modal.EM .container-old h3.aspire,
#modal.revive .container-old h3.aspire,
#modal.RE .container-old h3.aspire,
#modal.other .container-old h3.aspire,
#modal.OT .container-old h3.aspire,
#modal.savor .container-old h3.AS,
#modal.SA .container-old h3.AS,
#modal.thank .container-old h3.AS,
#modal.TH .container-old h3.AS,
#modal.aspire .container-old h3.AS,
#modal.AS .container-old h3.AS,
#modal.give .container-old h3.AS,
#modal.GI .container-old h3.AS,
#modal.empathize .container-old h3.AS,
#modal.EM .container-old h3.AS,
#modal.revive .container-old h3.AS,
#modal.RE .container-old h3.AS,
#modal.other .container-old h3.AS,
#modal.OT .container-old h3.AS {
  color: #1da2df;
}

#modal.savor .container-old h3.give,
#modal.SA .container-old h3.give,
#modal.thank .container-old h3.give,
#modal.TH .container-old h3.give,
#modal.aspire .container-old h3.give,
#modal.AS .container-old h3.give,
#modal.give .container-old h3.give,
#modal.GI .container-old h3.give,
#modal.empathize .container-old h3.give,
#modal.EM .container-old h3.give,
#modal.revive .container-old h3.give,
#modal.RE .container-old h3.give,
#modal.other .container-old h3.give,
#modal.OT .container-old h3.give,
#modal.savor .container-old h3.GI,
#modal.SA .container-old h3.GI,
#modal.thank .container-old h3.GI,
#modal.TH .container-old h3.GI,
#modal.aspire .container-old h3.GI,
#modal.AS .container-old h3.GI,
#modal.give .container-old h3.GI,
#modal.GI .container-old h3.GI,
#modal.empathize .container-old h3.GI,
#modal.EM .container-old h3.GI,
#modal.revive .container-old h3.GI,
#modal.RE .container-old h3.GI,
#modal.other .container-old h3.GI,
#modal.OT .container-old h3.GI {
  color: #1fc525;
}

#modal.savor .container-old h3.empathize,
#modal.SA .container-old h3.empathize,
#modal.thank .container-old h3.empathize,
#modal.TH .container-old h3.empathize,
#modal.aspire .container-old h3.empathize,
#modal.AS .container-old h3.empathize,
#modal.give .container-old h3.empathize,
#modal.GI .container-old h3.empathize,
#modal.empathize .container-old h3.empathize,
#modal.EM .container-old h3.empathize,
#modal.revive .container-old h3.empathize,
#modal.RE .container-old h3.empathize,
#modal.other .container-old h3.empathize,
#modal.OT .container-old h3.empathize,
#modal.savor .container-old h3.EM,
#modal.SA .container-old h3.EM,
#modal.thank .container-old h3.EM,
#modal.TH .container-old h3.EM,
#modal.aspire .container-old h3.EM,
#modal.AS .container-old h3.EM,
#modal.give .container-old h3.EM,
#modal.GI .container-old h3.EM,
#modal.empathize .container-old h3.EM,
#modal.EM .container-old h3.EM,
#modal.revive .container-old h3.EM,
#modal.RE .container-old h3.EM,
#modal.other .container-old h3.EM,
#modal.OT .container-old h3.EM {
  color: #fc1923;
}

#modal.savor .container-old h3.revive,
#modal.SA .container-old h3.revive,
#modal.thank .container-old h3.revive,
#modal.TH .container-old h3.revive,
#modal.aspire .container-old h3.revive,
#modal.AS .container-old h3.revive,
#modal.give .container-old h3.revive,
#modal.GI .container-old h3.revive,
#modal.empathize .container-old h3.revive,
#modal.EM .container-old h3.revive,
#modal.revive .container-old h3.revive,
#modal.RE .container-old h3.revive,
#modal.other .container-old h3.revive,
#modal.OT .container-old h3.revive,
#modal.savor .container-old h3.RE,
#modal.SA .container-old h3.RE,
#modal.thank .container-old h3.RE,
#modal.TH .container-old h3.RE,
#modal.aspire .container-old h3.RE,
#modal.AS .container-old h3.RE,
#modal.give .container-old h3.RE,
#modal.GI .container-old h3.RE,
#modal.empathize .container-old h3.RE,
#modal.EM .container-old h3.RE,
#modal.revive .container-old h3.RE,
#modal.RE .container-old h3.RE,
#modal.other .container-old h3.RE,
#modal.OT .container-old h3.RE {
  color: #2ac4c5;
}

#modal.savor .container-old .benefit-container,
#modal.SA .container-old .benefit-container,
#modal.thank .container-old .benefit-container,
#modal.TH .container-old .benefit-container,
#modal.aspire .container-old .benefit-container,
#modal.AS .container-old .benefit-container,
#modal.give .container-old .benefit-container,
#modal.GI .container-old .benefit-container,
#modal.empathize .container-old .benefit-container,
#modal.EM .container-old .benefit-container,
#modal.revive .container-old .benefit-container,
#modal.RE .container-old .benefit-container,
#modal.other .container-old .benefit-container,
#modal.OT .container-old .benefit-container {
  text-align: left;
  padding: 10px 20px 0 20px;
}

#modal.savor .container-old .benefit-container ul li,
#modal.SA .container-old .benefit-container ul li,
#modal.thank .container-old .benefit-container ul li,
#modal.TH .container-old .benefit-container ul li,
#modal.aspire .container-old .benefit-container ul li,
#modal.AS .container-old .benefit-container ul li,
#modal.give .container-old .benefit-container ul li,
#modal.GI .container-old .benefit-container ul li,
#modal.empathize .container-old .benefit-container ul li,
#modal.EM .container-old .benefit-container ul li,
#modal.revive .container-old .benefit-container ul li,
#modal.RE .container-old .benefit-container ul li,
#modal.other .container-old .benefit-container ul li,
#modal.OT .container-old .benefit-container ul li {
  font-size: 16px;
  line-height: 24px;
  color: #777;
  position: relative;
  width: 96%;
  margin-left: 4%;
}

#modal.savor .container-old .benefit-container ul li:after,
#modal.SA .container-old .benefit-container ul li:after,
#modal.thank .container-old .benefit-container ul li:after,
#modal.TH .container-old .benefit-container ul li:after,
#modal.aspire .container-old .benefit-container ul li:after,
#modal.AS .container-old .benefit-container ul li:after,
#modal.give .container-old .benefit-container ul li:after,
#modal.GI .container-old .benefit-container ul li:after,
#modal.empathize .container-old .benefit-container ul li:after,
#modal.EM .container-old .benefit-container ul li:after,
#modal.revive .container-old .benefit-container ul li:after,
#modal.RE .container-old .benefit-container ul li:after,
#modal.other .container-old .benefit-container ul li:after,
#modal.OT .container-old .benefit-container ul li:after {
  border-radius: 50%;
  background-clip: padding-box;
  content: '';
  position: absolute;
  left: -12px;
  top: 10px;
  height: 5px;
  width: 5px;
}

#modal.savor .container-old .benefit-container ul.savor li:after,
#modal.SA .container-old .benefit-container ul.savor li:after,
#modal.thank .container-old .benefit-container ul.savor li:after,
#modal.TH .container-old .benefit-container ul.savor li:after,
#modal.aspire .container-old .benefit-container ul.savor li:after,
#modal.AS .container-old .benefit-container ul.savor li:after,
#modal.give .container-old .benefit-container ul.savor li:after,
#modal.GI .container-old .benefit-container ul.savor li:after,
#modal.empathize .container-old .benefit-container ul.savor li:after,
#modal.EM .container-old .benefit-container ul.savor li:after,
#modal.revive .container-old .benefit-container ul.savor li:after,
#modal.RE .container-old .benefit-container ul.savor li:after,
#modal.other .container-old .benefit-container ul.savor li:after,
#modal.OT .container-old .benefit-container ul.savor li:after,
#modal.savor .container-old .benefit-container ul.SA li:after,
#modal.SA .container-old .benefit-container ul.SA li:after,
#modal.thank .container-old .benefit-container ul.SA li:after,
#modal.TH .container-old .benefit-container ul.SA li:after,
#modal.aspire .container-old .benefit-container ul.SA li:after,
#modal.AS .container-old .benefit-container ul.SA li:after,
#modal.give .container-old .benefit-container ul.SA li:after,
#modal.GI .container-old .benefit-container ul.SA li:after,
#modal.empathize .container-old .benefit-container ul.SA li:after,
#modal.EM .container-old .benefit-container ul.SA li:after,
#modal.revive .container-old .benefit-container ul.SA li:after,
#modal.RE .container-old .benefit-container ul.SA li:after,
#modal.other .container-old .benefit-container ul.SA li:after,
#modal.OT .container-old .benefit-container ul.SA li:after {
  background: #c82993;
}

#modal.savor .container-old .benefit-container ul.thank li:after,
#modal.SA .container-old .benefit-container ul.thank li:after,
#modal.thank .container-old .benefit-container ul.thank li:after,
#modal.TH .container-old .benefit-container ul.thank li:after,
#modal.aspire .container-old .benefit-container ul.thank li:after,
#modal.AS .container-old .benefit-container ul.thank li:after,
#modal.give .container-old .benefit-container ul.thank li:after,
#modal.GI .container-old .benefit-container ul.thank li:after,
#modal.empathize .container-old .benefit-container ul.thank li:after,
#modal.EM .container-old .benefit-container ul.thank li:after,
#modal.revive .container-old .benefit-container ul.thank li:after,
#modal.RE .container-old .benefit-container ul.thank li:after,
#modal.other .container-old .benefit-container ul.thank li:after,
#modal.OT .container-old .benefit-container ul.thank li:after,
#modal.savor .container-old .benefit-container ul.TH li:after,
#modal.SA .container-old .benefit-container ul.TH li:after,
#modal.thank .container-old .benefit-container ul.TH li:after,
#modal.TH .container-old .benefit-container ul.TH li:after,
#modal.aspire .container-old .benefit-container ul.TH li:after,
#modal.AS .container-old .benefit-container ul.TH li:after,
#modal.give .container-old .benefit-container ul.TH li:after,
#modal.GI .container-old .benefit-container ul.TH li:after,
#modal.empathize .container-old .benefit-container ul.TH li:after,
#modal.EM .container-old .benefit-container ul.TH li:after,
#modal.revive .container-old .benefit-container ul.TH li:after,
#modal.RE .container-old .benefit-container ul.TH li:after,
#modal.other .container-old .benefit-container ul.TH li:after,
#modal.OT .container-old .benefit-container ul.TH li:after {
  background: #fd8925;
}

#modal.savor .container-old .benefit-container ul.aspire li:after,
#modal.SA .container-old .benefit-container ul.aspire li:after,
#modal.thank .container-old .benefit-container ul.aspire li:after,
#modal.TH .container-old .benefit-container ul.aspire li:after,
#modal.aspire .container-old .benefit-container ul.aspire li:after,
#modal.AS .container-old .benefit-container ul.aspire li:after,
#modal.give .container-old .benefit-container ul.aspire li:after,
#modal.GI .container-old .benefit-container ul.aspire li:after,
#modal.empathize .container-old .benefit-container ul.aspire li:after,
#modal.EM .container-old .benefit-container ul.aspire li:after,
#modal.revive .container-old .benefit-container ul.aspire li:after,
#modal.RE .container-old .benefit-container ul.aspire li:after,
#modal.other .container-old .benefit-container ul.aspire li:after,
#modal.OT .container-old .benefit-container ul.aspire li:after,
#modal.savor .container-old .benefit-container ul.AS li:after,
#modal.SA .container-old .benefit-container ul.AS li:after,
#modal.thank .container-old .benefit-container ul.AS li:after,
#modal.TH .container-old .benefit-container ul.AS li:after,
#modal.aspire .container-old .benefit-container ul.AS li:after,
#modal.AS .container-old .benefit-container ul.AS li:after,
#modal.give .container-old .benefit-container ul.AS li:after,
#modal.GI .container-old .benefit-container ul.AS li:after,
#modal.empathize .container-old .benefit-container ul.AS li:after,
#modal.EM .container-old .benefit-container ul.AS li:after,
#modal.revive .container-old .benefit-container ul.AS li:after,
#modal.RE .container-old .benefit-container ul.AS li:after,
#modal.other .container-old .benefit-container ul.AS li:after,
#modal.OT .container-old .benefit-container ul.AS li:after {
  background: #1da2df;
}

#modal.savor .container-old .benefit-container ul.give li:after,
#modal.SA .container-old .benefit-container ul.give li:after,
#modal.thank .container-old .benefit-container ul.give li:after,
#modal.TH .container-old .benefit-container ul.give li:after,
#modal.aspire .container-old .benefit-container ul.give li:after,
#modal.AS .container-old .benefit-container ul.give li:after,
#modal.give .container-old .benefit-container ul.give li:after,
#modal.GI .container-old .benefit-container ul.give li:after,
#modal.empathize .container-old .benefit-container ul.give li:after,
#modal.EM .container-old .benefit-container ul.give li:after,
#modal.revive .container-old .benefit-container ul.give li:after,
#modal.RE .container-old .benefit-container ul.give li:after,
#modal.other .container-old .benefit-container ul.give li:after,
#modal.OT .container-old .benefit-container ul.give li:after,
#modal.savor .container-old .benefit-container ul.GI li:after,
#modal.SA .container-old .benefit-container ul.GI li:after,
#modal.thank .container-old .benefit-container ul.GI li:after,
#modal.TH .container-old .benefit-container ul.GI li:after,
#modal.aspire .container-old .benefit-container ul.GI li:after,
#modal.AS .container-old .benefit-container ul.GI li:after,
#modal.give .container-old .benefit-container ul.GI li:after,
#modal.GI .container-old .benefit-container ul.GI li:after,
#modal.empathize .container-old .benefit-container ul.GI li:after,
#modal.EM .container-old .benefit-container ul.GI li:after,
#modal.revive .container-old .benefit-container ul.GI li:after,
#modal.RE .container-old .benefit-container ul.GI li:after,
#modal.other .container-old .benefit-container ul.GI li:after,
#modal.OT .container-old .benefit-container ul.GI li:after {
  background: #1fc525;
}

#modal.savor .container-old .benefit-container ul.empathize > li:after,
#modal.SA .container-old .benefit-container ul.empathize > li:after,
#modal.thank .container-old .benefit-container ul.empathize > li:after,
#modal.TH .container-old .benefit-container ul.empathize > li:after,
#modal.aspire .container-old .benefit-container ul.empathize > li:after,
#modal.AS .container-old .benefit-container ul.empathize > li:after,
#modal.give .container-old .benefit-container ul.empathize > li:after,
#modal.GI .container-old .benefit-container ul.empathize > li:after,
#modal.empathize .container-old .benefit-container ul.empathize > li:after,
#modal.EM .container-old .benefit-container ul.empathize > li:after,
#modal.revive .container-old .benefit-container ul.empathize > li:after,
#modal.RE .container-old .benefit-container ul.empathize > li:after,
#modal.other .container-old .benefit-container ul.empathize > li:after,
#modal.OT .container-old .benefit-container ul.empathize > li:after,
#modal.savor .container-old .benefit-container ul.EM > li:after,
#modal.SA .container-old .benefit-container ul.EM > li:after,
#modal.thank .container-old .benefit-container ul.EM > li:after,
#modal.TH .container-old .benefit-container ul.EM > li:after,
#modal.aspire .container-old .benefit-container ul.EM > li:after,
#modal.AS .container-old .benefit-container ul.EM > li:after,
#modal.give .container-old .benefit-container ul.EM > li:after,
#modal.GI .container-old .benefit-container ul.EM > li:after,
#modal.empathize .container-old .benefit-container ul.EM > li:after,
#modal.EM .container-old .benefit-container ul.EM > li:after,
#modal.revive .container-old .benefit-container ul.EM > li:after,
#modal.RE .container-old .benefit-container ul.EM > li:after,
#modal.other .container-old .benefit-container ul.EM > li:after,
#modal.OT .container-old .benefit-container ul.EM > li:after {
  background: #fc1923;
}

#modal.savor .container-old .benefit-container ul.revive > li:after,
#modal.SA .container-old .benefit-container ul.revive > li:after,
#modal.thank .container-old .benefit-container ul.revive > li:after,
#modal.TH .container-old .benefit-container ul.revive > li:after,
#modal.aspire .container-old .benefit-container ul.revive > li:after,
#modal.AS .container-old .benefit-container ul.revive > li:after,
#modal.give .container-old .benefit-container ul.revive > li:after,
#modal.GI .container-old .benefit-container ul.revive > li:after,
#modal.empathize .container-old .benefit-container ul.revive > li:after,
#modal.EM .container-old .benefit-container ul.revive > li:after,
#modal.revive .container-old .benefit-container ul.revive > li:after,
#modal.RE .container-old .benefit-container ul.revive > li:after,
#modal.other .container-old .benefit-container ul.revive > li:after,
#modal.OT .container-old .benefit-container ul.revive > li:after,
#modal.savor .container-old .benefit-container ul.RE > li:after,
#modal.SA .container-old .benefit-container ul.RE > li:after,
#modal.thank .container-old .benefit-container ul.RE > li:after,
#modal.TH .container-old .benefit-container ul.RE > li:after,
#modal.aspire .container-old .benefit-container ul.RE > li:after,
#modal.AS .container-old .benefit-container ul.RE > li:after,
#modal.give .container-old .benefit-container ul.RE > li:after,
#modal.GI .container-old .benefit-container ul.RE > li:after,
#modal.empathize .container-old .benefit-container ul.RE > li:after,
#modal.EM .container-old .benefit-container ul.RE > li:after,
#modal.revive .container-old .benefit-container ul.RE > li:after,
#modal.RE .container-old .benefit-container ul.RE > li:after,
#modal.other .container-old .benefit-container ul.RE > li:after,
#modal.OT .container-old .benefit-container ul.RE > li:after {
  background: #2ac4c5;
}

#modal.savor .container-old .replay-container,
#modal.SA .container-old .replay-container,
#modal.thank .container-old .replay-container,
#modal.TH .container-old .replay-container,
#modal.aspire .container-old .replay-container,
#modal.AS .container-old .replay-container,
#modal.give .container-old .replay-container,
#modal.GI .container-old .replay-container,
#modal.empathize .container-old .replay-container,
#modal.EM .container-old .replay-container,
#modal.revive .container-old .replay-container,
#modal.RE .container-old .replay-container,
#modal.other .container-old .replay-container,
#modal.OT .container-old .replay-container {
  margin: 40px 18px;
  border-top: 1px solid #ddd;
  padding-top: 10px;
}

#modal.savor .container-old .replay-container h3,
#modal.SA .container-old .replay-container h3,
#modal.thank .container-old .replay-container h3,
#modal.TH .container-old .replay-container h3,
#modal.aspire .container-old .replay-container h3,
#modal.AS .container-old .replay-container h3,
#modal.give .container-old .replay-container h3,
#modal.GI .container-old .replay-container h3,
#modal.empathize .container-old .replay-container h3,
#modal.EM .container-old .replay-container h3,
#modal.revive .container-old .replay-container h3,
#modal.RE .container-old .replay-container h3,
#modal.other .container-old .replay-container h3,
#modal.OT .container-old .replay-container h3 {
  width: auto;
}

#modal.savor .container-old .replay-container p,
#modal.SA .container-old .replay-container p,
#modal.thank .container-old .replay-container p,
#modal.TH .container-old .replay-container p,
#modal.aspire .container-old .replay-container p,
#modal.AS .container-old .replay-container p,
#modal.give .container-old .replay-container p,
#modal.GI .container-old .replay-container p,
#modal.empathize .container-old .replay-container p,
#modal.EM .container-old .replay-container p,
#modal.revive .container-old .replay-container p,
#modal.RE .container-old .replay-container p,
#modal.other .container-old .replay-container p,
#modal.OT .container-old .replay-container p {
  color: #777;
  font-size: 16px;
  margin: 5px 0 15px 0;
}

#modal.savor .buttons-container,
#modal.SA .buttons-container,
#modal.thank .buttons-container,
#modal.TH .buttons-container,
#modal.aspire .buttons-container,
#modal.AS .buttons-container,
#modal.give .buttons-container,
#modal.GI .buttons-container,
#modal.empathize .buttons-container,
#modal.EM .buttons-container,
#modal.revive .buttons-container,
#modal.RE .buttons-container,
#modal.other .buttons-container,
#modal.OT .buttons-container {
  text-align: center;
}

#modal.savor .unlock-section,
#modal.SA .unlock-section,
#modal.thank .unlock-section,
#modal.TH .unlock-section,
#modal.aspire .unlock-section,
#modal.AS .unlock-section,
#modal.give .unlock-section,
#modal.GI .unlock-section,
#modal.empathize .unlock-section,
#modal.EM .unlock-section,
#modal.revive .unlock-section,
#modal.RE .unlock-section,
#modal.other .unlock-section,
#modal.OT .unlock-section {
  max-width: 395px;
  min-width: 395px;
  margin: 10px auto 0 auto;
  padding: 0;
  background: none;
}

#modal.savor .unlocked_activities-section,
#modal.SA .unlocked_activities-section,
#modal.thank .unlocked_activities-section,
#modal.TH .unlocked_activities-section,
#modal.aspire .unlocked_activities-section,
#modal.AS .unlocked_activities-section,
#modal.give .unlocked_activities-section,
#modal.GI .unlocked_activities-section,
#modal.empathize .unlocked_activities-section,
#modal.EM .unlocked_activities-section,
#modal.revive .unlocked_activities-section,
#modal.RE .unlocked_activities-section,
#modal.other .unlocked_activities-section,
#modal.OT .unlocked_activities-section {
  border-radius: 5px;
  background-clip: padding-box;
  border: 2px solid rgba(0, 0, 0, 0.1);
  width: 90%;
  margin: 30px auto;
}

#modal.savor .unlocked_activities-section:after,
#modal.SA .unlocked_activities-section:after,
#modal.thank .unlocked_activities-section:after,
#modal.TH .unlocked_activities-section:after,
#modal.aspire .unlocked_activities-section:after,
#modal.AS .unlocked_activities-section:after,
#modal.give .unlocked_activities-section:after,
#modal.GI .unlocked_activities-section:after,
#modal.empathize .unlocked_activities-section:after,
#modal.EM .unlocked_activities-section:after,
#modal.revive .unlocked_activities-section:after,
#modal.RE .unlocked_activities-section:after,
#modal.other .unlocked_activities-section:after,
#modal.OT .unlocked_activities-section:after {
  background: none;
}

#modal.savor .icon.is_new,
#modal.SA .icon.is_new,
#modal.thank .icon.is_new,
#modal.TH .icon.is_new,
#modal.aspire .icon.is_new,
#modal.AS .icon.is_new,
#modal.give .icon.is_new,
#modal.GI .icon.is_new,
#modal.empathize .icon.is_new,
#modal.EM .icon.is_new,
#modal.revive .icon.is_new,
#modal.RE .icon.is_new,
#modal.other .icon.is_new,
#modal.OT .icon.is_new {
  height: 40px;
  width: 40px;
  background: url('/static/img/modal_congrads/NEW_icon.png') no-repeat;
  top: -19px;
  right: -26px;
}

#modal.savor .unlocked_activities-message,
#modal.SA .unlocked_activities-message,
#modal.thank .unlocked_activities-message,
#modal.TH .unlocked_activities-message,
#modal.aspire .unlocked_activities-message,
#modal.AS .unlocked_activities-message,
#modal.give .unlocked_activities-message,
#modal.GI .unlocked_activities-message,
#modal.empathize .unlocked_activities-message,
#modal.EM .unlocked_activities-message,
#modal.revive .unlocked_activities-message,
#modal.RE .unlocked_activities-message,
#modal.other .unlocked_activities-message,
#modal.OT .unlocked_activities-message {
  margin-top: 15px;
  font-size: 16px;
}

#modal.savor .unlocked_activities,
#modal.SA .unlocked_activities,
#modal.thank .unlocked_activities,
#modal.TH .unlocked_activities,
#modal.aspire .unlocked_activities,
#modal.AS .unlocked_activities,
#modal.give .unlocked_activities,
#modal.GI .unlocked_activities,
#modal.empathize .unlocked_activities,
#modal.EM .unlocked_activities,
#modal.revive .unlocked_activities,
#modal.RE .unlocked_activities,
#modal.other .unlocked_activities,
#modal.OT .unlocked_activities {
  color: #4A423F;
  text-transform: capitalize;
  font-size: 16px;
  margin: 5px 0px;
  text-align: left;
  font-weight: normal;
}

#modal.savor .unlocked_activities li,
#modal.SA .unlocked_activities li,
#modal.thank .unlocked_activities li,
#modal.TH .unlocked_activities li,
#modal.aspire .unlocked_activities li,
#modal.AS .unlocked_activities li,
#modal.give .unlocked_activities li,
#modal.GI .unlocked_activities li,
#modal.empathize .unlocked_activities li,
#modal.EM .unlocked_activities li,
#modal.revive .unlocked_activities li,
#modal.RE .unlocked_activities li,
#modal.other .unlocked_activities li,
#modal.OT .unlocked_activities li {
  line-height: 25px;
  margin-bottom: 0;
}

#modal.savor h2,
#modal.SA h2,
#modal.thank h2,
#modal.TH h2,
#modal.aspire h2,
#modal.AS h2,
#modal.give h2,
#modal.GI h2,
#modal.empathize h2,
#modal.EM h2,
#modal.revive h2,
#modal.RE h2,
#modal.other h2,
#modal.OT h2 {
  font-family: OpenSansBold !important;
}

#modal.savor h2.savor,
#modal.SA h2.savor,
#modal.thank h2.savor,
#modal.TH h2.savor,
#modal.aspire h2.savor,
#modal.AS h2.savor,
#modal.give h2.savor,
#modal.GI h2.savor,
#modal.empathize h2.savor,
#modal.EM h2.savor,
#modal.revive h2.savor,
#modal.RE h2.savor,
#modal.other h2.savor,
#modal.OT h2.savor,
#modal.savor h2.SA,
#modal.SA h2.SA,
#modal.thank h2.SA,
#modal.TH h2.SA,
#modal.aspire h2.SA,
#modal.AS h2.SA,
#modal.give h2.SA,
#modal.GI h2.SA,
#modal.empathize h2.SA,
#modal.EM h2.SA,
#modal.revive h2.SA,
#modal.RE h2.SA,
#modal.other h2.SA,
#modal.OT h2.SA {
  color: #c82993;
}

#modal.savor h2.thank,
#modal.SA h2.thank,
#modal.thank h2.thank,
#modal.TH h2.thank,
#modal.aspire h2.thank,
#modal.AS h2.thank,
#modal.give h2.thank,
#modal.GI h2.thank,
#modal.empathize h2.thank,
#modal.EM h2.thank,
#modal.revive h2.thank,
#modal.RE h2.thank,
#modal.other h2.thank,
#modal.OT h2.thank,
#modal.savor h2.TH,
#modal.SA h2.TH,
#modal.thank h2.TH,
#modal.TH h2.TH,
#modal.aspire h2.TH,
#modal.AS h2.TH,
#modal.give h2.TH,
#modal.GI h2.TH,
#modal.empathize h2.TH,
#modal.EM h2.TH,
#modal.revive h2.TH,
#modal.RE h2.TH,
#modal.other h2.TH,
#modal.OT h2.TH {
  color: #fd8925;
}

#modal.savor h2.aspire,
#modal.SA h2.aspire,
#modal.thank h2.aspire,
#modal.TH h2.aspire,
#modal.aspire h2.aspire,
#modal.AS h2.aspire,
#modal.give h2.aspire,
#modal.GI h2.aspire,
#modal.empathize h2.aspire,
#modal.EM h2.aspire,
#modal.revive h2.aspire,
#modal.RE h2.aspire,
#modal.other h2.aspire,
#modal.OT h2.aspire,
#modal.savor h2.AS,
#modal.SA h2.AS,
#modal.thank h2.AS,
#modal.TH h2.AS,
#modal.aspire h2.AS,
#modal.AS h2.AS,
#modal.give h2.AS,
#modal.GI h2.AS,
#modal.empathize h2.AS,
#modal.EM h2.AS,
#modal.revive h2.AS,
#modal.RE h2.AS,
#modal.other h2.AS,
#modal.OT h2.AS {
  color: #1da2df;
}

#modal.savor h2.give,
#modal.SA h2.give,
#modal.thank h2.give,
#modal.TH h2.give,
#modal.aspire h2.give,
#modal.AS h2.give,
#modal.give h2.give,
#modal.GI h2.give,
#modal.empathize h2.give,
#modal.EM h2.give,
#modal.revive h2.give,
#modal.RE h2.give,
#modal.other h2.give,
#modal.OT h2.give,
#modal.savor h2.GI,
#modal.SA h2.GI,
#modal.thank h2.GI,
#modal.TH h2.GI,
#modal.aspire h2.GI,
#modal.AS h2.GI,
#modal.give h2.GI,
#modal.GI h2.GI,
#modal.empathize h2.GI,
#modal.EM h2.GI,
#modal.revive h2.GI,
#modal.RE h2.GI,
#modal.other h2.GI,
#modal.OT h2.GI {
  color: #1fc525;
}

#modal.savor h2.empathize,
#modal.SA h2.empathize,
#modal.thank h2.empathize,
#modal.TH h2.empathize,
#modal.aspire h2.empathize,
#modal.AS h2.empathize,
#modal.give h2.empathize,
#modal.GI h2.empathize,
#modal.empathize h2.empathize,
#modal.EM h2.empathize,
#modal.revive h2.empathize,
#modal.RE h2.empathize,
#modal.other h2.empathize,
#modal.OT h2.empathize,
#modal.savor h2.EM,
#modal.SA h2.EM,
#modal.thank h2.EM,
#modal.TH h2.EM,
#modal.aspire h2.EM,
#modal.AS h2.EM,
#modal.give h2.EM,
#modal.GI h2.EM,
#modal.empathize h2.EM,
#modal.EM h2.EM,
#modal.revive h2.EM,
#modal.RE h2.EM,
#modal.other h2.EM,
#modal.OT h2.EM {
  color: #fc1923;
}

#modal.savor h2.revive,
#modal.SA h2.revive,
#modal.thank h2.revive,
#modal.TH h2.revive,
#modal.aspire h2.revive,
#modal.AS h2.revive,
#modal.give h2.revive,
#modal.GI h2.revive,
#modal.empathize h2.revive,
#modal.EM h2.revive,
#modal.revive h2.revive,
#modal.RE h2.revive,
#modal.other h2.revive,
#modal.OT h2.revive,
#modal.savor h2.RE,
#modal.SA h2.RE,
#modal.thank h2.RE,
#modal.TH h2.RE,
#modal.aspire h2.RE,
#modal.AS h2.RE,
#modal.give h2.RE,
#modal.GI h2.RE,
#modal.empathize h2.RE,
#modal.EM h2.RE,
#modal.revive h2.RE,
#modal.RE h2.RE,
#modal.other h2.RE,
#modal.OT h2.RE {
  color: #2ac4c5;
}

#modal.savor h2.other,
#modal.SA h2.other,
#modal.thank h2.other,
#modal.TH h2.other,
#modal.aspire h2.other,
#modal.AS h2.other,
#modal.give h2.other,
#modal.GI h2.other,
#modal.empathize h2.other,
#modal.EM h2.other,
#modal.revive h2.other,
#modal.RE h2.other,
#modal.other h2.other,
#modal.OT h2.other,
#modal.savor h2.OT,
#modal.SA h2.OT,
#modal.thank h2.OT,
#modal.TH h2.OT,
#modal.aspire h2.OT,
#modal.AS h2.OT,
#modal.give h2.OT,
#modal.GI h2.OT,
#modal.empathize h2.OT,
#modal.EM h2.OT,
#modal.revive h2.OT,
#modal.RE h2.OT,
#modal.other h2.OT,
#modal.OT h2.OT {
  color: #f4d420;
}

#modal.animate {
  position: relative;
  border-radius: 10px;
}

#modal.animate .skill_text {
  font-family: OpenSansRegular;
  font-size: 16px;
  font-weight: bold;
}

#modal.animate .skill_text.savor,
#modal.animate .skill_text.SA {
  color: #c82993;
}

#modal.animate .skill_text.thank,
#modal.animate .skill_text.TH {
  color: #fd8925;
}

#modal.animate .skill_text.aspire,
#modal.animate .skill_text.AS {
  color: #1da2df;
}

#modal.animate .skill_text.give,
#modal.animate .skill_text.GI {
  color: #1fc525;
}

#modal.animate .skill_text.empathize,
#modal.animate .skill_text.EM {
  color: #fc1923;
}

#modal.animate .skill_text.revive,
#modal.animate .skill_text.RE {
  color: #2ac4c5;
}

#modal.animate .skill_text.other,
#modal.animate .skill_text.OT {
  color: #f4d420;
}

#modal.animate .activity_name {
  position: relative;
  padding: 0 5%;
  max-height: 46px;
  font-size: 20px;
  text-align: center;
  margin: 0 auto 85px;
  line-height: 22px;
  top: 64px;
  font-family: OpenSansBold;
}

#modal.animate .activity_name.savor,
#modal.animate .activity_name.SA {
  color: #c82993;
}

#modal.animate .activity_name.thank,
#modal.animate .activity_name.TH {
  color: #fd8925;
}

#modal.animate .activity_name.aspire,
#modal.animate .activity_name.AS {
  color: #1da2df;
}

#modal.animate .activity_name.give,
#modal.animate .activity_name.GI {
  color: #1fc525;
}

#modal.animate .activity_name.empathize,
#modal.animate .activity_name.EM {
  color: #fc1923;
}

#modal.animate .activity_name.revive,
#modal.animate .activity_name.RE {
  color: #2ac4c5;
}

#modal.animate .activity_name.other,
#modal.animate .activity_name.OT {
  color: #f4d420;
}

#modal.animate .scores_block {
  font-family: "OpenSansRegular";
  border-radius: 5px;
  width: 80%;
  margin: 0 auto 10px auto;
  font-size: 15px;
  padding: 5px;
}

#modal.animate .skill-icon-mask {
  background-color: #ffffff;
  position: absolute;
  top: 120px;
  left: 0;
  width: 100%;
  height: 150px;
}

#modal.animate .skill-icon-mask.scores {
  top: 190px;
}

#modal.animate .ribbon {
  position: relative;
  height: 75px;
  width: 100%;
  text-align: center;
  line-height: 75px;
  margin: 0 auto 10px auto;
}

#modal.animate .ribbon .message {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 75px;
  color: #ffffff;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  font-size: 20px;
}

#modal.animate .ribbon .message.savor,
#modal.animate .ribbon .message.SA {
  background-color: #C5158E;
}

#modal.animate .ribbon .message.thank,
#modal.animate .ribbon .message.TH {
  background-color: #FF773C;
}

#modal.animate .ribbon .message.aspire,
#modal.animate .ribbon .message.AS {
  background-color: #0AB0DE;
}

#modal.animate .ribbon .message.give,
#modal.animate .ribbon .message.GI {
  background-color: #23B043;
}

#modal.animate .ribbon .message.empathize,
#modal.animate .ribbon .message.EM {
  background-color: #FD3542;
}

#modal.animate .ribbon .message.other,
#modal.animate .ribbon .message.OT {
  background-color: #F5D422;
}

#modal.animate .ribbon .message.revive,
#modal.animate .ribbon .message.RE {
  background-color: #2ac4c5;
}

#modal.animate .ribbon .message span {
  text-transform: uppercase;
}

#modal.animate .ribbon .shadow {
  position: absolute;
  bottom: -10px;
  left: 10px;
  opacity: 0.3;
  height: 10px;
  width: 95%;
  margin: 0 auto;
  background-color: #cecece;
}

#modal.animate .ribbon .edge {
  width: 32px;
  height: 45px;
  background-repeat: no-repeat;
}

#modal.animate .ribbon .edge.savor,
#modal.animate .ribbon .edge.SA {
  background-image: url('/static/img/modal_congrads/SAVOR_ribbon.png');
}

#modal.animate .ribbon .edge.thank,
#modal.animate .ribbon .edge.TH {
  background-image: url('/static/img/modal_congrads/THANK_ribbon.png');
}

#modal.animate .ribbon .edge.aspire,
#modal.animate .ribbon .edge.AS {
  background-image: url('/static/img/modal_congrads/ASPIRE_ribbon.png');
}

#modal.animate .ribbon .edge.give,
#modal.animate .ribbon .edge.GI {
  background-image: url('/static/img/modal_congrads/GIVE_ribbon.png');
}

#modal.animate .ribbon .edge.empathize,
#modal.animate .ribbon .edge.EM {
  background-image: url('/static/img/modal_congrads/EMPATHIZE_ribbon.png');
}

#modal.animate .ribbon .edge.other,
#modal.animate .ribbon .edge.OT {
  background-image: url('/static/img/modal_congrads/other_ribbon.png');
}

#modal.animate .ribbon .edge.revive,
#modal.animate .ribbon .edge.RE {
  background-image: url('/static/img/modal_congrads/revive_ribbon.png');
}

#modal.animate .ribbon .edge.left {
  background-position: 0 -15px;
  position: absolute;
  top: 15px;
  left: -32px;
}

#modal.animate .ribbon .edge.right {
  background-position: -441px -15px;
  position: absolute;
  top: 15px;
  right: -32px;
}

#modal.animate .top_part {
  position: relative;
  width: 100%;
}

#modal.animate .middle_part {
  position: relative;
  width: 100%;
}

#modal.animate .bottom_part {
  position: relative;
  width: 100%;
  padding-bottom: 25px;
}

#modal.animate .bottom_part .notification_container {
  width: 100%;
  text-align: center;
  font-family: OpenSansRegular;
  font-size: 18px;
  font-weight: normal;
  color: #777;
  padding: 10px 20px;
}

#modal.animate .bottom_part .notification_container span {
  text-transform: capitalize;
}

#modal.animate .bottom_part .rewards_container {
  width: 100%;
  text-align: center;
  font-family: OpenSansRegular;
  font-size: 18px;
  font-weight: normal;
  color: #777774;
  padding: 10px 20px;
}

#modal.animate .bottom_part .rewards_container .premium {
  color: #81BA00;
  font-family: OpenSansBold;
  font-weight: 700;
}

#modal.animate .bottom_part .score_container {
  position: relative;
  width: 100%;
}

#modal.animate .bottom_part .score_container.show_activities {
  margin-top: 30px;
}

#modal.animate .bottom_part .score_container .progress_icon {
  position: absolute;
  overflow: hidden;
  border-radius: 50%;
  background-clip: padding-box;
}

#modal.animate .bottom_part .score_container .progress {
  position: relative;
  border: 2px solid rgba(0, 0, 0, 0.1);
  border-radius: 20px 20px 20px 20px;
  width: 85%;
  height: 39px;
  margin: 0 auto;
}

#modal.animate .bottom_part .score_container .progress .progress_circle {
  position: absolute;
  top: 5px;
  right: 5px;
  height: 25px;
  width: 25px;
  line-height: 26px;
  background: #fff;
  font-family: OpenSansBold;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
  border-radius: 50%;
}

#modal.animate .bottom_part .score_container .progress .progress_circle.savor,
#modal.animate .bottom_part .score_container .progress .progress_circle.SA {
  color: #c82993;
}

#modal.animate .bottom_part .score_container .progress .progress_circle.thank,
#modal.animate .bottom_part .score_container .progress .progress_circle.TH {
  color: #fd8925;
}

#modal.animate .bottom_part .score_container .progress .progress_circle.aspire,
#modal.animate .bottom_part .score_container .progress .progress_circle.AS {
  color: #1da2df;
}

#modal.animate .bottom_part .score_container .progress .progress_circle.give,
#modal.animate .bottom_part .score_container .progress .progress_circle.GI {
  color: #1fc525;
}

#modal.animate .bottom_part .score_container .progress .progress_circle.empathize,
#modal.animate .bottom_part .score_container .progress .progress_circle.EM {
  color: #fc1923;
}

#modal.animate .bottom_part .score_container .progress .progress_circle.revive,
#modal.animate .bottom_part .score_container .progress .progress_circle.RE {
  color: #2ac4c5;
}

#modal.animate .bottom_part .score_container .progress .progress_circle.other,
#modal.animate .bottom_part .score_container .progress .progress_circle.OT {
  color: #f4d420;
}

#modal.animate .bottom_part .score_container .progress .progress_bar {
  border-radius: 0 17.5px 17.5px 0;
  position: absolute;
  left: 20px;
  height: 35px;
  max-width: 97%;
  min-width: 50px;
  background-repeat: no-repeat;
}

#modal.animate .bottom_part .score_container .progress .progress_bar.savor,
#modal.animate .bottom_part .score_container .progress .progress_bar.SA {
  background-image: url('/static/img/modal_congrads/SAVOR_max.png');
}

#modal.animate .bottom_part .score_container .progress .progress_bar.aspire,
#modal.animate .bottom_part .score_container .progress .progress_bar.AS {
  background-image: url('/static/img/modal_congrads/ASPIRE_max.png');
}

#modal.animate .bottom_part .score_container .progress .progress_bar.empathize,
#modal.animate .bottom_part .score_container .progress .progress_bar.EM {
  background-image: url('/static/img/modal_congrads/EMPATHIZE_max.png');
}

#modal.animate .bottom_part .score_container .progress .progress_bar.give,
#modal.animate .bottom_part .score_container .progress .progress_bar.GI {
  background-image: url('/static/img/modal_congrads/GIVE_max.png');
}

#modal.animate .bottom_part .score_container .progress .progress_bar.thank,
#modal.animate .bottom_part .score_container .progress .progress_bar.TH {
  background-image: url('/static/img/modal_congrads/THANK_max.png');
}

#modal.animate .bottom_part .score_container .progress .progress_bar.revive,
#modal.animate .bottom_part .score_container .progress .progress_bar.RE {
  background-image: url(/static/img/modal_congrads/REVIVE_max.png);
}

#modal.animate .bottom_part .unlocked_activities_section {
  position: relative;
  border: 2px solid rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  width: 90%;
  margin: 30px auto;
  color: #939393;
  padding: 10px 10px;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#modal.animate .bottom_part .unlocked_activities_section .unlocked_activities_title {
  font-weight: bold;
  font-size: 16px;
  width: 100%;
  text-align: center;
  margin-top: 15px;
}

#modal.animate .bottom_part .unlocked_activities_section ul.unlocked_activities_list {
  margin: 0;
  padding: 10px;
}

#modal.animate .bottom_part .unlocked_activities_section ul.unlocked_activities_list li.unlocked_activity_item {
  margin-left: 18px;
  line-height: 25px;
  color: #4a423f;
  font-size: 16px;
}

#modal.animate .bottom_part .unlocked_activities_section .unlocked_activities_disclaimer {
  margin-top: 5px;
  width: 100%;
  text-align: center;
}

#modal.animate .bottom_part .benefits {
  padding: 10px 20px 10px 20px;
}

#modal.animate .bottom_part .benefits .small_title {
  line-height: 27px;
}

#modal.animate .bottom_part .benefits .benefits_list {
  list-style-type: none;
  margin-left: 3%;
}

#modal.animate .bottom_part .benefits .benefits_list .benefits_item {
  font-size: 16px;
  line-height: 24px;
  color: #777;
  width: 99%;
  position: relative;
}

#modal.animate .bottom_part .benefits .benefits_list li:before {
  content: "";
  position: absolute;
  left: -12px;
  top: calc(47.5%);
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: currentColor;
}

#modal.animate .bottom_part .benefits .benefits_list li.savor:before,
#modal.animate .bottom_part .benefits .benefits_list li.SA:before {
  color: #c82993;
}

#modal.animate .bottom_part .benefits .benefits_list li.thank:before,
#modal.animate .bottom_part .benefits .benefits_list li.TH:before {
  color: #fd8925;
}

#modal.animate .bottom_part .benefits .benefits_list li.aspire:before,
#modal.animate .bottom_part .benefits .benefits_list li.AS:before {
  color: #1da2df;
}

#modal.animate .bottom_part .benefits .benefits_list li.give:before,
#modal.animate .bottom_part .benefits .benefits_list li.GI:before {
  color: #1fc525;
}

#modal.animate .bottom_part .benefits .benefits_list li.empathize:before,
#modal.animate .bottom_part .benefits .benefits_list li.EM:before {
  color: #fc1923;
}

#modal.animate .bottom_part .benefits .benefits_list li.revive:before,
#modal.animate .bottom_part .benefits .benefits_list li.RE:before {
  color: #2ac4c5;
}

#modal.animate .bottom_part .benefits .benefits_list li.other:before,
#modal.animate .bottom_part .benefits .benefits_list li.OT:before {
  color: #f4d420;
}

#modal.animate .replay_container {
  position: relative;
  width: 90%;
  margin: 20px auto;
  border-top: 1px solid #ddd;
}

#modal.animate .replay_container p {
  color: #777;
  font-size: 16px;
  font-family: OpenSansRegular;
}

#modal.animate .continue_btn {
  width: 120px;
  height: 36px;
  margin: 10px auto 0px auto;
  text-decoration: none;
  border-radius: 4px;
  background: none #f16623;
  font-family: OpenSansRegular;
  font-size: 14px;
  font-weight: normal;
  line-height: 36px;
  text-align: center;
  color: #ffffff;
  cursor: pointer;
  text-transform: uppercase;
  border: none;
  display: block;
}

#modal.animate .continue_btn.simple {
  margin: 55px auto 0;
}

#modal.other #activity_status_completed_modal .top-section .skill-icon-large.other {
  width: 122px;
}

#modal.other .score-container {
  display: none;
}

#change_space_modal {
  text-align: left;
  background-color: #fff;
  width: 1024px;
  padding: 50px;
}

#change_space_modal h1 {
  color: #03a9e5;
  font-family: 'OpenSansRegular';
  font-size: 24px;
  text-align: left;
}

#change_space_modal .partnerspaces {
  padding-top: 20px;
}

#change_space_modal .partnerspaces .column {
  width: 23%;
  display: inline-block;
  vertical-align: top;
  margin: 0 5px;
}

#change_space_modal .partnerspaces .column:first-child .space:first-child a.button {
  font-size: 12px;
  font-family: OpenSansBold;
}

#change_space_modal .partnerspaces .column:nth-child(4) {
  margin: 0 5px;
}

#change_space_modal .partnerspaces .space {
  position: relative;
  margin: 8px 0;
  min-height: 24px;
  cursor: pointer;
  padding-left: 21px;
}

#change_space_modal .partnerspaces .space a.button {
  min-width: 90%;
  max-width: 90%;
  line-height: 30px;
  height: auto;
  min-height: 30px;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  margin: 0;
  padding: 0 10px;
  text-decoration: none !important;
  position: relative;
  font-family: OpenSansRegular;
  font-size: 12px;
  outline: none;
  border-radius: 5px;
  background-clip: padding-box;
  color: #5f5f5f !important;
  border: 1px solid #cac9c6;
  background-color: #fafafa;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f3f3f3));
  background-image: linear-gradient(to bottom, #fff, #f3f3f3 100%);
}

#change_space_modal .partnerspaces .space a.button:hover {
  color: #ff7a00 !important;
}

#change_space_modal .partnerspaces .space a.button span {
  vertical-align: middle;
  display: inline-block;
  line-height: 14px;
}

#change_space_modal .partnerspaces .space .checkmark {
  position: absolute;
  display: inline-block;
  width: 11px;
  height: 11px;
  background: url('/static/img/blue_checkmark.png') no-repeat transparent;
  top: 14px;
  left: 0;
}

#activity_status_completed_modal,
#track_level_complete,
#games_congrats_modal {
  margin-top: 70px;
}

#activity_status_completed_modal .reward,
#track_level_complete .reward,
#games_congrats_modal .reward {
  text-align: center;
}

#activity_status_completed_modal .reward .star,
#track_level_complete .reward .star,
#games_congrats_modal .reward .star {
  display: inline-block;
  width: 21px;
  height: 30px;
  background: url('/static/img/star_reward.png') no-repeat transparent;
  line-height: 21px;
  vertical-align: top;
  background-size: contain;
}

#activity_status_completed_modal .reward .text,
#track_level_complete .reward .text,
#games_congrats_modal .reward .text {
  display: inline-block;
  vertical-align: top;
  font-family: 'OpenSansRegular';
  font-size: 14px;
}

#activity_status_completed_modal .reward .text a,
#track_level_complete .reward .text a,
#games_congrats_modal .reward .text a {
  font-family: 'OpenSansSemibold';
}

#activity_status_completed_modal .reward .button.orange,
#track_level_complete .reward .button.orange,
#games_congrats_modal .reward .button.orange {
  font-family: 'OpenSansBold';
  font-size: 16px;
  padding: 0 35px;
  margin-top: 28px;
}

#activity_status_completed_modal .reward .continue,
#track_level_complete .reward .continue,
#games_congrats_modal .reward .continue {
  font-family: 'OpenSansRegular';
  font-size: 14px;
  margin-top: 20px;
  min-height: 50px;
}

#activity_status_completed_modal .reward .continue button,
#track_level_complete .reward .continue button,
#games_congrats_modal .reward .continue button,
#activity_status_completed_modal .reward .continue a,
#track_level_complete .reward .continue a,
#games_congrats_modal .reward .continue a {
  color: #666;
  background: none;
  border: none;
}

#activity_status_completed_modal .reward .continue button:hover,
#track_level_complete .reward .continue button:hover,
#games_congrats_modal .reward .continue button:hover,
#activity_status_completed_modal .reward .continue a:hover,
#track_level_complete .reward .continue a:hover,
#games_congrats_modal .reward .continue a:hover {
  text-decoration: underline;
}

#activity_status_completed_modal .reward.prize,
#track_level_complete .reward.prize,
#games_congrats_modal .reward.prize {
  border-top: 2px solid #f4d420;
  background: #f8f8f8;
  padding-top: 28px;
}

#activity_status_completed_modal .reward.prize .text,
#track_level_complete .reward.prize .text,
#games_congrats_modal .reward.prize .text {
  width: 260px;
  margin: 0 15px;
  font-family: 'OpenSansSemibold';
  font-size: 16px;
  color: #00aaea;
}

#activity_status_completed_modal .reward.grand_prize,
#track_level_complete .reward.grand_prize,
#games_congrats_modal .reward.grand_prize {
  padding-bottom: 30px;
}

#activity_status_completed_modal .reward.grand_prize .text,
#track_level_complete .reward.grand_prize .text,
#games_congrats_modal .reward.grand_prize .text {
  width: 186px;
  margin: 0 15px;
  color: #666;
}

#games_congrats_modal {
  margin-top: 0px;
  max-width: 400px;
}

#games_congrats_modal .reward.prize {
  margin: 30px 0 -24px 0;
  border-radius: 0 0 10px;
}

#track_level_complete .continue {
  margin-bottom: 0;
}

#track_level_complete .continue .reward .button.orange {
  font-family: 'OpenSansBold';
  font-size: 16px;
  padding: 0 35px;
  margin-top: 28px;
}

#track_level_complete .continue.reward {
  padding: 0;
  margin-bottom: 0;
  background: #f8f8f8;
}

#track_level_complete .continue.reward .reward .continue {
  margin: 0;
  padding: 0;
}

#track_level_complete .continue.reward .reward.grand_prize .button.orange {
  margin-top: 0;
}

#alert_modal {
  max-width: 800px;
  padding: 140px 120px;
}

#alert_modal .message {
  font-family: OpenSansLight;
  font-size: 26px;
}

#activity_exit_modal {
  width: 310px;
  height: 260px;
  padding: 30px 20px;
  text-align: center;
}

#activity_exit_modal .button-close.close {
  opacity: 1;
  position: absolute;
  top: -12px;
  right: -13px;
  z-index: 999;
  width: 33px;
  height: 33px;
  background: url('/static/img/strengths/button_close.png');
  cursor: pointer;
  display: block;
  text-transform: uppercase;
  text-decoration: none;
}

#activity_exit_modal h1 {
  font-size: 20px;
  font-family: "OpenSansSemibold";
  color: #00aaea;
  margin-bottom: 30px;
  line-height: 30px;
}

#activity_exit_modal .button {
  padding: 0 22px;
  line-height: 41px;
  height: 41px;
  font-size: 15px;
  font-family: "OpenSansSemibold";
  background: #00aaea;
  -webkit-box-shadow: 0 2px 0 #00729e;
  box-shadow: 0 2px 0 #00729e;
}

#activity_exit_modal .button:hover {
  background: #009fdb;
}

#activity_exit_modal .link-action {
  margin-top: 30px;
}

#activity_exit_modal .link-action a.gray,
#activity_exit_modal .link-action button.gray {
  color: #777;
  font-size: 12px;
  font-family: "OpenSansSemibold";
  text-decoration: underline;
  background: none;
  border: none;
}

.overlay.SA #activity_exit_modal .button {
  background: #c5168a;
  -webkit-box-shadow: 0 2px 0 #800e5a;
  box-shadow: 0 2px 0 #800e5a;
}

.overlay.SA #activity_exit_modal .button:hover {
  background: #b71480;
}

.overlay.SA #activity_exit_modal h1 {
  color: #c5168a;
}

.overlay.TH #activity_exit_modal .button {
  background: #ff7a00;
  -webkit-box-shadow: 0 2px 0 #b35500;
  box-shadow: 0 2px 0 #b35500;
}

.overlay.TH #activity_exit_modal .button:hover {
  background: #f07300;
}

.overlay.TH #activity_exit_modal h1 {
  color: #ff7a00;
}

.overlay.AS #activity_exit_modal .button {
  background: #00aaea;
  -webkit-box-shadow: 0 2px 0 #00729e;
  box-shadow: 0 2px 0 #00729e;
}

.overlay.AS #activity_exit_modal .button:hover {
  background: #009fdb;
}

.overlay.AS #activity_exit_modal h1 {
  color: #00aaea;
}

.overlay.GI #activity_exit_modal .button {
  background: #06b709;
  -webkit-box-shadow: 0 2px 0 #046d05;
  box-shadow: 0 2px 0 #046d05;
}

.overlay.GI #activity_exit_modal .button:hover {
  background: #06a808;
}

.overlay.GI #activity_exit_modal h1 {
  color: #06b709;
}

.overlay.EM #activity_exit_modal .button {
  background: #ff3131;
  -webkit-box-shadow: 0 2px 0 #e30000;
  box-shadow: 0 2px 0 #e30000;
}

.overlay.EM #activity_exit_modal .button:hover {
  background: #ff2222;
}

.overlay.EM #activity_exit_modal h1 {
  color: #ff3131;
}

.overlay.OT #activity_exit_modal .button {
  background: #f4d420;
  -webkit-box-shadow: 0 2px 0 #bea309;
  box-shadow: 0 2px 0 #bea309;
}

.overlay.OT #activity_exit_modal .button:hover {
  background: #f3d111;
}

.overlay.OT #activity_exit_modal h1 {
  color: #f4d420;
}

.overlay.RE #activity_exit_modal .button {
  background: #2ac4c5;
  -webkit-box-shadow: 0 2px 0 #1d8586;
  box-shadow: 0 2px 0 #1d8586;
}

.overlay.RE #activity_exit_modal .button:hover {
  background: #27b7b8;
}

.overlay.RE #activity_exit_modal h1 {
  color: #2ac4c5;
}

html[lang=zh] #modal.animate .bottom_part .benefits {
  position: relative;
  top: 10px;
}

html[lang=de] #activity_exit_modal h1 {
  margin-bottom: 1.2rem;
}

html[lang=de] #activity_exit_modal .link-action {
  margin-top: 20px;
}

.notification_cash-rewards {
  width: 100%;
  text-align: center;
  font-family: OpenSansRegular;
  font-size: 18px;
  font-weight: normal;
  color: #777;
  padding: 10px 20px;
}

#no_challenge {
  background: #ffffff;
  border-radius: 5px;
  background-clip: padding-box;
  padding: 10px;
}

#no_challenge ul.empty_boxes {
  list-style: none;
  margin: 10px 0 0 0;
  padding: 0;
}

#no_challenge .info_box {
  border-radius: 5px;
  background-clip: padding-box;
  border: 1px solid #C8D8DF;
  padding: 10px;
  background-color: #DCEDF4;
  color: #3888A9;
  width: 238px;
  display: inline-block;
  margin-right: 10px;
}

#no_challenge .empty_box {
  background: #ffffff;
  border-radius: 5px;
  background-clip: padding-box;
  padding: 10px;
  display: inline-block;
  width: 181px;
  height: 50px;
  margin: 0 10px 10px 0;
  border-style: dotted;
}

#no_challenge .empty_box.last {
  margin-right: 0;
}

a.js-start_quiz:hover {
  text-decoration: none;
}

.lp {
  position: absolute;
  top: 10px;
  left: 653px;
  width: 140px;
  height: 34px;
  line-height: 34px;
  text-decoration: none;
}

.lp.lp2 {
  top: -15px;
  left: 182px;
}

.lp.big_lp {
  top: 190px;
  left: 190px;
  width: 210px;
  height: 41px;
  line-height: 40px;
}

.lp.lower {
  position: relative;
  top: 0;
  left: 330px;
  width: 270px;
  height: 54px;
  line-height: 52px;
  font-size: 22px;
}

.lp.lower_lp2 {
  left: -6px;
}

.lp:hover {
  text-decoration: none;
}

.get_started_header_lp1 {
  position: absolute;
  bottom: 60px;
  left: 200px;
  background: url('/static/img/landing/button_getstarted_header.png') no-repeat 0 0;
  width: 266px;
  height: 58px;
  cursor: pointer;
}

#homepage_container {
  margin: 0 auto;
  position: relative;
  width: 1040px;
  background-color: #FFFFFF;
  color: #ffffff;
}

#homepage_container .lprow {
  width: 640px;
  margin: 0 auto;
  color: #9B9B9B;
}

#homepage_container .lprow.science_books {
  border: 1px solid #DDDDDD;
  border-radius: 5px 5px 5px 5px;
  width: 980px;
  padding: 10px 10px 25px 10px;
  font-family: 'OpenSansRegular';
  font-weight: normal;
}

#homepage_container .lprow.personalized {
  background: url("/static/img/landing/home_science_bg_lp11_2.png") no-repeat scroll 0 0 #FFFFFF;
  min-height: 330px;
  padding-top: 25px;
  font-size: 15px;
  line-height: 24px;
  font-family: 'OpenSansRegular';
  font-weight: normal;
  color: #5b5b5b;
}

#homepage_container .lprow.scientifically {
  background: url("/static/img/landing/home_science_bg_lp11_3.png") no-repeat scroll right center #FFFFFF;
  min-height: 260px;
  padding-top: 25px;
  font-size: 15px;
  line-height: 24px;
  font-family: 'OpenSansRegular';
  font-weight: normal;
  color: #5b5b5b;
}

#homepage_container .lprow.endless {
  background: url("/static/img/landing/home_science_bg_lp11_4.png") no-repeat scroll 0 0 #FFFFFF;
  min-height: 316px;
  padding-top: 25px;
  font-size: 15px;
  line-height: 24px;
  font-family: 'OpenSansRegular';
  font-weight: normal;
  color: #5b5b5b;
}

#homepage_container .happify_lp_header,
#homepage_container .happify_lp_header_lp11 {
  z-index: 300;
  position: relative;
  background: #08aae5;
}

#homepage_container .happify_lp_header h1.lp11,
#homepage_container .happify_lp_header_lp11 h1.lp11 {
  color: #ffffff;
  text-align: center;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  width: 680px;
  margin: 0 auto;
  padding-top: 22px;
  font-size: 39px;
  font-weight: 500;
  line-height: 46px;
}

#homepage_container .happify_lp_header h2.lp11,
#homepage_container .happify_lp_header_lp11 h2.lp11 {
  color: #ffffff;
  text-align: center;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  width: 680px;
  margin: 0 auto;
  padding-top: 1px;
  padding-bottom: 10px;
  font-size: 30px;
  font-weight: 500;
}

#homepage_container .happify_lp_header ul.lp11,
#homepage_container .happify_lp_header_lp11 ul.lp11 {
  color: #FFFFFF;
  font-weight: 400;
  font-family: 'OpenSansRegular';
  margin: 10px 0 24px;
  padding: 0;
}

#homepage_container .happify_lp_header ul.lp11 li,
#homepage_container .happify_lp_header_lp11 ul.lp11 li {
  font-size: 20px;
  line-height: 18px;
  margin-bottom: 7px;
  margin-left: 12px;
  padding-left: 20px;
}

#homepage_container .happify_lp_header_lp11 {
  background: url("/static/img/landing/header_background.svg") no-repeat scroll 0 0 transparent;
}

#homepage_container .happify_lp_content {
  color: #000000;
  border: 1px solid #f3f3f3;
  border-top: none;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}

#homepage_container .happify_lp_content p.small_title {
  margin: 17px 20px 10px 0;
  color: #5b5b5b;
  font-size: 20px;
  text-align: center;
}

#homepage_container .happify_lp_content ul.columns {
  width: 1040px;
  margin: 0;
  padding: 0;
}

#homepage_container .happify_lp_content ul.columns li.lp11_column {
  vertical-align: top;
  position: relative;
  display: inline-block;
  list-style-type: none;
  float: none;
  text-align: left;
}

#homepage_container .happify_lp_content ul.columns li.lp11_column .info_img {
  width: 190px;
  height: 128px;
  background: url("/static/img/landing/home_science_bg_lp11.png") no-repeat scroll 0 0 #FFFFFF;
}

#homepage_container .happify_lp_content ul.columns li.lp11_column .info_img.first {
  background-position: 0 0;
}

#homepage_container .happify_lp_content ul.columns li.lp11_column .info_img.second {
  background-position: -260px 0;
}

#homepage_container .happify_lp_content ul.columns li.lp11_column .info_img.third {
  background-position: -493px 0;
}

#homepage_container .happify_lp_content ul.columns li.lp11_column .header_text {
  color: #00BCE4;
  font-family: 'OpenSansRegular';
  font-size: 18px;
  margin-bottom: 10px;
  margin-left: 5px;
}

#homepage_container .happify_lp_content ul.columns li.lp11_column .body_text {
  color: #a9a9a9;
}

#homepage_container .happify_lp_content ul.columns li.lp11_column .footer_text {
  text-align: right;
}

#homepage_container .happify_lp_content ul.columns li.lp11_column.triplet {
  width: 220px;
  font-size: 14px;
  color: #777575;
}

#homepage_container .happify_lp_content ul.columns li.lp11_column.left {
  width: 725px;
}

#homepage_container .happify_lp_content ul.columns li.lp11_column.right {
  width: 310px;
}

#homepage_container .happify_lp_content ul.columns li.lp11_column.right .post_container {
  height: auto;
  border: 1px solid #DDDDDD;
  border-radius: 5px 5px 5px 5px;
  padding: 20px 10px 10px;
  margin: 10px 20px 15px;
  width: auto;
}

#homepage_container .happify_lp_content ul.columns li.lp11_column.right .post_container .img_box {
  border: 1px solid #DDDDDD;
  border-radius: 51px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  height: 102px;
  width: 102px;
  position: relative;
}

#homepage_container .happify_lp_content ul.columns li.lp11_column.right .post_container .img_box img.face_img {
  width: 96px;
  border-radius: 48px;
  background-clip: padding-box;
  position: absolute;
  top: 3px;
  left: 3px;
}

#homepage_container .happify_lp_content ul.science_books {
  padding: 0;
}

#homepage_container .happify_lp_content ul.science_books li.lp11 {
  position: relative;
  list-style-type: none;
  width: 187px;
  float: none;
  display: inline-block;
  margin-left: 6px;
}

#homepage_container .happify_lp_content ul.science_books li.lp11 p {
  background: none repeat scroll 0 0 #F46C28;
  bottom: 0;
  color: #FFFFFF;
  font-family: "OpenSansRegular", arial, sans-serif;
  font-size: 9px;
  padding: 5px;
  position: absolute;
  text-align: left;
  margin: 0;
  width: 177px;
}

#homepage_container .happify_lp_content ul.science_books li.lp11 img {
  width: 187px;
}

#homepage_container .happify_header {
  background: none repeat scroll 0 0 #FFFFFF;
  clear: both;
  height: 85px;
  margin: 0 auto;
  position: relative;
  box-shadow: 0 10px 10px -10px #999999;
  -moz-box-shadow: 0 10px 10px -10px #999999;
  -webkit-box-shadow: 0 10px 10px -10px #999999;
  z-index: 300;
}

#homepage_container .happify_header .logo {
  background-image: url("/static/img/sprite-1.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 1px 1px;
  width: 153px;
  height: 55px;
  float: left;
  vertical-align: middle;
  margin: 17px 0 0 50px;
}

#homepage_container .happify_header .partner {
  padding-left: 10px;
  float: left;
}

#homepage_container .happify_header .have_account {
  width: 350px;
  height: 55px;
  font-family: "OpenSansBold";
  font-weight: normal;
  font-size: 12px;
  color: #666;
  float: right;
  margin-top: 30px;
  position: relative;
}

#homepage_container .happify_header .have_account span {
  margin-right: 10px;
  margin-left: 52px;
  font-family: "OpenSansRegular";
}

#homepage_container .happify_header .have_account .get_started_small {
  position: absolute;
  top: -14px;
  left: 178px;
  background: url('/static/img/landing/button_getstarted_small.png') no-repeat 0 0;
  width: 221px;
  height: 58px;
}

#homepage_container .welcome {
  overflow: visible;
  z-index: 199;
  position: relative;
  background: #08aae5;
  height: 260px;
  -webkit-box-shadow: 0 1px 2px #bbbbbb;
  box-shadow: 0 1px 2px #bbbbbb;
  color: #EEEEEE;
  font-family: 'OpenSansBold';
  font-weight: normal;
  padding-left: 35px;
  border-bottom: 1px solid #FFFFFF;
}

#homepage_container .welcome .get_started_header {
  position: absolute;
  bottom: 14px;
  left: 200px;
  background: url('/static/img/landing/button_getstarted_header.png') no-repeat 0 0;
  width: 266px;
  height: 58px;
  cursor: pointer;
}

#homepage_container .welcome .zocial {
  font-size: 20px;
  margin-left: 224px;
}

#homepage_container .welcome .invite {
  margin-left: 180px;
}

#homepage_container .welcome .wrapper {
  height: 15px;
}

#homepage_container .welcome .text {
  width: 578px;
  height: 180px;
  font-size: 16px;
  font-family: 'OpenSansRegular';
}

#homepage_container .welcome .text.lp11 {
  width: 970px;
}

#homepage_container .welcome .text h1 {
  margin: 0;
  padding: 0;
  color: #FFFFFF;
  font-family: 'OpenSansRegular';
}

#homepage_container .welcome .text h1.lp2 {
  margin-top: 15px;
}

#homepage_container .welcome .text h2 {
  margin: 0;
  padding: 0;
  font-size: 16px;
  color: #FFFFFF;
  font-family: 'OpenSansBold';
}

#homepage_container .welcome .text p {
  margin: 10px 0;
  padding: 0;
  width: 380px;
  line-height: 20px;
}

#homepage_container .welcome .text p span {
  font-family: 'OpenSansRegular';
}

#homepage_container .welcome .text ul {
  margin: 15px -10px;
  line-height: 20px;
  font-family: 'OpenSansRegular';
}

#homepage_container .welcome .text ul.lp2 {
  margin: 1px -10px;
}

#homepage_container .welcome .text ul li {
  margin-bottom: 7px;
  width: 500px;
}

#homepage_container .welcome .img_box {
  position: absolute;
  background-color: transparent;
}

#homepage_container .welcome .img_box.first {
  width: 324px;
  height: 324px;
  top: -34px;
  left: 590px;
  z-index: 202;
  background: url('/static/img/homepage/welcome_img_one.png') no-repeat 0 0 transparent;
}

#homepage_container .welcome .img_box.second {
  width: 178px;
  height: 178px;
  top: 128px;
  left: 832px;
  z-index: 201;
  background: url('/static/img/homepage/welcome_img_two.png') no-repeat 0 0 transparent;
}

#homepage_container .welcome .img_box.third {
  width: 186px;
  height: 186px;
  top: -33px;
  left: 822px;
  z-index: 200;
  background: url('/static/img/homepage/welcome_img_three.png') no-repeat 0 0 transparent;
}

#homepage_container .welcome .img_box.fourth {
  width: 434px;
  height: 354px;
  top: -34px;
  left: 590px;
  z-index: 203;
  background: url('/static/img/landing/header-img-photos.png') no-repeat 0 0 transparent;
}

#homepage_container .ready_text {
  font-family: 'OpenSansRegular';
  color: #ff7a00;
  font-size: 19px;
  width: 266px;
  margin: 20px auto;
  text-align: center;
}

#homepage_container .ready_text a .get_started_large {
  background: url('/static/img/landing/button_getstarted_large.png') no-repeat 0 0 transparent;
  height: 58px;
  width: 266px;
}

#homepage_container .context_box h1 {
  font-family: 'OpenSansRegular';
  color: #666666;
  font-size: 20px;
  text-align: center;
  margin: 30px 0 10px;
}

#homepage_container .context_box .science {
  width: 990px;
  height: 250px;
  border: 1px solid #f9f9f9;
  margin: 0 auto;
  -webkit-box-shadow: 0 1px 1px #DDDDDD;
  box-shadow: 0 1px 1px #DDDDDD;
  background: url("/static/img/homepage/home_science_bg.png") no-repeat scroll 0 0 #FFFFFF;
  border-radius: 10px;
  background-clip: padding-box;
}

#homepage_container .context_box .science.lp2 {
  background: url("/static/img/landing/home_science_bg.png") no-repeat scroll 0 0 #FFFFFF;
}

#homepage_container .context_box .science .text_box {
  width: 100%;
  height: 100px;
  margin: 170px 0;
  font-family: 'OpenSansRegular';
  font-size: 14px;
  font-weight: normal;
  color: #666666;
}

#homepage_container .context_box .science .text_box p {
  width: 270px;
  float: left;
  margin-left: 30px;
  margin-right: 30px;
  text-align: center;
}

#homepage_container .context_box .science .text_box p span {
  font-family: 'OpenSansBold';
  color: #000000;
}

#homepage_container .context_box .science .text_box p.last {
  margin-left: 30px;
}

#homepage_container .post_container {
  height: 290px;
  margin: 15px 20px 40px;
  color: #666666;
}

#homepage_container .post_container .inner_container {
  float: left;
  margin: 0 2px;
}

#homepage_container .post_container .inner_container .post {
  width: 305px;
  border: 1px solid #DDDDDD;
  border-radius: 5px;
  background-clip: padding-box;
  padding: 20px 10px 10px 10px;
}

#homepage_container .post_container .inner_container .post .image_container {
  float: left;
  height: 100%;
  width: 105px;
}

#homepage_container .post_container .inner_container .post .image_container .img_box {
  border: 1px solid #DDDDDD;
  border-radius: 51px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  height: 102px;
  width: 102px;
  position: relative;
}

#homepage_container .post_container .inner_container .post .image_container .img_box img.face_img {
  width: 96px;
  border-radius: 48px;
  background-clip: padding-box;
  position: absolute;
  top: 3px;
  left: 3px;
}

#homepage_container .post_container .inner_container .post .text_container {
  width: 169px;
  padding: 0 0 0 20px;
  float: left;
}

#homepage_container .post_container .inner_container .post .text_container p {
  margin: 0;
  font-family: 'OpenSansSemibold';
  font-size: 12px;
  color: #666666;
  text-align: left;
}

#homepage_container .post_container .inner_container .post .text_container p.header_text {
  font-family: 'OpenSansBold';
  font-size: 18px;
  color: #00bce4;
  margin-bottom: 10px;
}

#homepage_container .post_container .inner_container .post .text_container p.footer_text {
  text-align: right;
  margin-top: 4px;
}

#homepage_container .post_container .inner_container .post.first {
  height: 260px;
}

#homepage_container .post_container .inner_container .post.second {
  height: 260px;
}

#homepage_container .post_container .inner_container .post.third {
  height: 260px;
}

#homepage_container .post_container .inner_container .post.lp1.first {
  height: 188px;
}

#homepage_container .post_container .inner_container .post.lp1.second {
  height: 221px;
}

#homepage_container .post_container .inner_container .post.lp1.third {
  height: 209px;
}

#homepage_container .post_container .inner_container .shadow_container {
  background: url("/static/img/pioneers/pod-shadows.png") no-repeat scroll 0 0 transparent;
  height: 10px;
  background-size: 331px auto;
  background-position: 0 -75px;
}

#homepage_container .zocial {
  margin-left: 374px;
  font-size: 20px;
}

#homepage_container .zocial.invite {
  margin-left: 335px;
}

#homepage_container .books {
  margin-top: 40px;
}

#homepage_container .footer {
  height: 100px;
  background: #FFFFFF;
  border-top: 1px solid #f9f9f9;
  font-family: 'OpenSansRegular';
  font-weight: normal;
  font-size: 11px;
  color: #838383;
  margin-top: 30px;
}

#homepage_container .footer.lp2 {
  border-top: 2px solid #e9e9e9;
  margin-top: 40px;
}

#homepage_container .footer .terms {
  text-align: center;
  margin: 7px 0 30px 0;
}

#homepage_container .footer .terms .term_surround {
  border-bottom: 1px solid #f3f3f3;
  padding-bottom: 5px;
  margin-bottom: 5px;
}

#homepage_container .footer .terms .term_surround span {
  margin-left: 0;
}

#homepage_container .footer .terms .term_surround a {
  margin-left: 15px;
  text-decoration: underline;
  color: #b8b8b8;
  font-family: OpenSansRegular;
  font-size: 11px;
}

#homepage_container .footer .terms .term_surround a.lp2 {
  text-decoration: none;
  color: #ff7a00;
}

#homepage_container .footer .terms .term_surround .warning {
  color: #BBBBBB;
  font-family: OpenSansRegular;
  font-size: 10px;
  margin: 10px auto;
  width: 75%;
  text-decoration: none;
}

#homepage_container .footer .terms span {
  margin-left: 15px;
}

#homepage_container .footer .terms a {
  margin-left: 15px;
  text-decoration: underline;
  color: #b8b8b8;
  font-family: OpenSansRegular;
  font-size: 11px;
}

#homepage_container .footer .terms a.lp2 {
  text-decoration: none;
  color: #ff7a00;
}

#homepage_container .footer .terms .warning {
  color: #BBBBBB;
  font-family: OpenSansRegular;
  font-size: 10px;
  margin: 10px auto;
  width: 75%;
  text-decoration: none;
}

#homepage_container .lprow p .bold {
  font-weight: normal;
  font-family: 'OpenSansBold';
}

.no_notifications_conatainer {
  width: 100%;
  padding: 10px;
  font-family: 'OpenSansRegular';
  font-size: 16px;
  font-weight: normal;
  color: #999;
  text-align: center;
}

.disabled {
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: .65;
  filter: alpha(opacity=65);
  cursor: default;
}

.disabled:hover {
  color: #666;
}

.notifications-frame {
  border: 1px solid #C6C6C6;
  margin-left: 20px;
  width: 980px;
  background: #FFFFFF;
  padding-left: 0px;
}

.notifications-frame .notifications-title {
  font-weight: normal;
  padding: 30px 20px 30px 20px;
  border-bottom: 1px solid #C6C6C6;
  background-color: #FDFCF9;
  font-size: 25px;
  color: #03a9e5;
  font-family: 'OpenSansRegular';
}

.notifications-frame .dismiss_all_notifications {
  position: relative;
  left: 650px;
}

.notifications-frame .notification {
  box-shadow: -2px 1px 1px #EEEEEE;
  -moz-box-shadow: -2px 1px 1px #EEEEEE;
  -webkit-box-shadow: -2px 1px 1px #EEEEEE;
  padding: 0px 0px 0px 15px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  border: 1px solid #C6C6C6;
  border-radius: 4px;
  background-clip: padding-box;
  margin: 10px 10px 10px 0px;
  background-color: #FDFCF9;
  height: 65px;
}

.notifications-frame .notification .notification-picture {
  float: left;
  border: 2px solid #FFFFFF;
  border-radius: 30px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 3px #999999;
  box-shadow: 0 0 3px #999999;
  margin: 10px 10px 0 0;
}

.notifications-frame .notification .notification-picture a {
  border: none;
}

.notifications-frame .notification .notification-picture a img {
  border: none;
}

.notifications-frame .notification img {
  width: 40px;
  height: 40px;
  border-radius: 30px;
  background-clip: padding-box;
}

.notifications-frame .notification .button_secondary {
  width: 65px;
  height: 15px;
  line-height: 15px;
  display: inline-block;
}

.notifications-frame .notification .notification-text {
  padding: 8px 10px 0px 15px;
  font-size: 14px;
  margin: 10px 0 0 52px;
  color: #444444;
  font-weight: 300;
  line-height: 14px;
  height: 14px;
}

.notifications-frame .notification .notification-text a {
  color: #EE5023;
  font-size: 14px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-decoration: none;
}

.notifications-frame .notification .notification-text a.button_secondary {
  margin-left: 10px;
  font-family: "OpenSansSemibold";
  font-weight: normal;
  line-height: 18px;
  color: #FFFFFF;
}

.notifications-frame .notification .notification-text .blue {
  color: #03a9e5;
}

.notifications-frame .notification .notification-time {
  color: #646464;
  font-weight: 300;
  font-size: 11px;
  margin: 5px 0 0 68px;
}

.notifications-frame .notification .notification-end {
  color: #FF8F45;
  font-size: 20px;
  text-align: right;
  float: right;
  margin: 3px 7px 0 0;
  padding: 8px 0 0 0;
}

.notifications-frame .notification .notification-end a {
  color: #FF7245;
  font-size: 20px;
  text-decoration: none;
}

.notifications-frame .notification .follow_back {
  margin-left: 10px;
  height: 18px;
  padding: 5px 20px 5px 20px;
  width: auto;
}

.notification-end a.js-dismiss-notification {
  background-image: url("/static/img/sprite-1.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -149px -330px;
}

.get-started a:hover,
.get-started a {
  color: #999;
  text-decoration: underline;
}

/*
Pioneers Page
----------------------------*/

a img {
  border: none;
}

#pioneers {
  background: #fbfbfb;
  margin: 0;
  padding: 0;
}

#pioneers .pod {
  border-radius: 5px;
  border: 1px #DDD solid;
  background: #FFF;
}

#pioneers .pod p {
  width: 470px;
}

#pioneers header {
  padding: 10px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 1;
  background: #FFF;
}

#pioneers header a {
  position: relative;
}

#pioneers header a .get_started_small {
  position: absolute;
  background: url('/static/img/landing/button_getstarted_small.png') no-repeat 0 0;
  width: 221px;
  height: 58px;
  top: 10px;
  left: 860px;
}

#pioneers header h1 {
  margin: 0;
  padding: 0;
  float: left;
}

#pioneers header h1 a {
  display: block;
  width: 183px;
  height: 66px;
  background: transparent url('/static/img/pioneers/logo.png') 0 0 no-repeat;
  text-indent: -99999px;
}

#pioneers header h1 a:hover {
  opacity: 0.8;
}

#pioneers header #contact {
  padding: 10px;
  width: 495px;
  float: right;
}

#pioneers header #contact p {
  float: left;
  color: #777575;
  font-family: "OpenSansRegular", arial, sans-serif;
}

#pioneers header #contact a {
  position: relative;
}

#pioneers header #contact .become_a_pioneer {
  position: absolute;
  background: transparent url(/static/img/landing/button_becomeapioneer.png) 0 0 no-repeat;
  width: 194px;
  height: 44px;
  left: 808px;
}

#pioneers header .top_right_button {
  display: inline-block;
  width: 185px;
  line-height: 38px;
  height: 38px;
  left: 10px;
  top: -4px;
}

/* // header */

#header-img {
  height: 260px;
  background: #08aae5;
  border-bottom: 3px #FFF solid;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  margin: 0 0 55px 0;
}

#header-img #header-content {
  float: left;
  width: 600px;
}

#header-img #header-content h2 {
  font-family: "OpenSansRegular", arial, sans-serif;
  font-size: 28px;
  color: #FFF;
}

#header-img #header-content p {
  color: #FFF;
  font-family: "OpenSansRegular", arial, sans-serif;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 1px;
}

#header-img #header-content strong {
  font-family: "OpenSansBold", arial, sans-serif;
  letter-spacing: 0px;
  font-weight: normal;
}

#header-img #header-photos h1 {
  margin: 0;
  padding: 0;
  float: right;
}

#header-img #header-photos h1 a {
  display: block;
  width: 432px;
  height: 307px;
  background: transparent url(/static/img/pioneers/header-img-photos.png) 0 0 no-repeat;
}

.wrapper {
  height: 75px;
}

.span8 {
  display: inline-block;
  float: none;
  margin: 0 auto;
  width: 560px;
}

.span8 #pioneer_form .clearfix {
  width: 560px;
}

.span8 .button_bar {
  position: relative;
  width: 375px;
  left: 145px;
  padding-top: 25px;
}

.span3 {
  vertical-align: top;
  width: 165px;
  margin: 10px auto 0;
  position: relative;
  display: inline-block;
  float: none;
  top: -15px;
}

.span3 #pioneer-badge {
  background-image: url("/static/img/sprite-1.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -875px -716px;
  width: 165px;
  height: 165px;
}

.row-old {
  margin: 0 0 25px 0;
  padding: 0;
}

.row-old p {
  color: #777575;
  font-family: "OpenSansRegular", arial, sans-serif;
  font-size: 15px;
  line-height: 25px;
}

.row-old p strong {
  color: #777575;
  font-family: "OpenSansBold", arial, sans-serif;
  letter-spacing: 0px;
  font-weight: normal;
}

.what-happify {
  padding: 20px;
  position: relative;
}

.what-happify h2 {
  margin: 0;
  padding: 0;
  font-size: 34px;
  color: #03a9e5;
  font-family: "OpenSansRegular", arial, sans-serif;
}

.what-happify h2 strong {
  font-family: "OpenSansBold", arial, sans-serif;
  letter-spacing: 0px;
  font-weight: normal;
}

.what-happify h3 {
  color: #666666;
  font-family: "OpenSansRegular", arial, sans-serif;
  letter-spacing: -1px;
}

.what-happify #product-img h1 {
  margin: 0 0 0 -30px;
  padding: 0;
}

.what-happify #product-img h1 a {
  display: block;
  width: 481px;
  height: 384px;
  background: transparent url(/static/img/pioneers/product-img.png) 0 0 no-repeat;
}

.what-pioneer {
  border-left: 1px #DDD solid;
  padding: 20px 25px 20px 30px;
  margin: 0;
  position: relative;
  background: #fffff9;
}

.what-pioneer h2 {
  margin: 0;
  padding: 0;
  font-size: 34px;
  color: #dba23b;
  font-family: "OpenSansRegular", arial, sans-serif;
}

.what-pioneer h2 strong {
  font-family: "OpenSansBold", arial, sans-serif;
}

.what-pioneer .pod-shadows {
  width: 443px;
  height: 113px;
  position: absolute;
  z-index: 0;
  bottom: 8px;
  background: transparent url(/static/img/pioneers/pod-shadows.png) 0 0 no-repeat;
}

.what-pioneer #pioneer-benefits.pod {
  padding: 60px 20px 20px 20px;
  position: relative;
  z-index: 0;
}

.what-pioneer #pioneer-benefits.pod h3 {
  margin: 0;
  padding: 0;
  color: #dba23b;
  font-family: "OpenSansBold", arial, sans-serif;
  letter-spacing: -1px;
}

.what-pioneer #pioneer-benefits.pod ul li {
  color: #777575;
  font-family: "OpenSansRegular", arial, sans-serif;
  font-size: 15px;
  line-height: 25px;
  margin: 5px 0 5px 0;
}

.what-pioneer #pioneer-benefits.pod ul li strong {
  font-family: "OpenSansBold", arial, sans-serif;
  letter-spacing: 0px;
  font-weight: normal;
  color: #777;
}

.what-pioneer #pioneer-benefits.pod ul.benefits {
  margin: 5px 0 0 15px;
  padding: 0;
}

.what-pioneer #pioneer-benefits.pod ul.benefits li {
  list-style-type: none;
  line-height: 20px;
  margin: 15px 0 0 0;
  padding: 0;
}

.what-pioneer #pioneer-benefits.pod ul.benefits li span.icon {
  width: 28px;
  height: 45px;
  background-image: url(/static/img/pioneers/icon-pioneer-benefits.png);
  background-repeat: no-repeat;
  display: block;
  float: left;
  margin: -3px 10px 0 0;
}

.what-pioneer #pioneer-benefits.pod ul.benefits li span.first {
  background-position: 0 0;
}

.what-pioneer #pioneer-benefits.pod ul.benefits li span.second {
  background-position: 0 -56px;
}

.what-pioneer #pioneer-benefits.pod ul.benefits li span.third {
  background-position: 0 -132px;
}

.what-pioneer #pioneer-benefits.pod ul.benefits li span.fourth {
  background-position: 0 -190px;
}

.what-pioneer #pioneer-benefits.pod ul.benefits li span.fifth {
  background-position: 0 -248px;
}

#why-happify h2 {
  color: #1da2df;
}

#why-happify #why-happify-img h1 {
  margin: 0;
  padding: 0;
}

#why-happify #why-happify-img h1 a {
  display: block;
  width: 562px;
  height: 321px;
  background-image: url(/static/img/pioneers/why-happify-img.png);
}

#science-books {
  padding-bottom: 20px;
}

#science-books h1 {
  text-align: center;
  margin: 20px 0 0 0;
  padding: 0;
  color: #03a9e5;
  font-size: 30px;
}

#science-books p {
  text-align: center;
  margin: 0 auto;
  padding: 0;
}

#science-books ul {
  margin: 20px 0 0 15px;
  padding: 0;
}

#science-books ul li {
  list-style-type: none;
  float: left;
  width: 305px;
  margin: 0 20px 20px 0;
  padding: 0;
  position: relative;
}

#science-books ul li p {
  font-family: "OpenSansRegular", arial, sans-serif;
  font-size: 14px;
  text-align: left;
  padding: 10px;
  background: #f46c28;
  color: #FFF;
  position: absolute;
  bottom: 0;
  width: 285px;
}

.interested-pioneer {
  margin: 0 0 40px 0;
  text-align: center;
}

.interested-pioneer h2 {
  font-size: 22px;
  margin: 0 0 10px 0;
  padding: 0;
  color: #f36024;
  font-family: "OpenSansRegular", arial, sans-serif;
}

.interested-pioneer a.center_lower_button {
  width: 210px;
  margin: 0 auto;
}

footer {
  background: #FFF;
  -webkit-box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
  position: relative;
  font-family: "OpenSansRegular", arial, sans-serif;
  padding: 10px 0 20px 0;
}

footer #footer-content {
  width: 400px;
  margin: 0 auto;
  color: #838383;
}

footer #footer-content ul li {
  list-style: none;
}

footer #disclaimer-content {
  text-align: center;
  color: #c5c5c5;
  width: 800px;
  margin: 10px auto;
}

footer ul {
  float: left;
  margin: 0;
  padding: 0;
}

footer ul:not(.listbox) li {
  float: left;
  margin: 0 10px 0 0;
}

footer ul:not(.listbox) li a,
footer ul:not(.listbox) li button {
  color: #fd8925;
}

footer p {
  color: #888;
  float: left;
  margin: 0;
  padding: 0;
}

#modal.happiness_assesment {
  width: 800px;
  left: 50%;
  top: 40%;
  overflow: visible;
  -webkit-box-shadow: 0 0 5px 5px rgba(153, 153, 153, 0.35);
  box-shadow: 0 0 5px 5px rgba(153, 153, 153, 0.35);
}

#modal-thanks-content {
  padding: 20px;
}

#modal-thanks-content h1 {
  margin: 0 0 10px 0;
  padding: 0;
  color: #00bbe1;
  font-size: 30px;
  text-align: center;
}

#modal-thanks-content h2 {
  margin: 0 0 25px 0;
  padding: 0;
  font-size: 24px;
  text-align: center;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #AFAFAF;
}

#modal-thanks-content .questionnaire_button {
  font-family: "OpenSansBold", arial, sans-serif;
  letter-spacing: 0;
  padding: 10px 40px 10px 40px;
  width: 196px;
  height: 27px;
  line-height: 27px;
  display: inline-block;
}

#modal-form-content {
  padding: 20px;
}

#modal-form-content h1 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0 0 10px 0;
  padding: 0;
  color: #00bbe1;
  font-size: 28px;
  text-align: center;
}

#modal-form-content h2 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0 0 45px 0;
  padding: 0;
  color: #AFAFAF;
  font-size: 24px;
  text-align: center;
}

#modal-form-content label {
  width: 125px;
  float: left;
  text-align: right;
  margin: 10px 10px 0 0;
  font-size: 24px;
  color: #888;
  font-family: "OpenSansRegular", arial, sans-serif;
}

#modal-form-content input {
  margin: 10px;
  height: 30px;
  width: 375px;
  float: left;
}

#modal-form-content #pioneer-badge {
  margin: 0 auto;
  position: relative;
  z-index: 0;
  top: 0;
  left: 0;
}

#modal-form-content .button_submit {
  width: 150px;
  margin: 20px auto;
  text-align: center;
  font-size: 18px;
  padding: 10px;
  margin-bottom: 0;
  font-family: "OpenSansBold", arial, sans-serif;
  line-height: 32px;
  display: block;
}

#modal-thanks {
  text-align: center;
}

#modal-thanks h1 {
  color: #00bbe1;
  font-size: 45px;
  margin: 45px 0 40px 0;
}

#modal-thanks h2 {
  width: 590px;
  margin: 0 auto;
  color: #00bbe1;
  font-size: 24px;
  line-height: 30px;
}

/* // body */

#pioneers #container .row-old .span6 p {
  width: 470px;
}

.proxima_font {
  font-family: "proxima-nova", sans-serif !important;
}

.onboarding_header1 {
  color: #5B5B5B;
  font-size: 34px;
  font-weight: 700;
  text-align: center;
}

body.noscroll {
  overflow: hidden;
}

.overlay {
  z-index: 9999;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.8);
  overflow: auto;
  width: 100% !important;
}

.overlay.black {
  background: rgba(0, 0, 0, 0.7);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
}

.overlay .ov_body {
  width: 100%;
  min-height: 100%;
  padding: 20px 35px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.overlay .ov_body .ov_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  margin: 20px 0;
}

.overlay .ov_body .ov_inner * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .overlay .ov_body .ov_inner:after {
    content: '';
    min-height: calc(100vh - 80px);
    width: 0;
    visibility: hidden;
  }
}

.overlay .ov_body .ov_inner .ov_content {
  display: inline-block;
  text-align: left;
  position: relative;
  background: #fff;
  border: 1px solid rgba(102, 102, 102, 0.17);
  min-width: 300px;
  border-radius: 10px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 40px 10px rgba(200, 200, 200, 0.35);
  box-shadow: 0 0 40px 10px rgba(200, 200, 200, 0.35);
}

.overlay .ov_body .ov_inner .ov_content .close {
  position: absolute;
  top: -12px;
  right: -13px;
}

html body.billing_flow {
  padding-bottom: 50px;
}

html body.billing_flow #container #header {
  height: 50px;
}

html body.billing_flow #container #header .nav-pills {
  position: relative;
  top: 9px;
}

html body.billing_flow #container #header .nav-pills li {
  display: none;
}

html body.billing_flow #container #header .nav-pills li:nth-last-of-type(1) {
  display: block;
}

html body.billing_flow #container #header .nav-pills li.dropdown.open ul.dropdown-menu li {
  display: block;
}

html body.billing_flow #container #header #happify_header {
  width: 120px;
  position: absolute;
  top: -47px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  background: transparent;
}

html body.billing_flow #container #header #happify_header .middle-col {
  display: none;
}

html body.billing_flow #container #header #trial_info {
  display: none;
}

html body.billing_flow .main-container {
  margin: 15px auto 0;
}

.popover_target {
  position: absolute;
  top: 120px;
  left: 470px;
  width: 10px;
  height: 10px;
}

#payment_selection {
  text-align: center;
  padding: 8px 5px;
}

#payment_selection .discount_ribbon {
  color: #fff;
  width: 590px;
  font-size: 28px;
  line-height: 36px;
  margin: 20px auto 25px;
  position: relative;
  background: #76B102;
  -webkit-box-shadow: -3px 5px 5px -5px rgba(0, 0, 0, 0.5);
  box-shadow: -3px 5px 5px -5px rgba(0, 0, 0, 0.5);
}

#payment_selection .discount_ribbon .cut_left,
#payment_selection .discount_ribbon .cut_right {
  height: 26px;
  position: absolute;
  top: 5px;
  width: 26px;
  background: #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

#payment_selection .discount_ribbon .cut_left {
  left: -14px;
}

#payment_selection .discount_ribbon .cut_right {
  right: -13px;
}

#payment_selection h1 {
  color: #03A9E5;
  font-weight: normal;
  font-family: "OpenSansSemibold";
  font-size: 36px;
  margin: 0 30px;
}

#payment_selection h2 {
  font-family: "OpenSansSemibold";
  text-decoration: none;
  color: #666;
  font-size: 26px;
  font-weight: 500;
  margin: 5px 0 15px 0;
}

#payment_selection h2 sup {
  top: -10px;
  font-family: 'OpenSansRegular';
  font-size: 12px;
}

#payment_selection .plans {
  width: 825px;
  margin: 0 auto;
  text-align: justify;
}

#payment_selection .plans:after {
  content: '';
  width: 100%;
  display: inline-block;
  font-size: 0;
  line-height: 0;
}

#payment_selection .plans .plan {
  width: 240px;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  margin-top: 15px;
  position: relative;
  -webkit-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.25);
  box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.25);
}

#payment_selection .plans .plan:nth-of-type(2) {
  width: 240px;
  margin-top: 0;
}

#payment_selection .plans .plan:nth-of-type(2) header {
  padding: 0;
  height: 75px;
  line-height: 75px;
  background: -webkit-gradient(linear, left bottom, left top, from(#A2DDF6), to(#04A3E8));
  background: linear-gradient(to top, #A2DDF6 0%, #04A3E8 100%);
}

#payment_selection .plans .plan:nth-of-type(2) .body .price {
  font-size: 64px;
  line-height: 70px;
}

#payment_selection .plans .plan:nth-of-type(2) .body .button_primary {
  margin-top: 30px;
}

#payment_selection .plans .plan:nth-of-type(2) .body.discounted .price {
  font-size: 58px;
  line-height: 64px;
}

#payment_selection .plans .plan:nth-of-type(2) #PP1 {
  background-color: #81BA00;
  background-image: none;
}

#payment_selection .plans .plan:nth-of-type(4) header {
  line-height: 65px;
  padding: 0;
}

#payment_selection .plans .plan .most_popular {
  position: absolute;
  width: 90px;
  height: 75px;
  top: 0;
  right: 0;
  background: url('/static/img/most-popular_ribbon.png') no-repeat;
  background-size: 100% auto;
}

#payment_selection .plans .plan header {
  color: #fff;
  height: 65px;
  font-size: 28px;
  padding-top: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: -webkit-gradient(linear, left bottom, left top, from(#04C8F3), to(#037CDA));
  background: linear-gradient(to top, #04C8F3 0%, #037CDA 100%);
  border-radius: 4px 4px 0 0;
  background-clip: padding-box;
}

#payment_selection .plans .plan header span {
  display: block;
  font-size: 16px;
  margin-top: 10px;
}

#payment_selection .plans .plan .promotion {
  color: #fff;
  width: 200px;
  font-size: 16px;
  line-height: 30px;
  margin: 0 auto;
  position: relative;
  background: #00aaea;
  -webkit-box-shadow: -3px 5px 5px -5px rgba(0, 0, 0, 0.5);
  box-shadow: -3px 5px 5px -5px rgba(0, 0, 0, 0.5);
}

#payment_selection .plans .plan .promotion .cut_left,
#payment_selection .plans .plan .promotion .cut_right {
  height: 22px;
  position: absolute;
  top: 4px;
  width: 22px;
  background: #FFF4ED;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

#payment_selection .plans .plan .promotion .cut_left {
  left: -11px;
}

#payment_selection .plans .plan .promotion .cut_right {
  right: -11px;
}

#payment_selection .plans .plan .strike {
  color: #7a7a7a;
  margin-top: 10px;
  font-size: 20px;
  text-decoration: line-through;
}

#payment_selection .plans .plan .body {
  color: #7A461C;
  background: #FFF4ED;
  border: 1px solid #FEDEC5;
  border-top: none;
  padding: 8px 0 20px;
  border-radius: 0 0 4px 4px;
  background-clip: padding-box;
}

#payment_selection .plans .plan .body.discounted .strike {
  margin-top: 5px;
}

#payment_selection .plans .plan .body.discounted .button_primary {
  margin-top: 5px;
}

#payment_selection .plans .plan .body.discounted .guarantee {
  margin: 0;
}

#payment_selection .plans .plan .body.discounted .term {
  font-size: 20px;
  line-height: 22px;
}

#payment_selection .plans .plan .body.discounted .term.lifetime {
  visibility: hidden;
}

#payment_selection .plans .plan .body.discounted .price {
  font-size: 40px;
  line-height: 40px;
  margin-top: 5px;
}

#payment_selection .plans .plan .body.discounted .price span {
  font-size: 20px;
}

#payment_selection .plans .plan .body.discounted .price span.discounted {
  position: relative;
  top: -7px;
}

#payment_selection .plans .plan .body .price {
  font-size: 40px;
  line-height: 65px;
  margin-top: 10px;
}

#payment_selection .plans .plan .body .price span {
  font-size: 20px;
  display: inline-block;
  line-height: normal;
  vertical-align: top;
}

#payment_selection .plans .plan .body .term {
  font-size: 20px;
  line-height: 35px;
}

#payment_selection .plans .plan .body .term.lifetime {
  visibility: hidden;
}

#payment_selection .plans .plan .body .term sup {
  font-family: OpenSansRegular;
}

#payment_selection .plans .plan .body .guarantee {
  margin-top: 5px;
  font-family: OpenSansRegular;
  color: #666;
}

#payment_selection .plans .plan .body .guarantee.monthly div:last-child {
  visibility: hidden;
}

#payment_selection .plans .plan .body .guarantee div:nth-child(2) {
  font-family: OpenSansSemiBold;
}

#payment_selection .plans .plan .body .guarantee.lifetime div:first-child {
  visibility: hidden;
}

#payment_selection .plans .plan .button_primary {
  margin: 10px auto 0 auto;
}

#payment_selection .plans .plan:first-of-type .price,
#payment_selection .plans .plan:last-of-type .price {
  font-size: 40px;
}

#payment_selection .plans .plan:first-of-type .price span,
#payment_selection .plans .plan:last-of-type .price span {
  font-size: 20px;
}

#payment_selection .plans .plan .body:not(.discounted) .price {
  margin-top: 35px;
  margin-bottom: -16px;
}

#payment_selection .plans .plan .body:not(.discounted) .term {
  margin-bottom: -10px;
}

#payment_selection .plans.big {
  width: 99%;
  padding: 0 5px;
}

#payment_selection .billing_details {
  margin: 0 0 5px 22px;
  text-align: left;
  color: #666;
  font-family: 'OpenSansRegular';
  font-size: 12px;
  font-weight: normal;
}

#payment_selection .billing_details .billing_popup {
  color: #EF5922;
}

#payment_selection .options {
  margin-left: 50px;
  max-height: 200px;
  padding-top: 15px;
}

#payment_selection .options .option_item {
  font-family: "OpenSansRegular";
  font-weight: normal;
  display: inline-block;
  vertical-align: top;
  width: 420px;
  text-align: left;
  margin: 0 20px 20px 0;
}

#payment_selection .options .option_item .header {
  font-size: 16px;
  font-family: 'OpenSansSemibold';
  color: #666;
  line-height: 18px;
}

#payment_selection .options .option_item .option_text {
  font-size: 13px;
  color: #666;
  margin: 0;
  width: 380px;
}

#payment_selection .options .option_item:nth-child(3) {
  margin: 0 20px 20px 0;
}

#payment_selection .options .option_item:nth-child(4) {
  margin: 0 20px 20px 0;
}

.post_container {
  height: 320px;
  margin: 10px 0 10px;
  width: 1050px;
  color: #666666;
}

.post_container .inner_container {
  float: left;
  margin: 0 4px;
}

.post_container .inner_container:nth-of-type(1) {
  margin-left: 0;
}

.post_container .inner_container .post {
  width: 313px;
  height: 240px;
  border: 1px solid #DDDDDD;
  background: no-repeat white;
  border-radius: 5px;
  background-clip: padding-box;
  padding: 20px 10px 10px 10px;
}

.post_container .inner_container .post .image_container {
  float: left;
  height: 100px;
  width: 100px;
  margin-left: 10px;
}

.post_container .inner_container .post .image_container .img_box {
  border: 1px solid #DDDDDD;
  border-radius: 51px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  height: 102px;
  width: 102px;
  position: relative;
}

.post_container .inner_container .post .image_container .img_box img.face_img {
  width: 96px;
  border-radius: 48px;
  background-clip: padding-box;
  position: absolute;
  top: 3px;
  left: 3px;
}

.post_container .inner_container .post .text_container {
  width: 166px;
  padding: 0 0 0 30px;
  float: left;
}

.post_container .inner_container .post .text_container p {
  margin: 0;
  font-family: 'OpenSansSemibold';
  font-size: 12px;
  color: #666666;
  text-align: left;
}

.post_container .inner_container .post .text_container p.header_text {
  font-family: 'OpenSansSemibold';
  font-size: 18px;
  color: #04aae5;
  margin-bottom: 10px;
  line-height: 20px;
}

.post_container .inner_container .post p.body_text {
  clear: both;
  font-family: "OpenSansRegular";
  font-size: 13px;
  color: #8b8b8b;
  margin: 0 35px;
  position: relative;
  top: 10px;
  width: 260px;
}

.post_container .inner_container .post p.footer_text {
  font-family: "OpenSansRegular";
  text-align: right;
  color: #999;
  margin-right: 20px;
  font-size: 16px;
}

.post_container .inner_container .post.second p.body_text,
.post_container .inner_container .post.third p.body_text {
  margin-top: 117px;
}

.post_container .inner_container .shadow_container {
  background: url("/static/img/pioneers/pod-shadows.png") no-repeat scroll 0 0 transparent;
  height: 10px;
  background-size: 331px auto;
  background-position: 0 -75px;
}

#popup_content #tax_plan_popup,
#popup_content #payment_section_popup {
  width: 291px;
  font-family: 'OpenSansRegular';
  font-weight: normal;
}

#popup_content #tax_plan_popup #popup_inner p,
#popup_content #payment_section_popup #popup_inner p {
  margin: 15px;
  font-size: 14px;
}

#popup_content #tax_plan_popup #popup_inner p .header,
#popup_content #payment_section_popup #popup_inner p .header {
  font-size: 16px;
  line-height: 28px;
}

#popup_content #payment_section_popup {
  width: 385px;
}

#popup_content #payment_section_popup #popup_inner {
  padding-bottom: 10px;
}

#payment_confirmation {
  text-align: center;
  padding: 20px 20px 200px 60px;
}

#payment_confirmation h1 {
  color: #03A9E5;
  font-weight: normal;
  font-family: "OpenSansSemibold";
  font-size: 34px;
  margin: 0;
}

#payment_confirmation .email_sent {
  text-align: left;
  margin: 40px 0 25px 30px;
}

#payment_confirmation .email_sent h2 {
  font-family: "OpenSansSemibold";
  text-decoration: none;
  color: #666;
  font-size: 26px;
  font-weight: normal;
}

#payment_confirmation .left_column {
  vertical-align: top;
  display: inline-block;
  width: 380px;
}

#payment_confirmation .left_column .image_container {
  width: 360px;
  height: 280px;
  background: url("/static/img/iStock_000010610280XSmall.jpg") no-repeat transparent;
  background-size: 350px;
}

#payment_confirmation .left_column .need_help {
  width: 320px;
  font-family: 'OpenSansSemibold';
  font-weight: normal;
  font-size: 11pt;
  color: #7A7A7A;
  margin: 20px 0;
}

#payment_confirmation .left_column .need_help a {
  cursor: pointer;
}

#payment_confirmation .right_column {
  vertical-align: top;
  display: inline-block;
  width: 497px;
  padding: 30px 0 20px;
}

#payment_confirmation .right_column .welcome_text {
  font-weight: normal;
  text-align: left;
  width: 435px;
}

#payment_confirmation .right_column .welcome_text .header {
  font-family: "OpenSansSemibold";
  font-size: 24px;
  color: #F05A20;
}

#payment_confirmation .right_column .welcome_text .text_body {
  font-family: "OpenSansRegular";
  font-size: 13pt;
  color: #7A7A7A;
  font-weight: normal;
  line-height: 20px;
  margin: 10px 0;
}

#payment_confirmation .right_column .welcome_text .text_body:nth-child(2) {
  margin-top: 1em;
}

#payment_confirmation .right_column .welcome_text .text_body:last-child {
  margin-bottom: 1em;
}

#payment_confirmation .right_column .welcome_text .btn-continue {
  margin: 30px auto;
  font-size: 20px;
  height: 46px;
  line-height: 44px;
}

#billing_info,
#manage_billing {
  text-align: center;
  padding: 20px;
}

#billing_info h1,
#manage_billing h1 {
  color: #03A9E5;
  font-weight: normal;
  font-family: "OpenSansSemibold";
  font-size: 34px;
  margin: 0 30px;
}

#billing_info h2,
#manage_billing h2 {
  font-family: "OpenSansSemibold";
  text-decoration: none;
  color: #666;
  font-size: 24px;
  font-weight: normal;
  margin: 0;
}

#billing_info .payment_info,
#manage_billing .payment_info {
  color: #666;
  font-weight: 500;
  font-family: "OpenSansRegular";
  font-size: 14px;
  text-align: left;
  margin-left: 46px;
}

#billing_info .data_area,
#manage_billing .data_area {
  font-family: "OpenSansRegular";
  font-weight: normal;
  font-size: 16px;
  margin: 30px 0 0 0;
  color: #7A7A7A;
}

#billing_info .data_area .left_column,
#manage_billing .data_area .left_column {
  vertical-align: top;
  color: #666;
  text-align: left;
  display: inline-block;
  width: 585px;
}

#billing_info .data_area .left_column .billing_form,
#manage_billing .data_area .left_column .billing_form {
  font-family: 'OpenSansSemibold';
  font-size: 16px;
  font-weight: normal;
  margin: 15px 0 20px;
}

#billing_info .data_area .left_column .billing_form .form_field,
#manage_billing .data_area .left_column .billing_form .form_field {
  margin: 3px 20px;
}

#billing_info .data_area .left_column .billing_form .form_field .js-hint_target,
#manage_billing .data_area .left_column .billing_form .form_field .js-hint_target {
  position: absolute;
  width: 20px;
  height: 10px;
  top: 295px;
  left: 480px;
}

#billing_info .data_area .left_column .billing_form .form_field span,
#manage_billing .data_area .left_column .billing_form .form_field span {
  font-family: 'OpenSansRegular';
  color: #666;
}

#billing_info .data_area .left_column .billing_form .form_field .whats_this,
#manage_billing .data_area .left_column .billing_form .form_field .whats_this {
  font-family: 'OpenSansRegular';
  font-weight: normal;
  font-size: 12px;
  position: relative;
  top: 12px;
  left: 25px;
  cursor: pointer;
}

#billing_info .data_area .left_column .billing_form .form_field .js-date_select .dropdown,
#manage_billing .data_area .left_column .billing_form .form_field .js-date_select .dropdown {
  display: block;
  position: absolute;
  width: 55px;
  border-radius: 4px;
  background-clip: padding-box;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  font-family: 'OpenSansRegular';
  font-size: 18px;
  text-align: center;
  border: 2px solid #F0F0F0;
  background-color: white;
  padding: 5px 0;
  z-index: 999;
  top: 40px;
  left: -2px;
}

#billing_info .data_area .left_column .billing_form .form_field .js-date_select .dropdown a,
#manage_billing .data_area .left_column .billing_form .form_field .js-date_select .dropdown a {
  font-family: 'OpenSansSemibold';
  color: #666;
  line-height: 20px;
  font-size: 16px;
}

#billing_info .data_area .left_column .billing_form .form_field .js-date_select .dropdown a:hover,
#manage_billing .data_area .left_column .billing_form .form_field .js-date_select .dropdown a:hover {
  background-color: #ddd;
}

#billing_info .data_area .left_column .billing_form .form_field .js-date_select .dropdown.hidden,
#manage_billing .data_area .left_column .billing_form .form_field .js-date_select .dropdown.hidden {
  display: none;
}

#billing_info .data_area .left_column .billing_form .form_field .select_left,
#manage_billing .data_area .left_column .billing_form .form_field .select_left {
  position: relative;
  vertical-align: middle;
  display: inline-block;
  border: 2px solid #F0F0F0;
  width: 60px;
  height: 40px;
  font-family: 'OpenSansSemibold';
  color: #666;
  font-size: 18px;
  border-radius: 4px;
  background-clip: padding-box;
  text-align: center;
  cursor: pointer;
}

#billing_info .data_area .left_column .billing_form .form_field .select_left span,
#manage_billing .data_area .left_column .billing_form .form_field .select_left span {
  font-family: 'OpenSansSemibold';
  position: relative;
  top: 12px;
  margin: 0;
}

#billing_info .data_area .left_column .billing_form .form_field .select_left.select_month_body,
#manage_billing .data_area .left_column .billing_form .form_field .select_left.select_month_body {
  left: 0;
}

#billing_info .data_area .left_column .billing_form .form_field .select_left.select_month_body a,
#manage_billing .data_area .left_column .billing_form .form_field .select_left.select_month_body a {
  text-decoration: none;
  width: 55px;
  margin: 2px 0;
  display: inline-block;
}

#billing_info .data_area .left_column .billing_form .form_field .select_left.select_year_body,
#manage_billing .data_area .left_column .billing_form .form_field .select_left.select_year_body {
  left: 0;
}

#billing_info .data_area .left_column .billing_form .form_field .select_left.select_year_body a,
#manage_billing .data_area .left_column .billing_form .form_field .select_left.select_year_body a {
  text-decoration: none;
  display: inline-block;
  width: 55px;
  margin: 2px 0;
}

#billing_info .data_area .left_column .billing_form .form_field .select_left.select_year_body a:hover,
#manage_billing .data_area .left_column .billing_form .form_field .select_left.select_year_body a:hover {
  background-color: #ddd;
}

#billing_info .data_area .left_column .billing_form .form_field .select_left.invalid,
#manage_billing .data_area .left_column .billing_form .form_field .select_left.invalid {
  border: 2px solid #FF7978;
}

#billing_info .data_area .left_column .billing_form .form_field .select_right,
#manage_billing .data_area .left_column .billing_form .form_field .select_right {
  cursor: pointer;
  position: relative;
  vertical-align: middle;
  display: inline-block;
  width: 30px;
  height: 40px;
  background-color: #CDCDCD;
  border: 2px solid #BBBBBB;
  border-radius: 4px;
  background-clip: padding-box;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

#billing_info .data_area .left_column .billing_form .form_field .select_right .arrow,
#manage_billing .data_area .left_column .billing_form .form_field .select_right .arrow {
  width: 0;
  height: 0;
  border-width: 7px 7px 0 7px;
  border-color: #999 transparent transparent transparent;
  border-style: inset;
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
  margin: 17px auto auto;
}

#billing_info .data_area .left_column .billing_form .form_field .select_right.select_month_selector,
#manage_billing .data_area .left_column .billing_form .form_field .select_right.select_month_selector {
  left: -10px;
  margin-right: 15px;
}

#billing_info .data_area .left_column .billing_form .form_field .select_right.select_year_selector,
#manage_billing .data_area .left_column .billing_form .form_field .select_right.select_year_selector {
  left: -10px;
}

#billing_info .data_area .left_column .billing_form .form_field .select_right.invalid,
#manage_billing .data_area .left_column .billing_form .form_field .select_right.invalid {
  border: 2px solid #FF7978;
}

#billing_info .data_area .left_column .billing_form .form_field input,
#manage_billing .data_area .left_column .billing_form .form_field input {
  font-family: 'OpenSansRegular';
  font-weight: normal;
  font-size: 18px;
  height: 44px;
  padding: 0 5px;
  border-radius: 5px;
  background-clip: padding-box;
  border: 2px solid #F0F0F0;
  color: #666;
  position: relative;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#billing_info .data_area .left_column .billing_form .form_field input:focus,
#manage_billing .data_area .left_column .billing_form .form_field input:focus {
  outline: none;
}

#billing_info .data_area .left_column .billing_form .form_field input.billing_name,
#manage_billing .data_area .left_column .billing_form .form_field input.billing_name {
  width: 270px;
  left: 72px;
}

#billing_info .data_area .left_column .billing_form .form_field input.billing_phone,
#manage_billing .data_area .left_column .billing_form .form_field input.billing_phone {
  width: 273px;
  left: 2px;
}

#billing_info .data_area .left_column .billing_form .form_field input.billing_card,
#manage_billing .data_area .left_column .billing_form .form_field input.billing_card {
  width: 270px;
  left: 15px;
}

#billing_info .data_area .left_column .billing_form .form_field input.billing_code,
#manage_billing .data_area .left_column .billing_form .form_field input.billing_code {
  width: 123px;
  left: 14px;
}

#billing_info .data_area .left_column .billing_form .form_field input.invalid,
#manage_billing .data_area .left_column .billing_form .form_field input.invalid {
  border: 2px solid #FF7978;
}

#billing_info .data_area .left_column .billing_form .form_field .error,
#manage_billing .data_area .left_column .billing_form .form_field .error {
  color: #FF7978;
  font-family: 'OpenSansSemibold';
  font-weight: normal;
  font-size: 12px;
  top: -7px;
  position: relative;
}

#billing_info .data_area .left_column .billing_form .form_field .error.name_error,
#manage_billing .data_area .left_column .billing_form .form_field .error.name_error {
  left: 142px;
}

#billing_info .data_area .left_column .billing_form .form_field .error.card_error,
#manage_billing .data_area .left_column .billing_form .form_field .error.card_error {
  left: 142px;
}

#billing_info .data_area .left_column .billing_form .form_field .error.code_error,
#manage_billing .data_area .left_column .billing_form .form_field .error.code_error {
  left: 142px;
}

#billing_info .data_area .left_column .billing_form .form_field .error.date_error,
#manage_billing .data_area .left_column .billing_form .form_field .error.date_error {
  top: 5px;
  left: 142px;
}

#billing_info .data_area .left_column .billing_form .form_field .credit_card_img,
#manage_billing .data_area .left_column .billing_form .form_field .credit_card_img {
  background: url('/static/img/credit_cards.png') no-repeat;
  position: relative;
  top: -7px;
  left: 225px;
  width: 150px;
  height: 30px;
}

#billing_info .data_area .left_column .billing_form .form_field.phone_field,
#manage_billing .data_area .left_column .billing_form .form_field.phone_field {
  margin-top: 10px;
}

#billing_info .data_area .left_column .billing_form .error,
#manage_billing .data_area .left_column .billing_form .error {
  color: #FF7978;
  font-family: 'OpenSansSemibold';
  font-weight: normal;
  font-size: 12px;
  position: relative;
  left: 0;
}

#billing_info .data_area .left_column .two_year_detail,
#manage_billing .data_area .left_column .two_year_detail {
  margin-left: 22px;
  color: #03A9E5;
  font-weight: 500;
  font-family: "OpenSansRegular";
  font-size: 18px;
}

#billing_info .data_area .left_column .discount,
#manage_billing .data_area .left_column .discount {
  font-size: 18px;
  margin-left: 22px;
  line-height: 26px;
}

#billing_info .data_area .left_column .discount span,
#manage_billing .data_area .left_column .discount span {
  display: inline-block;
  width: 135px;
}

#billing_info .data_area .left_column .discount .original,
#manage_billing .data_area .left_column .discount .original {
  text-decoration: line-through;
}

#billing_info .data_area .left_column .discount .original span,
#manage_billing .data_area .left_column .discount .original span {
  text-decoration: line-through;
}

#billing_info .data_area .left_column .payment_summary,
#manage_billing .data_area .left_column .payment_summary {
  margin: 20px 0 15px 22px;
  color: #03A9E5;
  font-family: "OpenSansRegular";
  font-weight: 600;
  font-size: 22px;
  max-width: 205px;
  display: inline-block;
  vertical-align: top;
}

#billing_info .data_area .left_column .payment_info,
#manage_billing .data_area .left_column .payment_info {
  margin-left: 0;
}

#billing_info .data_area .left_column .year-descr,
#manage_billing .data_area .left_column .year-descr {
  margin-left: 23px;
  margin-top: -5px;
  text-align: left;
  font-family: "OpenSansRegular";
  font-size: 16px;
  color: #666;
}

#billing_info .data_area .left_column .transaction-info,
#manage_billing .data_area .left_column .transaction-info {
  font-family: 'OpenSansRegular';
  font-weight: normal;
  color: #666;
  font-size: 13px;
  margin: 0 0 0 25px;
}

#billing_info .data_area .left_column .transaction-info a,
#manage_billing .data_area .left_column .transaction-info a,
#billing_info .data_area .left_column .transaction-info a:visited,
#manage_billing .data_area .left_column .transaction-info a:visited {
  color: #666;
  font-family: 'OpenSansSemibold';
}

#billing_info .data_area .left_column .float-box,
#manage_billing .data_area .left_column .float-box {
  float: left;
}

#billing_info .data_area .left_column .money-back-box,
#manage_billing .data_area .left_column .money-back-box {
  position: relative;
  float: left;
  top: 0;
}

#billing_info .data_area .left_column .money-back-box.initial,
#manage_billing .data_area .left_column .money-back-box.initial {
  display: none;
  left: 203px;
  top: 70px;
}

#billing_info .data_area .right_column,
#manage_billing .data_area .right_column {
  vertical-align: top;
  text-align: left;
  display: inline-block;
  width: 300px;
  margin: 0 auto;
}

#billing_info .data_area .right_column .promo-box,
#manage_billing .data_area .right_column .promo-box {
  font-size: 16px;
  margin: 7px 0 40px;
}

#billing_info .data_area .right_column .promo-box .title,
#manage_billing .data_area .right_column .promo-box .title {
  text-transform: uppercase;
  color: #00aaea;
  font-family: 'OpenSansSemibold';
}

#billing_info .data_area .right_column .promo-box .text,
#manage_billing .data_area .right_column .promo-box .text {
  color: #666;
  font-family: 'OpenSansRegular';
  font-size: 13px;
  line-height: 18px;
  margin-top: 8px;
}

#billing_info .data_area .right_column .promo-box .text.regular,
#manage_billing .data_area .right_column .promo-box .text.regular {
  font-family: 'OpenSansRegular';
}

#billing_info .data_area .right_column h2,
#manage_billing .data_area .right_column h2 {
  margin-left: 8px;
  margin-bottom: 15px;
}

#billing_info .data_area .right_column .plan_container .plan,
#manage_billing .data_area .right_column .plan_container .plan {
  text-align: center;
  width: 185px;
  height: 145px;
  border: 1px solid #FEDEC5;
  border-radius: 4px;
  background-clip: padding-box;
}

#billing_info .data_area .right_column .plan_container .plan .header,
#manage_billing .data_area .right_column .plan_container .plan .header {
  position: relative;
  padding: 5px;
  height: 55px;
  background: url('/static/img/fee_plan_header_gragient1.svg') no-repeat;
  line-height: 26px;
  color: white;
  font-family: "OpenSansRegular";
  font-weight: normal;
  font-size: 24px;
}

#billing_info .data_area .right_column .plan_container .plan .header .plan_name,
#manage_billing .data_area .right_column .plan_container .plan .header .plan_name {
  line-height: 24px;
  margin-top: 16px;
  text-transform: capitalize;
}

#billing_info .data_area .right_column .plan_container .plan .header .plan_name .recurring,
#manage_billing .data_area .right_column .plan_container .plan .header .plan_name .recurring {
  font-family: "OpenSansRegular";
  font-size: 12px;
  line-height: 12px;
  margin-top: 10px;
}

#billing_info .data_area .right_column .plan_container .plan .header .plan_name.recurring,
#manage_billing .data_area .right_column .plan_container .plan .header .plan_name.recurring {
  margin-top: 6px;
}

#billing_info .data_area .right_column .plan_container .plan .header .add_info,
#manage_billing .data_area .right_column .plan_container .plan .header .add_info {
  font-family: 'OpenSansSemibold';
  font-size: 16px;
  font-weight: normal;
  opacity: 0.8;
}

#billing_info .data_area .right_column .plan_container .plan .body,
#manage_billing .data_area .right_column .plan_container .plan .body {
  height: 80px;
  color: #7A461C;
  background: #FFF4ED;
  border-radius: 4px;
  background-clip: padding-box;
  font-family: "OpenSansRegular";
  font-weight: normal;
}

#billing_info .data_area .right_column .plan_container .plan .body .price,
#manage_billing .data_area .right_column .plan_container .plan .body .price {
  position: relative;
  top: 15px;
}

#billing_info .data_area .right_column .plan_container .plan .body .price .price_left,
#manage_billing .data_area .right_column .plan_container .plan .body .price .price_left {
  font-size: 36px;
  line-height: 40px;
}

#billing_info .data_area .right_column .plan_container .plan .body .price .price_right,
#manage_billing .data_area .right_column .plan_container .plan .body .price .price_right {
  font-size: 20px;
  line-height: 20px;
  margin: 0 0 0 -10px;
  position: relative;
  top: -10px;
}

#billing_info .data_area .right_column .plan_container .plan .body .price .monthly_fee,
#manage_billing .data_area .right_column .plan_container .plan .body .price .monthly_fee {
  font-size: 20px;
  line-height: 30px;
  font-family: 'OpenSansSemibold';
}

#billing_info .data_area .right_column .plan_container .plan .body .price .discount,
#manage_billing .data_area .right_column .plan_container .plan .body .price .discount {
  color: #04AAE9;
  font-size: 20px;
  line-height: 36px;
}

#billing_info .data_area .right_column .plan_container .plan .body .select_plan,
#manage_billing .data_area .right_column .plan_container .plan .body .select_plan {
  font-size: 18px;
  height: 42px;
  line-height: 42px;
  margin: 40px auto;
}

#billing_info .data_area .right_column .plan_container .card_shadow,
#manage_billing .data_area .right_column .plan_container .card_shadow {
  background: url("/static/img/diagonalshadow.png") no-repeat scroll transparent;
  width: 195px;
  background-size: 192px;
  background-position: -4px -2px;
  height: 10px;
}

#billing_info .data_area .right_column .plan_container .guarantee,
#manage_billing .data_area .right_column .plan_container .guarantee {
  width: 185px;
  margin: 0 auto;
  top: 20px;
  text-align: center;
  font-family: "OpenSansSemibold";
  font-weight: normal;
  font-size: 18px;
  color: #666;
  position: relative;
}

#billing_info .data_area .right_column .plan_container .guarantee.monthly,
#manage_billing .data_area .right_column .plan_container .guarantee.monthly {
  top: 30px;
}

#billing_info .data_area .right_column .plan_container .different_plan,
#manage_billing .data_area .right_column .plan_container .different_plan {
  cursor: pointer;
  margin: 0 0 30px;
  text-align: center;
  font-family: 'OpenSansRegular';
  font-size: 12px;
  font-weight: normal;
  width: 185px;
}

#billing_info .data_area .right_column .plan_container .seals,
#manage_billing .data_area .right_column .plan_container .seals {
  width: 300px;
}

#billing_info .data_area .right_column .plan_container .seals img,
#manage_billing .data_area .right_column .plan_container .seals img {
  margin-bottom: 5px;
}

#billing_info .data_area .right_column .plan_container .seals img:first-child,
#manage_billing .data_area .right_column .plan_container .seals img:first-child {
  margin-right: 10px;
}

#billing_info .data_area .right_column .plan_container .seals a:hover,
#manage_billing .data_area .right_column .plan_container .seals a:hover {
  text-decoration: none;
}

#billing_info .data_area .right_column .billing_assets,
#manage_billing .data_area .right_column .billing_assets {
  background: url('/static/img/billing_sertificates.png') no-repeat transparent;
  background-size: 240px auto;
  width: 240px;
  height: 100px;
  position: relative;
  top: -10px;
  left: -28px;
}

#billing_info .js-submit_btn,
#manage_billing .js-submit_btn {
  height: 48px;
  line-height: 47px;
  font-size: 20px;
  margin: 40px auto 20px;
  width: 180px;
}

#billing_info .js-submit_btn.seal,
#manage_billing .js-submit_btn.seal {
  margin: 40px auto 20px;
}

#billing_info .money_back_seal,
#manage_billing .money_back_seal {
  width: 80px;
  height: 80px;
  background: url('/static/img/money-back-seal.png') no-repeat transparent;
  background-size: cover;
  display: inline-block;
  margin-left: 10px;
  position: relative;
  top: 10px;
}

#manage_billing {
  padding: 0;
}

#manage_billing .content {
  padding-bottom: 200px;
}

#manage_billing .content {
  text-align: left;
}

#manage_billing .data_area .info_header {
  width: 650px;
  margin: 20px 0 40px 252px;
  text-align: left;
}

#manage_billing .data_area .info_header span {
  font-family: 'OpenSansRegular';
  font-weight: normal;
  font-size: 14pt;
  color: #666;
}

#manage_billing .data_area .info_header span.charge_info {
  font-size: 13px;
  line-height: 28px;
  margin-left: 42px;
}

#manage_billing .data_area .info_header .card_data {
  margin: 20px 0 0 40px;
}

#manage_billing .data_area .info_header .card_data .left_text {
  font-size: 13pt;
  font-family: 'OpenSansRegular';
  color: #7A7A7A;
  font-weight: normal;
  line-height: 26px;
}

#manage_billing .data_area .info_header .card_data .card_info {
  font-family: 'OpenSansSemibold';
  color: #7A7A7A;
  font-weight: normal;
  font-size: 13pt;
  line-height: 26px;
  position: relative;
}

#manage_billing .data_area .info_header .card_data .card_info.card_holder {
  left: 121px;
}

#manage_billing .data_area .info_header .card_data .card_info.number {
  left: 80px;
}

#manage_billing .data_area .info_header .card_data .card_info.expiration_date {
  left: 50px;
}

#manage_billing .data_area .info_header.update_card {
  margin: 40px 0 0 252px;
}

#manage_billing .data_area .info_header .contact_section {
  margin-left: 42px;
  font-family: 'OpenSansRegular';
  font-weight: normal;
  font-size: 14px;
}

#manage_billing .data_area .info_header .contact_section span {
  font-size: 14px;
}

#manage_billing .data_area .info_header .contact_section a {
  cursor: pointer;
  color: #F05A20;
}

#manage_billing .data_area .info_header .contact_section a.request_refund {
  font-family: 'OpenSansRegular';
  font-size: 12pt;
  font-weight: normal;
}

#manage_billing .data_area .info_header .contact_section a.request_refund:hover {
  text-decoration: underline;
}

#manage_billing .data_area .info_header .contact_section a.hidden {
  display: none;
}

#manage_billing .data_area .info_header .contact_section a:hover {
  text-decoration: underline;
}

#manage_billing .data_area .info_header .contact_section .vpadder {
  height: 20px;
}

#manage_billing .data_area .info_header p.renewal_state {
  font-size: 16px;
  font-family: 'OpenSansRegular';
  font-weight: normal;
  color: #7A7A7A;
  margin: 10px 0 15px 42px;
}

#manage_billing .data_area .info_header span.auto_renew {
  font-size: 16px;
  font-family: 'OpenSansRegular';
  font-weight: normal;
  color: #7A7A7A;
  margin-left: 42px;
}

#manage_billing .data_area .info_header .change_state {
  margin: 10px 0 0 42px;
}

#manage_billing .data_area .info_header .change_state a {
  font-size: 16px;
  font-family: 'OpenSansRegular';
  font-weight: normal;
  cursor: pointer;
}

#manage_billing .data_area .info_header .end_date {
  color: #F05A20;
  font-family: 'OpenSansRegular';
  font-size: 16px;
  font-weight: normal;
  margin-left: 42px;
}

#manage_billing .data_area .info_header .dont_miss {
  color: #2495bf;
  font-family: 'OpenSansRegular';
  font-size: 14px;
  font-weight: normal;
  margin-left: 42px;
}

#manage_billing .data_area .left_column {
  position: relative;
  margin: 0 auto;
  display: block;
  top: -18px;
}

#manage_billing .data_area .left_column .billing_form {
  width: 425px;
  margin: 0 0 0 85px;
}

#manage_billing .data_area .left_column .billing_form .form_field {
  margin: 20px 0;
}

#manage_billing .data_area .left_column .billing_form .form_field span {
  font-family: 'OpenSansRegular';
  font-weight: normal;
  font-size: 13pt;
}

#manage_billing .data_area .left_column .billing_form .form_field input {
  width: 220px;
  position: relative;
  font-family: 'OpenSansRegular';
}

#manage_billing .data_area .left_column .billing_form .form_field input.billing_name {
  left: 86px;
  width: 220px;
  position: relative;
}

#manage_billing .data_area .left_column .billing_form .form_field input.billing_card {
  left: 65px;
  width: 220px;
  position: relative;
}

#manage_billing .data_area .left_column .billing_form .form_field .error.name_error {
  left: 0;
}

#manage_billing .data_area .left_column .billing_form .form_field .error.card_error {
  left: 0;
}

#manage_billing .data_area .left_column .billing_form .form_field .error.date_error {
  left: 0;
}

#manage_billing .data_area .left_column .button_update {
  position: relative;
  left: 500px;
  padding: 3px 20px;
}

#manage_billing .data_area .success_msg {
  font-family: 'OpenSansRegular';
  font-weight: normal;
  font-size: 13px;
  color: #52A052;
  margin: 20px 0 0 90px;
}

#billing_info .hidden_element {
  background: url('/static/img/primary_bg_gray.svg');
}

#manage_billing .change_state_enable {
  margin-top: 20px;
}

#manage_billing .change_state_enable a.enable_auto_renewal {
  font-family: 'OpenSansSemibold';
  font-size: 13px;
  font-weight: normal;
  padding: 4px 20px;
  position: relative;
  left: 377px;
}

#braintree-payment-form .error {
  color: #FF7978;
  font-family: 'OpenSansSemibold';
  font-weight: normal;
  font-size: 12px;
  position: relative;
}

#braintree-payment-form .error.update_error {
  margin: 20px 0 0 90px;
}

#plus_promo_modal {
  width: 100%;
  max-width: 872px;
}

@media (max-width: 767.98px) {
  .PlusPromoModal {
    padding: 20px;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .PlusPromoModal {
    max-width: 842px;
    padding: 30px;
  }
}

@media (min-width: 992px) {
  .PlusPromoModal {
    max-width: 842px;
    padding: 40px;
  }
}

.PlusPromoModal_title {
  max-width: 500px;
  margin: 0 auto 20px auto;
  padding: 0;
  color: #ff7a00;
  font-family: OpenSansSemibold;
  font-weight: bold;
  text-align: center;
}

@media (max-width: 767.98px) {
  .PlusPromoModal_title {
    font-size: 28px;
    line-height: 3rem;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .PlusPromoModal_title {
    font-size: 32px;
    line-height: 3.2rem;
    margin-bottom: 30px;
  }
}

@media (min-width: 992px) {
  .PlusPromoModal_title {
    font-size: 34px;
    line-height: 3.6rem;
    margin-bottom: 60px;
  }
}

.PlusPromoModal_discountBadge {
  background: url("/static/img/discount_modal_badge.png") no-repeat center;
  background-size: contain;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 767.98px) {
  .PlusPromoModal_discountBadge {
    width: 90px;
    height: 90px;
    margin: 0 auto;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .PlusPromoModal_discountBadge {
    width: 100px;
    height: 100px;
  }
}

@media (min-width: 768px) {
  .PlusPromoModal_discountBadge {
    -webkit-transform: rotate(10deg) translate3d(0, 0, 0);
    transform: rotate(10deg) translate3d(0, 0, 0);
    position: absolute;
    top: 10px;
    right: 5px;
  }
}

@media (min-width: 992px) {
  .PlusPromoModal_discountBadge {
    width: 150px;
    height: 150px;
  }
}

.PlusPromoModal_discountValue {
  text-align: center;
  color: #fff;
  line-height: 1.1;
}

@media (max-width: 767.98px) {
  .PlusPromoModal_discountValue {
    font-size: 14px;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .PlusPromoModal_discountValue {
    font-size: 20px;
  }
}

@media (min-width: 992px) {
  .PlusPromoModal_discountValue {
    font-size: 30px;
  }
}

.PlusPromoModal_discountText {
  line-height: normal;
}

@media (max-width: 991.98px) {
  .PlusPromoModal_discountText {
    font-size: 10px;
  }
}

@media (min-width: 992px) {
  .PlusPromoModal_discountText {
    font-size: 13px;
  }
}

.PlusPromoModal_text {
  color: #666666;
  font-family: "OpenSansRegular";
}

@media (max-width: 767.98px) {
  .PlusPromoModal_text {
    font-size: 18px;
    line-height: 20px;
  }
}

@media (min-width: 768px) {
  .PlusPromoModal_text {
    font-size: 20px;
    line-height: 22px;
  }
}

@media (min-width: 768px) {
  .PlusPromoModal_picWrap {
    padding-left: 30px;
  }
}

.PlusPromoModal_pic {
  display: block;
  width: 100%;
}

@media (max-width: 767.98px) {
  .PlusPromoModal_pic {
    margin: 0 auto;
  }
}

.PlusPromoModal_pic-n1 {
  max-width: 320px;
}

.PlusPromoModal_pic-n2 {
  max-width: 250px;
}

.PlusPromoModal_testimonial {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 10px;
}

.PlusPromoModal_cite {
  display: inline-block;
  vertical-align: top;
  width: 80%;
  margin-left: 15px;
}

.PlusPromoModal_cite span:first-child {
  font-size: 14px;
  font-family: "OpenSansSemibold";
  color: #a80c3f;
}

.PlusPromoModal_cite span:last-child {
  font-size: 14px;
  font-family: "OpenSansSemibold";
  color: #777;
}

.PlusPromoModal_avatar {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 3px #e9d8a3;
  box-shadow: 0 0 0 3px #e9d8a3;
}

.PlusPromoModal_avatar-tiffany {
  background: url("/static/img/testimonial_tiffany.png") no-repeat transparent;
  background-position: -5px -5px;
}

.PlusPromoModal_avatar-paul {
  background: url("/static/img/testimonial_paul.png") no-repeat transparent;
  background-position: -3px 0;
}

.PlusPromoModal_join {
  margin: 30px 0 0;
  text-align: center;
}

.PlusPromoModal_join .browse_other,
.PlusPromoModal_join .do_activities {
  width: 100%;
}

.PlusPromoModal_join .browse_other a,
.PlusPromoModal_join .do_activities a {
  font-size: 1.8rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #5f5f5f;
  margin-top: 10px;
  display: block;
}

html[data-wcag-enabled="true"] #plus_promo_modal h2 {
  color: black;
}

.popover-pointed {
  -webkit-box-shadow: 0 1px 0 #FFFFFF, inset 0 1px 0 rgba(255, 255, 255, 0.5);
  box-shadow: 0 1px 0 #FFFFFF, inset 0 1px 0 rgba(255, 255, 255, 0.5);
  -webkit-animation-name: buttonglow;
  animation-name: buttonglow;
  -webkit-animation-duration: 6s;
  animation-duration: 6s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.popover-pointed > p {
  padding: 10px;
}

.popover-pointed.sign {
  border-radius: 12px;
}

@-webkit-keyframes buttonglow {
  from {
    -webkit-box-shadow: 0 0 20px rgba(0, 115, 165, 0.65), inset 0 1px 0 rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 20px rgba(0, 115, 165, 0.65), inset 0 1px 0 rgba(255, 255, 255, 0.5);
  }

  10% {
    -webkit-box-shadow: 0 0 20px #0073a5, inset 0 1px 0 rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 20px #0073a5, inset 0 1px 0 rgba(255, 255, 255, 0.5);
  }

  90% {
    -webkit-box-shadow: 0 0 20px #0073a5, inset 0 1px 0 rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 20px #0073a5, inset 0 1px 0 rgba(255, 255, 255, 0.5);
  }

  to {
    -webkit-box-shadow: 0 0 20px rgba(0, 115, 165, 0.65), inset 0 1px 0 rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 20px rgba(0, 115, 165, 0.65), inset 0 1px 0 rgba(255, 255, 255, 0.5);
  }
}

@keyframes buttonglow {
  from {
    -webkit-box-shadow: 0 0 20px rgba(0, 115, 165, 0.65), inset 0 1px 0 rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 20px rgba(0, 115, 165, 0.65), inset 0 1px 0 rgba(255, 255, 255, 0.5);
  }

  10% {
    -webkit-box-shadow: 0 0 20px #0073a5, inset 0 1px 0 rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 20px #0073a5, inset 0 1px 0 rgba(255, 255, 255, 0.5);
  }

  90% {
    -webkit-box-shadow: 0 0 20px #0073a5, inset 0 1px 0 rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 20px #0073a5, inset 0 1px 0 rgba(255, 255, 255, 0.5);
  }

  to {
    -webkit-box-shadow: 0 0 20px rgba(0, 115, 165, 0.65), inset 0 1px 0 rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 20px rgba(0, 115, 165, 0.65), inset 0 1px 0 rgba(255, 255, 255, 0.5);
  }
}

.popover.bottom {
  margin-top: 20px;
}

.popover.bottom .arrow {
  top: -10px;
  left: 50%;
  margin-left: -15px;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #fff;
  border-left: 15px solid transparent;
}

.popover.top {
  margin-top: -37px;
}

.popover.top .arrow {
  bottom: -10px;
  left: 50%;
  margin-left: -15px;
  border-top: 15px solid white;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
}

.popover.right {
  margin-left: 15px;
}

.popover.right .arrow {
  top: 50%;
  left: -10px;
  margin-top: -15px;
  border-top: 15px solid transparent;
  border-right: 15px solid #fff;
  border-bottom: 15px solid transparent;
}

.popover.left {
  margin-left: -15px;
}

.popover.left .arrow {
  top: 50%;
  right: -10px;
  margin-top: -15px;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 15px solid #fff;
}

.group-solo-tour .popover-inner {
  width: 750px;
}

.track-detail-track-card .popover-inner,
.quiz-start .popover-inner {
  width: 287px;
}

.available-track-card .popover-inner {
  width: 560px;
}

.notice-difference.popover {
  margin-top: -39px;
}

.reporter-top.popover {
  margin-top: -57px;
}

.quiz-start.popover {
  margin-top: -56px;
  z-index: 2002;
}

.group-feed-tour.popover {
  margin-top: -49px;
}

.my-track-bottom.popover {
  margin-top: -44px;
}

.medium-width .popover-inner,
.my-track-bottom .popover-inner {
  width: 340px;
}

.my-track-top .popover-inner {
  width: 330px;
}

.my-track-nav-popover .popover-inner {
  width: 307px;
}

.reporter-privacy-bar .popover-inner {
  width: 465px;
}

.quiz-privacy-bar .popover-inner {
  width: 454px;
}

.group-feed-tour .popover-inner {
  width: 447px;
}

.reporter-top .popover-inner,
.progress-bar .popover-inner,
.notice-difference .popover-inner {
  width: 400px;
}

.reporter-bottom .popover-inner {
  width: 550px;
}

.group-feed-button-tour.popover {
  margin-top: -45px;
}

.popover.right .popover-inner,
.popover.left .popover-inner,
.popover.bottom .popover-inner,
.popover.top .popover-inner {
  -webkit-box-shadow: 0 0 15px rgba(50, 50, 50, 0.25);
  box-shadow: 0 0 15px rgba(50, 50, 50, 0.25);
  border: 2px solid #e6e6e6;
  background: #fff;
  padding: 0;
  font-family: 'OpenSansRegular';
  border-radius: 6px;
}

.popover.right .popover-inner .popover-title,
.popover.left .popover-inner .popover-title,
.popover.bottom .popover-inner .popover-title,
.popover.top .popover-inner .popover-title {
  background: #fff;
  position: relative;
  text-align: left;
  font-weight: normal;
  border: none;
  font-size: 20px;
  color: #777774;
  padding: 13px 15px 10px 44px;
}

.popover.right .popover-inner .popover-content,
.popover.left .popover-inner .popover-content,
.popover.bottom .popover-inner .popover-content,
.popover.top .popover-inner .popover-content {
  color: #777;
  line-height: 21px;
  font-size: 16px;
  text-align: left;
  background: #fff;
  min-height: 40px;
  font-family: 'OpenSansLight';
  padding: 0 30px 10px 50px;
}

.popover.right .popover-inner .popover-content b,
.popover.left .popover-inner .popover-content b,
.popover.bottom .popover-inner .popover-content b,
.popover.top .popover-inner .popover-content b,
.popover.right .popover-inner .popover-content strong,
.popover.left .popover-inner .popover-content strong,
.popover.bottom .popover-inner .popover-content strong,
.popover.top .popover-inner .popover-content strong {
  font-family: 'OpenSansSemibold';
  font-weight: normal;
}

.popover.right .popover-inner .popover-bottom,
.popover.left .popover-inner .popover-bottom,
.popover.bottom .popover-inner .popover-bottom,
.popover.top .popover-inner .popover-bottom {
  background: white;
  padding: 7px 10px;
  overflow: auto;
}

.popover {
  font-family: OpenSansSemibold;
  font-weight: 400;
}

.popover .previous {
  text-decoration: underline;
  cursor: pointer;
}

.popover .previous,
.popover .instruction {
  float: left;
  margin-top: 3px;
  color: #999;
  font-family: OpenSansSemibold;
  font-weight: 400;
  font-size: 12px;
  cursor: pointer;
  background: none;
  border: none;
}

.popover .previous:before {
  content: '<';
  text-decoration: none;
}

.popover .next.button_tertiary,
.popover .instruction.right,
.popover .done.button_tertiary {
  float: right;
}

.popover .instruction {
  border: none;
  padding: 0;
}

.modal-open .popover {
  z-index: 1049;
}

.modal-open .popover.my-track-nav-popover {
  z-index: 1039;
}

.popover-title:before {
  content: "";
  display: block;
  width: 24px;
  height: 23px;
  position: absolute;
  top: 12px;
  left: 12px;
  background-image: url('/static/img/fueled/info_icn.png');
  background-color: rgba(0, 0, 0, 0);
  background-repeat: no-repeat;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  .popover-title:before {
    background-image: url('/static/img/fueled/info_icn@2x.png');
    background-size: 24px 23px;
  }
}

.popover.bottom:before {
  top: -23px;
}

.popover.top:before {
  bottom: -23px;
  border-color: #fff transparent transparent;
}

.popover.left:before {
  top: 50%;
  right: -23px;
  left: auto;
  margin-top: -15px;
  border-color: transparent transparent transparent #FFF;
}

.popover.right:before {
  top: 50%;
  left: -8px;
  right: auto;
  margin-top: -15px;
  border-color: transparent #FFF transparent transparent;
}

.popover:before {
  left: 50%;
  margin-left: -15px;
  z-index: 2;
  width: 0;
  height: 0;
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 15px;
  border-color: transparent transparent #fff;
  pointer-events: none;
}

.popover:after {
  border-style: solid;
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  z-index: 1;
  pointer-events: none;
}

.popover.bottom:after {
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0.06);
  border-width: 18px;
  left: 50%;
  margin-left: -18px;
  top: -30px;
}

.popover.top:after {
  border-color: rgba(0, 0, 0, 0.06) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  bottom: -30px;
  border-width: 18px;
  left: 50%;
  margin-left: -18px;
}

.popover.left:after {
  top: 50%;
  right: -28px;
  left: auto;
  margin-top: -17px;
  border-width: 17px;
  border-color: transparent transparent transparent rgba(0, 0, 0, 0.06);
}

.popover.right:after {
  top: 50%;
  left: -28px;
  right: auto;
  margin-top: -17px;
  border-width: 17px;
  border-color: transparent rgba(0, 0, 0, 0.06) transparent transparent;
}

.popover .arrow {
  display: none;
}

.heart-active {
  position: relative;
  text-align: left;
  cursor: pointer;
  width: 20px;
  height: 20px;
  background-image: url("/static/img/sprite-1.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -273px -105px;
}

.heart-inactive {
  position: relative;
  background-image: url("/static/img/sprite-1.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -300px -105px;
  width: 20px;
  height: 20px;
  text-align: left;
  cursor: pointer;
}

.activity-status-cnt {
  position: relative;
  margin: 20px 0 0;
}

.home-bottom-cnt .masonry-item {
  -webkit-transition: opacity .5s linear;
  transition: opacity .5s linear;
}

.masonry-item {
  float: left;
}

.js-featured-posts {
  margin-left: 10px;
}

.js-featured-posts .card {
  width: 195px;
}

.js-featured-posts .card-img {
  width: 175px;
}

.js-featured-posts .card-info {
  width: 180px;
  border-bottom: 1px solid #efefef;
}

.js-featured-posts .card-footer {
  width: 180px;
}

.card {
  border-radius: 5px;
  background: #fff;
  background-clip: padding-box;
  float: left;
  font-size: 11px;
  width: 238px;
  margin: 0 5px 20px 0;
  border: 1px solid #dcdcdc;
}

.card .button_tertiary {
  position: relative;
  float: right;
  margin-left: 5px;
  top: -4px;
  vertical-align: middle;
  width: 60px;
  padding: 2px 0 0 0;
  text-align: center;
  line-height: 19px;
}

.card .button_tertiary .heart-inactive {
  background-position: -302px -105px;
}

.card a {
  color: #666;
  text-decoration: none;
}

.card .card-img-surround {
  padding: 0 8px;
  margin: 10px 0 12px;
}

.card .card-title {
  padding: 10px 10px 0 10px;
  position: relative;
  font-size: 13px;
  color: #f26531;
  font-family: 'OpenSansSemibold';
  width: 222px;
  line-height: 16px;
}

.card .card-title.savor {
  color: #c5168a;
}

.card .card-title.thank {
  color: #ff7a00;
}

.card .card-title.aspire {
  color: #00aaea;
}

.card .card-title.give {
  color: #06b709;
}

.card .card-title.empathize {
  color: #ff3131;
}

.card .card-title.revive {
  color: #2ac4c5;
}

.card .card-title.other {
  color: #f4d420;
}

.card .card-tip {
  position: relative;
  padding: 0 10px 5px 10px;
  color: #7f7f7d;
  font-size: 11px;
  font-family: 'OpenSansSemibold';
}

.card .card-info {
  position: relative;
  padding: 4px 10px 5px 10px;
  overflow: hidden;
  float: left;
  clear: both;
  border-bottom: 1px solid #efefef;
}

.card .card-info .card-left {
  float: left;
  width: 27px;
  text-align: center;
  padding-top: 5px;
}

.card .card-info .card-left .img_container {
  width: 26px;
  height: 26px;
  position: relative;
  border-radius: 13px;
  background-clip: padding-box;
  border: 1px solid #dad9d7;
  background-color: #ffffff;
  display: block;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
}

.card .card-info .card-left .img_container.pioneer_plus {
  background-color: #f4d420;
  border: none;
  width: 28px;
  height: 28px;
  border-radius: 14px;
  background-clip: padding-box;
}

.card .card-info .card-left .img_container.pioneer_plus img {
  position: absolute;
  top: 2px;
  left: 2px;
  border-radius: 12px;
  background-clip: padding-box;
}

.card .card-info .card-left .img_container.pioneer {
  background-color: #e1e6ea;
  border: none;
  width: 28px;
  height: 28px;
  border-radius: 14px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
}

.card .card-info .card-left .img_container.pioneer img {
  position: absolute;
  top: 2px;
  left: 2px;
  border-radius: 12px;
  background-clip: padding-box;
}

.card .card-info .card-left .img_container img {
  position: absolute;
  top: 1px;
  left: 1px;
  border-radius: 12px;
  background-clip: padding-box;
}

.card .card-info .card-left img {
  border-radius: 12px;
  background-clip: padding-box;
}

.card .card-info .card-right {
  float: left;
  width: 170px;
  font-family: 'OpenSansRegular';
  color: #333333;
  font-size: 11px;
  line-height: 18px;
  padding-left: 6px;
  padding-top: 8px;
}

.card .card-info .card-right a {
  font-family: 'OpenSansBold';
  color: #ee5023;
}

.card .card-info .card-right a.get_more {
  font-family: 'OpenSansRegular';
  font-weight: normal;
  color: #E9560D;
}

.card .card-info .card-right .card-tease {
  position: relative;
  margin: 5px 0 5px 0;
  line-height: 14px;
}

.card .card-comments-header {
  position: relative;
  float: left;
  color: #808080;
  width: 100%;
  margin: 10px 0 0 0;
}

.card .card-comments-header .card-comments-header-left {
  float: left;
  padding-top: 3px;
  font-size: 12px;
  width: 44%;
}

.card .card-comments-header .card-comments-header-right {
  float: left;
  font-size: 12px;
  width: 56%;
  text-align: right;
}

.card .card-comments-header .card-comments-header-right .heart-active {
  display: inline-block;
  vertical-align: middle;
}

.card .card-comments-header .card-comments-header-right .heart-inactive {
  display: inline-block;
  vertical-align: middle;
}

.card .card-comments {
  position: relative;
  float: left;
  width: 100%;
}

.card .card-comments .card-comment {
  width: 100%;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #efefef;
  float: left;
  position: relative;
  background-color: #f8f8f8;
}

.card .card-comments .card-comment input {
  margin: 0 auto 0 auto;
  border: 1px solid #eee;
  width: 170px;
  height: 20px;
  padding: 3px;
}

.card .card-comments .add-comment {
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #efefef;
  float: left;
  position: relative;
  background-color: #f8f8f8;
  width: 100%;
  height: 25px;
  padding-top: 5px;
  font-size: 12px;
}

.card .card-comments .add-comment a {
  color: #ee5023;
  margin-left: 42px;
}

.card .card-footer {
  position: relative;
  margin: 10px 0 0 0;
  width: 100%;
  font-family: 'OpenSansBold';
  font-size: 10px;
  color: #ccc;
  float: left;
}

.card .card-footer .card-date {
  font-family: "OpenSansSemibold";
  font-weight: normal;
  font-size: 10px;
  color: #c5c5c5;
  float: left;
  width: 75%;
  padding: 4px 10px 0;
}

.card .card-footer .time-icon {
  float: right;
  background-image: url("/static/img/sprite-1.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -170px -488px;
  width: 25px;
  height: 25px;
}

.circular {
  margin: 15px 0 0 10px;
  width: 152px;
  height: 152px;
  border-radius: 76px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  border: 2px solid #dad9d7;
}

.circular img {
  position: relative;
  border: none;
  border-radius: 75px;
  background-clip: padding-box;
  top: 1px;
  left: 0;
}

.circular.pioneer_plus {
  border: none;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  background: #eac345;
  border-radius: 78px;
  background-clip: padding-box;
  width: 158px;
  height: 158px;
}

.circular.pioneer_plus img {
  top: 4px;
  left: 0;
}

.profile-card {
  background: #ffffff;
  border-radius: 5px;
  background-clip: padding-box;
  padding: 10px;
  border: 1px solid #DDDDDD;
  float: left;
  position: relative;
  width: 573px;
  height: 270px;
  margin: 0 5px 15px 10px;
}

.profile-card .profile-left {
  position: relative;
  float: left;
  width: 200px;
  height: 260px;
  text-align: center;
}

.profile-card .profile-left #edit_profile {
  position: absolute;
  top: 180px;
  left: 40px;
  padding: 4px 6px 4px 7px;
  margin: 10px 0 0;
  height: 16px;
  width: 80px;
}

.profile-card .profile-left .js-follow-button {
  margin: 20px 0 0 0;
}

.profile-card .profile-left .js-follow-button .button_secondary {
  height: 12px;
  width: 70px;
  line-height: 12px;
  margin: 0 auto;
}

.profile-card .circular .label {
  position: absolute;
  width: 166px;
  height: 56px;
  top: 0;
  left: 0;
  display: none;
}

.profile-card .circular .label.pioneer_plus {
  top: 140px;
  left: 5px;
  display: block;
  background-image: url("/static/img/sprite-2.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -386px -403px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  .profile-card .circular .label.pioneer_plus {
    background-image: url("/static/img/sprite-2@2x.png");
    background-size: 1040px 1253px;
  }
}

.profile-card .circular .label.pioneer {
  top: 140px;
  left: 4px;
  display: block;
  background-image: url("/static/img/sprite-2.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -718px -25px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  .profile-card .circular .label.pioneer {
    background-image: url("/static/img/sprite-2@2x.png");
    background-size: 1040px 1253px;
  }
}

.profile-right {
  position: relative;
  float: left;
  width: 350px;
  height: 260px;
}

.profile-right .profile-right-top {
  position: relative;
  width: 375px;
  height: 75px;
  border-bottom: 1px solid #eee;
}

.profile-right .profile-right-top h1 {
  color: #f05a20;
  font-size: 26px;
  margin: 0;
  padding: 0;
}

.profile-right .profile-right-top .location {
  color: #8b8b8b;
  font-size: 13px;
  font-family: 'OpenSansSemibold';
}

.profile-right .profile-right-top .profile-score-cont {
  clear: both;
  width: 90px;
  height: 70px;
  position: absolute;
  top: 0;
  right: 10px;
}

.profile-right .profile-right-top .profile-score-cont .profile-score {
  border-radius: 5px;
  width: 90px;
  height: 48px;
  position: relative;
  border: 1px solid #fea328;
  background-color: #fea328;
}

.profile-right .profile-right-top .profile-score-cont .profile-score .profile-score-img {
  position: relative;
  float: left;
  width: 40px;
  height: 40px;
  background-image: url("/static/img/sprite-1.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0 0;
}

.profile-right .profile-right-top .profile-score-cont .profile-score .profile-score-img.mood-very-unhappy {
  background-position: -482px -275px;
}

.profile-right .profile-right-top .profile-score-cont .profile-score .profile-score-img.mood-moderately-unhappy {
  background-position: -530px -275px;
}

.profile-right .profile-right-top .profile-score-cont .profile-score .profile-score-img.mood-mildly-unhappy {
  background-position: -578px -275px;
}

.profile-right .profile-right-top .profile-score-cont .profile-score .profile-score-img.mood-neutral {
  background-position: -626px -275px;
}

.profile-right .profile-right-top .profile-score-cont .profile-score .profile-score-img.mood-mildly-happy {
  background-position: -482px -313px;
}

.profile-right .profile-right-top .profile-score-cont .profile-score .profile-score-img.mood-moderately-happy {
  background-position: -530px -313px;
}

.profile-right .profile-right-top .profile-score-cont .profile-score .profile-score-img.mood-very-happy {
  background-position: -580px -313px;
}

.profile-right .profile-right-top .profile-score-cont .profile-score .profile-score-num {
  float: left;
  width: 40px;
  font-family: 'OpenSansSemibold';
  font-size: 26px;
  color: #fff;
  line-height: 46px;
  text-align: right;
}

.profile-right .profile-right-top .profile-score-text-cnt {
  position: absolute;
  top: 53px;
  right: 0;
  font-size: 11px;
  color: #333;
  font-family: 'OpenSansRegular';
}

.profile-right .profile-right-top .profile-score-text-cnt .profile-score-text {
  position: relative;
  float: right;
}

.profile-right .profile-right-top .profile-score-text-cnt .profile-score-date {
  position: relative;
  float: right;
  margin: 0 0 0 5px;
}

.profile-right .profile-right-bottom {
  position: relative;
  width: 375px;
  height: 150px;
  margin: 10px 0 0 0;
  font-size: 13px;
}

.profile-right .profile-right-bottom p {
  color: #666;
  font-family: 'OpenSansRegular';
  width: 350px;
  word-wrap: break-word;
}

.profile-right .profile-right-bottom .title {
  color: #999;
  font-family: 'OpenSansSemibold';
}

.profile-right .ribbon-counts {
  overflow: auto;
  float: right;
  position: absolute;
  right: 5px;
  bottom: -21px;
}

.profile-right .ribbon-count {
  float: left;
  line-height: 50px;
  margin: 0px 15px;
  color: #03a9e5;
  font-weight: bold;
}

.profile-right .silver-ribbon-count {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-image: url("/static/img/sprite-1.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -548px -747px;
  width: 47px;
  height: 57px;
  float: left;
}

.profile-right .gold-ribbon-count {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-image: url("/static/img/sprite-1.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -548px -812px;
  width: 47px;
  height: 57px;
  float: left;
}

#profile-tracks {
  margin-left: 12px;
}

#profile-tracks .topic {
  margin: 10px 7px 10px 7px;
  -webkit-box-shadow: 0 2px 2px #DDDDDD;
  box-shadow: 0 2px 2px #DDDDDD;
  position: relative;
  float: left;
  width: 304px;
  background: #FCFCFC;
  border-radius: 5px;
  background-clip: padding-box;
  border: 1px solid #ededed;
  cursor: pointer;
  height: 310px;
}

#profile-tracks .topic:hover {
  border: 1px solid #ee5a20;
}

#profile-tracks .topic img {
  border-radius: 5px 5px 0 0;
}

#profile-tracks .topic .card-track ul {
  margin-top: 10px;
  height: 35px;
}

#profile-tracks .topic .card-track .track-bar {
  top: -22px;
}

#profile-track-posts .track_posts_header h3 {
  display: block;
  color: #03a9e5;
  font-size: 20px;
  font-family: 'OpenSansRegular';
  float: left;
  width: 500px;
  margin-left: 10px;
  margin-top: 7px;
  font-weight: normal;
}

#profile-track-posts .track_posts_header .card-track {
  float: right;
  margin-right: 20px;
}

#profile-track-posts .track_posts_header .card-track .track_bar_img {
  position: absolute;
  background-image: url("/static/img/sprite-2.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -618px -790px;
  width: 269px;
  height: 28px;
  top: 31px;
  left: 700px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  #profile-track-posts .track_posts_header .card-track .track_bar_img {
    background-image: url("/static/img/sprite-2@2x.png");
    background-size: 1040px 1253px;
  }
}

#profile-track-posts .track_posts_header .card-track .level_connector {
  width: 57px;
  top: 43px;
}

#profile-track-posts .track_posts_header .card-track .level_connector.one {
  left: 725px;
}

#profile-track-posts .track_posts_header .card-track .level_connector.two {
  left: 805px;
}

#profile-track-posts .track_posts_header .card-track .level_connector.three {
  left: 888px;
}

#profile-track-posts .track_posts_header ul {
  margin-top: 10px;
  margin-right: 20px;
  position: relative;
}

#profile-track-posts .track_posts_header ul li.track-week {
  margin-left: 20px;
  margin-right: 0;
  position: absolute;
  top: -8px;
}

#profile-track-posts .track_posts_header ul li.track-week.track_first {
  left: -278px;
}

#profile-track-posts .track_posts_header ul li.track-week.track_first.gold-ribbon,
#profile-track-posts .track_posts_header ul li.track-week.track_first.silver-ribbon {
  left: -283px;
}

#profile-track-posts .track_posts_header ul li.track-week.track_second {
  left: -200px;
}

#profile-track-posts .track_posts_header ul li.track-week.track_second.gold-ribbon,
#profile-track-posts .track_posts_header ul li.track-week.track_second.silver-ribbon {
  left: -203px;
}

#profile-track-posts .track_posts_header ul li.track-week.track_third {
  left: -117px;
}

#profile-track-posts .track_posts_header ul li.track-week.track_third.gold-ribbon,
#profile-track-posts .track_posts_header ul li.track-week.track_third.silver-ribbon {
  left: -120px;
}

#profile-track-posts .track_posts_header ul li.track-week.track_fourth {
  left: -36px;
}

#profile-track-posts .track_posts_header ul li.track-week.track_fourth.gold-ribbon,
#profile-track-posts .track_posts_header ul li.track-week.track_fourth.silver-ribbon {
  left: -39px;
}

#profile-track-posts .track_posts_header ul li em {
  margin-bottom: 10px;
}

#profile-track-posts .track_posts_header ul li .date {
  font-family: 'OpenSansRegular';
  font-size: 12px;
  font-weight: normal;
  color: #BBBBBB;
  width: 30px;
  text-align: center;
  position: relative;
  left: -5px;
  top: 0;
}

#profile-track-posts .section_title {
  clear: both;
}

.profile-items {
  position: relative;
  clear: both;
  margin-bottom: 50px;
}

a {
  color: #f05a20;
  cursor: pointer;
}

a:hover {
  color: #f05a20;
}

.follow_call_bar {
  width: 100%;
}

.follow_call_bar h1.follow_call_header {
  color: #02bce2;
  font-size: 22px;
  text-align: center;
}

.follow_call_bar .button_primary {
  margin: 0 auto;
}

.follow_call_bar .button_secondary.pending_clone {
  width: 140px;
  height: 30px;
  line-height: 30px;
  margin: 0 auto;
  font-size: 16px;
}

#multiple_question_quiz,
#multiple_question_quiz_post,
#activity_quiz,
#poll_quiz_question {
  background: #ebf0ee url('/static/img/activity_reporter_bg_50x50.png') repeat;
  border-radius: 5px 5px 0 0;
}

#multiple_question_quiz .question_section .question_header,
#multiple_question_quiz_post .question_section .question_header,
#activity_quiz .question_section .question_header,
#poll_quiz_question .question_section .question_header {
  padding: 15px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#multiple_question_quiz .question_section .question_header .activ_name,
#multiple_question_quiz_post .question_section .question_header .activ_name,
#activity_quiz .question_section .question_header .activ_name,
#poll_quiz_question .question_section .question_header .activ_name {
  font-size: 2.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #03a9e5;
  margin: 0 0 0 60px;
  position: relative;
  line-height: normal;
  height: auto;
}

#multiple_question_quiz .question_section .question_header .question_mark,
#multiple_question_quiz_post .question_section .question_header .question_mark,
#activity_quiz .question_section .question_header .question_mark,
#poll_quiz_question .question_section .question_header .question_mark {
  background-image: url("/static/img/sprite-1.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -176px -364px;
  border-radius: 18px;
  background-clip: padding-box;
  position: absolute;
  left: 20px;
  width: 33px;
  height: 33px;
  -webkit-box-shadow: 0 0 0 5px #d3dad8;
  box-shadow: 0 0 0 5px #d3dad8;
}

#multiple_question_quiz .question_section .question_body_container,
#multiple_question_quiz_post .question_section .question_body_container,
#activity_quiz .question_section .question_body_container,
#poll_quiz_question .question_section .question_body_container {
  margin: 0 0 20px 0;
  -webkit-box-shadow: 0 20px 20px -20px #000;
  box-shadow: 0 20px 20px -20px #000;
}

@media (max-width: 767.98px) {
  #multiple_question_quiz .question_section .question_body_container,
  #multiple_question_quiz_post .question_section .question_body_container,
  #activity_quiz .question_section .question_body_container,
  #poll_quiz_question .question_section .question_body_container {
    margin: 0 0 20px 0;
  }
}

#multiple_question_quiz .question_section .question_body_container .question_body,
#multiple_question_quiz_post .question_section .question_body_container .question_body,
#activity_quiz .question_section .question_body_container .question_body,
#poll_quiz_question .question_section .question_body_container .question_body {
  font-size: 1.6rem;
  font-family: OpenSansBold;
  font-weight: normal;
  color: #7b461d;
  background: url("/static/img/activity_viewer/red_vertical_lines.png") repeat-y scroll 0 0 #fffcf6;
  border: 1px solid #d9dedc;
  border-bottom: none;
  padding: 15px 40px 15px 60px;
  position: relative;
}

@media (max-width: 991.98px) {
  #multiple_question_quiz .question_section .question_body_container .question_body,
  #multiple_question_quiz_post .question_section .question_body_container .question_body,
  #activity_quiz .question_section .question_body_container .question_body,
  #poll_quiz_question .question_section .question_body_container .question_body {
    background: #fffcf6;
    padding: 15px;
  }
}

#multiple_question_quiz .question_section .question_body_container .question_body.intro_question_body,
#multiple_question_quiz_post .question_section .question_body_container .question_body.intro_question_body,
#activity_quiz .question_section .question_body_container .question_body.intro_question_body,
#poll_quiz_question .question_section .question_body_container .question_body.intro_question_body {
  padding: 15px 40px 150px 60px;
}

@media (max-width: 767.98px) {
  #multiple_question_quiz .question_section .question_body_container .question_body.intro_question_body,
  #multiple_question_quiz_post .question_section .question_body_container .question_body.intro_question_body,
  #activity_quiz .question_section .question_body_container .question_body.intro_question_body,
  #poll_quiz_question .question_section .question_body_container .question_body.intro_question_body {
    padding: 15px;
  }
}

#multiple_question_quiz .question_section .question_body_container .question_body .poll_row .poll_list,
#multiple_question_quiz_post .question_section .question_body_container .question_body .poll_row .poll_list,
#activity_quiz .question_section .question_body_container .question_body .poll_row .poll_list,
#poll_quiz_question .question_section .question_body_container .question_body .poll_row .poll_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#multiple_question_quiz .question_section .question_body_container .question_body .poll_row .poll_list li,
#multiple_question_quiz_post .question_section .question_body_container .question_body .poll_row .poll_list li,
#activity_quiz .question_section .question_body_container .question_body .poll_row .poll_list li,
#poll_quiz_question .question_section .question_body_container .question_body .poll_row .poll_list li {
  width: 25%;
  padding: 10px;
  cursor: pointer;
}

@media (max-width: 991.98px) {
  #multiple_question_quiz .question_section .question_body_container .question_body .poll_row .poll_list li,
  #multiple_question_quiz_post .question_section .question_body_container .question_body .poll_row .poll_list li,
  #activity_quiz .question_section .question_body_container .question_body .poll_row .poll_list li,
  #poll_quiz_question .question_section .question_body_container .question_body .poll_row .poll_list li {
    width: 50%;
  }
}

@media (max-width: 575.98px) {
  #multiple_question_quiz .question_section .question_body_container .question_body .poll_row .poll_list li,
  #multiple_question_quiz_post .question_section .question_body_container .question_body .poll_row .poll_list li,
  #activity_quiz .question_section .question_body_container .question_body .poll_row .poll_list li,
  #poll_quiz_question .question_section .question_body_container .question_body .poll_row .poll_list li {
    width: 100%;
  }
}

#multiple_question_quiz .question_section .question_body_container .question_body .poll_row .poll_list li:hover .answer,
#multiple_question_quiz_post .question_section .question_body_container .question_body .poll_row .poll_list li:hover .answer,
#activity_quiz .question_section .question_body_container .question_body .poll_row .poll_list li:hover .answer,
#poll_quiz_question .question_section .question_body_container .question_body .poll_row .poll_list li:hover .answer {
  -webkit-transition: all 200ms ease-in;
  transition: all 200ms ease-in;
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

#multiple_question_quiz .question_section .question_body_container .question_body .poll_row .poll_list li.poll_answer_item,
#multiple_question_quiz_post .question_section .question_body_container .question_body .poll_row .poll_list li.poll_answer_item,
#activity_quiz .question_section .question_body_container .question_body .poll_row .poll_list li.poll_answer_item,
#poll_quiz_question .question_section .question_body_container .question_body .poll_row .poll_list li.poll_answer_item {
  -webkit-transition: all 200ms ease-in;
  transition: all 200ms ease-in;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

#multiple_question_quiz .question_section .question_body_container .question_body .poll_row .poll_list li.poll_answer_item.answer,
#multiple_question_quiz_post .question_section .question_body_container .question_body .poll_row .poll_list li.poll_answer_item.answer,
#activity_quiz .question_section .question_body_container .question_body .poll_row .poll_list li.poll_answer_item.answer,
#poll_quiz_question .question_section .question_body_container .question_body .poll_row .poll_list li.poll_answer_item.answer {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

#multiple_question_quiz .question_section .question_body_container .question_body .poll_row .poll_list li .poll_question_img,
#multiple_question_quiz_post .question_section .question_body_container .question_body .poll_row .poll_list li .poll_question_img,
#activity_quiz .question_section .question_body_container .question_body .poll_row .poll_list li .poll_question_img,
#poll_quiz_question .question_section .question_body_container .question_body .poll_row .poll_list li .poll_question_img {
  border-radius: 2px;
  width: 100%;
}

#multiple_question_quiz .question_section .question_body_container .question_body .poll_row .poll_list li .answer,
#multiple_question_quiz_post .question_section .question_body_container .question_body .poll_row .poll_list li .answer,
#activity_quiz .question_section .question_body_container .question_body .poll_row .poll_list li .answer,
#poll_quiz_question .question_section .question_body_container .question_body .poll_row .poll_list li .answer {
  border-radius: 5px;
  background-clip: padding-box;
  font-size: 1.4rem;
  font-family: OpenSansBold;
  font-weight: normal;
  background-color: #03a9e5;
  width: 100%;
  min-height: 54px;
  text-align: center;
  color: #ffffff;
  border: none;
  margin-top: 10px;
}

#multiple_question_quiz .question_section .question_body_container .question_body .poll_row .poll_list li .answer.selected,
#multiple_question_quiz_post .question_section .question_body_container .question_body .poll_row .poll_list li .answer.selected,
#activity_quiz .question_section .question_body_container .question_body .poll_row .poll_list li .answer.selected,
#poll_quiz_question .question_section .question_body_container .question_body .poll_row .poll_list li .answer.selected {
  background-color: #ffc300;
}

#multiple_question_quiz .question_section .question_body_container .question_body .preamble,
#multiple_question_quiz_post .question_section .question_body_container .question_body .preamble,
#activity_quiz .question_section .question_body_container .question_body .preamble,
#poll_quiz_question .question_section .question_body_container .question_body .preamble {
  font-size: 1.8rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #7b461d;
  margin: 10px 0 20px;
}

@media (max-width: 575.98px) {
  #multiple_question_quiz .question_section .question_body_container .question_body .body_row,
  #multiple_question_quiz_post .question_section .question_body_container .question_body .body_row,
  #activity_quiz .question_section .question_body_container .question_body .body_row,
  #poll_quiz_question .question_section .question_body_container .question_body .body_row {
    width: 100%;
    margin: 0 auto;
  }
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .ppoll_page_graph,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .ppoll_page_graph,
#activity_quiz .question_section .question_body_container .question_body .body_row .ppoll_page_graph,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .ppoll_page_graph {
  position: relative;
  margin: 0;
  width: 100%;
  background-color: #C5EEFB;
  color: #00B1E7;
  padding: 10px 0 40px 0;
  overflow: hidden;
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .ppoll_page_graph .graph_item,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .ppoll_page_graph .graph_item,
#activity_quiz .question_section .question_body_container .question_body .body_row .ppoll_page_graph .graph_item,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .ppoll_page_graph .graph_item {
  position: relative;
  width: 100%;
  padding-bottom: 10px;
  min-height: 70px;
  visibility: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .ppoll_page_graph .graph_item:after,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .ppoll_page_graph .graph_item:after,
#activity_quiz .question_section .question_body_container .question_body .body_row .ppoll_page_graph .graph_item:after,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .ppoll_page_graph .graph_item:after {
  content: '';
  min-height: inherit;
  font-size: 0;
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .ppoll_page_graph .graph_item .graph_value_answer_hidden,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .ppoll_page_graph .graph_item .graph_value_answer_hidden,
#activity_quiz .question_section .question_body_container .question_body .body_row .ppoll_page_graph .graph_item .graph_value_answer_hidden,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .ppoll_page_graph .graph_item .graph_value_answer_hidden {
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #36C7EF;
  position: relative;
  width: 140px;
  min-height: 48px;
  margin-left: 10px;
  margin-bottom: 10px;
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .ppoll_page_graph .graph_item .graph_value_answer,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .ppoll_page_graph .graph_item .graph_value_answer,
#activity_quiz .question_section .question_body_container .question_body .body_row .ppoll_page_graph .graph_item .graph_value_answer,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .ppoll_page_graph .graph_item .graph_value_answer {
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #36C7EF;
  position: relative;
  left: 5px;
  width: 140px;
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .ppoll_page_graph .graph_item .graph_value,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .ppoll_page_graph .graph_item .graph_value,
#activity_quiz .question_section .question_body_container .question_body .body_row .ppoll_page_graph .graph_item .graph_value,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .ppoll_page_graph .graph_item .graph_value {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 6px;
  background-color: #36C7EF;
  width: 180px;
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .ppoll_page_graph .graph_item .graph_value.vin,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .ppoll_page_graph .graph_item .graph_value.vin,
#activity_quiz .question_section .question_body_container .question_body .body_row .ppoll_page_graph .graph_item .graph_value.vin,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .ppoll_page_graph .graph_item .graph_value.vin {
  background-color: #00abeb;
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .ppoll_page_graph .graph_item .graph_value_pers_back,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .ppoll_page_graph .graph_item .graph_value_pers_back,
#activity_quiz .question_section .question_body_container .question_body .body_row .ppoll_page_graph .graph_item .graph_value_pers_back,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .ppoll_page_graph .graph_item .graph_value_pers_back {
  position: absolute;
  background-color: #A4E4F7;
  width: 69px;
  height: 69px;
  border-radius: 50%;
  bottom: -30px;
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .ppoll_page_graph .graph_item .graph_value_pers_back.vin,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .ppoll_page_graph .graph_item .graph_value_pers_back.vin,
#activity_quiz .question_section .question_body_container .question_body .body_row .ppoll_page_graph .graph_item .graph_value_pers_back.vin,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .ppoll_page_graph .graph_item .graph_value_pers_back.vin {
  position: absolute;
  background-color: #97ddf8;
  width: 79px;
  height: 79px;
  bottom: -35px;
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .ppoll_page_graph .graph_item .graph_value_pers,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .ppoll_page_graph .graph_item .graph_value_pers,
#activity_quiz .question_section .question_body_container .question_body .body_row .ppoll_page_graph .graph_item .graph_value_pers,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .ppoll_page_graph .graph_item .graph_value_pers {
  font-size: 1.6rem;
  font-family: OpenSansLight;
  font-weight: normal;
  position: absolute;
  background: #36C7EF;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  color: #ffffff;
  text-align: center;
  bottom: -19px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .ppoll_page_graph .graph_item .graph_value_pers.vin,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .ppoll_page_graph .graph_item .graph_value_pers.vin,
#activity_quiz .question_section .question_body_container .question_body .body_row .ppoll_page_graph .graph_item .graph_value_pers.vin,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .ppoll_page_graph .graph_item .graph_value_pers.vin {
  background: #00abeb;
  width: 50px;
  height: 50px;
  bottom: -22px;
}

@media (max-width: 991.98px) {
  #multiple_question_quiz .question_section .question_body_container .question_body .body_row .body_row_img,
  #multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .body_row_img,
  #activity_quiz .question_section .question_body_container .question_body .body_row .body_row_img,
  #poll_quiz_question .question_section .question_body_container .question_body .body_row .body_row_img {
    margin-bottom: 20px;
    text-align: center;
    padding: 0;
  }
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .body_row_img img,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .body_row_img img,
#activity_quiz .question_section .question_body_container .question_body .body_row .body_row_img img,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .body_row_img img {
  max-width: 100%;
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .body_row_text,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .body_row_text,
#activity_quiz .question_section .question_body_container .question_body .body_row .body_row_text,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .body_row_text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border: 1px solid #eee;
  background: #fff;
  padding: 10px;
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .body_row_text .aquiz,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .body_row_text .aquiz,
#activity_quiz .question_section .question_body_container .question_body .body_row .body_row_text .aquiz,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .body_row_text .aquiz {
  font-size: 1.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .body_row_text .aquiz + .quiz_start_text p,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .body_row_text .aquiz + .quiz_start_text p,
#activity_quiz .question_section .question_body_container .question_body .body_row .body_row_text .aquiz + .quiz_start_text p,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .body_row_text .aquiz + .quiz_start_text p {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .body_row_text .quiz_start_text,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .body_row_text .quiz_start_text,
#activity_quiz .question_section .question_body_container .question_body .body_row .body_row_text .quiz_start_text,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .body_row_text .quiz_start_text {
  padding: 10px 10px 70px 50px;
  position: relative;
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .body_row_text .icon,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .body_row_text .icon,
#activity_quiz .question_section .question_body_container .question_body .body_row .body_row_text .icon,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .body_row_text .icon {
  background-image: url("/static/img/sprite-1.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -238px -105px;
  position: absolute;
  top: 15px;
  left: 15px;
  width: 20px;
  height: 32px;
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .body_row_text .button_start,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .body_row_text .button_start,
#activity_quiz .question_section .question_body_container .question_body .body_row .body_row_text .button_start,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .body_row_text .button_start {
  padding: 0 25px;
  width: auto;
  right: 10px;
  position: absolute;
  bottom: 20px;
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .body_row_text p,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .body_row_text p,
#activity_quiz .question_section .question_body_container .question_body .body_row .body_row_text p,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .body_row_text p {
  font-size: 1.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  line-height: 16px;
  position: relative;
  margin: 5px 0 0 0;
  text-align: left;
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .creator_wrap,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .creator_wrap,
#activity_quiz .question_section .question_body_container .question_body .body_row .creator_wrap,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .creator_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 991.98px) {
  #multiple_question_quiz .question_section .question_body_container .question_body .body_row .creator_wrap,
  #multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .creator_wrap,
  #activity_quiz .question_section .question_body_container .question_body .body_row .creator_wrap,
  #poll_quiz_question .question_section .question_body_container .question_body .body_row .creator_wrap {
    margin-bottom: 20px;
  }
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .creator_wrap .circular,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .creator_wrap .circular,
#activity_quiz .question_section .question_body_container .question_body .body_row .creator_wrap .circular,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .creator_wrap .circular {
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  border-radius: 47px;
  background-clip: padding-box;
  position: relative;
  width: 93px;
  height: 93px;
  border: 1px solid #dad9d7;
  background-color: #ffffff;
}

@media (max-width: 575.98px) {
  #multiple_question_quiz .question_section .question_body_container .question_body .body_row .creator_wrap .circular,
  #multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .creator_wrap .circular,
  #activity_quiz .question_section .question_body_container .question_body .body_row .creator_wrap .circular,
  #poll_quiz_question .question_section .question_body_container .question_body .body_row .creator_wrap .circular {
    margin: 0 auto 20px;
  }
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .creator_wrap .circular a .avatar_img,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .creator_wrap .circular a .avatar_img,
#activity_quiz .question_section .question_body_container .question_body .body_row .creator_wrap .circular a .avatar_img,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .creator_wrap .circular a .avatar_img {
  border-radius: 43px;
  background-clip: padding-box;
  position: relative;
  border: none;
  top: 2px;
  left: 2px;
  opacity: 1;
  filter: alpha(opacity=1);
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .creator_wrap .circular.pioneer,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .creator_wrap .circular.pioneer,
#activity_quiz .question_section .question_body_container .question_body .body_row .creator_wrap .circular.pioneer,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .creator_wrap .circular.pioneer {
  border-radius: 46px;
  background-clip: padding-box;
  width: 93px;
  height: 93px;
  border: none;
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .creator_wrap .circular.pioneer a .avatar_img,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .creator_wrap .circular.pioneer a .avatar_img,
#activity_quiz .question_section .question_body_container .question_body .body_row .creator_wrap .circular.pioneer a .avatar_img,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .creator_wrap .circular.pioneer a .avatar_img {
  position: relative;
  border: none;
  top: 3px;
  left: 3px;
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .creator_wrap .circular.happify_member a .avatar_img,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .creator_wrap .circular.happify_member a .avatar_img,
#activity_quiz .question_section .question_body_container .question_body .body_row .creator_wrap .circular.happify_member a .avatar_img,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .creator_wrap .circular.happify_member a .avatar_img {
  top: 3px;
  left: 3px;
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .creator_wrap .circular.pioneer_plus,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .creator_wrap .circular.pioneer_plus,
#activity_quiz .question_section .question_body_container .question_body .body_row .creator_wrap .circular.pioneer_plus,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .creator_wrap .circular.pioneer_plus {
  background-color: #f4d420;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .creator_wrap .nick,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .creator_wrap .nick,
#activity_quiz .question_section .question_body_container .question_body .body_row .creator_wrap .nick,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .creator_wrap .nick {
  margin-left: 10px;
}

@media (max-width: 575.98px) {
  #multiple_question_quiz .question_section .question_body_container .question_body .body_row .creator_wrap .nick,
  #multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .creator_wrap .nick,
  #activity_quiz .question_section .question_body_container .question_body .body_row .creator_wrap .nick,
  #poll_quiz_question .question_section .question_body_container .question_body .body_row .creator_wrap .nick {
    margin: 0 auto;
    width: 100%;
    text-align: center;
  }
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .creator_wrap .nick .nick_link,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .creator_wrap .nick .nick_link,
#activity_quiz .question_section .question_body_container .question_body .body_row .creator_wrap .nick .nick_link,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .creator_wrap .nick .nick_link {
  font-size: 2.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #854414;
  margin-bottom: 10px;
  display: block;
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .creator_wrap .nick .js-follow-button,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .creator_wrap .nick .js-follow-button,
#activity_quiz .question_section .question_body_container .question_body .body_row .creator_wrap .nick .js-follow-button,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .creator_wrap .nick .js-follow-button {
  width: 100px;
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .creator_wrap .nick .js-follow-button .button_secondary,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .creator_wrap .nick .js-follow-button .button_secondary,
#activity_quiz .question_section .question_body_container .question_body .body_row .creator_wrap .nick .js-follow-button .button_secondary,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .creator_wrap .nick .js-follow-button .button_secondary {
  width: 100%;
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .creator_wrap .nick .date-completed,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .creator_wrap .nick .date-completed,
#activity_quiz .question_section .question_body_container .question_body .body_row .creator_wrap .nick .date-completed,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .creator_wrap .nick .date-completed {
  font-size: 1.3rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #000000;
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .my-score,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .my-score,
#activity_quiz .question_section .question_body_container .question_body .body_row .my-score,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .my-score {
  margin-left: 100px;
}

@media (max-width: 991.98px) {
  #multiple_question_quiz .question_section .question_body_container .question_body .body_row .my-score,
  #multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .my-score,
  #activity_quiz .question_section .question_body_container .question_body .body_row .my-score,
  #poll_quiz_question .question_section .question_body_container .question_body .body_row .my-score {
    margin-left: 0;
    margin-bottom: 20px;
  }
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .my-score h3.descr,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .my-score h3.descr,
#activity_quiz .question_section .question_body_container .question_body .body_row .my-score h3.descr,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .my-score h3.descr {
  font-size: 1.5rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #7b461d;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .my-score h3.descr .sc_icon,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .my-score h3.descr .sc_icon,
#activity_quiz .question_section .question_body_container .question_body .body_row .my-score h3.descr .sc_icon,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .my-score h3.descr .sc_icon {
  background-image: url("/static/img/sprite-1.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -238px -105px;
  width: 20px;
  height: 24px;
  margin-right: 10px;
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .my-score p.my,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .my-score p.my,
#activity_quiz .question_section .question_body_container .question_body .body_row .my-score p.my,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .my-score p.my {
  font-size: 1.7rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  line-height: 1.4em;
  color: #16C1F7;
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .my-score p.descr,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .my-score p.descr,
#activity_quiz .question_section .question_body_container .question_body .body_row .my-score p.descr,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .my-score p.descr {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #000000;
  margin-top: 5px;
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .my-score p.average,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .my-score p.average,
#activity_quiz .question_section .question_body_container .question_body .body_row .my-score p.average,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .my-score p.average {
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #7b461d;
  margin-top: 5px;
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .my-score p.poll_question,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .my-score p.poll_question,
#activity_quiz .question_section .question_body_container .question_body .body_row .my-score p.poll_question,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .my-score p.poll_question {
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #7b461d;
  margin: 0;
  word-wrap: break-word;
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .my-score p.poll_answer,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .my-score p.poll_answer,
#activity_quiz .question_section .question_body_container .question_body .body_row .my-score p.poll_answer,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .my-score p.poll_answer {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #7b461d;
  margin: 5px 0 0;
  word-wrap: break-word;
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .my-score p.text,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .my-score p.text,
#activity_quiz .question_section .question_body_container .question_body .body_row .my-score p.text,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .my-score p.text {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #000000;
  margin-top: 5px;
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .my-score .finish_html .text,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .my-score .finish_html .text,
#activity_quiz .question_section .question_body_container .question_body .body_row .my-score .finish_html .text,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .my-score .finish_html .text {
  font-size: 1.3rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #333333;
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .my-score .what_you_learned,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .my-score .what_you_learned,
#activity_quiz .question_section .question_body_container .question_body .body_row .my-score .what_you_learned,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .my-score .what_you_learned {
  font-size: 1.3rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #333333;
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .right_img,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .right_img,
#activity_quiz .question_section .question_body_container .question_body .body_row .right_img,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .right_img {
  background-color: #ffffff;
  position: relative;
  top: -60px;
  padding: 5px;
  border: 1px solid #d9dedc;
}

@media (max-width: 991.98px) {
  #multiple_question_quiz .question_section .question_body_container .question_body .body_row .right_img,
  #multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .right_img,
  #activity_quiz .question_section .question_body_container .question_body .body_row .right_img,
  #poll_quiz_question .question_section .question_body_container .question_body .body_row .right_img {
    top: 0;
    margin: 0 auto;
    width: auto;
  }
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .right_img.for_poll,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .right_img.for_poll,
#activity_quiz .question_section .question_body_container .question_body .body_row .right_img.for_poll,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .right_img.for_poll {
  width: 100%;
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .right_img .sticker,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .right_img .sticker,
#activity_quiz .question_section .question_body_container .question_body .body_row .right_img .sticker,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .right_img .sticker {
  top: -27px;
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .right_img .sticker.sticker_right,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .right_img .sticker.sticker_right,
#activity_quiz .question_section .question_body_container .question_body .body_row .right_img .sticker.sticker_right,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .right_img .sticker.sticker_right {
  right: -10px;
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .right_info,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .right_info,
#activity_quiz .question_section .question_body_container .question_body .body_row .right_info,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .right_info {
  font-size: 1.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #8d8d8d;
  padding: 5px;
  border: 1px solid #d9dedc;
  margin: 5px 0 0;
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .question_block,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .question_block,
#activity_quiz .question_section .question_body_container .question_body .body_row .question_block,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .question_block {
  margin-bottom: 50px;
}

@media (max-width: 767.98px) {
  #multiple_question_quiz .question_section .question_body_container .question_body .body_row .question_block,
  #multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .question_block,
  #activity_quiz .question_section .question_body_container .question_body .body_row .question_block,
  #poll_quiz_question .question_section .question_body_container .question_body .body_row .question_block {
    margin-bottom: 0;
  }
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .question_block .buttons_block,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .question_block .buttons_block,
#activity_quiz .question_section .question_body_container .question_body .body_row .question_block .buttons_block,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .question_block .buttons_block {
  position: relative;
  border-right: 1px solid #d9dedc;
  margin-top: 10px;
  min-height: 200px;
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .question_block .buttons_block.aquiz,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .question_block .buttons_block.aquiz,
#activity_quiz .question_section .question_body_container .question_body .body_row .question_block .buttons_block.aquiz,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .question_block .buttons_block.aquiz {
  border: 0;
}

@media (max-width: 767.98px) {
  #multiple_question_quiz .question_section .question_body_container .question_body .body_row .question_block .buttons_block,
  #multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .question_block .buttons_block,
  #activity_quiz .question_section .question_body_container .question_body .body_row .question_block .buttons_block,
  #poll_quiz_question .question_section .question_body_container .question_body .body_row .question_block .buttons_block {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    border: 0;
  }
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .question_block .buttons_block .buttons_block_wrap,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .question_block .buttons_block .buttons_block_wrap,
#activity_quiz .question_section .question_body_container .question_body .body_row .question_block .buttons_block .buttons_block_wrap,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .question_block .buttons_block .buttons_block_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 10px;
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .question_block .buttons_block .buttons_block_wrap .answer_button,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .question_block .buttons_block .buttons_block_wrap .answer_button,
#activity_quiz .question_section .question_body_container .question_body .body_row .question_block .buttons_block .buttons_block_wrap .answer_button,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .question_block .buttons_block .buttons_block_wrap .answer_button {
  border-radius: 5px;
  background-clip: padding-box;
  font-size: 1.6rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  width: calc(50% - 10px);
  margin-bottom: 20px;
  min-height: 61px;
  position: relative;
  color: #fff;
  background-color: #00c0de;
  -webkit-box-shadow: 0 3px 0 #009eba;
  box-shadow: 0 3px 0 #009eba;
  cursor: pointer;
  border: 0;
  text-align: left;
  padding: 10px 70px 10px 10px;
}

@media (max-width: 991.98px) {
  #multiple_question_quiz .question_section .question_body_container .question_body .body_row .question_block .buttons_block .buttons_block_wrap .answer_button,
  #multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .question_block .buttons_block .buttons_block_wrap .answer_button,
  #activity_quiz .question_section .question_body_container .question_body .body_row .question_block .buttons_block .buttons_block_wrap .answer_button,
  #poll_quiz_question .question_section .question_body_container .question_body .body_row .question_block .buttons_block .buttons_block_wrap .answer_button {
    width: 100%;
  }
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .question_block .buttons_block .buttons_block_wrap .answer_button .correct_answer,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .question_block .buttons_block .buttons_block_wrap .answer_button .correct_answer,
#activity_quiz .question_section .question_body_container .question_body .body_row .question_block .buttons_block .buttons_block_wrap .answer_button .correct_answer,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .question_block .buttons_block .buttons_block_wrap .answer_button .correct_answer,
#multiple_question_quiz .question_section .question_body_container .question_body .body_row .question_block .buttons_block .buttons_block_wrap .answer_button .incorrect_answer,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .question_block .buttons_block .buttons_block_wrap .answer_button .incorrect_answer,
#activity_quiz .question_section .question_body_container .question_body .body_row .question_block .buttons_block .buttons_block_wrap .answer_button .incorrect_answer,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .question_block .buttons_block .buttons_block_wrap .answer_button .incorrect_answer {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 0;
  right: 15px;
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .question_block .buttons_block .buttons_block_wrap .answer_button .correct_answer,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .question_block .buttons_block .buttons_block_wrap .answer_button .correct_answer,
#activity_quiz .question_section .question_body_container .question_body .body_row .question_block .buttons_block .buttons_block_wrap .answer_button .correct_answer,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .question_block .buttons_block .buttons_block_wrap .answer_button .correct_answer {
  width: 47px;
  height: 40px;
  background: url('/static/img/quiz_correct_icon.png') no-repeat;
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .question_block .buttons_block .buttons_block_wrap .answer_button .incorrect_answer,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .question_block .buttons_block .buttons_block_wrap .answer_button .incorrect_answer,
#activity_quiz .question_section .question_body_container .question_body .body_row .question_block .buttons_block .buttons_block_wrap .answer_button .incorrect_answer,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .question_block .buttons_block .buttons_block_wrap .answer_button .incorrect_answer {
  width: 42px;
  height: 42px;
  background: url('/static/img/quiz_incorrect_icon.png') no-repeat;
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .question_block .buttons_block .buttons_block_wrap .answer_button:hover,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .question_block .buttons_block .buttons_block_wrap .answer_button:hover,
#activity_quiz .question_section .question_body_container .question_body .body_row .question_block .buttons_block .buttons_block_wrap .answer_button:hover,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .question_block .buttons_block .buttons_block_wrap .answer_button:hover {
  background-color: #00a8c5;
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .question_block .buttons_block .buttons_block_wrap .answer_button.selected,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .question_block .buttons_block .buttons_block_wrap .answer_button.selected,
#activity_quiz .question_section .question_body_container .question_body .body_row .question_block .buttons_block .buttons_block_wrap .answer_button.selected,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .question_block .buttons_block .buttons_block_wrap .answer_button.selected {
  top: 3px;
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .question_block .buttons_block .buttons_block_wrap .answer_button.selected.incorrect,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .question_block .buttons_block .buttons_block_wrap .answer_button.selected.incorrect,
#activity_quiz .question_section .question_body_container .question_body .body_row .question_block .buttons_block .buttons_block_wrap .answer_button.selected.incorrect,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .question_block .buttons_block .buttons_block_wrap .answer_button.selected.incorrect {
  background-color: #f5707a;
  -webkit-box-shadow: 0 -3px 0 #ad5056;
  box-shadow: 0 -3px 0 #ad5056;
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .question_block .buttons_block .buttons_block_wrap .answer_button.selected.incorrect .incorrect_answer,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .question_block .buttons_block .buttons_block_wrap .answer_button.selected.incorrect .incorrect_answer,
#activity_quiz .question_section .question_body_container .question_body .body_row .question_block .buttons_block .buttons_block_wrap .answer_button.selected.incorrect .incorrect_answer,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .question_block .buttons_block .buttons_block_wrap .answer_button.selected.incorrect .incorrect_answer {
  opacity: 1;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .question_block .buttons_block .buttons_block_wrap .answer_button.selected.correct,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .question_block .buttons_block .buttons_block_wrap .answer_button.selected.correct,
#activity_quiz .question_section .question_body_container .question_body .body_row .question_block .buttons_block .buttons_block_wrap .answer_button.selected.correct,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .question_block .buttons_block .buttons_block_wrap .answer_button.selected.correct {
  background-color: #64c060;
  -webkit-box-shadow: 0 -3px 0 #478944;
  box-shadow: 0 -3px 0 #478944;
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .question_block .buttons_block .buttons_block_wrap .answer_button.selected.correct .correct_answer,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .question_block .buttons_block .buttons_block_wrap .answer_button.selected.correct .correct_answer,
#activity_quiz .question_section .question_body_container .question_body .body_row .question_block .buttons_block .buttons_block_wrap .answer_button.selected.correct .correct_answer,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .question_block .buttons_block .buttons_block_wrap .answer_button.selected.correct .correct_answer {
  opacity: 1;
  -webkit-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .question_block .correct-count,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .question_block .correct-count,
#activity_quiz .question_section .question_body_container .question_body .body_row .question_block .correct-count,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .question_block .correct-count {
  font-size: 5.5rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #03a9e5;
  position: relative;
  padding-top: 15px;
}

@media (max-width: 767.98px) {
  #multiple_question_quiz .question_section .question_body_container .question_body .body_row .question_block .correct-count,
  #multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .question_block .correct-count,
  #activity_quiz .question_section .question_body_container .question_body .body_row .question_block .correct-count,
  #poll_quiz_question .question_section .question_body_container .question_body .body_row .question_block .correct-count {
    top: 0;
  }
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .question_block .correct-count .correct,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .question_block .correct-count .correct,
#activity_quiz .question_section .question_body_container .question_body .body_row .question_block .correct-count .correct,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .question_block .correct-count .correct {
  background-size: cover;
  background-repeat: no-repeat;
  width: 158px;
  height: 38px;
  margin-top: 10px;
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .question_block .correct-count .correct .correct-text,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .question_block .correct-count .correct .correct-text,
#activity_quiz .question_section .question_body_container .question_body .body_row .question_block .correct-count .correct .correct-text,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .question_block .correct-count .correct .correct-text {
  font-size: 2rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #372f2b;
  text-transform: uppercase;
  letter-spacing: normal;
  padding: 12px 0 0 12px;
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .question_block .question_summary,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .question_block .question_summary,
#activity_quiz .question_section .question_body_container .question_body .body_row .question_block .question_summary,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .question_block .question_summary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-right: 1px solid #d9dedc;
}

@media (max-width: 767.98px) {
  #multiple_question_quiz .question_section .question_body_container .question_body .body_row .question_block .question_summary,
  #multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .question_block .question_summary,
  #activity_quiz .question_section .question_body_container .question_body .body_row .question_block .question_summary,
  #poll_quiz_question .question_section .question_body_container .question_body .body_row .question_block .question_summary {
    margin-top: 10px;
  }
}

@media (max-width: 767.98px) {
  #multiple_question_quiz .question_section .question_body_container .question_body .body_row .question_block .question_summary,
  #multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .question_block .question_summary,
  #activity_quiz .question_section .question_body_container .question_body .body_row .question_block .question_summary,
  #poll_quiz_question .question_section .question_body_container .question_body .body_row .question_block .question_summary {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    border: 0;
  }
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .question_block .question_summary .img_wrap,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .question_block .question_summary .img_wrap,
#activity_quiz .question_section .question_body_container .question_body .body_row .question_block .question_summary .img_wrap,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .question_block .question_summary .img_wrap {
  width: 30%;
  text-align: center;
  padding-right: 10px;
}

@media (max-width: 991.98px) {
  #multiple_question_quiz .question_section .question_body_container .question_body .body_row .question_block .question_summary .img_wrap,
  #multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .question_block .question_summary .img_wrap,
  #activity_quiz .question_section .question_body_container .question_body .body_row .question_block .question_summary .img_wrap,
  #poll_quiz_question .question_section .question_body_container .question_body .body_row .question_block .question_summary .img_wrap {
    width: 100%;
    margin-bottom: 10px;
    padding-right: 0;
  }
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .question_block .question_summary .img_wrap img,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .question_block .question_summary .img_wrap img,
#activity_quiz .question_section .question_body_container .question_body .body_row .question_block .question_summary .img_wrap img,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .question_block .question_summary .img_wrap img {
  border-radius: 3px;
  background-clip: padding-box;
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .question_block .question_summary .text_wrap,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .question_block .question_summary .text_wrap,
#activity_quiz .question_section .question_body_container .question_body .body_row .question_block .question_summary .text_wrap,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .question_block .question_summary .text_wrap {
  width: 70%;
}

@media (max-width: 991.98px) {
  #multiple_question_quiz .question_section .question_body_container .question_body .body_row .question_block .question_summary .text_wrap,
  #multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .question_block .question_summary .text_wrap,
  #activity_quiz .question_section .question_body_container .question_body .body_row .question_block .question_summary .text_wrap,
  #poll_quiz_question .question_section .question_body_container .question_body .body_row .question_block .question_summary .text_wrap {
    width: 100%;
  }
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .question_block .question_summary .text_wrap .middle_text .area_title,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .question_block .question_summary .text_wrap .middle_text .area_title,
#activity_quiz .question_section .question_body_container .question_body .body_row .question_block .question_summary .text_wrap .middle_text .area_title,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .question_block .question_summary .text_wrap .middle_text .area_title {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin: 0 0 20px;
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .question_block .result_section,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .question_block .result_section,
#activity_quiz .question_section .question_body_container .question_body .body_row .question_block .result_section,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .question_block .result_section {
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  position: relative;
  margin-top: 20px;
}

@media (max-width: 767.98px) {
  #multiple_question_quiz .question_section .question_body_container .question_body .body_row .question_block .result_section,
  #multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .question_block .result_section,
  #activity_quiz .question_section .question_body_container .question_body .body_row .question_block .result_section,
  #poll_quiz_question .question_section .question_body_container .question_body .body_row .question_block .result_section {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .question_block .result_section .result_block,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .question_block .result_section .result_block,
#activity_quiz .question_section .question_body_container .question_body .body_row .question_block .result_section .result_block,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .question_block .result_section .result_block {
  margin: 0;
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .question_block .result_section .result_block .text_block,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .question_block .result_section .result_block .text_block,
#activity_quiz .question_section .question_body_container .question_body .body_row .question_block .result_section .result_block .text_block,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .question_block .result_section .result_block .text_block {
  -webkit-box-shadow: 0 0 8px #eee;
  box-shadow: 0 0 8px #eee;
  border: 1px solid #eee;
  background: #fff;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 991.98px) {
  #multiple_question_quiz .question_section .question_body_container .question_body .body_row .question_block .result_section .result_block .text_block,
  #multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .question_block .result_section .result_block .text_block,
  #activity_quiz .question_section .question_body_container .question_body .body_row .question_block .result_section .result_block .text_block,
  #poll_quiz_question .question_section .question_body_container .question_body .body_row .question_block .result_section .result_block .text_block {
    margin-bottom: 20px;
  }
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .question_block .result_section .result_block .text_block .img_wrap,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .question_block .result_section .result_block .text_block .img_wrap,
#activity_quiz .question_section .question_body_container .question_body .body_row .question_block .result_section .result_block .text_block .img_wrap,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .question_block .result_section .result_block .text_block .img_wrap {
  width: 30%;
  text-align: center;
}

@media (max-width: 991.98px) {
  #multiple_question_quiz .question_section .question_body_container .question_body .body_row .question_block .result_section .result_block .text_block .img_wrap,
  #multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .question_block .result_section .result_block .text_block .img_wrap,
  #activity_quiz .question_section .question_body_container .question_body .body_row .question_block .result_section .result_block .text_block .img_wrap,
  #poll_quiz_question .question_section .question_body_container .question_body .body_row .question_block .result_section .result_block .text_block .img_wrap {
    width: 100%;
    margin-bottom: 10px;
  }
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .question_block .result_section .result_block .text_block .img_wrap img,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .question_block .result_section .result_block .text_block .img_wrap img,
#activity_quiz .question_section .question_body_container .question_body .body_row .question_block .result_section .result_block .text_block .img_wrap img,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .question_block .result_section .result_block .text_block .img_wrap img {
  border-radius: 3px;
  background-clip: padding-box;
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .question_block .result_section .result_block .text_block .text_wrap,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .question_block .result_section .result_block .text_block .text_wrap,
#activity_quiz .question_section .question_body_container .question_body .body_row .question_block .result_section .result_block .text_block .text_wrap,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .question_block .result_section .result_block .text_block .text_wrap {
  max-width: 465px;
  width: 70%;
  position: relative;
  font-size: 16px;
  padding-left: 10px;
}

@media (max-width: 991.98px) {
  #multiple_question_quiz .question_section .question_body_container .question_body .body_row .question_block .result_section .result_block .text_block .text_wrap,
  #multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .question_block .result_section .result_block .text_block .text_wrap,
  #activity_quiz .question_section .question_body_container .question_body .body_row .question_block .result_section .result_block .text_block .text_wrap,
  #poll_quiz_question .question_section .question_body_container .question_body .body_row .question_block .result_section .result_block .text_block .text_wrap {
    width: 100%;
    max-width: none;
    padding: 0 10px;
  }
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .question_block .result_section .result_block .text_block .text_wrap .title,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .question_block .result_section .result_block .text_block .text_wrap .title,
#activity_quiz .question_section .question_body_container .question_body .body_row .question_block .result_section .result_block .text_block .text_wrap .title,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .question_block .result_section .result_block .text_block .text_wrap .title {
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  width: 465px;
  margin: 0 0 5px;
  position: relative;
  color: #5fc290;
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .question_block .result_section .result_block .text_block .text_wrap .title.correct,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .question_block .result_section .result_block .text_block .text_wrap .title.correct,
#activity_quiz .question_section .question_body_container .question_body .body_row .question_block .result_section .result_block .text_block .text_wrap .title.correct,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .question_block .result_section .result_block .text_block .text_wrap .title.correct {
  color: #6BBE56;
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .question_block .result_section .result_block .text_block .text_wrap .title.incorrect,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .question_block .result_section .result_block .text_block .text_wrap .title.incorrect,
#activity_quiz .question_section .question_body_container .question_body .body_row .question_block .result_section .result_block .text_block .text_wrap .title.incorrect,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .question_block .result_section .result_block .text_block .text_wrap .title.incorrect {
  color: #F37677;
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .question_block .result_section .result_block .text_block .text_wrap p,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .question_block .result_section .result_block .text_block .text_wrap p,
#activity_quiz .question_section .question_body_container .question_body .body_row .question_block .result_section .result_block .text_block .text_wrap p,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .question_block .result_section .result_block .text_block .text_wrap p {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  text-align: left;
  line-height: 18px;
  margin: 0 0 0 40px;
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .question_block .result_section .result_block .text_block .text_wrap .icon_sc,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .question_block .result_section .result_block .text_block .text_wrap .icon_sc,
#activity_quiz .question_section .question_body_container .question_body .body_row .question_block .result_section .result_block .text_block .text_wrap .icon_sc,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .question_block .result_section .result_block .text_block .text_wrap .icon_sc {
  background-image: url("/static/img/sprite-1.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -238px -105px;
  position: absolute;
  top: 25px;
  left: 20px;
  width: 20px;
  height: 32px;
}

@media (max-width: 991.98px) {
  #multiple_question_quiz .question_section .question_body_container .question_body .body_row .question_block .result_section .result_block .button_block,
  #multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .question_block .result_section .result_block .button_block,
  #activity_quiz .question_section .question_body_container .question_body .body_row .question_block .result_section .result_block .button_block,
  #poll_quiz_question .question_section .question_body_container .question_body .body_row .question_block .result_section .result_block .button_block {
    text-align: right;
  }
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .question_block .result_section .result_block .button_block button,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .question_block .result_section .result_block .button_block button,
#activity_quiz .question_section .question_body_container .question_body .body_row .question_block .result_section .result_block .button_block button,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .question_block .result_section .result_block .button_block button {
  white-space: normal;
  height: auto;
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .question_block .js-answered-correctly-section,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .question_block .js-answered-correctly-section,
#activity_quiz .question_section .question_body_container .question_body .body_row .question_block .js-answered-correctly-section,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .question_block .js-answered-correctly-section {
  width: 100%;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  margin: 20px 0 0;
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row label,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row label,
#activity_quiz .question_section .question_body_container .question_body .body_row label,
#poll_quiz_question .question_section .question_body_container .question_body .body_row label {
  width: 100%;
  margin-top: 20px;
  line-height: 28px;
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row label .what_you_learned_text,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row label .what_you_learned_text,
#activity_quiz .question_section .question_body_container .question_body .body_row label .what_you_learned_text,
#poll_quiz_question .question_section .question_body_container .question_body .body_row label .what_you_learned_text {
  color: #7b461d;
  width: 100%;
  resize: none;
  height: 85px;
  background: url("/static/img/activity_viewer/textarea-lines-bg.png") repeat scroll 0 27px transparent;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  line-height: 27px;
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row label .what_you_learned_text.poll_learn,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row label .what_you_learned_text.poll_learn,
#activity_quiz .question_section .question_body_container .question_body .body_row label .what_you_learned_text.poll_learn,
#poll_quiz_question .question_section .question_body_container .question_body .body_row label .what_you_learned_text.poll_learn {
  width: 49%;
  margin-top: 20px;
}

@media (max-width: 991.98px) {
  #multiple_question_quiz .question_section .question_body_container .question_body .body_row label .what_you_learned_text.poll_learn,
  #multiple_question_quiz_post .question_section .question_body_container .question_body .body_row label .what_you_learned_text.poll_learn,
  #activity_quiz .question_section .question_body_container .question_body .body_row label .what_you_learned_text.poll_learn,
  #poll_quiz_question .question_section .question_body_container .question_body .body_row label .what_you_learned_text.poll_learn {
    width: 100%;
  }
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .poll_result,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .poll_result,
#activity_quiz .question_section .question_body_container .question_body .body_row .poll_result,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .poll_result {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .poll_result .result_res,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .poll_result .result_res,
#activity_quiz .question_section .question_body_container .question_body .body_row .poll_result .result_res,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .poll_result .result_res {
  width: 100%;
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .poll_result .graph_title,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .poll_result .graph_title,
#activity_quiz .question_section .question_body_container .question_body .body_row .poll_result .graph_title,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .poll_result .graph_title {
  font-size: 1.2rem;
  font-family: OpenSansBold;
  font-weight: normal;
  color: #8d8d8d;
  background: #C5EEFB;
  padding: 5px;
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .poll_result .result_graph,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .poll_result .result_graph,
#activity_quiz .question_section .question_body_container .question_body .body_row .poll_result .result_graph,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .poll_result .result_graph {
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  width: 49%;
  position: relative;
  background-color: #C5EEFB;
  border: 1px solid #e5e5e5;
}

@media (max-width: 991.98px) {
  #multiple_question_quiz .question_section .question_body_container .question_body .body_row .poll_result .result_graph,
  #multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .poll_result .result_graph,
  #activity_quiz .question_section .question_body_container .question_body .body_row .poll_result .result_graph,
  #poll_quiz_question .question_section .question_body_container .question_body .body_row .poll_result .result_graph {
    width: 100%;
    margin-bottom: 20px;
  }
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .poll_result .result_graph .votes,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .poll_result .result_graph .votes,
#activity_quiz .question_section .question_body_container .question_body .body_row .poll_result .result_graph .votes,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .poll_result .result_graph .votes {
  font-size: 1.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #000000;
  margin-top: 40px;
  margin-left: 40px;
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .poll_result .result_text,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .poll_result .result_text,
#activity_quiz .question_section .question_body_container .question_body .body_row .poll_result .result_text,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .poll_result .result_text {
  width: 49%;
}

@media (max-width: 991.98px) {
  #multiple_question_quiz .question_section .question_body_container .question_body .body_row .poll_result .result_text,
  #multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .poll_result .result_text,
  #activity_quiz .question_section .question_body_container .question_body .body_row .poll_result .result_text,
  #poll_quiz_question .question_section .question_body_container .question_body .body_row .poll_result .result_text {
    width: 100%;
  }
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .poll_result .result_text .descr,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .poll_result .result_text .descr,
#activity_quiz .question_section .question_body_container .question_body .body_row .poll_result .result_text .descr,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .poll_result .result_text .descr {
  font-family: 'OpenSansRegular';
  font-weight: normal;
  position: relative;
  color: #000000;
  padding: 0 10px;
  text-align: justify;
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .poll_result .result_text .descr h3,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .poll_result .result_text .descr h3,
#activity_quiz .question_section .question_body_container .question_body .body_row .poll_result .result_text .descr h3,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .poll_result .result_text .descr h3 {
  font-size: 1.5rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #7b461d;
  padding: 0 0 0 20px;
  margin: 0;
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .poll_result .result_text .descr h3 .sc_icon,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .poll_result .result_text .descr h3 .sc_icon,
#activity_quiz .question_section .question_body_container .question_body .body_row .poll_result .result_text .descr h3 .sc_icon,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .poll_result .result_text .descr h3 .sc_icon {
  background-image: url("/static/img/sprite-1.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -238px -105px;
  position: absolute;
  top: 3px;
  left: 5px;
  width: 20px;
  height: 32px;
}

#multiple_question_quiz .question_section .question_body_container .question_body .body_row .poll_result .result_text .descr p,
#multiple_question_quiz_post .question_section .question_body_container .question_body .body_row .poll_result .result_text .descr p,
#activity_quiz .question_section .question_body_container .question_body .body_row .poll_result .result_text .descr p,
#poll_quiz_question .question_section .question_body_container .question_body .body_row .poll_result .result_text .descr p {
  font-size: 1.3rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  line-height: 22px;
  margin: 5px 0 0;
  color: #4d4d4d;
}

#multiple_question_quiz .question_section .question_body_container .hpfit_line,
#multiple_question_quiz_post .question_section .question_body_container .hpfit_line,
#activity_quiz .question_section .question_body_container .hpfit_line,
#poll_quiz_question .question_section .question_body_container .hpfit_line {
  margin: 0;
  position: relative;
  width: 100%;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 991.98px) {
  #multiple_question_quiz .question_section .question_body_container .hpfit_line,
  #multiple_question_quiz_post .question_section .question_body_container .hpfit_line,
  #activity_quiz .question_section .question_body_container .hpfit_line,
  #poll_quiz_question .question_section .question_body_container .hpfit_line {
    margin: 20px 0 0;
  }
}

#multiple_question_quiz .question_section .question_body_container .hpfit_line p,
#multiple_question_quiz_post .question_section .question_body_container .hpfit_line p,
#activity_quiz .question_section .question_body_container .hpfit_line p,
#poll_quiz_question .question_section .question_body_container .hpfit_line p {
  font-size: 1.3rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #4d4d4d;
  line-height: 18px;
  text-align: right;
  margin: 0;
}

@media (max-width: 575.98px) {
  #multiple_question_quiz .question_section .question_body_container .hpfit_line p,
  #multiple_question_quiz_post .question_section .question_body_container .hpfit_line p,
  #activity_quiz .question_section .question_body_container .hpfit_line p,
  #poll_quiz_question .question_section .question_body_container .hpfit_line p {
    text-align: left;
  }
}

#multiple_question_quiz .question_section .question_body_container .hpfit_line .icon_hpfit,
#multiple_question_quiz_post .question_section .question_body_container .hpfit_line .icon_hpfit,
#activity_quiz .question_section .question_body_container .hpfit_line .icon_hpfit,
#poll_quiz_question .question_section .question_body_container .hpfit_line .icon_hpfit {
  background-image: url("/static/img/sprite-1.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -119px -365px;
  width: 21px;
  height: 30px;
  margin-right: 10px;
}

#multiple_question_quiz .question_section .question_body_container .progress_bar,
#multiple_question_quiz_post .question_section .question_body_container .progress_bar,
#activity_quiz .question_section .question_body_container .progress_bar,
#poll_quiz_question .question_section .question_body_container .progress_bar {
  background: url(/static/img/activity_viewer/red_vertical_lines.png) repeat-y scroll 0 0 #fff;
  padding: 30px 0;
  width: 100%;
  border: 1px solid #d9dedc;
  border-top: none;
  border-bottom: none;
}

@media (max-width: 991.98px) {
  #multiple_question_quiz .question_section .question_body_container .progress_bar,
  #multiple_question_quiz_post .question_section .question_body_container .progress_bar,
  #activity_quiz .question_section .question_body_container .progress_bar,
  #poll_quiz_question .question_section .question_body_container .progress_bar {
    background: #fff;
  }
}

#multiple_question_quiz .question_section .question_body_container .progress_bar ul,
#multiple_question_quiz_post .question_section .question_body_container .progress_bar ul,
#activity_quiz .question_section .question_body_container .progress_bar ul,
#poll_quiz_question .question_section .question_body_container .progress_bar ul {
  margin: 0 auto;
  display: table;
}

#multiple_question_quiz .question_section .question_body_container .progress_bar ul li,
#multiple_question_quiz_post .question_section .question_body_container .progress_bar ul li,
#activity_quiz .question_section .question_body_container .progress_bar ul li,
#poll_quiz_question .question_section .question_body_container .progress_bar ul li {
  background-image: url("/static/img/sprite-2.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -638px -729px;
  position: relative;
  float: left;
  display: block;
  width: 42px;
  height: 20px;
  margin: 0;
  padding: 0;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  #multiple_question_quiz .question_section .question_body_container .progress_bar ul li,
  #multiple_question_quiz_post .question_section .question_body_container .progress_bar ul li,
  #activity_quiz .question_section .question_body_container .progress_bar ul li,
  #poll_quiz_question .question_section .question_body_container .progress_bar ul li {
    background-image: url("/static/img/sprite-2@2x.png");
    background-size: 1040px 1253px;
  }
}

#multiple_question_quiz .question_section .question_body_container .progress_bar ul li .pline,
#multiple_question_quiz_post .question_section .question_body_container .progress_bar ul li .pline,
#activity_quiz .question_section .question_body_container .progress_bar ul li .pline,
#poll_quiz_question .question_section .question_body_container .progress_bar ul li .pline {
  background-image: url("/static/img/sprite-2.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -716px -760px;
  width: 28px;
  height: 3px;
  position: absolute;
  top: 7px;
  left: -1px;
  z-index: 999;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  #multiple_question_quiz .question_section .question_body_container .progress_bar ul li .pline,
  #multiple_question_quiz_post .question_section .question_body_container .progress_bar ul li .pline,
  #activity_quiz .question_section .question_body_container .progress_bar ul li .pline,
  #poll_quiz_question .question_section .question_body_container .progress_bar ul li .pline {
    background-image: url("/static/img/sprite-2@2x.png");
    background-size: 1040px 1253px;
  }
}

#multiple_question_quiz .question_section .question_body_container .progress_bar ul li .check,
#multiple_question_quiz_post .question_section .question_body_container .progress_bar ul li .check,
#activity_quiz .question_section .question_body_container .progress_bar ul li .check,
#poll_quiz_question .question_section .question_body_container .progress_bar ul li .check {
  position: absolute;
  width: 17px;
  height: 17px;
  top: 0;
  left: 25px;
  z-index: 999;
}

#multiple_question_quiz .question_section .question_body_container .progress_bar ul li .check.answered,
#multiple_question_quiz_post .question_section .question_body_container .progress_bar ul li .check.answered,
#activity_quiz .question_section .question_body_container .progress_bar ul li .check.answered,
#poll_quiz_question .question_section .question_body_container .progress_bar ul li .check.answered {
  background-image: url("/static/img/sprite-2.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -642px -752px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  #multiple_question_quiz .question_section .question_body_container .progress_bar ul li .check.answered,
  #multiple_question_quiz_post .question_section .question_body_container .progress_bar ul li .check.answered,
  #activity_quiz .question_section .question_body_container .progress_bar ul li .check.answered,
  #poll_quiz_question .question_section .question_body_container .progress_bar ul li .check.answered {
    background-image: url("/static/img/sprite-2@2x.png");
    background-size: 1040px 1253px;
  }
}

#multiple_question_quiz .question_section .question_body_container .progress_bar ul li .check.correct,
#multiple_question_quiz_post .question_section .question_body_container .progress_bar ul li .check.correct,
#activity_quiz .question_section .question_body_container .progress_bar ul li .check.correct,
#poll_quiz_question .question_section .question_body_container .progress_bar ul li .check.correct {
  background-position: -620px -752px;
}

#multiple_question_quiz .question_section .question_body_container .progress_bar ul li .check.incorrect,
#multiple_question_quiz_post .question_section .question_body_container .progress_bar ul li .check.incorrect,
#activity_quiz .question_section .question_body_container .progress_bar ul li .check.incorrect,
#poll_quiz_question .question_section .question_body_container .progress_bar ul li .check.incorrect {
  background-position: -806px -752px;
}

#multiple_question_quiz .question_section .question_body_container .progress_bar ul li:first-child,
#multiple_question_quiz_post .question_section .question_body_container .progress_bar ul li:first-child,
#activity_quiz .question_section .question_body_container .progress_bar ul li:first-child,
#poll_quiz_question .question_section .question_body_container .progress_bar ul li:first-child {
  background-image: url("/static/img/sprite-2.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -620px -729px;
  width: 17px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  #multiple_question_quiz .question_section .question_body_container .progress_bar ul li:first-child,
  #multiple_question_quiz_post .question_section .question_body_container .progress_bar ul li:first-child,
  #activity_quiz .question_section .question_body_container .progress_bar ul li:first-child,
  #poll_quiz_question .question_section .question_body_container .progress_bar ul li:first-child {
    background-image: url("/static/img/sprite-2@2x.png");
    background-size: 1040px 1253px;
  }
}

#multiple_question_quiz .question_section .question_body_container .progress_bar ul li:first-child .circle,
#multiple_question_quiz_post .question_section .question_body_container .progress_bar ul li:first-child .circle,
#activity_quiz .question_section .question_body_container .progress_bar ul li:first-child .circle,
#poll_quiz_question .question_section .question_body_container .progress_bar ul li:first-child .circle {
  left: 0;
}

#multiple_question_quiz .question_section .question_body_container .progress_bar ul li:first-child .check,
#multiple_question_quiz_post .question_section .question_body_container .progress_bar ul li:first-child .check,
#activity_quiz .question_section .question_body_container .progress_bar ul li:first-child .check,
#poll_quiz_question .question_section .question_body_container .progress_bar ul li:first-child .check {
  left: 0;
}

#multiple_question_quiz .question_section .question_body_container .progress_bar ul li:last-child,
#multiple_question_quiz_post .question_section .question_body_container .progress_bar ul li:last-child,
#activity_quiz .question_section .question_body_container .progress_bar ul li:last-child,
#poll_quiz_question .question_section .question_body_container .progress_bar ul li:last-child {
  background-image: url("/static/img/sprite-2.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -940px -729px;
  width: 43px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  #multiple_question_quiz .question_section .question_body_container .progress_bar ul li:last-child,
  #multiple_question_quiz_post .question_section .question_body_container .progress_bar ul li:last-child,
  #activity_quiz .question_section .question_body_container .progress_bar ul li:last-child,
  #poll_quiz_question .question_section .question_body_container .progress_bar ul li:last-child {
    background-image: url("/static/img/sprite-2@2x.png");
    background-size: 1040px 1253px;
  }
}

#activity_quiz .skill-color.gi,
#multiple_question_quiz .skill-color.gi,
#poll_quiz_question .skill-color.gi {
  border-radius: 5px 5px 0 0;
  background: #06b709;
  border: 1px #069c08 solid;
}

#activity_quiz .skill-color.gi h3,
#multiple_question_quiz .skill-color.gi h3,
#poll_quiz_question .skill-color.gi h3 {
  margin: 10px 5px 0 0;
}

#activity_quiz .skill-color.sa,
#multiple_question_quiz .skill-color.sa,
#poll_quiz_question .skill-color.sa {
  border-radius: 5px 5px 0 0;
  background: #c5168a;
  border: 1px #a00d6f solid;
}

#activity_quiz .skill-color.sa h2,
#multiple_question_quiz .skill-color.sa h2,
#poll_quiz_question .skill-color.sa h2 {
  margin: 10px 0 0 25px;
}

#activity_quiz .skill-color.sa h3,
#multiple_question_quiz .skill-color.sa h3,
#poll_quiz_question .skill-color.sa h3 {
  margin: 10px 5px 0 0;
}

#activity_quiz .skill-color.th,
#multiple_question_quiz .skill-color.th,
#poll_quiz_question .skill-color.th {
  border-radius: 5px 5px 0 0;
  background: #ff7a00;
  border: 1px #dd5300 solid;
}

#activity_quiz .skill-color.as,
#multiple_question_quiz .skill-color.as,
#poll_quiz_question .skill-color.as {
  border-radius: 5px 5px 0 0;
  background: #00aaea;
  border: 1px #008abe solid;
}

#activity_quiz .skill-color.em,
#multiple_question_quiz .skill-color.em,
#poll_quiz_question .skill-color.em {
  border-radius: 5px 5px 0 0;
  background: #ff3131;
  border: 1px #e00f0f solid;
}

#activity_quiz .skill-color.em h3,
#multiple_question_quiz .skill-color.em h3,
#poll_quiz_question .skill-color.em h3 {
  margin: 10px 5px 0 0;
}

#activity_quiz .skill-color.re,
#multiple_question_quiz .skill-color.re,
#poll_quiz_question .skill-color.re {
  border-radius: 5px 5px 0 0;
  background: #2ac4c5;
  border: 1px #00aeb0 solid;
}

#activity_quiz .skill-color.ot,
#multiple_question_quiz .skill-color.ot,
#poll_quiz_question .skill-color.ot {
  border-radius: 5px 5px 0 0;
  background: #f4d420;
  border: 1px #d64913 solid;
}

#activity_quiz .skill-color.ot h3,
#multiple_question_quiz .skill-color.ot h3,
#poll_quiz_question .skill-color.ot h3 {
  margin: 10px 5px 0 0;
}

#recent_posts {
  font-family: 'OpenSansRegular';
}

#recent_posts a {
  text-decoration: none;
}

#recent_posts .home_posts_title {
  font-size: 18px;
  margin: 10px 0 0 20px;
  font-family: 'OpenSansRegular';
  color: #666666;
}

#recent_posts h2 {
  padding-left: 10px;
  color: #03a9e5;
  padding-bottom: 0;
  margin-bottom: 5px;
  font-weight: bold;
}

#recent_posts .home_track_display {
  background-color: #FFFFFF;
  border: 1px solid #DEDEDE;
  border-top: 1px solid #EFEFEF;
  border-left: 1px solid #EFEFEF;
  width: 475px;
  height: 270px;
  margin-left: 5px;
  float: left;
  padding-right: 10px;
  padding-top: 0;
}

#recent_posts .home_track_display .title {
  color: #FF4500;
  margin-left: 20px;
}

#recent_posts .activity {
  border: 1px solid #DDDDDD;
  width: 100%;
  height: 100px;
  font-size: 18px;
  color: #FF5555;
  padding: 10px;
  padding-top: 15px;
  padding-left: 20px;
}

#recent_posts .activity a {
  color: #EE5023;
  font-size: 22px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-decoration: none;
}

#recent_posts .home_track_display_counters {
  background-color: #FFFFFF;
  border: 1px solid #DEDEDE;
  border-top: 1px solid #EFEFEF;
  border-left: 1px solid #EFEFEF;
  width: 150px;
  height: 240px;
  margin-left: 0px;
  float: left;
  padding-top: 30px;
}

#recent_posts .home_track_display_counters_indicator_text {
  color: #AAAAAA;
  font-size: 10px;
  font-weight: bold;
  border-top: 1px solid #DDDDDD;
  margin-top: 20px;
  padding: 10px;
  padding-top: 5px;
  background-color: #f4f4f4;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#EEEEEE), to(#FEFEFE));
  background-image: linear-gradient(to bottom, #EEEEEE, #FEFEFE);
  background-repeat: repeat-x;
}

#recent_posts .counter {
  margin-top: 0;
  padding-top: 0;
  font-size: 60px;
}

#recent_posts .home_track_display_posts {
  position: absolute;
  width: 318px;
  height: 342px;
  left: 670px;
  background-color: #FFFFFF;
  background-image: url('/static/img/recent_post_bg.png');
}

#recent_posts .home_track_display_posts .jcarousel-control {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 8px;
}

#recent_posts .posts_carousel_img {
  width: 258px;
  height: 145px;
  padding-top: 2px;
  padding-bottom: 2px;
  margin: 10px auto;
  margin-top: 10px;
}

#recent_posts .posts_carousel_img img {
  margin: 0 auto;
  overflow: hidden;
  display: block;
  border: 1px double white;
  border-width: 5px;
  -webkit-box-shadow: 0 0 1px #888;
  box-shadow: 0 0 1px #888;
}

#recent_posts .posts_carousel_title {
  position: relative;
  top: 10px;
  font-family: 'OpenSansSemibold';
  font-size: 13px;
  height: 18px;
  width: 278px;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

#recent_posts .posts_carousel_subtitle {
  position: relative;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #333333;
  font-size: 12px;
  height: 46px;
  width: 278px;
  line-height: 16px;
  top: 10px;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

#recent_posts .posts_carousel_subtitle .tip {
  margin-top: 2px;
  color: #777777;
  font-family: 'OpenSansSemibold';
}

#recent_posts .posts_carousel_subtitle .summary {
  margin-top: 0;
  font-family: 'OpenSansRegular';
  max-height: 32px;
  overflow: hidden;
}

#recent_posts .posts_carousel_description {
  position: relative;
  top: 15px;
  left: 20px;
  height: 38px;
  width: 278px;
  color: #333333;
  font-size: 13px;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

#recent_posts .jcarousel-item-horizontal {
  position: relative;
}

#recent_posts .jcarousel-prev-horizontal {
  left: 12px;
}

#recent_posts .jcarousel-next-horizontal {
  right: 12px;
}

#recent_posts .jcarousel-skin-tango .jcarousel-item-horizontal {
  padding-top: 2px;
}

#recent_posts .posts_carousel_datatab,
#recent_posts .posts_carousel_comtab {
  width: 278px;
  height: 20px;
  position: absolute;
  font-size: 11px;
}

#recent_posts .posts_carousel_comtab {
  top: 255px;
  color: #666666;
  text-align: right;
}

#recent_posts .posts_carousel_datatab {
  top: 280px;
  font-family: 'OpenSansSemibold';
  color: #c5c5c5;
}

#recent_posts .posts_carousel_comments_left {
  line-height: 22px;
  float: left;
}

#recent_posts .posts_carousel_comments_right {
  width: 100px;
  line-height: 18px;
  float: right;
  text-align: right;
}

#recent_posts .carousel_likes {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #7F7F7D;
  line-height: 18px;
  margin: 2px 0 2px 5px;
}

#recent_posts .posts_carousel_comments_heart,
#recent_posts .posts_carousel_comments_heart_inactive,
#recent_posts .posts_carousel_clock_icon {
  position: relative;
  float: right;
  height: 20px;
  width: 20px;
  right: 0;
  margin-left: 5px;
}

#recent_posts .posts_carousel_comments_heart {
  background-image: url("/static/img/sprite-1.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -273px -105px;
  cursor: pointer;
}

#recent_posts .posts_carousel_comments_heart_inactive {
  background-image: url("/static/img/sprite-1.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -300px -105px;
}

#recent_posts .posts_carousel_clock_icon {
  background-image: url("/static/img/sprite-1.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -171px -489px;
  height: 25px;
}

#recent_posts .posts_carousel_clear {
  clear: both;
}

#recent_posts .posts_carousel_date {
  padding: 0 15px;
  margin-top: 15px;
  margin-left: 0;
  font-family: 'OpenSansBold';
  font-size: 10px;
  color: #CCCCCC;
  line-height: 18px;
  float: left;
}

#science_viewer,
#footnotes {
  width: 960px;
  margin-left: 10px;
  padding: 25px;
  border: 1px solid #DDDDDD;
}

#science_viewer .promo_img_container,
#footnotes .promo_img_container {
  background: url('/static/img/sign_up_promo.png') no-repeat 0 0 transparent;
  float: left;
  width: 207px;
  height: 160px;
  margin: 10px 40px;
}

#science_viewer .caption_box,
#footnotes .caption_box {
  width: 188px;
  padding: 30px 15px 10px 30px;
  font-family: Helvetica, Arial, sans-serif;
  border-radius: 5px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
  text-align: center;
}

#science_viewer .caption_box.first,
#footnotes .caption_box.first {
  border: 1px solid #06b709;
  float: right;
  margin: 30px 5px 30px 40px;
}

#science_viewer .caption_box.second,
#footnotes .caption_box.second {
  border: 1px solid #c5168a;
  float: left;
  margin: 30px 40px 30px 5px;
}

#science_viewer .caption_box .caption_header,
#footnotes .caption_box .caption_header {
  font-size: 21px;
  font-weight: normal;
  margin: 15px 0;
  color: #666666;
}

#science_viewer .caption_box .caption_text,
#footnotes .caption_box .caption_text {
  font-size: 16px;
  line-height: 20px;
  font-weight: lighter;
  color: #666666;
  text-align: left;
}

#science_viewer span.icon,
#footnotes span.icon {
  background-image: url("/static/img/sprite-1.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -240px -107px;
  width: 19px;
  height: 25px;
  display: block;
  float: left;
  margin: 0 5px 0 0;
}

#science_viewer .fb_iframe_widget,
#footnotes .fb_iframe_widget {
  margin-left: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}

#science_viewer a,
#footnotes a {
  font-family: 'OpenSansRegular';
  text-decoration: none;
  color: #f05a20;
  font-size: 14px;
}

#science_viewer a:hover,
#footnotes a:hover {
  text-decoration: underline;
}

#science_viewer h2,
#footnotes h2 {
  font-family: 'OpenSansRegular';
  text-decoration: none;
  color: #666666;
  font-size: 35px;
  margin-bottom: 32px;
  width: 500px;
  font-weight: normal;
}

#science_viewer h3,
#footnotes h3 {
  clear: both;
  font-family: Helvetica, Arial, sans-serif;
  text-decoration: none;
  font-size: 24px;
  color: #209ee7;
  font-weight: bold;
  margin: 30px 0 5px 0;
}

#science_viewer h3:first-of-type,
#footnotes h3:first-of-type {
  clear: none;
  margin: 0 0 5px 0;
}

#science_viewer p,
#footnotes p {
  font-family: Helvetica, Arial, sans-serif;
  text-decoration: none;
  font-weight: normal;
  color: #333333;
  font-size: 16px;
  line-height: 22px;
}

#science_viewer img,
#footnotes img {
  float: left;
  margin: 0 20px 20px 0;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.7);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.7);
}

#science_viewer .skill,
#footnotes .skill {
  margin-top: 40px;
  overflow: auto;
}

#science_viewer .skill .content,
#footnotes .skill .content {
  padding-left: 5px;
}

#science_viewer .skill .content ul,
#footnotes .skill .content ul {
  list-style: inside disc;
}

#science_viewer .skill .content li,
#footnotes .skill .content li {
  font-family: 'OpenSansRegular';
  text-decoration: none;
  font-weight: normal;
  color: #333333;
  font-size: 12px;
}

#science_viewer .skill .content a,
#footnotes .skill .content a {
  font-family: 'OpenSansRegular';
  text-decoration: none;
  font-weight: normal;
  font-size: 14px;
}

#science_viewer .skill .content a:hover,
#footnotes .skill .content a:hover {
  text-decoration: underline;
}

#science_viewer .skill .content .skill_header .icon,
#footnotes .skill .content .skill_header .icon {
  float: left;
  margin-right: 5px;
  background-image: url("/static/img/sprite-1.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0 0;
}

#science_viewer .skill .content .skill_header.savor_header h3,
#footnotes .skill .content .skill_header.savor_header h3 {
  color: #c5168a;
}

#science_viewer .skill .content .skill_header.savor_header .icon,
#footnotes .skill .content .skill_header.savor_header .icon {
  width: 33px;
  height: 45px;
  background-position: -306px -6px;
}

#science_viewer .skill .content .skill_header.thank_header h3,
#footnotes .skill .content .skill_header.thank_header h3 {
  color: #ff7a00;
}

#science_viewer .skill .content .skill_header.thank_header .icon,
#footnotes .skill .content .skill_header.thank_header .icon {
  width: 52px;
  height: 43px;
  background-position: -373px -4px;
}

#science_viewer .skill .content .skill_header.aspire_header h3,
#footnotes .skill .content .skill_header.aspire_header h3 {
  color: #00aaea;
}

#science_viewer .skill .content .skill_header.aspire_header .icon,
#footnotes .skill .content .skill_header.aspire_header .icon {
  width: 54px;
  height: 39px;
  background-position: -452px -4px;
}

#science_viewer .skill .content .skill_header.give_header h3,
#footnotes .skill .content .skill_header.give_header h3 {
  color: #06b709;
}

#science_viewer .skill .content .skill_header.give_header .icon,
#footnotes .skill .content .skill_header.give_header .icon {
  width: 35px;
  height: 38px;
  background-position: -546px -10px;
}

#science_viewer .skill .content .skill_header.empathize_header h3,
#footnotes .skill .content .skill_header.empathize_header h3 {
  color: #ff3131;
}

#science_viewer .skill .content .skill_header.empathize_header .icon,
#footnotes .skill .content .skill_header.empathize_header .icon {
  width: 40px;
  height: 44px;
  background-position: -621px -5px;
}

#science_viewer .skill .content .skill_header.other_header h3,
#footnotes .skill .content .skill_header.other_header h3 {
  color: #f4d420;
}

#science_viewer .skill .content .skill_header.other_header .icon,
#footnotes .skill .content .skill_header.other_header .icon {
  width: 32px;
  height: 32px;
  background-position: -681px -13px;
}

#science_viewer .skill p,
#footnotes .skill p {
  font-family: Helvetica, Arial, sans-serif;
  text-decoration: none;
  font-weight: normal;
  color: #333333;
  font-size: 16px;
  line-height: 22px;
}

#science_viewer .skill p:first-of-type,
#footnotes .skill p:first-of-type {
  margin: 0;
}

#science_viewer .skill h3,
#footnotes .skill h3 {
  font-family: 'OpenSansRegular';
  text-decoration: none;
  font-weight: normal;
  color: #333333;
  font-size: 35px;
  line-height: 45px;
  margin: 0 0 10px 0;
}

#science_viewer .skill h4,
#footnotes .skill h4 {
  clear: both;
  font-family: 'OpenSansRegular';
  text-decoration: none;
  font-weight: normal;
  color: #666666;
  font-size: 16px;
  margin: 10px 0;
}

#science_viewer .skill h4.studies_savor,
#footnotes .skill h4.studies_savor {
  color: #c5168a;
}

#science_viewer .skill h4.studies_thank,
#footnotes .skill h4.studies_thank {
  color: #ff7a00;
}

#science_viewer .skill h4.studies_aspire,
#footnotes .skill h4.studies_aspire {
  color: #00aaea;
}

#science_viewer .skill h4.studies_give,
#footnotes .skill h4.studies_give {
  color: #06b709;
}

#science_viewer .skill h4.studies_empathize,
#footnotes .skill h4.studies_empathize {
  color: #ff3131;
}

#science_viewer .skill h4.studies_other,
#footnotes .skill h4.studies_other {
  color: #f4d420;
}

#science_viewer .skill img,
#footnotes .skill img {
  float: left;
  width: 186px;
  height: 168px;
  margin: 5px 10px 10px 0;
}

#science_viewer .skill .content a,
#footnotes .skill .content a {
  display: block;
}

#science_viewer .skill .content a.savor,
#footnotes .skill .content a.savor {
  color: #c5168a;
}

#science_viewer .skill .content a.thank,
#footnotes .skill .content a.thank {
  color: #ff7a00;
}

#science_viewer .skill .content a.aspire,
#footnotes .skill .content a.aspire {
  color: #00aaea;
}

#science_viewer .skill .content a.give,
#footnotes .skill .content a.give {
  color: #06b709;
}

#science_viewer .skill .content a.empathize,
#footnotes .skill .content a.empathize {
  color: #ff3131;
}

#science_viewer .skill .content a.other,
#footnotes .skill .content a.other {
  color: #f05a20;
}

.profile-graph {
  background: #ffffff;
  border-radius: 5px;
  background-clip: padding-box;
  padding: 10px;
  border: 1px solid #DDDDDD;
  float: left;
  position: relative;
  width: 380px;
  height: 270px;
  margin: 0 0 15px 0;
}

.profile-graph .score-icons-cont {
  width: 35px;
  float: left;
  position: relative;
  z-index: 2;
}

.profile-graph .score-icons-cont .score-icons {
  width: 35px;
  height: 35px;
  margin: 15px 0 15px 0;
  background-image: url("/static/img/sprite-2.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0 0;
  position: relative;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  .profile-graph .score-icons-cont .score-icons {
    background-image: url("/static/img/sprite-2@2x.png");
    background-size: 1040px 1253px;
  }
}

.profile-graph .score-icons-cont .score-icons.savor-icon {
  background-position: -43px -497px;
  top: 0;
}

.profile-graph .score-icons-cont .score-icons.thank-icon {
  background-position: -43px -539px;
  top: 3px;
}

.profile-graph .score-icons-cont .score-icons.aspire-icon {
  background-position: -43px -580px;
  top: 5px;
}

.profile-graph .score-icons-cont .score-icons.give-icon {
  background-position: -43px -620px;
  top: 7px;
}

.profile-graph .score-icons-cont .score-icons.empathize-icon {
  background-position: -43px -660px;
  top: 8px;
}

.profile-graph .score-bar-cnt {
  width: 279px;
  float: left;
  margin: 0;
}

.profile-graph .score-bar-cnt .score-bar-wrapper {
  background-image: url("/static/img/sprite-2.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -82px -499px;
  width: 279px;
  height: 35px;
  margin: 17px 0 17px -15px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  .profile-graph .score-bar-cnt .score-bar-wrapper {
    background-image: url("/static/img/sprite-2@2x.png");
    background-size: 1040px 1253px;
  }
}

.profile-graph .score-bar-cnt .score-bar-wrapper .score-bars {
  height: 30px;
  width: 40px;
  margin: 2px 0 0 0;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  background-image: url("/static/img/sprite-2.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0 0;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  .profile-graph .score-bar-cnt .score-bar-wrapper .score-bars {
    background-image: url("/static/img/sprite-2@2x.png");
    background-size: 1040px 1253px;
  }
}

.profile-graph .score-bar-cnt .score-bar-wrapper .score-bars.savor-bar {
  background-color: #c82993;
  background-position: -492px -501px;
}

.profile-graph .score-bar-cnt .score-bar-wrapper .score-bars.thank-bar {
  background-color: #fd8925;
  background-position: -492px -542px;
}

.profile-graph .score-bar-cnt .score-bar-wrapper .score-bars.aspire-bar {
  background-color: #1da2df;
  background-position: -492px -583px;
}

.profile-graph .score-bar-cnt .score-bar-wrapper .score-bars.give-bar {
  background-color: #1fc525;
  background-position: -492px -624px;
}

.profile-graph .score-bar-cnt .score-bar-wrapper .score-bars.empathize-bar {
  background-color: #fc1923;
  background-position: -492px -664px;
}

.profile-graph .score-bar-cnt .score-bar-wrapper .score-stars {
  margin: 5px 6px 0 0;
  width: 22px;
  height: 22px;
  padding: 1px 0 0 0;
  float: right;
  text-align: center;
  font-family: "OpenSansBold";
  color: #fff;
  font-size: 11px;
  background-image: url("/static/img/sprite-2.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0 0;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  .profile-graph .score-bar-cnt .score-bar-wrapper .score-stars {
    background-image: url("/static/img/sprite-2@2x.png");
    background-size: 1040px 1253px;
  }
}

.profile-graph .score-bar-cnt .score-bar-wrapper .score-stars.savor-star {
  background-position: -433px -506px;
}

.profile-graph .score-bar-cnt .score-bar-wrapper .score-stars.thank-star {
  background-position: -433px -547px;
}

.profile-graph .score-bar-cnt .score-bar-wrapper .score-stars.aspire-star {
  background-position: -433px -587px;
}

.profile-graph .score-bar-cnt .score-bar-wrapper .score-stars.give-star {
  background-position: -433px -628px;
}

.profile-graph .score-bar-cnt .score-bar-wrapper .score-stars.empathize-star {
  background-position: -433px -669px;
}

.profile-graph .score-titles-cnt {
  float: left;
  width: 60px;
}

.profile-graph .score-titles-cnt .score-title {
  margin: 25px 0 34px 0;
  text-transform: capitalize;
  font-family: "OpenSansBold";
  font-size: 12px;
  color: #999 !important;
  line-height: 18px;
}

.profile-graph .score-titles-cnt .score-title.savor {
  color: #c5168a;
}

.profile-graph .score-titles-cnt .score-title.thank {
  color: #ff7a00;
}

.profile-graph .score-titles-cnt .score-title.aspire {
  color: #00aaea;
}

.profile-graph .score-titles-cnt .score-title.give {
  color: #06b709;
}

.profile-graph .score-titles-cnt .score-title.empathize {
  color: #ff3131;
}

.profile-graph .score-titles-cnt .score-title.revive {
  color: #2ac4c5;
}

.profile-graph .score-titles-cnt .score-title.other {
  color: #f4d420;
}

.score-floater {
  padding: 0 0 0 60px;
}

.score-floater .skill-icon-floater {
  position: relative;
  float: left;
  display: block;
  width: 41px;
  height: 42px;
  margin: 0 0 0 0;
  border-radius: 50%;
  overflow: hidden;
  background-color: green;
  -webkit-box-shadow: 0px 0px 21px -6px rgba(0, 0, 0, 0.63);
  box-shadow: 0px 0px 21px -6px rgba(0, 0, 0, 0.63);
}

.score-floater .skill-icon-floater.SA {
  background-color: #c5168a;
}

.score-floater .skill-icon-floater.TH {
  background-color: #ff7a00;
}

.score-floater .skill-icon-floater.AS {
  background-color: #00aaea;
}

.score-floater .skill-icon-floater.GI {
  background-color: #06b709;
}

.score-floater .skill-icon-floater.EM {
  background-color: #ff3131;
}

.score-floater .skill-icon-floater.RE {
  background-color: #2ac4c5;
}

.score-floater .skill-icon-floater.OT {
  background-color: #f4d420;
}

.score-floater .skill-icon-floater .skill-icon-white.small {
  left: 7px;
  top: 7px;
  position: absolute;
}

.score-floater .skill-points-floater {
  float: left;
  display: block;
  font-family: 'OpenSansSemibold';
  font-size: 12px;
  text-shadow: 1px 1px 1px #fff, -1px -1px 1px #fff;
}

.score-floater .skill-points-floater.SA {
  color: #c5168a;
}

.score-floater .skill-points-floater.TH {
  color: #ff7a00;
}

.score-floater .skill-points-floater.AS {
  color: #00aaea;
}

.score-floater .skill-points-floater.GI {
  color: #06b709;
}

.score-floater .skill-points-floater.EM {
  color: #ff3131;
}

.score-floater .skill-points-floater.RE {
  color: #2ac4c5;
}

.score-floater .skill-points-floater.OT {
  color: #f4d420;
}

html[data-wcag-enabled=true] .score-floater .skill-points-floater {
  color: #000000;
}

.skill-icon-color,
.skill-icon-white,
.skill-icon-gray,
.skill-icon-black {
  background: transparent url("/static/img/homepage/skill_icons_v2019.png");
  background-image: url("/static/img/homepage/skill_icons_v2019.png");
  background-size: 673px 673px;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-color: transparent;
  width: 60px;
  height: 60px;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .skill-icon-color,
  .skill-icon-white,
  .skill-icon-gray,
  .skill-icon-black {
    background: transparent url("/static/img/homepage/skill_icons_v2019@2x.png");
    background-repeat: no-repeat;
    background-size: 673px 673px;
    background-position: 0% 0%;
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .skill-icon-color,
  .skill-icon-white,
  .skill-icon-gray,
  .skill-icon-black {
    background-image: url("/static/img/homepage/skill_icons_v2019@2x.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .skill-icon-color,
  .skill-icon-white,
  .skill-icon-gray,
  .skill-icon-black {
    background-image: url("/static/img/homepage/skill_icons_v2019@2x.png");
  }
}

.skill-icon-color.medium,
.skill-icon-white.medium,
.skill-icon-gray.medium,
.skill-icon-black.medium {
  width: 48px;
  height: 48px;
  background-size: 538px 538px;
}

.skill-icon-color.small,
.skill-icon-white.small,
.skill-icon-gray.small,
.skill-icon-black.small {
  width: 28px;
  height: 28px;
  background-size: 314px 314px;
}

.skill-icon-white.SA {
  background-position: -294px -420px;
}

.skill-icon-white.TH {
  background-position: -369px -425px;
}

.skill-icon-white.AS {
  background-position: -13px -421px;
}

.skill-icon-white.GI {
  background-position: -80px -421px;
}

.skill-icon-white.EM {
  background-position: -154px -421px;
}

.skill-icon-white.OT {
  background-position: -444px -426px;
}

.skill-icon-white.RE {
  background-position: -228px -420px;
}

.skill-icon-white.medium.AS {
  background-position: -10px -338px;
}

.skill-icon-white.medium.GI {
  background-position: -64px -336px;
}

.skill-icon-white.medium.EM {
  background-position: -123px -337px;
}

.skill-icon-white.medium.RE {
  background-position: -183px -336px;
}

.skill-icon-white.medium.SA {
  background-position: -236px -336px;
}

.skill-icon-white.medium.TH {
  background-position: -295px -340px;
}

.skill-icon-white.medium.OT {
  background-position: -355px -340px;
}

.skill-icon-white.small.AS {
  background-position: -6px -197px;
}

.skill-icon-white.small.GI {
  background-position: -37px -196px;
}

.skill-icon-white.small.EM {
  background-position: -72px -195px;
}

.skill-icon-white.small.RE {
  background-position: -107px -196px;
}

.skill-icon-white.small.SA {
  background-position: -137px -196px;
}

.skill-icon-white.small.TH {
  background-position: -172px -198px;
}

.skill-icon-white.small.OT {
  background-position: -207px -199px;
}

.skill-icon-color.SA {
  background-position: -294px -335px;
}

.skill-icon-color.TH {
  background-position: -369px -339px;
}

.skill-icon-color.AS {
  background-position: -13px -335px;
}

.skill-icon-color.GI {
  background-position: -80px -335px;
}

.skill-icon-color.EM {
  background-position: -154px -335px;
}

.skill-icon-color.OT {
  background-position: -444px -340px;
}

.skill-icon-color.RE {
  background-position: -228px -335px;
}

.skill-icon-color.medium.AS {
  background-position: -10px -270px;
}

.skill-icon-color.medium.GI {
  background-position: -64px -268px;
}

.skill-icon-color.medium.EM {
  background-position: -123px -269px;
}

.skill-icon-color.medium.RE {
  background-position: -183px -268px;
}

.skill-icon-color.medium.SA {
  background-position: -236px -268px;
}

.skill-icon-color.medium.TH {
  background-position: -295px -272px;
}

.skill-icon-color.medium.OT {
  background-position: -355px -272px;
}

.skill-icon-color.small.AS {
  background-position: -6px -156px;
}

.skill-icon-color.small.GI {
  background-position: -37px -156px;
}

.skill-icon-color.small.EM {
  background-position: -72px -156px;
}

.skill-icon-color.small.RE {
  background-position: -107px -156px;
}

.skill-icon-color.small.SA {
  background-position: -137px -156px;
}

.skill-icon-color.small.TH {
  background-position: -172px -158px;
}

.skill-icon-color.small.OT {
  background-position: -207px -159px;
}

.skill-icon-gray.SA {
  background-position: -294px -503px;
}

.skill-icon-gray.TH {
  background-position: -369px -507px;
}

.skill-icon-gray.AS {
  background-position: -13px -503px;
}

.skill-icon-gray.GI {
  background-position: -80px -504px;
}

.skill-icon-gray.EM {
  background-position: -154px -505px;
}

.skill-icon-gray.OT {
  background-position: -444px -509px;
}

.skill-icon-gray.RE {
  background-position: -228px -504px;
}

.skill-icon-gray.medium.AS {
  background-position: -10px -404px;
}

.skill-icon-gray.medium.GI {
  background-position: -64px -403px;
}

.skill-icon-gray.medium.EM {
  background-position: -123px -404px;
}

.skill-icon-gray.medium.RE {
  background-position: -183px -402px;
}

.skill-icon-gray.medium.SA {
  background-position: -236px -403px;
}

.skill-icon-gray.medium.TH {
  background-position: -295px -407px;
}

.skill-icon-gray.medium.OT {
  background-position: -355px -407px;
}

.skill-icon-gray.small.AS {
  background-position: -6px -236px;
}

.skill-icon-gray.small.GI {
  background-position: -37px -235px;
}

.skill-icon-gray.small.EM {
  background-position: -72px -235px;
}

.skill-icon-gray.small.RE {
  background-position: -107px -235px;
}

.skill-icon-gray.small.SA {
  background-position: -137px -235px;
}

.skill-icon-gray.small.TH {
  background-position: -172px -237px;
}

.skill-icon-gray.small.OT {
  background-position: -207px -237px;
}

.skill-icon-black.SA {
  background-position: -294px -589px;
}

.skill-icon-black.TH {
  background-position: -369px -594px;
}

.skill-icon-black.AS {
  background-position: -13px -591px;
}

.skill-icon-black.GI {
  background-position: -80px -589px;
}

.skill-icon-black.EM {
  background-position: -154px -590px;
}

.skill-icon-black.OT {
  background-position: -444px -595px;
}

.skill-icon-black.RE {
  background-position: -228px -589px;
}

.skill-icon-black.medium.AS {
  background-position: -10px -473px;
}

.skill-icon-black.medium.GI {
  background-position: -64px -471px;
}

.skill-icon-black.medium.EM {
  background-position: -123px -472px;
}

.skill-icon-black.medium.RE {
  background-position: -183px -471px;
}

.skill-icon-black.medium.SA {
  background-position: -236px -472px;
}

.skill-icon-black.medium.TH {
  background-position: -295px -475px;
}

.skill-icon-black.medium.OT {
  background-position: -355px -476px;
}

.skill-icon-black.small.AS {
  background-position: -6px -276px;
}

.skill-icon-black.small.GI {
  background-position: -37px -275px;
}

.skill-icon-black.small.EM {
  background-position: -72px -275px;
}

.skill-icon-black.small.RE {
  background-position: -107px -275px;
}

.skill-icon-black.small.SA {
  background-position: -137px -275px;
}

.skill-icon-black.small.TH {
  background-position: -172px -277px;
}

.skill-icon-black.small.OT {
  background-position: -207px -277px;
}

.skill-icon {
  background-repeat: no-repeat;
  background-position: center center;
  display: inline-block;
  width: 14px;
  height: 14px;
  line-height: 14px;
  vertical-align: text-top;
}

.skill-icon.empathize,
.skill-icon.EM {
  background-image: url('/static/img/icons/skills/empathize-small.png');
}

.skill-icon.aspire,
.skill-icon.AS {
  background-image: url('/static/img/icons/skills/aspire-small.png');
}

.skill-icon.give,
.skill-icon.GI {
  background-image: url('/static/img/icons/skills/give-small.png');
}

.skill-icon.thank,
.skill-icon.TH {
  background-image: url('/static/img/icons/skills/thank-small.png');
}

.skill-icon.savor,
.skill-icon.SA {
  background-image: url('/static/img/icons/skills/savor-small.png');
}

.skill-icon-large.empathize,
.skill-icon-large.EM {
  width: 87px;
  height: 87px;
}

.skill-icon-large.aspire,
.skill-icon-large.AS {
  width: 88px;
  height: 87px;
}

.skill-icon-large.give,
.skill-icon-large.GI {
  width: 88px;
  height: 87px;
}

.skill-icon-large.thank,
.skill-icon-large.TH {
  width: 88px;
  height: 87px;
}

.skill-icon-large.savor,
.skill-icon-large.SA {
  width: 91px;
  height: 87px;
}

.skill-icon-large.other,
.skill-icon-large.ot {
  width: 88px;
  height: 87px;
}

.skill-color.SA {
  color: #c5168a;
}

.skill-color.TH {
  color: #ff7a00;
}

.skill-color.AS {
  color: #00aaea;
}

.skill-color.GI {
  color: #06b709;
}

.skill-color.EM {
  color: #ff3131;
}

.skill-color.OT {
  color: #f4d420;
}

.skill-color.RE {
  color: #2ac4c5;
}

.skill-border-color.SA {
  border: 1px solid #c5168a;
}

.skill-border-color.TH {
  border: 1px solid #ff7a00;
}

.skill-border-color.AS {
  border: 1px solid #00aaea;
}

.skill-border-color.GI {
  border: 1px solid #06b709;
}

.skill-border-color.EM {
  border: 1px solid #ff3131;
}

.skill-border-color.OT {
  border: 1px solid #f4d420;
}

.skill-border-color.RE {
  border: 1px solid #2ac4c5;
}

.text-TH {
  color: #ff7a00;
}

.text-AS {
  color: #00aaea;
}

.text-SA {
  color: #c5168a;
}

.text-EM {
  color: #ff3131;
}

.text-GI {
  color: #06b709;
}

.text-RE {
  color: #2ac4c5;
}

.text-OT {
  color: #f4d420;
}

.fill-TH {
  fill: #ff7a00;
}

.fill-AS {
  fill: #00aaea;
}

.fill-SA {
  fill: #c5168a;
}

.fill-EM {
  fill: #ff3131;
}

.fill-GI {
  fill: #06b709;
}

.fill-RE {
  fill: #2ac4c5;
}

.fill-OT {
  fill: #f4d420;
}

.stroke-TH {
  stroke: #ff7a00;
}

.stroke-AS {
  stroke: #00aaea;
}

.stroke-SA {
  stroke: #c5168a;
}

.stroke-EM {
  stroke: #ff3131;
}

.stroke-GI {
  stroke: #06b709;
}

.stroke-OT {
  stroke: #f4d420;
}

.stroke-RE {
  stroke: #2ac4c5;
}

#skills_menu {
  /* these styles apply only to the disabled version of this view */
  /* These styles apply to both enabled and disabled versions */
  /* these styles apply only to the enabled version of this view */
}

#skills_menu .btn-goback {
  width: 109px;
  height: 33px;
  vertical-align: bottom;
  line-height: 33px;
}

#skills_menu .skills_menu-disabled {
  background: #ffffff;
  border-radius: 5px;
  background-clip: padding-box;
  padding: 10px;
  width: 980px;
  margin-left: 10px;
}

#skills_menu .skills_menu-disabled .details {
  zoom: 1;
}

#skills_menu .skills_menu-disabled .details:before,
#skills_menu .skills_menu-disabled .details:after {
  content: '';
  display: table;
}

#skills_menu .skills_menu-disabled .details:after {
  clear: both;
}

#skills_menu .skills_menu-disabled .details::after {
  display: block;
  clear: both;
  content: "";
}

#skills_menu .skills_menu-disabled .details:before,
#skills_menu .skills_menu-disabled .details:after {
  content: '';
  display: table;
}

#skills_menu .skills_menu-disabled .details:after {
  clear: both;
}

#skills_menu .skills_menu-disabled .details::after {
  display: block;
  clear: both;
  content: "";
}

#skills_menu .skills_menu-disabled .details::after {
  display: block;
  clear: both;
  content: "";
}

#skills_menu .skills_menu-disabled .details::after {
  display: block;
  clear: both;
  content: "";
}

#skills_menu .skills_menu-disabled .alert {
  width: 200px;
  float: left;
}

#skills_menu .skills_menu-disabled .btn-success {
  margin-left: 10px;
  width: 200px;
  height: 32px;
}

#skills_menu .skills_menu-disabled .activity_card {
  border: 1px dotted gray;
}

#skills_menu ul.activity_cards {
  clear: both;
  margin: 0;
  padding: 10px;
  width: 980px;
  margin-left: 10px;
  margin-bottom: 20px;
}

#skills_menu ul.activity_cards.SA {
  background-color: #d0aecf;
  background-color: #dec4dc;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d0aecf), to(#f3e5f0));
  background-image: linear-gradient(to bottom, #d0aecf, #f3e5f0);
  background-repeat: repeat-x;
}

#skills_menu ul.activity_cards.TH {
  background-color: #fbd4b5;
  background-color: #fbdcc1;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fbd4b5), to(#fce7d3));
  background-image: linear-gradient(to bottom, #fbd4b5, #fce7d3);
  background-repeat: repeat-x;
}

#skills_menu ul.activity_cards.AS {
  background-color: #c2e5f4;
  background-color: #cce8f5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#c2e5f4), to(#dcecf6));
  background-image: linear-gradient(to bottom, #c2e5f4, #dcecf6);
  background-repeat: repeat-x;
}

#skills_menu ul.activity_cards.GI {
  background-color: #cbddb1;
  background-color: #d3e2bd;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#cbddb1), to(#dfe9cf));
  background-image: linear-gradient(to bottom, #cbddb1, #dfe9cf);
  background-repeat: repeat-x;
}

#skills_menu ul.activity_cards.EM {
  background-color: #f8d2d3;
  background-color: #f9d5d9;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f8d2d3), to(#fbd9e2));
  background-image: linear-gradient(to bottom, #f8d2d3, #fbd9e2);
  background-repeat: repeat-x;
}

#skills_menu .activity_card {
  background: #ffffff;
  list-style-type: none;
  width: 307px;
  height: 95px;
  display: inline-block;
  margin: 8px;
  position: relative;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  cursor: pointer;
  border: none;
}

#skills_menu .activity_card .activity-image,
#skills_menu .activity_card .activity-image_locked {
  position: absolute;
  left: 10px;
  top: 10px;
  width: 72px;
  height: 72px;
  border-radius: 3px;
  background-clip: padding-box;
  display: none;
}

#skills_menu .activity_card .activity-image_locked {
  display: block;
}

#skills_menu .activity_card .activity-name {
  position: absolute;
  left: 92px;
  top: 10px;
  width: 170px;
  display: none;
  font-family: 'OpenSansSemibold';
  font-size: 14px;
}

#skills_menu .activity_card .activity-name.SA {
  color: #c5168a;
}

#skills_menu .activity_card .activity-name.TH {
  color: #ff7a00;
}

#skills_menu .activity_card .activity-name.AS {
  color: #00aaea;
}

#skills_menu .activity_card .activity-name.GI {
  color: #06b709;
}

#skills_menu .activity_card .activity-name.EM {
  color: #ff3131;
}

#skills_menu .activity_card .activity-name_locked {
  position: absolute;
  height: 38px;
  width: 146px;
  top: 27px;
  left: 120px;
  text-align: center;
  display: block;
  color: #cbccce;
  background-color: #f9f7f7;
  font-size: 20px;
  line-height: 36px;
  cursor: default;
  border-radius: 3px;
  background-clip: padding-box;
}

#skills_menu .activity_card .icon {
  position: absolute;
  top: -12px;
  right: -17px;
  background-repeat: no-repeat;
}

#skills_menu .activity_card.active .activity-image,
#skills_menu .activity_card.active .activity-name,
#skills_menu .activity_card.active .icon {
  display: block;
}

#skills_menu .activity_card.active .activity-image_locked,
#skills_menu .activity_card.active .activity-name_locked {
  display: none;
}

#skills_menu .skills_menu-enabled ul.skills {
  clear: both;
  padding-left: 95px;
  margin-left: 50px;
  height: 1px;
}

#skills_menu .skills_menu-enabled ul.skills li.skill {
  position: relative;
  font-size: 16px;
  height: 38px;
  width: 190px;
  display: block;
  float: left;
  cursor: pointer;
  padding-right: 32px;
  background-image: url('/static/img/skill_menu_tab.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  color: #868c8d;
}

#skills_menu .skills_menu-enabled ul.skills li.skill:hover.SA {
  color: #c5168a;
}

#skills_menu .skills_menu-enabled ul.skills li.skill:hover.TH {
  color: #ff7a00;
}

#skills_menu .skills_menu-enabled ul.skills li.skill:hover.AS {
  color: #00aaea;
}

#skills_menu .skills_menu-enabled ul.skills li.skill:hover.GI {
  color: #06b709;
}

#skills_menu .skills_menu-enabled ul.skills li.skill:hover.EM {
  color: #ff3131;
}

#skills_menu .skills_menu-enabled ul.skills li.skill.active {
  z-index: 1000;
}

#skills_menu .skills_menu-enabled ul.skills li.skill.active.SA {
  color: #c5168a;
  background-position: 0 -40px;
}

#skills_menu .skills_menu-enabled ul.skills li.skill.active.SA .skill-inner.SA {
  color: #c5168a;
  font-family: 'OpenSansBold';
}

#skills_menu .skills_menu-enabled ul.skills li.skill.active.TH {
  color: #ff7a00;
  background-position: 0 -80px;
}

#skills_menu .skills_menu-enabled ul.skills li.skill.active.TH .skill-inner.TH {
  color: #ff7a00;
  font-family: 'OpenSansBold';
}

#skills_menu .skills_menu-enabled ul.skills li.skill.active.AS {
  color: #00aaea;
  background-position: 0 -120px;
}

#skills_menu .skills_menu-enabled ul.skills li.skill.active.AS .skill-inner.AS {
  color: #00aaea;
  font-family: 'OpenSansBold';
}

#skills_menu .skills_menu-enabled ul.skills li.skill.active.GI {
  color: #06b709;
  background-position: 0 -160px;
}

#skills_menu .skills_menu-enabled ul.skills li.skill.active.GI .skill-inner.GI {
  color: #06b709;
  font-family: 'OpenSansBold';
}

#skills_menu .skills_menu-enabled ul.skills li.skill.active.EM {
  color: #ff3131;
  background-position: 0 -200px;
}

#skills_menu .skills_menu-enabled ul.skills li.skill.active.EM .skill-inner.EM {
  color: #ff3131;
  font-family: 'OpenSansBold';
}

#skills_menu .skills_menu-enabled ul.skills li.skill.active .icon-small-savor {
  background-position: -629px -245px;
}

#skills_menu .skills_menu-enabled ul.skills li.skill.active .icon-small-thank {
  background-position: -670px -251px;
}

#skills_menu .skills_menu-enabled ul.skills li.skill.active .icon-small-aspire {
  background-position: -712px -251px;
}

#skills_menu .skills_menu-enabled ul.skills li.skill.active .icon-small-give {
  background-position: -765px -249px;
}

#skills_menu .skills_menu-enabled ul.skills li.skill.active .icon-small-empathize {
  background-position: -808px -248px;
}

#skills_menu .skills_menu-enabled ul.skills li.skill .icon-small {
  margin: 10px 5px 10px 30px;
  float: left;
}

#skills_menu .skills_menu-enabled ul.skills li.skill .icon-small.icon-small-savor {
  margin-left: 42px;
}

#skills_menu .skills_menu-enabled ul.skills li.skill .icon-small.icon-small-thank {
  margin-left: 42px;
}

#skills_menu .skills_menu-enabled ul.skills li.skill .icon-small.icon-small-aspire {
  margin-left: 40px;
}

#skills_menu .skills_menu-enabled ul.skills li.skill .icon-small.icon-small-give {
  margin-left: 50px;
}

#skills_menu .skills_menu-enabled ul.skills li.skill .icon-small.icon-small-empathize {
  margin-left: 28px;
}

#skills_menu .skills_menu-enabled ul.skills li.skill .skill-inner {
  margin: 12px 10px 10px 0px;
  float: left;
  text-transform: capitalize;
  font-family: 'OpenSansRegular';
  color: #b1b1b1;
}

#skills_menu .skills_menu-enabled ul.skills li.skill .skill-inner.EM {
  margin: 12px 20px 10px 0;
}

.today_activity {
  position: relative;
  background-color: #ffffff;
  width: 1000px;
  height: 190px;
  border: 1px solid #DDDDDD;
  border-radius: 5px;
  background-clip: padding-box;
  margin-left: 10px;
  margin-bottom: 20px;
}

.today_activity .today_activity_inf {
  position: relative;
  top: 5px;
  width: 670px;
  height: 180px;
  border-right: 1px solid #e7e8e8;
  float: left;
  margin: 0 10px 0 0;
  padding: 0 10px 0 0;
}

.today_activity .today_activity_inf .text {
  color: #818284;
  position: absolute;
  top: 80px;
  left: 163px;
  font-size: 12px;
  font-family: 'OpenSansRegular';
  width: 500px;
  height: 50px;
  overflow: hidden;
}

.today_activity .today_activity_inf .title {
  position: absolute;
  top: 42px;
  left: 163px;
  font-family: 'OpenSansRegular';
}

.today_activity .today_activity_inf .icon {
  margin-top: 1px;
  float: left;
  width: 33px;
  height: 33px;
  background-image: url("/static/img/sprite-1.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -69px -395px;
}

.today_activity .today_activity_inf img {
  position: absolute;
  top: 45px;
  left: 20px;
  width: 133px;
  height: 120px;
  border-radius: 5px;
  background-clip: padding-box;
}

.today_activity .today_activity_inf h3 {
  /*color: #18bde3;*/
  color: #666666;
  margin: 10px 0 0 20px;
  font-family: 'OpenSansRegular';
  font-size: 18px;
  font-weight: normal;
}

.today_activity .today_activity_inf h2 {
  margin: 0 10px 0 0;
  display: block;
  float: left;
  color: #ff7a00;
}

.today_activity .today_activity_inf a {
  position: absolute;
  top: 133px;
  left: 163px;
  height: 25px;
  color: #ffffff;
  background-color: #f16623;
  text-decoration: none;
  font-weight: bold;
  padding: 7px 14px 0 14px;
  border-radius: 5px;
  background-clip: padding-box;
}

.today_activity .activities-graph {
  float: left;
  position: relative;
  width: 290px;
  margin: 10px 0 0 10px;
}

.today_activity .activities-graph .score-icons-cont {
  width: 27px;
  float: left;
  position: relative;
  z-index: 2;
}

.today_activity .activities-graph .score-icons-cont .score-icons {
  width: 27px;
  height: 27px;
  margin: 5px 0 5px 0;
  background-image: url("/static/img/sprite-2.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0 0;
  position: relative;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  .today_activity .activities-graph .score-icons-cont .score-icons {
    background-image: url("/static/img/sprite-2@2x.png");
    background-size: 1040px 1253px;
  }
}

.today_activity .activities-graph .score-icons-cont .score-icons.savor-icon {
  background-position: -52px -725px;
  top: 1px;
}

.today_activity .activities-graph .score-icons-cont .score-icons.thank-icon {
  background-position: -52px -755px;
  top: 3px;
}

.today_activity .activities-graph .score-icons-cont .score-icons.aspire-icon {
  background-position: -52px -784px;
  top: 3px;
}

.today_activity .activities-graph .score-icons-cont .score-icons.give-icon {
  background-position: -52px -813px;
  top: 4px;
}

.today_activity .activities-graph .score-icons-cont .score-icons.empathize-icon {
  background-position: -52px -842px;
  top: 5px;
}

.today_activity .activities-graph .score-bar-cnt {
  width: 200px;
  float: left;
  margin: 0;
}

.today_activity .activities-graph .score-bar-cnt .score-bar-wrapper {
  background-image: url("/static/img/sprite-2.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -87px -726px;
  width: 201px;
  height: 26px;
  margin: 7px 0 7px -15px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  .today_activity .activities-graph .score-bar-cnt .score-bar-wrapper {
    background-image: url("/static/img/sprite-2@2x.png");
    background-size: 1040px 1253px;
  }
}

.today_activity .activities-graph .score-bar-cnt .score-bar-wrapper .score-bars {
  height: 22px;
  width: 20px;
  margin: 2px 0 0 0;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  background-image: url("/static/img/sprite-2.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0 0;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  .today_activity .activities-graph .score-bar-cnt .score-bar-wrapper .score-bars {
    background-image: url("/static/img/sprite-2@2x.png");
    background-size: 1040px 1253px;
  }
}

.today_activity .activities-graph .score-bar-cnt .score-bar-wrapper .score-bars.savor-bar {
  background-color: #c82993;
  background-position: -382px -728px;
}

.today_activity .activities-graph .score-bar-cnt .score-bar-wrapper .score-bars.thank-bar {
  background-color: #fd8925;
  background-position: -382px -757px;
}

.today_activity .activities-graph .score-bar-cnt .score-bar-wrapper .score-bars.aspire-bar {
  background-color: #1da2df;
  background-position: -382px -786px;
}

.today_activity .activities-graph .score-bar-cnt .score-bar-wrapper .score-bars.give-bar {
  background-color: #1fc525;
  background-position: -382px -816px;
}

.today_activity .activities-graph .score-bar-cnt .score-bar-wrapper .score-bars.empathize-bar {
  background-color: #fc1923;
  background-position: -382px -845px;
}

.today_activity .activities-graph .score-bar-cnt .score-bar-wrapper .score-stars {
  margin: 4px 5px 0 0;
  width: 15px;
  height: 16px;
  padding: 0 0 0 0;
  float: right;
  text-align: center;
  font-family: "OpenSansBold";
  color: #fff;
  font-size: 8px;
  background-image: url("/static/img/sprite-2.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0 0;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  .today_activity .activities-graph .score-bar-cnt .score-bar-wrapper .score-stars {
    background-image: url("/static/img/sprite-2@2x.png");
    background-size: 1040px 1253px;
  }
}

.today_activity .activities-graph .score-bar-cnt .score-bar-wrapper .score-stars span {
  position: relative;
  top: -1px;
}

.today_activity .activities-graph .score-bar-cnt .score-bar-wrapper .score-stars.savor-star {
  background-position: -340px -731px;
}

.today_activity .activities-graph .score-bar-cnt .score-bar-wrapper .score-stars.thank-star {
  background-position: -340px -761px;
}

.today_activity .activities-graph .score-bar-cnt .score-bar-wrapper .score-stars.aspire-star {
  background-position: -340px -790px;
}

.today_activity .activities-graph .score-bar-cnt .score-bar-wrapper .score-stars.give-star {
  background-position: -340px -819px;
}

.today_activity .activities-graph .score-bar-cnt .score-bar-wrapper .score-stars.empathize-star {
  background-position: -340px -849px;
}

.today_activity .activities-graph .score-bar-cnt .score-bar-wrapper .score-stars.empathize-star span {
  position: relative;
  top: -2px;
}

.today_activity .activities-graph .score-titles-cnt {
  float: left;
  width: 60px;
  font-family: 'OpenSansSemibold';
}

.today_activity .activities-graph .score-titles-cnt .score-title {
  margin: 13px 0 22px 0;
  text-transform: capitalize;
  font-size: 11px;
  color: #999 !important;
  line-height: 12px;
}

.today_activity .activities-graph .score-titles-cnt .score-title.savor {
  color: #c5168a;
}

.today_activity .activities-graph .score-titles-cnt .score-title.thank {
  color: #ff7a00;
}

.today_activity .activities-graph .score-titles-cnt .score-title.aspire {
  color: #00aaea;
}

.today_activity .activities-graph .score-titles-cnt .score-title.give {
  color: #06b709;
}

.today_activity .activities-graph .score-titles-cnt .score-title.empathize {
  color: #ff3131;
}

.today_activity .activities-graph .score-titles-cnt .score-title.revive {
  color: #2ac4c5;
}

.today_activity .activities-graph .score-titles-cnt .score-title.other {
  color: #f4d420;
}

.today_activity .activities-graph .score-titles-cnt .score-title.savor {
  left: 25px;
}

.today_activity .activities-graph .score-titles-cnt .score-title.thank {
  left: 65px;
}

.today_activity .activities-graph .score-titles-cnt .score-title.aspire {
  left: 107px;
}

.today_activity .activities-graph .score-titles-cnt .score-title.give {
  left: 154px;
}

.today_activity .activities-graph .score-titles-cnt .score-title.empathize {
  left: 185px;
}

#skills_menu .skills_menu-enabled ul.skills li.skill .icon-small.icon-small-savor {
  background-position: -628px -215px;
}

#skills_menu .skills_menu-enabled ul.skills li.skill .icon-small.icon-small-thank {
  background-position: -669px -221px;
}

#skills_menu .skills_menu-enabled ul.skills li.skill .icon-small.icon-small-aspire {
  background-position: -711px -220px;
}

#skills_menu .skills_menu-enabled ul.skills li.skill .icon-small.icon-small-give {
  background-position: -764px -218px;
}

#skills_menu .skills_menu-enabled ul.skills li.skill .icon-small.icon-small-empathize {
  width: 28px;
  background-position: -807px -217px;
}

#skills_menu .skills_menu-enabled ul.skills li.skill:hover .icon-small.icon-small-savor {
  background-position: -628px -245px;
}

#skills_menu .skills_menu-enabled ul.skills li.skill:hover .icon-small.icon-small-thank {
  background-position: -669px -251px;
}

#skills_menu .skills_menu-enabled ul.skills li.skill:hover .icon-small.icon-small-aspire {
  background-position: -711px -251px;
}

#skills_menu .skills_menu-enabled ul.skills li.skill:hover .icon-small.icon-small-give {
  background-position: -764px -249px;
}

#skills_menu .skills_menu-enabled ul.skills li.skill:hover .icon-small.icon-small-empathize {
  background-position: -807px -248px;
}

#skills_menu .skills_menu-enabled ul.skills li.skill:hover .skill-inner.SA {
  color: #c5168a;
}

#skills_menu .skills_menu-enabled ul.skills li.skill:hover .skill-inner.TH {
  color: #ff7a00;
}

#skills_menu .skills_menu-enabled ul.skills li.skill:hover .skill-inner.AS {
  color: #00aaea;
}

#skills_menu .skills_menu-enabled ul.skills li.skill:hover .skill-inner.GI {
  color: #06b709;
}

#skills_menu .skills_menu-enabled ul.skills li.skill:hover .skill-inner.EM {
  color: #ff3131;
}

#skills_menu .skills_menu-enabled ul.skills li.skill.active .icon-small.icon-small-savor {
  background-position: -628px -245px;
}

#skills_menu .skills_menu-enabled ul.skills li.skill.active .icon-small.icon-small-thank {
  background-position: -669px -251px;
}

#skills_menu .skills_menu-enabled ul.skills li.skill.active .icon-small.icon-small-aspire {
  background-position: -711px -251px;
}

#skills_menu .skills_menu-enabled ul.skills li.skill.active .icon-small.icon-small-give {
  background-position: -764px -249px;
}

#skills_menu .skills_menu-enabled ul.skills li.skill.active .icon-small.icon-small-empathize {
  background-position: -807px -248px;
}

.sprite-1,
#plus_promo_modal .sprite-1 {
  display: inline-block;
  background: url('/static/img/sprite-1.png') no-repeat;
  outline: none;
}

.sprite-1.savor,
#plus_promo_modal .sprite-1.savor {
  width: 18px;
  height: 25px;
  background-position: -629px -215px;
}

.sprite-1.savor:hover,
#plus_promo_modal .sprite-1.savor:hover,
.sprite-1.savor.on,
#plus_promo_modal .sprite-1.savor.on {
  background-position: -628px -245px;
}

.sprite-1.thank,
#plus_promo_modal .sprite-1.thank {
  width: 29px;
  height: 19px;
  background-position: -670px -221px;
}

.sprite-1.thank:hover,
#plus_promo_modal .sprite-1.thank:hover,
.sprite-1.thank.on,
#plus_promo_modal .sprite-1.thank.on {
  background-position: -669px -251px;
}

.sprite-1.aspire,
#plus_promo_modal .sprite-1.aspire {
  width: 35px;
  height: 19px;
  background-position: -712px -221px;
}

.sprite-1.aspire:hover,
#plus_promo_modal .sprite-1.aspire:hover,
.sprite-1.aspire.on,
#plus_promo_modal .sprite-1.aspire.on {
  background-position: -711px -251px;
}

.sprite-1.give,
#plus_promo_modal .sprite-1.give {
  width: 21px;
  height: 21px;
  background-position: -765px -219px;
}

.sprite-1.give:hover,
#plus_promo_modal .sprite-1.give:hover,
.sprite-1.give.on,
#plus_promo_modal .sprite-1.give.on {
  background-position: -764px -249px;
}

.sprite-1.empathize,
#plus_promo_modal .sprite-1.empathize {
  width: 26px;
  height: 22px;
  background-position: -808px -218px;
}

.sprite-1.empathize:hover,
#plus_promo_modal .sprite-1.empathize:hover,
.sprite-1.empathize.on,
#plus_promo_modal .sprite-1.empathize.on {
  background-position: -807px -248px;
}

.sprite-1.heart,
#plus_promo_modal .sprite-1.heart {
  width: 17px;
  height: 15px;
  background-position: -301px -107px;
}

.sprite-1.heart.on,
#plus_promo_modal .sprite-1.heart.on {
  background-position: -275px -107px;
}

.sprite-1.trending,
#plus_promo_modal .sprite-1.trending {
  width: 14px;
  height: 15px;
  background-position: -654px -331px;
}

.sprite-1.trending-large,
#plus_promo_modal .sprite-1.trending-large {
  width: 22px;
  height: 22px;
  background-position: -625px -327px;
}

.sprite-1.clock,
#plus_promo_modal .sprite-1.clock {
  width: 20px;
  height: 21px;
  background-position: -171px -490px;
}

.sprite-1.close,
#plus_promo_modal .sprite-1.close {
  width: 33px;
  height: 32px;
  background-position: -18px -321px;
  opacity: 100;
}

.sprite-1.flag-white,
#plus_promo_modal .sprite-1.flag-white {
  width: 14px;
  height: 18px;
  background-position: -87px -560px;
}

.sprite-1.flag-large,
#plus_promo_modal .sprite-1.flag-large {
  width: 24px;
  height: 32px;
  background-position: -121px -560px;
}

.sprite-1.silver-medal,
#plus_promo_modal .sprite-1.silver-medal {
  width: 94px;
  height: 114px;
  background-position: -8px -682px;
}

.sprite-1.silver-medal.track_2,
#plus_promo_modal .sprite-1.silver-medal.track_2 {
  background-position: -138px -685px;
}

.sprite-1.silver-medal.track_3,
#plus_promo_modal .sprite-1.silver-medal.track_3 {
  background-position: -267px -685px;
}

.sprite-1.silver-medal.track_4,
#plus_promo_modal .sprite-1.silver-medal.track_4 {
  background-position: -384px -685px;
}

.sprite-1.gold-medal,
#plus_promo_modal .sprite-1.gold-medal {
  width: 94px;
  height: 114px;
  background-position: -8px -811px;
}

.sprite-1.gold-medal.track_2,
#plus_promo_modal .sprite-1.gold-medal.track_2 {
  background-position: -138px -810px;
}

.sprite-1.gold-medal.track_3,
#plus_promo_modal .sprite-1.gold-medal.track_3 {
  background-position: -267px -812px;
}

.sprite-1.gold-medal.track_4,
#plus_promo_modal .sprite-1.gold-medal.track_4 {
  background-position: -384px -811px;
}

.sprite-2 {
  display: inline-block;
  background: url('/static/img/sprite-2.png') no-repeat;
}

.sprite-2.flag-star {
  width: 26px;
  height: 33px;
  background-position: -886px -373px;
}

.sprite-2.padlock {
  width: 37px;
  height: 52px;
  background-position: -927px -351px;
}

.activity_sign {
  display: inline-block;
  background: url('/static/img/activity_sign.png') no-repeat;
}

.activity_sign.locked {
  width: 28px;
  height: 27px;
  background-position: -1px -1px;
}

.activity_sign.pencil {
  width: 28px;
  height: 28px;
  background-position: -31px -1px;
}

.activity_sign.check {
  width: 30px;
  height: 29px;
  background-position: -60px -1px;
}

.ribbons {
  width: 477px;
  height: 69px;
  display: inline-block;
  background: url('/static/img/ribbons.png') no-repeat;
}

.ribbons.gold {
  background-position: -70px -59px;
}

.ribbons.pink {
  background-position: -70px -162px;
}

.ribbons.orange {
  background-position: -71px -263px;
}

.ribbons.blue {
  background-position: -71px -364px;
}

.ribbons.green {
  background-position: -71px -464px;
}

.ribbons.red {
  background-position: -71px -564px;
}

.ribbons.red {
  background-position: -71px -564px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .sprite-1,
  #plus_promo_modal .sprite-1 {
    background-image: url(/static/img/sprite-1@2x.png);
    background-size: 1080px 950px;
  }

  .sprite-2 {
    background-image: url(/static/img/sprite-2@2x.png);
    background-size: 1040px 1253px;
  }

  .ribbons {
    background-image: url('/static/img/ribbons_2x.png');
    background-size: 619px 800px;
  }
}

.static h3 {
  font-size: 16px;
  margin-bottom: 10px;
}

.static .user_section h3 {
  margin-bottom: 0px;
}

.static .highlight {
  color: orange;
}

.static li {
  margin-bottom: 5px;
}

.static #completed_activity_status .post_section {
  padding-bottom: 0px;
}

.static h2.activity_name {
  display: inline-block;
  margin-bottom: 14px;
}

.static .top-right-pane img {
  margin: 30px 0 6px;
}

.static .top-right-pane img:first-of-type {
  margin: 0 0 6px;
}

.static .tip_short_text {
  width: auto;
}

.static .detail {
  margin-top: 10px;
  overflow: auto;
  margin-bottom: 10px;
}

.static .detail img {
  float: left;
  margin-right: 10px;
}

.static-overlay-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #fff;
  opacity: .8;
  filter: alpha(opacity=80);
}

#overlay_shell {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1041;
  overflow-y: scroll;
  padding: 100px 0;
}

#overlay.overlay {
  width: 900px;
  margin: auto;
  position: relative;
  -webkit-box-shadow: 0 0 40px 10px #c8c8c8;
  box-shadow: 0 0 40px 10px #c8c8c8;
  border-radius: 6px;
  border: 1px solid rgba(102, 102, 102, 0.17);
}

#overlay.overlay .close_button {
  top: -52px;
  right: -21px;
}

#overlay_shell #completed_activity_status {
  background: transparent;
  padding: 0;
  margin-top: -40px;
}

#overlay_shell #completed_activity_status .row-old {
  margin: 0 !important;
}

#overlay_shell #completed_activity_status .skill-color,
#overlay_shell #completed_activity_status .activities-container {
  margin: 0 -1px 0 0 !important;
}

#overlay_shell #completed_activity_status .activity-steps,
#overlay_shell #completed_activity_status .activity-step-track {
  display: none;
}

#overlay_shell #completed_activity_status .activities-container .activity-wrap {
  margin: 0 0 0 10px;
}

#overlay_shell #completed_activity_status .activity-wrap.step2wrap:after {
  background: none;
}

#overlay_shell #overlay #multiple_question_quiz_post .question_section .question_body .my-score {
  width: 335px;
}

#overlay_shell #overlay #multiple_question_quiz_post .question_section .question_body .my-score p,
#overlay_shell #overlay #multiple_question_quiz_post .question_section .question_body .my-score p.poll_question,
#overlay_shell #overlay #multiple_question_quiz_post .question_section .question_body .my-score p.poll_answer {
  width: auto;
}

#thread > article {
  float: left;
  width: 745px;
}

#thread > article header {
  zoom: 1;
}

#thread > article header:before,
#thread > article header:after {
  content: '';
  display: table;
}

#thread > article header:after {
  clear: both;
}

#thread > article header::after {
  display: block;
  clear: both;
  content: "";
}

#thread > article header:before,
#thread > article header:after {
  content: '';
  display: table;
}

#thread > article header:after {
  clear: both;
}

#thread > article header::after {
  display: block;
  clear: both;
  content: "";
}

#thread > article header::after {
  display: block;
  clear: both;
  content: "";
}

#thread > article header::after {
  display: block;
  clear: both;
  content: "";
}

#thread > article header .thread-tag {
  color: #fff;
  float: left;
  display: inline-block;
  font-size: 28px;
  font-weight: 500;
  background: #00aaea;
  line-height: 28px;
  padding: 8px;
  border-radius: 3px;
  background-clip: padding-box;
}

#thread > article header .trending-large {
  margin: 10px 0 0 10px;
}

#thread > article header .thread-follow {
  float: right;
}

#thread > article header .thread-follow a[data-action='follow']:after {
  content: 'Follow this Thread';
}

#thread > article header .thread-follow a[data-action='unfollow']:after {
  content: 'Unfollow';
}

#thread > article header .rules {
  color: #333;
  font-size: 14px;
  line-height: 35px;
}

#thread > article .contributors {
  margin: 0 -10px;
  padding: 10px;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}

#thread > article .contributors .title {
  font-size: 16px;
}

#thread > article .contributors ul {
  zoom: 1;
}

#thread > article .contributors ul:before,
#thread > article .contributors ul:after {
  content: '';
  display: table;
}

#thread > article .contributors ul:after {
  clear: both;
}

#thread > article .contributors ul::after {
  display: block;
  clear: both;
  content: "";
}

#thread > article .contributors ul:before,
#thread > article .contributors ul:after {
  content: '';
  display: table;
}

#thread > article .contributors ul:after {
  clear: both;
}

#thread > article .contributors ul::after {
  display: block;
  clear: both;
  content: "";
}

#thread > article .contributors ul::after {
  display: block;
  clear: both;
  content: "";
}

#thread > article .contributors ul::after {
  display: block;
  clear: both;
  content: "";
}

#thread > article .contributors ul li {
  float: left;
  width: 12.5%;
}

#thread > article .contributors ul li .avatar {
  overflow: hidden;
  margin: 0 auto;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
}

#thread > article .contributors ul li .avatar.pioneer_plus {
  border: 3px solid #f4d420;
}

#thread > article .contributors ul li .avatar.pioneer {
  border: 3px solid #e1e6ea;
}

#thread > article .contributors ul li .username {
  color: #f4d420;
  font-weight: 500;
  margin-top: 5px;
  text-align: center;
}

#thread > article .thread-post {
  padding: 20px 30px;
}

#thread > article .thread-post .title {
  color: #00aaea;
  font-size: 16px;
  margin-bottom: 10px;
}

#thread > article .thread-post form {
  position: relative;
}

#thread > article .thread-post form textarea {
  width: 100%;
  height: 28px;
  border-radius: 0;
  background-clip: padding-box;
}

#thread > article .thread-post form textarea:focus,
#thread > article .thread-post form textarea.on {
  height: auto;
  min-height: 80px;
}

#thread > article .thread-post form textarea:focus + input[type='submit'],
#thread > article .thread-post form textarea.on + input[type='submit'] {
  display: block;
}

#thread > article .thread-post form input[type='submit'] {
  display: none;
  position: absolute;
  bottom: 3px;
  right: 3px;
}

#thread > article .thread-post .non-member {
  display: none;
  background: #F4FDEE;
  padding: 15px;
  border: 2px solid #81BA00;
  zoom: 1;
  border-radius: 5px;
  background-clip: padding-box;
}

#thread > article .thread-post .non-member:before,
#thread > article .thread-post .non-member:after {
  content: '';
  display: table;
}

#thread > article .thread-post .non-member:after {
  clear: both;
}

#thread > article .thread-post .non-member::after {
  display: block;
  clear: both;
  content: "";
}

#thread > article .thread-post .non-member:before,
#thread > article .thread-post .non-member:after {
  content: '';
  display: table;
}

#thread > article .thread-post .non-member:after {
  clear: both;
}

#thread > article .thread-post .non-member::after {
  display: block;
  clear: both;
  content: "";
}

#thread > article .thread-post .non-member::after {
  display: block;
  clear: both;
  content: "";
}

#thread > article .thread-post .non-member::after {
  display: block;
  clear: both;
  content: "";
}

#thread > article .thread-post .non-member .text {
  color: #81BA00;
  float: left;
  width: 255px;
  line-height: 22px;
  font-size: 18px;
  font-weight: 500;
}

#thread > article .thread-post .non-member a {
  float: right;
  line-height: 33px;
  width: 220px;
}

#thread > article .thread-post .non-member a .flag {
  top: 9px;
  left: 12px;
}

#thread > article .filter {
  width: 192px;
  position: relative;
  margin: 0 auto 20px;
  zoom: 1;
}

#thread > article .filter:before,
#thread > article .filter:after {
  content: '';
  display: table;
}

#thread > article .filter:after {
  clear: both;
}

#thread > article .filter::after {
  display: block;
  clear: both;
  content: "";
}

#thread > article .filter:before,
#thread > article .filter:after {
  content: '';
  display: table;
}

#thread > article .filter:after {
  clear: both;
}

#thread > article .filter::after {
  display: block;
  clear: both;
  content: "";
}

#thread > article .filter::after {
  display: block;
  clear: both;
  content: "";
}

#thread > article .filter::after {
  display: block;
  clear: both;
  content: "";
}

#thread > article .filter:before {
  content: '';
  position: absolute;
  width: 300px;
  height: 1px;
  top: 50%;
  left: 50%;
  margin-left: -150px;
  background: #cccccc;
}

#thread > article .filter li {
  float: left;
  font-size: 16px;
  padding: 0 10px;
  position: relative;
  background: #fff;
}

#thread > article .filter li.bull {
  padding: 0;
}

#thread > article .filter li:first-child:before {
  content: '•';
  position: absolute;
  color: #cccccc;
  left: -55px;
}

#thread > article .filter li:last-child:after {
  content: '•';
  position: absolute;
  color: #cccccc;
  right: -70px;
}

#thread > article .filter li a,
#thread > article .filter li a:visited {
  color: #999;
}

#thread > article .filter li a.on,
#thread > article .filter li a:visited.on {
  font-family: OpenSansSemibold;
  color: #666;
}

#thread aside {
  float: right;
  width: 240px;
}

#thread aside header {
  font-size: 20px;
  font-family: OpenSansSemibold;
  line-height: 45px;
  text-align: center;
}

.discussion-comments .discussion-comment {
  position: relative;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #fff;
  padding: 5px;
  zoom: 1;
}

.discussion-comments .discussion-comment:before,
.discussion-comments .discussion-comment:after {
  content: '';
  display: table;
}

.discussion-comments .discussion-comment:after {
  clear: both;
}

.discussion-comments .discussion-comment::after {
  display: block;
  clear: both;
  content: "";
}

.discussion-comments .discussion-comment:before,
.discussion-comments .discussion-comment:after {
  content: '';
  display: table;
}

.discussion-comments .discussion-comment:after {
  clear: both;
}

.discussion-comments .discussion-comment::after {
  display: block;
  clear: both;
  content: "";
}

.discussion-comments .discussion-comment::after {
  display: block;
  clear: both;
  content: "";
}

.discussion-comments .discussion-comment::after {
  display: block;
  clear: both;
  content: "";
}

.discussion-comments .discussion-comment:first-child {
  border-top: none;
}

.discussion-comments .discussion-comment time {
  position: absolute;
  top: 5px;
  right: 5px;
}

.discussion-comments .discussion-comment .avatar {
  width: 40px;
}

.discussion-comments .discussion-comment .body {
  width: 460px;
}

.discussion-comments .discussion-comment .body .comment-likes {
  color: #7a7a7a;
  float: left;
  margin-right: 5px;
  line-height: 22px;
}

.discussion-comments .discussion-comment .body button[data-comment-action] {
  display: inline-block;
  position: relative;
}

.discussion-comments .discussion-comment .body button[data-comment-action] .heart {
  position: relative;
  top: 3px;
}

.discussion-comments .discussion-comment .body button[data-comment-action='like']:after {
  content: 'Like';
}

.discussion-comments .discussion-comment .body button[data-comment-action='unlike'] .heart {
  background-position: -275px -107px;
}

.discussion-comments .discussion-comment .body button[data-comment-action='unlike']:after {
  content: 'Liked';
}

.thread-discussion {
  margin-bottom: 35px;
  padding: 0 45px;
  zoom: 1;
}

.thread-discussion [data-action=report] {
  display: none;
}

.thread-discussion:before,
.thread-discussion:after {
  content: '';
  display: table;
}

.thread-discussion:after {
  clear: both;
}

.thread-discussion::after {
  display: block;
  clear: both;
  content: "";
}

.thread-discussion:before,
.thread-discussion:after {
  content: '';
  display: table;
}

.thread-discussion:after {
  clear: both;
}

.thread-discussion::after {
  display: block;
  clear: both;
  content: "";
}

.thread-discussion::after {
  display: block;
  clear: both;
  content: "";
}

.thread-discussion::after {
  display: block;
  clear: both;
  content: "";
}

.thread-discussion .avatar {
  float: left;
  overflow: hidden;
  margin-right: 10px;
  border-radius: 50%;
  background-clip: padding-box;
}

.thread-discussion .avatar.pioneer_plus {
  border: 3px solid #f4d420;
}

.thread-discussion .avatar.pioneer {
  border: 3px solid #e1e6ea;
}

.thread-discussion:hover [data-action=report] {
  display: block;
}

.thread-discussion .body {
  float: left;
  width: 520px;
  position: relative;
}

.thread-discussion .body time {
  color: #7a7a7a;
  position: absolute;
  top: 0;
  right: 0;
}

.thread-discussion .body .username {
  color: #f4d420;
  line-height: 22px;
  font-size: 14px;
  font-weight: 500;
}

.thread-discussion .body .text {
  white-space: pre-wrap;
  word-wrap: break-word;
}

.thread-discussion .meta {
  color: #7a7a7a;
  line-height: 24px;
  margin-top: 5px;
  position: relative;
  white-space: nowrap;
  display: inline-block;
  zoom: 1;
}

.thread-discussion .meta:before,
.thread-discussion .meta:after {
  content: '';
  display: table;
}

.thread-discussion .meta:after {
  clear: both;
}

.thread-discussion .meta::after {
  display: block;
  clear: both;
  content: "";
}

.thread-discussion .meta:before,
.thread-discussion .meta:after {
  content: '';
  display: table;
}

.thread-discussion .meta:after {
  clear: both;
}

.thread-discussion .meta::after {
  display: block;
  clear: both;
  content: "";
}

.thread-discussion .meta::after {
  display: block;
  clear: both;
  content: "";
}

.thread-discussion .meta::after {
  display: block;
  clear: both;
  content: "";
}

.thread-discussion .meta .likes {
  float: left;
  margin-right: 5px;
}

.thread-discussion .meta button[data-action] {
  display: inline-block;
  position: relative;
}

.thread-discussion .meta button[data-action] .heart {
  position: relative;
  top: 3px;
}

.thread-discussion .meta button[data-action='like']:after {
  content: 'Like';
}

.thread-discussion .meta button[data-action='unlike'] .heart {
  background-position: -275px -107px;
}

.thread-discussion .meta button[data-action='unlike']:after {
  content: 'Liked';
}

.thread-discussion .discussion-reply {
  background: rgba(200, 200, 200, 0.15);
  margin: 0 0 0 -5px;
  padding: 8px 0 8px 5px;
  border-top: 1px solid #fff;
  zoom: 1;
  -webkit-box-shadow: 0 1px 1px rgba(100, 100, 100, 0.25);
  box-shadow: 0 1px 1px rgba(100, 100, 100, 0.25);
}

.thread-discussion .discussion-reply:before,
.thread-discussion .discussion-reply:after {
  content: '';
  display: table;
}

.thread-discussion .discussion-reply:after {
  clear: both;
}

.thread-discussion .discussion-reply::after {
  display: block;
  clear: both;
  content: "";
}

.thread-discussion .discussion-reply:before,
.thread-discussion .discussion-reply:after {
  content: '';
  display: table;
}

.thread-discussion .discussion-reply:after {
  clear: both;
}

.thread-discussion .discussion-reply::after {
  display: block;
  clear: both;
  content: "";
}

.thread-discussion .discussion-reply::after {
  display: block;
  clear: both;
  content: "";
}

.thread-discussion .discussion-reply::after {
  display: block;
  clear: both;
  content: "";
}

.thread-discussion .discussion-reply .avatar {
  width: 40px;
}

.thread-discussion .discussion-reply textarea {
  margin-top: 6px;
  width: 28px;
  height: 465px;
}

.thread-discussion .discussion-reply textarea:focus,
.thread-discussion .discussion-reply textarea.on {
  height: auto;
}

.thread-discussion .discussion-comments {
  margin: 10px 0 0 -5px;
  background: rgba(200, 200, 200, 0.15);
  zoom: 1;
}

.thread-discussion .discussion-comments:before,
.thread-discussion .discussion-comments:after {
  content: '';
  display: table;
}

.thread-discussion .discussion-comments:after {
  clear: both;
}

.thread-discussion .discussion-comments::after {
  display: block;
  clear: both;
  content: "";
}

.thread-discussion .discussion-comments:before,
.thread-discussion .discussion-comments:after {
  content: '';
  display: table;
}

.thread-discussion .discussion-comments:after {
  clear: both;
}

.thread-discussion .discussion-comments::after {
  display: block;
  clear: both;
  content: "";
}

.thread-discussion .discussion-comments::after {
  display: block;
  clear: both;
  content: "";
}

.thread-discussion .discussion-comments::after {
  display: block;
  clear: both;
  content: "";
}

.thread-discussion .discussion-comments.limited .discussion-comment {
  display: none;
}

.thread-discussion .discussion-comments.limited .discussion-comment:first-child {
  border-top: 1px solid #fff;
}

.thread-discussion .discussion-comments.limited .discussion-comment:nth-last-child(-n+3) {
  display: block;
}

.thread-discussion .discussion-comments.limited .show-all {
  display: block;
}

.thread-discussion .show-all {
  display: none;
  line-height: 22px;
  padding-left: 56px;
  border-bottom: 1px solid #ddd;
}

.featured-threads > div {
  float: left;
  width: 50%;
  padding: 10px 20px;
  font-size: 12px;
}

.featured-threads > div:first-child {
  border-right: 1px solid #cccccc;
}

.featured-threads > div a:hover {
  text-decoration: none;
}

.featured-threads > div img {
  height: auto;
}

.featured-threads > div .tag-name {
  color: #fff;
  background: #00aaea;
  font-size: 16px;
  line-height: 20px;
  padding: 0 4px;
  display: inline-block;
  border-radius: 5px;
  background-clip: padding-box;
}

.featured-threads > div .large-image {
  margin: 4px 0;
  height: 196px;
  overflow: hidden;
}

.featured-threads > div .small-images {
  margin-bottom: 5px;
  height: 64px;
  overflow: hidden;
  zoom: 1;
}

.featured-threads > div .small-images:before,
.featured-threads > div .small-images:after {
  content: '';
  display: table;
}

.featured-threads > div .small-images:after {
  clear: both;
}

.featured-threads > div .small-images::after {
  display: block;
  clear: both;
  content: "";
}

.featured-threads > div .small-images:before,
.featured-threads > div .small-images:after {
  content: '';
  display: table;
}

.featured-threads > div .small-images:after {
  clear: both;
}

.featured-threads > div .small-images::after {
  display: block;
  clear: both;
  content: "";
}

.featured-threads > div .small-images::after {
  display: block;
  clear: both;
  content: "";
}

.featured-threads > div .small-images::after {
  display: block;
  clear: both;
  content: "";
}

.featured-threads > div .small-images img {
  float: left;
  width: 32.6667%;
}

.featured-threads > div .small-images img:first-child {
  margin-right: 1%;
}

.featured-threads > div .small-images img:last-child {
  margin-left: 1%;
}

.featured-threads > div .text {
  color: #7a7a7a;
  margin-bottom: 5px;
}

.featured-threads > div .meta > div {
  color: #7a7a7a;
  float: left;
  width: 30%;
}

.featured-threads > div .meta > div.discussions {
  color: #f4d420;
  width: 40%;
}

.thread-related-item {
  font-size: 11px;
  padding: 15px 10px 5px;
  margin-bottom: 20px;
}

.thread-related-item .image {
  margin-bottom: 20px;
}

.thread-related-item .image img {
  height: auto;
}

.thread-related-item .title {
  color: #f4d420;
  margin-bottom: 5px;
  font-family: OpenSansSemibold;
  font-size: 13px;
}

.thread-related-item .selected-tip {
  color: #7f7f7d;
  font-family: OpenSansSemibold;
  font-size: 12px;
  margin-bottom: 5px;
}

.thread-related-item:last-child {
  border-bottom: none;
}

.thread-related-item .avatar {
  overflow: hidden;
  float: left;
  margin-right: 5px;
  border: 2px solid #ccc;
  border-radius: 50%;
  background-clip: padding-box;
}

.thread-related-item .body {
  width: 170px;
  float: left;
}

.thread-related-item .body .username {
  color: #f4d420;
  font-family: OpenSansBold;
}

.thread-related-item .meta {
  color: #7a7a7a;
  line-height: 24px;
  margin-top: 8px;
  font-size: 12px;
  zoom: 1;
}

.thread-related-item .meta:before,
.thread-related-item .meta:after {
  content: '';
  display: table;
}

.thread-related-item .meta:after {
  clear: both;
}

.thread-related-item .meta::after {
  display: block;
  clear: both;
  content: "";
}

.thread-related-item .meta:before,
.thread-related-item .meta:after {
  content: '';
  display: table;
}

.thread-related-item .meta:after {
  clear: both;
}

.thread-related-item .meta::after {
  display: block;
  clear: both;
  content: "";
}

.thread-related-item .meta::after {
  display: block;
  clear: both;
  content: "";
}

.thread-related-item .meta::after {
  display: block;
  clear: both;
  content: "";
}

.thread-related-item .meta > div {
  width: 50%;
}

.thread-related-item .meta .comments {
  float: left;
}

.thread-related-item .meta .post-like {
  float: right;
}

.thread-related-item .meta .post-like a[data-action='like']:after {
  content: 'Like';
}

.thread-related-item .meta .post-like a[data-action='unlike'] .heart {
  background-position: -275px -107px;
}

.thread-related-item .meta .post-like a[data-action='unlike']:after {
  content: 'Liked';
}

.thread-related-item .meta .like-count {
  float: right;
  text-align: right;
  margin-right: 5px;
}

.thread-related-item .meta .button {
  float: right;
  padding: 0 5px;
}

.thread-related-item .meta .button .heart {
  position: relative;
  top: 3px;
}

.thread-related-item .completed {
  color: #ccc;
  margin: 10px -10px 0;
  padding: 15px 10px 0;
  line-height: 21px;
  border-top: 1px solid #cccccc;
}

.thread-related-item .completed .clock {
  float: right;
}

#modal.thread_rules {
  width: 870px;
  padding: 50px;
}

#modal.thread_rules header {
  font-size: 16px;
  font-family: OpenSansSemibold;
}

#modal.thread_rules ol {
  padding: 0;
  list-style-position: inside;
}

#modal.thread_rules ol li {
  margin-bottom: 15px;
}

#modal.thread_rules ol li:last-child {
  margin-bottom: 0;
}

section,
aside {
  zoom: 1;
}

section:before,
aside:before,
section:after,
aside:after {
  content: '';
  display: table;
}

section:after,
aside:after {
  clear: both;
}

section::after,
aside::after {
  display: block;
  clear: both;
  content: "";
}

section:before,
aside:before,
section:after,
aside:after {
  content: '';
  display: table;
}

section:after,
aside:after {
  clear: both;
}

section::after,
aside::after {
  display: block;
  clear: both;
  content: "";
}

section::after,
aside::after {
  display: block;
  clear: both;
  content: "";
}

section::after,
aside::after {
  display: block;
  clear: both;
  content: "";
}

section > article,
aside > article {
  background: #ffffff;
  padding: 10px;
  border: 1px solid #cccccc;
  zoom: 1;
  border-radius: 5px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

section > article:before,
aside > article:before,
section > article:after,
aside > article:after {
  content: '';
  display: table;
}

section > article:after,
aside > article:after {
  clear: both;
}

section > article::after,
aside > article::after {
  display: block;
  clear: both;
  content: "";
}

section > article:before,
aside > article:before,
section > article:after,
aside > article:after {
  content: '';
  display: table;
}

section > article:after,
aside > article:after {
  clear: both;
}

section > article::after,
aside > article::after {
  display: block;
  clear: both;
  content: "";
}

section > article::after,
aside > article::after {
  display: block;
  clear: both;
  content: "";
}

section > article::after,
aside > article::after {
  display: block;
  clear: both;
  content: "";
}

section > article *,
aside > article * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

section > article ul,
aside > article ul {
  list-style-type: none;
  padding: 0;
}

section > article textarea,
aside > article textarea {
  resize: none;
}

#threads-directory {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#threads-directory header .grid-left {
  float: left;
  width: 590px;
}

#threads-directory header .grid-left .title {
  color: #00aaea;
  font-size: 26px;
  font-weight: 500;
  line-height: 40px;
}

#threads-directory header .grid-left .desc {
  color: #7a7a7a;
  font-size: 15px;
}

#threads-directory header .grid-right {
  float: right;
  width: 295px;
}

#threads-directory header .grid-right ul > li {
  float: left;
  padding: 0 4px;
  margin: 0 5px 3px 0;
  font-size: 18px;
  line-height: 24px;
  background: #00aaea;
  border-radius: 5px;
  background-clip: padding-box;
}

#threads-directory header .grid-right ul > li a,
#threads-directory header .grid-right ul > li a:visited {
  color: #fff;
  text-decoration: none;
}

#threads-directory header .grid-right ul > li a:hover {
  text-decoration: none;
}

#threads-directory .latest .user-info {
  margin-left: 50px;
  width: 500px;
  padding-top: 12px;
}

#threads-directory .latest .user a,
#threads-directory .latest .user a:visited {
  color: #f05a20;
  font-size: 13px;
  font-family: OpenSansSemibold;
}

#threads-directory .latest .text {
  color: #7a7a7a;
  width: 495px;
}

#threads-directory .latest .text.featured {
  width: 225px;
}

#threads-directory .latest .avatar {
  float: left;
  width: 40px;
  overflow: hidden;
  margin-right: 10px;
  border: 3px solid #f4d420;
  border-radius: 50%;
  background-clip: padding-box;
}

#threads-directory .latest .avatar.trending {
  margin-bottom: 20px;
}

#threads-directory .directory {
  float: left;
  width: 695px;
  margin-top: 10px;
}

#threads-directory .directory > section {
  margin-bottom: 8px;
}

#threads-directory .directory > section .title {
  font-size: 18px;
  font-family: OpenSansSemibold;
  margin-right: 10px;
}

#threads-directory .directory > section .title.trending {
  float: left;
}

#threads-directory aside {
  float: right;
  margin-top: 10px;
  width: 300px;
}

#threads-directory aside > article {
  margin-bottom: 20px;
}

#threads-directory aside > article.join {
  color: #81BA00;
}

#threads-directory aside > article.join .title {
  text-align: center;
  font-size: 17px;
  font-family: OpenSansSemibold;
  margin-bottom: 15px;
}

#threads-directory aside > article.join .button_primary {
  float: left;
  width: 185px;
  height: 38px;
  line-height: 28px;
  font-size: 12px;
  margin-top: 10px;
}

#threads-directory aside > article.join .button_primary .flag {
  top: 5px;
  left: 15px;
}

#threads-directory aside > article.join > img {
  width: 80px;
  float: right;
}

#threads-directory aside > section {
  margin-bottom: 20px;
}

.threads-list.following {
  margin-bottom: 10px;
}

.threads-list header {
  zoom: 1;
}

.threads-list header:before,
.threads-list header:after {
  content: '';
  display: table;
}

.threads-list header:after {
  clear: both;
}

.threads-list header::after {
  display: block;
  clear: both;
  content: "";
}

.threads-list header:before,
.threads-list header:after {
  content: '';
  display: table;
}

.threads-list header:after {
  clear: both;
}

.threads-list header::after {
  display: block;
  clear: both;
  content: "";
}

.threads-list header::after {
  display: block;
  clear: both;
  content: "";
}

.threads-list header::after {
  display: block;
  clear: both;
  content: "";
}

.threads-list header > div {
  float: left;
  margin-right: 15px;
  font-family: OpenSansSemibold;
}

.threads-list header > div:first-child {
  width: 140px;
}

.threads-list header .unread {
  width: 75px;
  text-align: center;
}

.threads-list header .unfollowed {
  color: #A7A7A7;
  margin: 0 0 0 37px;
  padding: 15px 0 10px;
  text-align: center;
  width: 200px;
}

.threads-list ul {
  margin: 0 0 0 25px;
}

.threads-list ul li {
  font-size: 12px;
}

.threads-list ul li > div {
  float: left;
  margin-right: 15px;
}

.threads-list ul li .tag-name {
  width: 110px;
}

.threads-list ul li .discussions,
.threads-list ul li .unread {
  text-align: center;
  width: 75px;
}

.thread-trending-list {
  margin: 0 -10px;
  padding: 20px 25px;
  border-bottom: 1px solid #cccccc;
  zoom: 1;
}

.thread-trending-list:before,
.thread-trending-list:after {
  content: '';
  display: table;
}

.thread-trending-list:after {
  clear: both;
}

.thread-trending-list::after {
  display: block;
  clear: both;
  content: "";
}

.thread-trending-list:before,
.thread-trending-list:after {
  content: '';
  display: table;
}

.thread-trending-list:after {
  clear: both;
}

.thread-trending-list::after {
  display: block;
  clear: both;
  content: "";
}

.thread-trending-list::after {
  display: block;
  clear: both;
  content: "";
}

.thread-trending-list::after {
  display: block;
  clear: both;
  content: "";
}

.thread-trending-list:last-child {
  border-bottom: none;
}

.thread-trending-list .grid-left {
  float: left;
}

.thread-trending-list .grid-left header {
  color: #7a7a7a;
  font-size: 11px;
  margin-bottom: 10px;
  zoom: 1;
}

.thread-trending-list .grid-left header:before,
.thread-trending-list .grid-left header:after {
  content: '';
  display: table;
}

.thread-trending-list .grid-left header:after {
  clear: both;
}

.thread-trending-list .grid-left header::after {
  display: block;
  clear: both;
  content: "";
}

.thread-trending-list .grid-left header:before,
.thread-trending-list .grid-left header:after {
  content: '';
  display: table;
}

.thread-trending-list .grid-left header:after {
  clear: both;
}

.thread-trending-list .grid-left header::after {
  display: block;
  clear: both;
  content: "";
}

.thread-trending-list .grid-left header::after {
  display: block;
  clear: both;
  content: "";
}

.thread-trending-list .grid-left header::after {
  display: block;
  clear: both;
  content: "";
}

.thread-trending-list .grid-left header > div {
  float: left;
  margin-right: 20px;
}

.thread-trending-list .grid-left header .thread-tag {
  width: 175px;
}

.thread-trending-list .grid-left header .thread-tag a {
  color: #fff;
  display: inline-block;
  font-size: 14px;
  background: #00aaea;
  line-height: 18px;
  padding: 0 4px;
  border-radius: 3px;
  background-clip: padding-box;
}

.thread-trending-list .grid-left header .thread-tag a:hover {
  text-decoration: none;
}

.thread-trending-list .grid-left header .discussions {
  color: #ff7a00;
  width: 125px;
  margin: 0;
}

.thread-trending-list .grid-left .latest {
  font-size: 12px;
}

.thread-trending-list .grid-left .latest .user {
  color: #f4d420;
  font-weight: 500;
}

.thread-trending-list .grid-left .latest .text {
  color: #7a7a7a;
  width: 495px;
}

.thread-trending-list .grid-left .latest .text.featured {
  width: 225px;
}

.thread-trending-list .grid-right {
  float: right;
}

.thread-trending-list .grid-right .image {
  width: 90px;
  height: 63px;
  overflow: hidden;
  margin-bottom: 5px;
}

.thread-trending-list .grid-right .image > img {
  height: auto;
}

.thread-trending-list .grid-right a:last-child {
  display: block;
  line-height: 20px;
  text-align: center;
  border: 1px solid #cccccc;
  background: #F7F7F7;
  border-radius: 3px;
  background-clip: padding-box;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(12%, #F7F7F7), color-stop(60%, #ffffff));
  background-image: linear-gradient(to bottom, #F7F7F7 12%, #ffffff 60%);
}

.thread-trending-list .grid-right a:last-child:hover {
  text-decoration: none;
}

#track_detail {
  border: 0;
}

#track_detail .header_row .track_name {
  text-align: left;
  display: inline-block;
  width: 550px;
  word-wrap: break-word;
  vertical-align: top;
  margin-bottom: 10px;
}

#track_detail .header_row .track_name h1 {
  color: #F05A20;
  font-family: 'OpenSansRegular';
  font-size: 18pt;
  margin-left: 16px;
  margin-bottom: 2px;
  word-wrap: break-word;
  width: 650px;
  /*width: 50%;*/
  line-height: 20pt;
  float: left;
  /*display: inline;*/
}

#track_detail .header_row .track_name .creator_logo {
  float: right;
  width: 429px;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-right: 40px;
}

#track_detail .header_row .track_name img {
  margin-left: 18px;
  width: 120px;
}

#track_detail .header_row .track_name span {
  font-style: italic;
  margin-left: 18px;
  font-size: 10pt;
}

#track_detail .header_row .fb_container {
  vertical-align: top;
  display: inline-block;
  width: 425px;
  margin: 20px 0 0 40px;
}

#track_detail .header_row .fb_container .fb_iframe_widget {
  margin: 0;
}

#track_detail .divider_line {
  width: 95%;
  margin: 0 auto;
  border-bottom: 1px solid #DDD;
  height: 1px;
}

#track_detail .track-detail-ribbons ul li {
  display: block;
  list-style-type: none;
}

#track_detail .track-detail-ribbons .block {
  position: relative;
  width: 100px;
  height: 100px;
  padding-top: 15px;
}

#track_detail .track-detail-ribbons .block .num {
  margin-top: 15px;
  font-size: 45px;
  display: block;
  float: left;
  color: #1FA3DF;
  font-weight: bold;
  width: 35px;
}

#track_detail .track-detail-ribbons .block .text {
  float: left;
  display: block;
  margin-top: -21px;
  width: 63px;
}

#track_detail .track-detail-ribbons .block .text p {
  font-size: 11px;
  line-height: 12px;
}

#track_detail .breadcrumb {
  border: 0;
  background: #FFF;
  border-bottom: 1px #DDD solid;
}

#track_detail .breadcrumb li a {
  padding: 12px 0 10px 40px;
}

#track_detail .breadcrumb li:first-child a {
  border-top-left-radius: 5px;
  padding-left: 20px;
  border-left-color: #FFF;
}

#track_detail .breadcrumb li.active span {
  padding: 11px 0 10px 35px;
  display: block;
}

#track_detail #main-content {
  background: #FFF;
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
}

#track_detail .span9 {
  padding: 10px;
}

#track_detail .span9 .topic img {
  width: 100%;
}

#track_detail .span9 .topic .text {
  margin: 0;
  padding: 0;
}

#track_detail .span9 .topic .text p {
  /*background: #d8f3f9;*/
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(12%, #d8f3f9), color-stop(60%, #EDF8FA));
  background-image: linear-gradient(to bottom, #d8f3f9 12%, #EDF8FA 60%);
  margin: 0;
  height: auto;
  padding: 10px;
  font-size: 20px;
  padding-bottom: 15px;
  font-family: 'OpenSansRegular';
}

#track_detail .span9 .topic .card-track.user-started {
  display: block;
}

#track_detail .span9 .topic .card-track.user-not-started {
  display: block;
}

#track_detail .span9 .topic .track-numbers.user-started {
  display: none;
}

#track_detail .span9 .topic .track-numbers.user-not-started {
  display: none;
}

#track_detail .span9 .topic img.medium {
  display: none;
}

#track_detail .span9 .topic img.large {
  display: block;
}

#track_detail .span9 .topic .card-track {
  background: #fbfbfb;
  border: 1px #EEE solid;
  padding: 0 10px 10px 10px;
  border-radius: 5px;
  background-clip: padding-box;
  margin: 10px 0 0 0;
  height: 55px;
  position: relative;
}

#track_detail .span9 .topic .card-track.hidden {
  display: none;
}

#track_detail .span9 .topic .card-track .track-bar {
  display: none;
}

#track_detail .span9 .topic .card-track .track_bar_img {
  display: inherit;
  position: absolute;
  margin-top: 17px;
  margin-left: 25px;
  background-image: url("/static/img/sprite-2.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -50px -889px;
  width: 624px;
  height: 28px;
  z-index: 1;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  #track_detail .span9 .topic .card-track .track_bar_img {
    background-image: url("/static/img/sprite-2@2x.png");
    background-size: 1040px 1253px;
  }
}

#track_detail .span9 .topic .card-track ul {
  width: 100%;
}

#track_detail .span9 .topic .card-track ul li.track-week {
  margin: -6px 93px 0 93px;
  padding: 0;
}

#track_detail .span9 .topic .card-track ul li.track-week.first-week {
  margin-top: 7px;
  margin-left: 0;
}

#track_detail .span9 .topic .card-track ul li.track-week.last-week {
  margin-top: 7px;
  margin-right: 0;
}

#track_detail .span9 .topic .card-track ul li.track-week.next-available {
  margin-top: 7px;
}

#track_detail .span9 .topic .card-track ul li.track-week.unavailable {
  margin-top: 7px;
}

#track_detail .span9 .topic .card-track ul li.track-week.active {
  margin-top: 7px;
}

#track_detail .span9 .topic .card-track ul li.track-week.gold-ribbon {
  margin-top: -5px;
  margin-right: 70px;
}

#track_detail .span9 .topic .card-track ul li.track-week.gold-ribbon em {
  padding: 15px 19px;
}

#track_detail .span9 .topic .card-track ul li.track-week.silver-ribbon {
  margin-top: -5px;
  margin-right: 70px;
}

#track_detail .span9 .topic .card-track ul li.track-week.silver-ribbon em {
  padding: 15px 19px;
}

#track_detail .span9 .topic .card-track .level_connector {
  position: absolute;
  background-image: url("/static/img/sprite-2.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -72px -919px;
  width: 170px;
  height: 4px;
  top: 29px;
  z-index: 2;
  margin-top: 0px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  #track_detail .span9 .topic .card-track .level_connector {
    background-image: url("/static/img/sprite-2@2x.png");
    background-size: 1040px 1253px;
  }
}

#track_detail .span9 .topic .card-track .level_connector.one {
  left: 54px;
}

#track_detail .span9 .topic .card-track .level_connector.one.unavailable {
  display: none;
}

#track_detail .span9 .topic .card-track .level_connector.two {
  left: 254px;
}

#track_detail .span9 .topic .card-track .level_connector.two.unavailable {
  display: none;
}

#track_detail .span9 .topic .card-track .level_connector.three {
  background-image: url("/static/img/sprite-2.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -463px -919px;
  width: 188px;
  left: 450px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  #track_detail .span9 .topic .card-track .level_connector.three {
    background-image: url("/static/img/sprite-2@2x.png");
    background-size: 1040px 1253px;
  }
}

#track_detail .span9 .topic .card-track .level_connector.three.unavailable {
  display: none;
}

#track_detail .span9 .topic .track-bar {
  width: 95%;
}

#track_detail .span4 {
  width: 429px;
  margin: 10px 0 0 0;
}

#track_detail .span4 .activity_per_skill {
  border: 3px #00aaea solid;
  margin: 0 10px 0 0;
  background: #fbfbfb;
  border-radius: 5px;
  background-clip: padding-box;
}

#track_detail .span4 .activity_per_skill .track-counts {
  margin: 0 0 20px 0;
}

#track_detail .span4 .activity_per_skill a.button_primary.start_part {
  margin: 10px auto;
  display: block;
  width: 90%;
  height: 54px;
  line-height: 54px;
}

#track_detail .span4 .activity_per_skill ul {
  margin: 0;
  padding: 0;
  background: #FFF;
  border-bottom: 1px #DDD solid;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

#track_detail .span4 .activity_per_skill ul li {
  list-style-type: none;
  width: 140px;
  padding: 5px 0 5px 5px;
  margin: 0;
  float: left;
  border-top: 1px #DDD solid;
  border-right: 1px #DDD solid;
}

#track_detail .span4 .activity_per_skill ul li.sa {
  border-top: 0;
}

#track_detail .span4 .activity_per_skill ul li.ot {
  border-right: 0;
  width: 133px;
}

#track_detail .span4 .activity_per_skill ul li.gi {
  border-right: 0;
  width: 133px;
}

#track_detail .span4 .activity_per_skill ul li.th {
  border: 0;
  width: 133px;
}

#track_detail .span4 ul {
  margin: 20px 0 0 11px;
  padding: 0;
}

#track_detail .span4 ul li {
  float: left;
  width: 140px;
}

#track_detail .span4 ul li h4 {
  float: left;
  width: 30px;
  font-size: 50px;
  color: #03a9e5;
}

#track_detail .span4 ul li p {
  float: left;
  width: 65px;
  font-size: 14px;
  line-height: 18px;
  padding: 0;
  margin: 25px 0 0 0;
  color: #888;
}

#track_detail .span4 .medal_display {
  width: auto;
  height: 380px;
  border-left: 1px solid #BEBEBE;
  border-right: 1px solid #BEBEBE;
  border-bottom: 1px solid #BEBEBE;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background: #FBFBFB;
  position: relative;
}

#track_detail .span4 .medal_display .date_complete {
  position: absolute;
  top: 107px;
  left: 17px;
  color: #03a9e5;
  font-size: 12px;
  text-shadow: 0 1px 0 #DDD;
}

#track_detail .span4 .medal_display .medal {
  position: absolute;
}

#track_detail .span4 .medal_display .medal.left {
  left: 95px;
}

#track_detail .span4 .medal_display .medal.left.first {
  top: 20px;
}

#track_detail .span4 .medal_display .medal.left.third {
  top: 160px;
}

#track_detail .span4 .medal_display .medal.right {
  left: 235px;
}

#track_detail .span4 .medal_display .medal.right.second {
  top: 20px;
}

#track_detail .span4 .medal_display .medal.right.fourth {
  top: 160px;
}

#track_detail .span4 .medal_display .medal.gold_ribbon {
  width: 85px;
  height: 102px;
}

#track_detail .span4 .medal_display .medal.gold_ribbon.one {
  background-image: url("/static/img/sprite-2.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -74px -1081px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  #track_detail .span4 .medal_display .medal.gold_ribbon.one {
    background-image: url("/static/img/sprite-2@2x.png");
    background-size: 1040px 1253px;
  }
}

#track_detail .span4 .medal_display .medal.gold_ribbon.two {
  background-image: url("/static/img/sprite-2.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -185px -1080px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  #track_detail .span4 .medal_display .medal.gold_ribbon.two {
    background-image: url("/static/img/sprite-2@2x.png");
    background-size: 1040px 1253px;
  }
}

#track_detail .span4 .medal_display .medal.gold_ribbon.three {
  background-image: url("/static/img/sprite-2.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -301px -1082px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  #track_detail .span4 .medal_display .medal.gold_ribbon.three {
    background-image: url("/static/img/sprite-2@2x.png");
    background-size: 1040px 1253px;
  }
}

#track_detail .span4 .medal_display .medal.gold_ribbon.four {
  background-image: url("/static/img/sprite-2.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -406px -1081px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  #track_detail .span4 .medal_display .medal.gold_ribbon.four {
    background-image: url("/static/img/sprite-2@2x.png");
    background-size: 1040px 1253px;
  }
}

#track_detail .span4 .medal_display .medal.silver_ribbon {
  width: 85px;
  height: 102px;
}

#track_detail .span4 .medal_display .medal.silver_ribbon.one {
  background-image: url("/static/img/sprite-2.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -74px -965px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  #track_detail .span4 .medal_display .medal.silver_ribbon.one {
    background-image: url("/static/img/sprite-2@2x.png");
    background-size: 1040px 1253px;
  }
}

#track_detail .span4 .medal_display .medal.silver_ribbon.two {
  background-image: url("/static/img/sprite-2.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -185px -967px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  #track_detail .span4 .medal_display .medal.silver_ribbon.two {
    background-image: url("/static/img/sprite-2@2x.png");
    background-size: 1040px 1253px;
  }
}

#track_detail .span4 .medal_display .medal.silver_ribbon.three {
  background-image: url("/static/img/sprite-2.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -301px -967px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  #track_detail .span4 .medal_display .medal.silver_ribbon.three {
    background-image: url("/static/img/sprite-2@2x.png");
    background-size: 1040px 1253px;
  }
}

#track_detail .span4 .medal_display .medal.silver_ribbon.four {
  background-image: url("/static/img/sprite-2.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -406px -967px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  #track_detail .span4 .medal_display .medal.silver_ribbon.four {
    background-image: url("/static/img/sprite-2@2x.png");
    background-size: 1040px 1253px;
  }
}

#track_detail .span4 .medal_display .track_completed_ribbon {
  position: absolute;
  top: 309px;
  left: -43px;
  background-image: url("/static/img/sprite-2.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -7px -px;
  width: 510px;
  height: 66px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  #track_detail .span4 .medal_display .track_completed_ribbon {
    background-image: url("/static/img/sprite-2@2x.png");
    background-size: 1040px 1253px;
  }
}

#track_detail .span4 .js-see-your-posts {
  margin-left: 23px;
  width: 210px;
  margin-top: 15px;
  height: 54px;
  line-height: 54px;
  padding: 0 15px;
}

.silver-ribbon {
  display: block;
  margin: -5px 0 0 10px;
  padding: 0;
  font-size: 18px;
  font-weight: bold;
  color: #797979;
  text-shadow: 0 1px 0 #DDD;
  width: 94px;
  height: 114px;
  border-radius: 0px;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.silver-ribbon em {
  padding: 15px 19px;
  font-style: normal;
  display: none;
}

.silver-ribbon.number_1 {
  background-image: url("/static/img/sprite-1.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -8px -682px;
}

.silver-ribbon.number_2 {
  background-image: url("/static/img/sprite-1.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -138px -685px;
}

.silver-ribbon.number_3 {
  background-image: url("/static/img/sprite-1.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -267px -685px;
}

.silver-ribbon.number_4 {
  background-image: url("/static/img/sprite-1.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -384px -685px;
}

.gold-ribbon {
  margin: -7px 0 0 10px;
  padding: 0;
  width: 94px;
  height: 114px;
  font-size: 18px;
  font-weight: bold;
  color: #d99e00;
  border-radius: 0px;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  display: block;
}

.gold-ribbon em {
  padding: 15px 19px;
  font-style: normal;
  display: none;
}

.gold-ribbon.number_1 {
  background-image: url("/static/img/sprite-1.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -8px -811px;
}

.gold-ribbon.number_2 {
  background-image: url("/static/img/sprite-1.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -138px -810px;
}

.gold-ribbon.number_3 {
  background-image: url("/static/img/sprite-1.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -267px -812px;
}

.gold-ribbon.number_4 {
  background-image: url("/static/img/sprite-1.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -384px -811px;
}

.ribbon-small {
  position: relative;
  width: 47px;
  height: 57px;
  list-style-type: none;
  float: left;
  background: #FFF;
  border-radius: 150px;
  -moz-border-radius: 150px;
  -webkit-border-radius: 150px;
  border: 1px #DDD solid;
  display: block;
  margin: -6px 13px 0 13px;
  font-weight: bold;
  font-size: 18px;
  box-shadow: 0 0 3px #EEE;
  -moz-box-shadow: 0 0 3px #EEE;
  -webkit-box-shadow: 0 0 3px #EEE;
  color: #bfbfbf;
}

.ribbon-small span.date {
  position: absolute;
  top: 53px;
  left: 3px;
  font-size: 10px;
  color: #afafb6;
}

.ribbon-small em {
  display: block;
  font-style: normal;
  padding: 11px 15px;
}

.ribbon-small.silver-ribbon {
  display: block;
  font-size: 18px;
  font-weight: bold;
  color: #797979;
  text-shadow: 0 1px 0 #DDD;
  border-radius: 0px;
  background-image: url("/static/img/sprite-1.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -548px -747px;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0;
}

.ribbon-small.silver-ribbon em {
  padding: 15px 19px;
}

.ribbon-small.gold-ribbon {
  font-size: 18px;
  font-weight: bold;
  color: #d99e00;
  text-shadow: 0 1px 0 #FFF;
  border-radius: 0px;
  background-image: url("/static/img/sprite-1.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -548px -812px;
  border: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ribbon-small.gold-ribbon em {
  padding: 15px 19px;
}

#track_detail .activity_per_skill .track-counts .track-stats {
  width: 49%;
}

.nav_bar h1 {
  color: #F05A20;
  font-family: 'OpenSansRegular';
  font-size: 20px;
  margin: 0;
  line-height: 24px;
}

#track_detail .span4 {
  padding-bottom: 20px;
}

#track_detail .span4 img.medium {
  display: none;
}

#track_detail .span4 img.large {
  display: block;
}

#track_detail .span4 .topic {
  position: relative;
}

#track_detail .span4 .topic .gray_bg {
  position: relative;
  background: #FBFBFB;
  height: 70px;
}

#track_detail .span4 .topic .first {
  border-left: 1px solid #bebebe;
  border-right: 1px solid #bebebe;
  border-bottom: 1px solid #DBDBDB;
}

#track_detail .span4 .topic .middle {
  border-left: 1px solid #bebebe;
  border-right: 1px solid #bebebe;
  border-bottom: 1px solid #DBDBDB;
  border-top: 1px solid #fff;
  z-index: 1;
}

#track_detail .span4 .topic .last {
  border-top: 1px solid #fff;
  border-left: 1px solid #bebebe;
  border-right: 1px solid #bebebe;
  border-bottom: 1px solid #bebebe;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  min-height: 76px;
}

#track_detail .span4 .topic .featured_posts {
  font-family: 'OpenSansSemibold';
  font-size: 15px;
  text-align: center;
}

#track_detail .span4 .topic .featured_posts a {
  text-decoration: underline;
  color: #8EC8E3;
  line-height: 70px;
}

#track_detail .span4 .topic .track-numbers.user-started {
  display: block;
}

#track_detail .span4 .topic .track-numbers .created_by {
  display: none;
}

#track_detail .span4 .topic .track-numbers .premium_shield {
  top: 19px;
  left: 351px;
  z-index: 999;
}

#track_detail .span4 .topic .track-numbers .track-stats {
  font-size: 14px;
  font-family: 'OpenSansSemibold';
  font-weight: normal;
  margin: 20px 5px 0;
  width: 140px;
  color: #7A7A7A;
  text-align: center;
}

#track_detail .span4 .topic .track-numbers .track-stats em {
  font-size: 13pt;
  font-weight: normal;
  text-align: center;
}

#track_detail .span4 .topic .track-numbers .track-stats.participating {
  margin-left: 7px;
}

#track_detail .span4 .topic .track-numbers .track-stats.completed {
  margin-left: 0;
}

#track_detail .span4 .topic .track-numbers .track-stats.premium {
  position: absolute;
  left: 288px;
  top: 2px;
  font-size: 14px;
  font-weight: normal;
  font-family: 'OpenSansBold';
  color: #76B102;
}

#track_detail .span4 .topic .text p {
  display: none;
}

#track_detail .span4 .topic .card-track .clearfix {
  position: relative;
}

#track_detail .span4 .topic .card-track .track_bar_img {
  background-image: url("/static/img/sprite-2.png");
  background-position: -618px -834px;
  height: 28px;
  left: 16px;
  position: absolute;
  top: 20px;
  width: 407px;
}

#track_detail .span4 .badge_header {
  margin-top: 15px;
  margin-left: 84px;
  font-family: 'OpenSansSemibold';
  font-weight: normal;
  color: #666;
  font-size: 11pt;
  width: 300px;
}

#track_detail .span4 .badge_header .text {
  display: inline-block;
  width: 170px;
  text-align: center;
}

#track_detail .span4 .badge_header .horizontal_line {
  vertical-align: top;
  margin-top: 8px;
  display: inline-block;
  width: 30px;
  height: 3px;
}

#track_detail .span4 .badge_header .horizontal_line.right {
  background-position: -684px -69px;
}

#track_detail .span4 .track-detail-ribbons ul {
  margin-left: 80px;
}

#main-content.track_detail_view .premium_track {
  background: #76B102;
  font-family: 'OpenSansBold';
  font-size: 10pt;
  line-height: 30px;
  font-weight: normal;
  text-align: center;
  color: #fff;
}

#main-content.track_detail_view .row {
  margin: 0 0 5px;
}

#main-content.track_detail_view .row .span9 {
  padding-bottom: 100px;
}

.row-old p {
  width: 500px;
  font-size: 14px;
  color: #666;
  line-height: 20px;
}

.row-old .terms p {
  width: 100%;
  font-size: 14px;
  color: #666;
  line-height: 20px;
}

#track_detail .created_by {
  background: #F1FCEC;
  position: relative;
  text-align: center;
  width: 493px;
  margin-right: 15px;
  padding: 5px;
  top: 0;
  left: 0;
}

#track_detail .created_by .creator_image_outer {
  position: relative;
  display: inline-block;
  background: #FFF;
  width: 76px;
  height: 76px;
  border-radius: 38px;
  background-clip: padding-box;
  margin: 5px 0 0;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
}

#track_detail .created_by .creator_image_outer .creator_image_inner {
  width: 70px;
  height: 70px;
  border: none;
  background-color: #fff;
  background-size: 72px;
  background-position: -2px -2px;
  border-radius: 35px;
  background-clip: padding-box;
  position: relative;
  left: 3px;
  top: 3px;
}

#track_detail .created_by .about_text {
  width: 400px;
  font-family: 'OpenSansSemibold';
  font-size: 11px;
  display: inline-block;
  text-align: left;
  margin: 8px 0 0 10px;
  vertical-align: top;
  color: #666;
}

#track_detail .created_by .about_text a {
  color: #f05a20;
  text-decoration: underline;
}

.img {
  display: none;
}

#track_detail .masonry-item .card .card-title {
  width: 180px;
}

#track_level_complete {
  width: 405px;
  background: #fff;
  border: 1px solid rgba(102, 102, 102, 0.17);
  border-radius: 10px;
  background-clip: padding-box;
  text-align: center;
}

#track_level_complete .medal {
  margin: 60px auto 40px;
  text-align: center;
}

#track_level_complete .medal span {
  font-size: 46px;
  font-family: 'OpenSansSemibold';
  color: #fff;
  line-height: 90px;
}

#track_level_complete .name,
#track_level_complete .sequence {
  color: #00aaea;
  padding: 0 20px;
  line-height: 22px;
  text-align: center;
  font-size: 18px;
  font-family: 'OpenSansSemibold';
}

#track_level_complete .ribbon {
  position: relative;
  margin-top: 25px;
  width: 468px;
  left: -32px;
}

#track_level_complete .congrats {
  color: #777;
  font-size: 20px;
  font-family: 'OpenSansSemibold';
  text-align: center;
  position: relative;
  line-height: 52px;
  padding-bottom: 16px;
  z-index: 2;
}

#track_level_complete .blocked {
  color: #666;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
}

#track_level_complete .continue {
  padding: 0 20px;
  margin-top: 0;
  text-align: center;
  margin-bottom: 70px;
}

#track_level_complete .continue > div {
  display: inline-block;
}

#track_level_complete .continue:not(.flexible) {
  text-align: center;
}

#track_level_complete .continue.premium {
  margin: 30px 0 20px;
}

#track_level_complete .continue div:nth-child(2) {
  margin-left: 20px;
}

#track_level_complete .continue .explore_tracks {
  color: #777;
  font-family: OpenSansRegular;
  font-size: 14px;
  display: block;
  text-align: center;
}

#track_level_complete .continue .explore_tracks:nth-child(2) {
  margin-top: 15px;
}

#track_level_complete .continue .button.orange {
  width: 146px;
  height: 48px;
  font-size: 18px;
  line-height: 48px;
  color: #fff !important;
  display: inline-block;
  cursor: pointer;
  margin: 0;
  padding: 0 10px;
  text-decoration: none !important;
  position: relative;
  font-family: OpenSansSemibold;
  border: none;
  outline: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: center;
}

#track_level_complete .button_primary {
  line-height: 30px;
  padding: 0 10px 0 40px;
  font-size: 12px;
  width: auto;
  height: auto;
}

#track_level_status {
  border-radius: 5px;
  padding-top: 0;
  background: none;
  background-clip: padding-box;
}

#track_level_status .avatar_section {
  position: relative;
  margin: 25px auto;
  top: -20px;
}

#track_level_status .avatar_section .followers {
  margin-left: 10px;
}

#track_level_status .avatar_section .followers div {
  display: inline-block;
}

#track_level_status .header {
  border: 1px solid #DDDDDD;
  zoom: 1;
  margin-bottom: 10px;
  background: #FFFFFF;
  border-radius: 5px;
  background-clip: padding-box;
}

#track_level_status .header:before,
#track_level_status .header:after {
  content: '';
  display: table;
}

#track_level_status .header:after {
  clear: both;
}

#track_level_status .header::after {
  display: block;
  clear: both;
  content: "";
}

#track_level_status .header:before,
#track_level_status .header:after {
  content: '';
  display: table;
}

#track_level_status .header:after {
  clear: both;
}

#track_level_status .header::after {
  display: block;
  clear: both;
  content: "";
}

#track_level_status .header::after {
  display: block;
  clear: both;
  content: "";
}

#track_level_status .header::after {
  display: block;
  clear: both;
  content: "";
}

#track_level_status .header.activity-message {
  position: relative;
  padding: 10px 15px;
  line-height: 22px;
  zoom: 1;
}

#track_level_status .header.activity-message:before,
#track_level_status .header.activity-message:after {
  content: '';
  display: table;
}

#track_level_status .header.activity-message:after {
  clear: both;
}

#track_level_status .header.activity-message::after {
  display: block;
  clear: both;
  content: "";
}

#track_level_status .header.activity-message:before,
#track_level_status .header.activity-message:after {
  content: '';
  display: table;
}

#track_level_status .header.activity-message:after {
  clear: both;
}

#track_level_status .header.activity-message::after {
  display: block;
  clear: both;
  content: "";
}

#track_level_status .header.activity-message::after {
  display: block;
  clear: both;
  content: "";
}

#track_level_status .header.activity-message::after {
  display: block;
  clear: both;
  content: "";
}

#track_level_status .header.activity-message .body {
  width: 800px;
}

#track_level_status .header.activity-message .body .title {
  color: #00aaea;
  font-size: 16px;
}

#track_level_status .header.activity-message .body .text {
  font-size: 14px;
}

#track_level_status .header.activity-message .button_primary {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -20px;
  line-height: 30px;
  padding: 0 10px 0 40px;
  font-size: 12px;
  width: auto;
  height: auto;
}

#track_level_status .header .premium_track {
  background: none repeat scroll 0 0 #76B102;
  color: #FFFFFF;
  font-family: 'OpenSansSemibold';
  font-size: 10pt;
  font-weight: normal;
  line-height: 30px;
  text-align: center;
}

#track_level_status .header .creator_image_outer {
  background: none repeat scroll 0 0 padding-box #81b000;
  border-radius: 38px 38px 38px 38px;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  display: inline-block;
  height: 76px;
  margin: 11px 0 0 10px;
  position: relative;
  width: 76px;
}

#track_level_status .header .creator_image_outer .creator_image_inner {
  background-clip: padding-box;
  background-color: #FFFFFF;
  background-position: -2px -2px;
  background-size: 72px auto;
  border: medium none;
  border-radius: 35px 35px 35px 35px;
  height: 70px;
  left: 3px;
  position: relative;
  top: 3px;
  width: 70px;
}

#track_level_status #track_feed_section.additional_section {
  width: 1020px;
  position: relative;
}

#track_level_status #track_feed_section.additional_section .profile-content {
  border-right: thin solid #D4D5D7;
  border-top: thin solid #D4D5D7;
  vertical-align: top;
  padding: 25px 10px 10px 3px;
  margin: 0;
  float: none;
  min-height: 590px;
  display: inline-block;
  background: white;
}

#track_level_status #track_feed_section.additional_section .profile-content#track_partipicants_detailed {
  top: -10px;
}

#track_level_status #track_feed_section.additional_section .profile-content.group_feed {
  width: 641px;
}

#track_level_status #track_feed_section.additional_section .profile-content.participating_feed {
  margin-left: -4px;
  width: 329px;
  padding-left: 5px;
}

#track_level_status #track_feed_section.additional_section .profile-content.participating_feed .participating_count {
  margin: 10px 0 0 10px;
  color: #00bce4;
  font-family: 'OpenSansRegular';
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
}

#track_level_status #track_feed_section.additional_section .profile-content.participating_feed .browse_tracks {
  margin: 15px 0 0 10px;
  font-weight: normal;
  padding-top: 20px;
}

#track_level_status #track_feed_section.additional_section .profile-content.participating_feed .browse_tracks span {
  color: #666;
  font-size: 13px;
  line-height: 15px;
  font-family: 'OpenSansRegular';
  font-weight: normal;
}

#track_level_status #track_feed_section.additional_section .profile-content.participating_feed .browse_tracks a.browse_other {
  color: #8b8b8b;
  font-size: 12px;
  line-height: 15px;
  font-family: 'OpenSansRegular';
  text-decoration: underline;
  font-weight: normal;
}

#track_level_status #track_feed_section.additional_section .profile-content.participating_feed .view_all {
  position: relative;
  right: -279px;
  top: -20px;
  color: #8b8b8b;
  font-family: 'OpenSansRegular';
  font-size: 12px;
  text-decoration: underline;
  font-weight: normal;
}

#track_level_status #track_feed_section.additional_section .profile-content.participating_feed .follow-avatar {
  cursor: pointer;
  width: 65px;
  height: 65px;
  display: inline-block;
  margin: 6px;
}

#track_level_status #track_feed_section.additional_section .profile-content.participating_feed .follow-avatar .circular {
  position: relative;
  margin: 0;
  width: 60px;
  height: 60px;
  border-radius: 30px;
  background-clip: padding-box;
  border: 1px solid #dad9d7;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
}

#track_level_status #track_feed_section.additional_section .profile-content.participating_feed .follow-avatar .circular.pioneer_plus {
  width: 62px;
  height: 62px;
  background-color: #f4d420;
  border-radius: 31px;
  background-clip: padding-box;
}

#track_level_status #track_feed_section.additional_section .profile-content.participating_feed .follow-avatar .circular.pioneer_plus img {
  position: relative;
  border: none;
  top: 2px;
  left: 2px;
}

#track_level_status #track_feed_section.additional_section .profile-content.participating_feed .follow-avatar .circular.pioneer {
  width: 62px;
  height: 62px;
  border-radius: 31px;
  background-clip: padding-box;
  background-color: #e1e6ea;
}

#track_level_status #track_feed_section.additional_section .profile-content.participating_feed .follow-avatar .circular.pioneer img {
  position: relative;
  border: none;
  top: 2px;
  left: 2px;
}

#track_level_status #track_feed_section.additional_section .profile-content.participating_feed .follow-avatar .circular img {
  position: relative;
  border: none;
  top: 1px;
  left: 1px;
  opacity: 1;
  filter: alpha(opacity=1);
  border-radius: 28px;
  background-clip: padding-box;
}

#track_level_status #track_feed_section.additional_section .profile-content.participating_feed .follow-avatar .circular .label {
  position: absolute;
  width: 100px;
  height: 36px;
  top: 70px;
  left: -3px;
  display: none;
  background-image: url("/static/img/sprite-2.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -423px -360px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  #track_level_status #track_feed_section.additional_section .profile-content.participating_feed .follow-avatar .circular .label {
    background-image: url("/static/img/sprite-2@2x.png");
    background-size: 1040px 1253px;
  }
}

#track_level_status #track_feed_section.additional_section .profile-content.participating_feed .follow-avatar .circular .label.pioneer {
  display: block;
}

#track_level_status .challenge_header {
  min-height: 30px;
  width: 1020px;
}

#track_level_status .challenge_header .left_column {
  display: inline-block;
  vertical-align: top;
  width: 540px;
  padding: 10px 0 0 5px;
  position: relative;
}

#track_level_status .challenge_header .left_column .sequence_number {
  margin: 0 0 4px 0;
  padding: 0;
  color: #00bce4;
  font-family: 'OpenSansRegular';
  font-size: 19px;
  line-height: 20px;
}

#track_level_status .challenge_header .left_column a.track_title {
  font-family: 'OpenSansRegular';
  font-size: 25px;
  font-weight: normal;
  line-height: 28px;
  margin: 0;
  padding: 0;
  color: #F05A20;
}

#track_level_status .challenge_header .left_column .created_by {
  font-size: 13px;
  font-style: italic;
  position: relative;
  top: 3px;
}

#track_level_status .challenge_header .right_column {
  display: inline-block;
  padding: 10px 5px 0 0;
  width: 330px;
  height: 95px;
  position: relative;
  vertical-align: top;
}

#track_level_status .challenge_header .right_column .progress_container {
  display: inline-block;
  position: relative;
  left: 82px;
}

#track_level_status .challenge_header .right_column .progress_container #current_challenge_in_progress {
  width: 245px;
  height: 97px;
  position: relative;
}

#track_level_status .challenge_header .right_column .progress_container #current_challenge_in_progress .end_track {
  position: relative;
  top: -16px;
  left: 111px;
  color: #8b8b8b;
  font-family: 'OpenSansRegular';
  font-weight: normal;
  font-size: 12px;
}

#track_level_status .challenge_header .right_column .progress_container #current_challenge_in_progress .challenge_stats {
  padding-bottom: 10px;
}

#track_level_status .challenge_header .right_column .progress_container #current_challenge_in_progress .challenge_stats .remaining_days {
  color: #00bce4;
  font-family: 'OpenSansRegular';
  font-size: 19px;
  line-height: 18px;
  font-weight: normal;
}

#track_level_status .challenge_header .right_column .progress_container #current_challenge_in_progress .challenge_stats .activities_remaining {
  margin: 4px 0 0;
  text-align: left;
  font-weight: normal;
  font-family: 'OpenSansSemibold';
  font-size: 12px;
  padding-bottom: 20px;
  color: #F05A20;
}

#track_level_status .content_box hr {
  margin: 10px 0;
}

#track_level_status .content_box .created_by {
  text-align: center;
  float: right;
  width: 100px;
  height: 90px;
  margin-right: 15px;
}

#track_level_status .content_box .created_by .creator_image_outer {
  width: 62px;
  height: 62px;
  border-radius: 31px;
  background-clip: padding-box;
  border: 1px solid #ddd;
  margin: 0 auto;
}

#track_level_status .content_box .created_by .creator_image_outer .creator_image_inner {
  width: 60px;
  height: 60px;
  background: url('/static/img/creator_img.png') no-repeat #fff;
  background-size: 60px;
  border-radius: 30px;
  background-clip: padding-box;
  position: relative;
  left: 1px;
  top: 1px;
}

#track_level_status .content_box .created_by .created_text {
  font-family: 'OpenSansRegular';
  font-size: 12px;
  font-weight: normal;
  color: #666;
}

#track_level_status .content_box .created_by .creator_name {
  font-family: 'OpenSansBold';
  font-size: 12px;
  font-weight: normal;
  color: #666;
}

#track_level_status .challenge_detail {
  float: left;
  width: 520px;
  font-family: 'OpenSansRegular';
}

#track_level_status .challenge_detail img {
  border-radius: 5px;
  background-clip: padding-box;
  width: 260px;
  height: 170px;
  margin: 9px 9px 12px 15px;
}

#track_level_status .challenge_detail h2 {
  font-size: 16px;
  font-weight: bold;
  line-height: 18px;
}

#track_level_status .challenge_detail .challenge_detail_inner {
  margin-left: 269px;
  margin-top: 20px;
  font-size: 13px;
  font-family: 'OpenSansRegular';
  color: #666;
  font-weight: normal;
  width: 490px;
}

#track_level_status .challenge_detail .challenge_detail_inner .next-challenge {
  margin-bottom: 10px;
}

#track_level_status .challenge_detail .challenge_detail_inner .track_title {
  color: #F05A20;
  font-size: 20px;
  font-weight: bold;
  margin-top: 8px;
  text-decoration: none;
}

#track_level_status .challenge_detail .challenge_detail_inner p {
  color: #7A7A7A;
}

#track_level_status .challenge_detail .challenge_detail_inner h2 {
  color: #2AC0E6;
}

#track_level_status .challenge_detail img {
  border-radius: 3px;
  background-clip: padding-box;
  float: left;
}

#track_level_status .challenge_stats {
  position: relative;
  line-height: normal;
  padding: 10px;
  width: 225px;
  height: 74px;
  font-weight: bold;
}

#track_level_status .challenge_stats .days_to_go {
  margin: 0 0 0 15px;
}

#track_level_status .challenge_stats .days_to_go .number {
  font-family: OpenSansBold;
  font-weight: 900;
  font-size: 65px;
  float: left;
  line-height: 45px;
  margin: 0 13px 0 0;
}

#track_level_status .challenge_stats .days_to_go .text {
  font-weight: bold;
  position: relative;
  top: 5px;
  font-size: 14px;
  font-family: 'OpenSansRegular';
}

#track_level_status .challenge_stats .days_to_go .text .str {
  display: block;
}

#track_level_status .challenge_stats .activities_progress_silver,
#track_level_status .challenge_stats .activities_progress_silver_complete,
#track_level_status .challenge_stats .activities_progress_gold,
#track_level_status .challenge_stats .activities_progress_gold_complete,
#track_level_status .challenge_stats .activities_progress_all,
#track_level_status .challenge_stats .activities_progress_bg {
  position: absolute;
  top: 61px;
  height: 16px;
  background-image: url("/static/img/sprite-2.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0 0;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  #track_level_status .challenge_stats .activities_progress_silver,
  #track_level_status .challenge_stats .activities_progress_silver_complete,
  #track_level_status .challenge_stats .activities_progress_gold,
  #track_level_status .challenge_stats .activities_progress_gold_complete,
  #track_level_status .challenge_stats .activities_progress_all,
  #track_level_status .challenge_stats .activities_progress_bg {
    background-image: url("/static/img/sprite-2@2x.png");
    background-size: 1040px 1253px;
  }
}

#track_level_status .challenge_stats .activities_progress_silver.isextended,
#track_level_status .challenge_stats .activities_progress_silver_complete.isextended,
#track_level_status .challenge_stats .activities_progress_gold.isextended,
#track_level_status .challenge_stats .activities_progress_gold_complete.isextended,
#track_level_status .challenge_stats .activities_progress_all.isextended,
#track_level_status .challenge_stats .activities_progress_bg.isextended {
  background-image: url('/static/img/sprite-2.png');
}

#track_level_status .challenge_stats .activities_progress_silver {
  background-position: -621px -414px;
}

#track_level_status .challenge_stats .activities_progress_silver.isextended {
  background-position: -653px -1068px;
  top: 62px;
}

#track_level_status .challenge_stats .activities_progress_silver_complete {
  background-position: -621px -450px;
}

#track_level_status .challenge_stats .activities_progress_silver_complete.isextended {
  background-position: -653px -1068px;
  top: 62px;
}

#track_level_status .challenge_stats .activities_progress_gold {
  left: 179px;
  background-position: -792px -414px;
}

#track_level_status .challenge_stats .activities_progress_gold.isextended {
  display: none;
}

#track_level_status .challenge_stats .activities_progress_gold_complete {
  left: 179px;
  background-position: -791px -432px;
}

#track_level_status .challenge_stats .activities_progress_gold_complete.isextended {
  display: none;
}

#track_level_status .challenge_stats .activities_progress_all {
  left: 225px;
  background-position: -837px -414px;
}

#track_level_status .challenge_stats .activities_progress_all.isextended {
  background-position: -820px -1032px;
  top: 62px;
  left: 177px;
}

#track_level_status .challenge_stats .activities_progress_bg {
  width: 237px;
  top: 61px;
  background-position: -622px -469px;
}

#track_level_status .challenge_stats .activities_progress_bg.isextended {
  background-position: -653px -1086px;
}

#track_level_status .challenge_stats .activities_progress_silver_flag,
#track_level_status .challenge_stats .activities_progress_gold_flag {
  background-image: url("/static/img/sprite-2.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -622px -1038px;
  position: absolute;
  width: 15px;
  height: 21px;
  top: 43px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  #track_level_status .challenge_stats .activities_progress_silver_flag,
  #track_level_status .challenge_stats .activities_progress_gold_flag {
    background-image: url("/static/img/sprite-2@2x.png");
    background-size: 1040px 1253px;
  }
}

#track_level_status .challenge_stats .activities_progress_gold_flag.isextended {
  display: none;
}

#track_level_status .challenge_stats .activities_progress_silver_flag {
  background-image: url("/static/img/sprite-2.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -604px -1038px;
  left: 170px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  #track_level_status .challenge_stats .activities_progress_silver_flag {
    background-image: url("/static/img/sprite-2@2x.png");
    background-size: 1040px 1253px;
  }
}

#track_level_status .challenge_stats .activities_progress_silver_flag.isextended {
  left: 171px;
}

#track_level_status .challenge_stats .activities_progress_gold_flag {
  left: 217px;
}

#track_level_status .challenge_stats .fireworks {
  float: left;
  width: 80px;
  height: 80px;
  margin-right: 10px;
}

#track_level_status .challenge_stats .you_win {
  color: red;
  font-size: 20px;
  margin-bottom: 10px;
}

#track_level_status .challenge_stats .alert-success {
  float: right;
  width: 50px;
}

#track_level_status .challenge_activities_tab {
  padding-left: 58px;
  background-color: #FFFFFF;
}

#track_level_status .challenge_activities_tab li {
  display: block;
  float: left;
  width: 203px;
  height: 37px;
  text-align: center;
  font-size: 12px;
  padding-top: 12px;
  font-weight: bold;
  cursor: pointer;
  margin-left: -30px;
  background-repeat: no-repeat;
  position: relative;
}

#track_level_status .challenge_activities_tab .tselected {
  color: #33AFD2;
  background-image: url('/static/img/track_tab_sel.png');
  z-index: 1000;
}

#track_level_status .challenge_activities_tab .tunselected {
  color: #C8CCCA;
  background-image: url('/static/img/track_tab_unsel.png');
}

#track_level_status .challenge_activities_list .challenge_activities {
  list-style: none;
  position: relative;
  margin: 0;
  padding: 20px 15px 0;
  text-align: justify;
  background-color: #03bce4;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  border-radius: 5px;
  background-clip: padding-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#track_level_status .challenge_activities_list .challenge_activities * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#track_level_status .challenge_activities_list .challenge_activities.popover-pointed {
  margin-bottom: 5px;
}

#track_level_status .challenge_activities_list .challenge_activities li:not(.browse_tracks) {
  width: 310px;
  background: #fff;
  position: relative;
  padding: 10px;
  display: inline-block;
  margin-top: 10px;
  text-align: left;
  zoom: 1;
  border-radius: 5px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.3);
}

#track_level_status .challenge_activities_list .challenge_activities li:not(.browse_tracks):before,
#track_level_status .challenge_activities_list .challenge_activities li:not(.browse_tracks):after {
  content: '';
  display: table;
}

#track_level_status .challenge_activities_list .challenge_activities li:not(.browse_tracks):after {
  clear: both;
}

#track_level_status .challenge_activities_list .challenge_activities li:not(.browse_tracks)::after {
  display: block;
  clear: both;
  content: "";
}

#track_level_status .challenge_activities_list .challenge_activities li:not(.browse_tracks):before,
#track_level_status .challenge_activities_list .challenge_activities li:not(.browse_tracks):after {
  content: '';
  display: table;
}

#track_level_status .challenge_activities_list .challenge_activities li:not(.browse_tracks):after {
  clear: both;
}

#track_level_status .challenge_activities_list .challenge_activities li:not(.browse_tracks)::after {
  display: block;
  clear: both;
  content: "";
}

#track_level_status .challenge_activities_list .challenge_activities li:not(.browse_tracks)::after {
  display: block;
  clear: both;
  content: "";
}

#track_level_status .challenge_activities_list .challenge_activities li:not(.browse_tracks)::after {
  display: block;
  clear: both;
  content: "";
}

#track_level_status .challenge_activities_list .challenge_activities li:not(.browse_tracks):nth-child(-n+3) {
  margin: 0;
}

#track_level_status .challenge_activities_list .challenge_activities li:not(.browse_tracks).peek .reveal {
  opacity: 0;
}

#track_level_status .challenge_activities_list .challenge_activities li:not(.browse_tracks).peek .activity_sign.locked {
  opacity: 100;
}

#track_level_status .challenge_activities_list .challenge_activities li:not(.browse_tracks) .icon {
  float: left;
  margin-right: 10px;
}

#track_level_status .challenge_activities_list .challenge_activities li:not(.browse_tracks) .body {
  float: left;
  height: 73px;
  position: relative;
}

#track_level_status .challenge_activities_list .challenge_activities li:not(.browse_tracks) .body .title {
  color: #F88839;
  width: 180px;
  font-size: 16px;
  line-height: 20px;
  max-height: 60px;
  overflow: hidden;
}

#track_level_status .challenge_activities_list .challenge_activities li:not(.browse_tracks) .body .title.poll:before {
  content: 'Poll:\0000a0';
}

#track_level_status .challenge_activities_list .challenge_activities li:not(.browse_tracks) .body .title.quiz:before {
  content: 'Quiz:\0000a0';
}

#track_level_status .challenge_activities_list .challenge_activities li:not(.browse_tracks) .body .title.activity.quiz:before {
  content: 'Activity Quiz:\0000a0';
}

#track_level_status .challenge_activities_list .challenge_activities li:not(.browse_tracks) .body .short-text {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #b4b4b4;
  font-size: 12px;
}

#track_level_status .challenge_activities_list .challenge_activities li:not(.browse_tracks) .sprite-1 {
  position: absolute;
  right: 3px;
  bottom: 3px;
}

#track_level_status .challenge_activities_list .challenge_activities li:not(.browse_tracks) .activity_sign {
  position: absolute;
  top: -11px;
  right: -11px;
}

#track_level_status .challenge_activities_list .challenge_activities li:not(.browse_tracks) .activity_sign.locked {
  opacity: 0;
  -webkit-transition: opacity 500ms ease-out 0s;
  transition: opacity 500ms ease-out 0s;
}

#track_level_status .challenge_activities_list .challenge_activities li:not(.browse_tracks).premium .lock {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  border-top: 4px solid #76B102;
  border-radius: 5px 5px 0 0;
  background-clip: padding-box;
}

#track_level_status .challenge_activities_list .challenge_activities li:not(.browse_tracks).premium .lock .flag-star {
  position: absolute;
  top: -3px;
  right: 10px;
}

#track_level_status .challenge_activities_list .challenge_activities li:not(.browse_tracks).premium .unlock {
  color: #76B102;
  visibility: hidden;
  -webkit-transition: visibility 0s 1s, opacity 1s linear;
  transition: visibility 0s 1s, opacity 1s linear;
  opacity: 0;
  position: absolute;
  padding: 15px 36px 0;
  top: 0;
  left: 0;
  z-index: 2;
  background: #fff;
  font-size: 16px;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  background-clip: padding-box;
}

#track_level_status .challenge_activities_list .challenge_activities li:not(.browse_tracks).premium .unlock .padlock {
  float: left;
  margin: 5px 10px 0 0;
}

#track_level_status .challenge_activities_list .challenge_activities li:not(.browse_tracks).premium .unlock .button_primary {
  display: inline-block;
  margin: 10px 0 0 5px;
  padding: 0 20px 0 40px;
  line-height: 27px;
  font-size: 12px;
  width: auto;
  height: auto;
}

#track_level_status .challenge_activities_list .challenge_activities li:not(.browse_tracks).premium:hover .unlock {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 1s linear;
  transition: opacity 1s linear;
}

#track_level_status .challenge_activities_list .challenge_activities li:not(.browse_tracks).SA:hover .body * {
  color: #c5168a;
}

#track_level_status .challenge_activities_list .challenge_activities li:not(.browse_tracks).SA:hover .sprite-1.savor {
  background-position: -628px -245px;
}

#track_level_status .challenge_activities_list .challenge_activities li:not(.browse_tracks).TH:hover .body * {
  color: #ff7a00;
}

#track_level_status .challenge_activities_list .challenge_activities li:not(.browse_tracks).TH:hover .sprite-1.thank {
  background-position: -669px -251px;
}

#track_level_status .challenge_activities_list .challenge_activities li:not(.browse_tracks).AS:hover .body * {
  color: #00aaea;
}

#track_level_status .challenge_activities_list .challenge_activities li:not(.browse_tracks).AS:hover .sprite-1.aspire {
  background-position: -711px -251px;
}

#track_level_status .challenge_activities_list .challenge_activities li:not(.browse_tracks).GI:hover .body * {
  color: #06b709;
}

#track_level_status .challenge_activities_list .challenge_activities li:not(.browse_tracks).GI:hover .sprite-1.give {
  background-position: -764px -249px;
}

#track_level_status .challenge_activities_list .challenge_activities li:not(.browse_tracks).EM:hover .body * {
  color: #ff3131;
}

#track_level_status .challenge_activities_list .challenge_activities li:not(.browse_tracks).EM:hover .sprite-1.empathize {
  background-position: -807px -248px;
}

#track_level_status .challenge_activities_list .challenge_activities li:not(.browse_tracks).OT:hover .body * {
  color: #f4d420;
}

#track_level_status .challenge_activities_list .challenge_activities li:not(.browse_tracks) .reveal {
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  z-index: 1;
  padding: 11px;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  background-clip: padding-box;
  -webkit-transition: opacity 500ms ease-out 0s;
  transition: opacity 500ms ease-out 0s;
}

#track_level_status .challenge_activities_list .challenge_activities li:not(.browse_tracks) .reveal img {
  float: left;
  margin-right: 40px;
}

#track_level_status .challenge_activities_list .challenge_activities li:not(.browse_tracks) .reveal div {
  color: #B4B4B4;
  float: left;
  background: #EAEAEA;
  border-radius: 5px;
  line-height: 30px;
  padding: 0 22px;
  font-size: 16px;
  margin-top: 22px;
}

#track_level_status .challenge_activities_list .browse_tracks {
  color: #fff;
  position: absolute;
  right: 10px;
  bottom: 2px;
  font-size: 12px;
}

#track_level_status .challenge_activities_list .browse_tracks a {
  color: #fff;
  text-decoration: underline;
}

#track_level_status .group-feed {
  display: none;
  min-height: 500px;
}

#track_level_status .group-feed .title {
  margin-top: 30px;
  margin-left: 220px;
  font-size: 18px;
  font-family: 'OpenSansRegular';
  color: #777777;
  letter-spacing: 2px;
}

#track_level_status .group-feed .js-show-posts-all .masonry-item {
  width: 222px;
  margin-right: 0;
  margin-left: 0;
}

#track_level_status .group-feed .js-show-posts-all .masonry-item .card {
  margin-left: 4px;
  margin-right: 0;
}

#track_level_status .group-feed .js-show-posts-all .masonry-item a {
  text-decoration: none;
}

#track_level_status .empty-group-feed {
  display: none;
}

#track_level_status .empty-group-feed .empty-title {
  margin: 110px 0 50px 310px;
  font-size: 23px;
  font-family: 'OpenSansRegular';
  color: #2AC0E6;
}

#track_level_status .challenge_activities_tail {
  background-color: #A1E1F3;
  margin: 0px;
  text-align: center;
  padding-top: 40px;
  height: 35px;
  font-family: 'OpenSansRegular';
}

#track_level_status .challenge_activities_tail a {
  background-color: #FFFFFF;
  font-size: 12px;
  color: #F4782B;
  border-radius: 5px;
  background-clip: padding-box;
  padding: 10px;
  text-decoration: none;
}

#track_level_status h3 {
  font-weight: bold;
  font-size: 13px;
  line-height: normal;
  width: 111px;
  display: inline-block;
  margin-bottom: 5px;
}

#track_level_status .description_and_tip {
  position: absolute;
  z-index: 2;
  left: 62px;
  top: 3px;
}

#track_level_status ul.tips {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  width: 145px;
  height: 40px;
}

#track_level_status .tip {
  position: relative;
  font-size: 13px;
  line-height: 17px;
  overflow: hidden;
  font-weight: lighter;
  height: 33px;
}

#track_level_status .tip.active {
  display: block;
}

#track_level_status .hide_instruction_bg,
#track_level_status .show_instruction_bg {
  position: relative;
  margin: 0;
  width: 136px;
  height: 15px;
  top: -23px;
  left: 427px;
  font-size: 11px;
  text-align: center;
  color: #D87B38;
  border: thin solid #E1E5E2;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  cursor: pointer;
}

#track_level_status .hide_instruction_bg .text,
#track_level_status .show_instruction_bg .text {
  position: relative;
  top: -3px;
  text-align: center;
  line-height: normal;
}

#track_level_status .hide_instruction_bg {
  background: #FFFFFF url('/static/img/activity_viewer/show_hide_bg.png') no-repeat;
}

#track_level_status .show_instruction_bg {
  background: #FFFFFF url('/static/img/activity_viewer/show_hide_bg.png') no-repeat 0 -11px;
}

#track_level_status .empty-group-feed .empty-title {
  margin: 110px 0 50px 126px;
  font-size: 23px;
  font-family: 'OpenSansRegular';
  color: #2AC0E6;
}

#track_level_status #track_partipicants_detailed .back_to_summary {
  position: absolute;
  top: 12px;
  left: 10px;
  width: 100px;
  height: 20px;
  line-height: 18px;
}

#track_level_status #track_partipicants_detailed .title {
  margin: 10px auto 40px;
  width: 505px;
}

#track_level_status #track_partipicants_detailed .title span {
  color: #7D7D7C;
  font-family: "OpenSansRegular";
  font-size: 22px;
  margin: 0 25px;
}

#track_level_status #track_partipicants_detailed .followers .nofloat {
  display: inline-block;
  float: none;
}

#track_level_status #track_partipicants_detailed .followers .follow-card {
  margin: 0 0 12px 19px;
  width: 303px;
  display: inline-block;
  float: none;
}

#track_level_status #track_feed_section {
  margin: 13px 0 0;
}

#track_level_status #track_feed_section .additional_section .profile-content {
  background: white;
  width: 960px;
  position: relative;
  top: -10px;
}

#track_level_status .label {
  position: absolute;
  width: 100px;
  height: 36px;
  top: 73px;
  left: -4px;
  display: none;
}

#track_level_status .label.pioneer {
  display: block;
  background-image: url("/static/img/sprite-2.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -829px -1113px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  #track_level_status .label.pioneer {
    background-image: url("/static/img/sprite-2@2x.png");
    background-size: 1040px 1253px;
  }
}

#track_level_status .label.pioneer_plus {
  background-image: url("/static/img/sprite-2.png");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -423px -360px;
  display: block;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  #track_level_status .label.pioneer_plus {
    background-image: url("/static/img/sprite-2@2x.png");
    background-size: 1040px 1253px;
  }
}

#track_level_status #track_feed_section #track_partipicants_detailed.profile-content {
  min-height: 175px;
  padding-bottom: 100px;
}

.loading_spinner {
  position: absolute;
  z-index: 9999;
  top: 50%;
  left: 50%;
}

#tutorial {
  padding: 20px;
  position: relative;
}

#tutorial .carousel-container {
  width: 980px;
  margin: auto;
  overflow: hidden;
}

#tutorial .carousel-container .prev-link {
  cursor: pointer;
}

#tutorial .carousel-container .screen {
  position: relative;
}

#video_player_modal .video-content {
  width: 854px;
  height: 516px;
  background: #000;
  overflow: hidden;
}

#video_player_modal .video-content iframe {
  width: 853px;
  height: 516px;
}

#video_player_modal .video-content.lp26 {
  width: 824px;
  height: 466px;
}

#video_player_modal .video-content.lp26 iframe {
  width: 824px;
  height: 466px;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  #video_player_modal .close_button {
    background: url(/static/img/public_site/close.png) no-repeat transparent !important;
    background-size: cover !important;
    display: block !important;
  }

  #video_player_modal .video-content {
    width: 300px !important;
    height: 167px !important;
  }

  #video_player_modal .video-content iframe {
    width: 328px !important;
    height: 198px !important;
  }

  #video_player_modal .video-content.lp26 {
    height: 182px !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #video_player_modal .close_button {
    background: url(/static/img/public_site/close.png) no-repeat transparent !important;
    background-size: cover !important;
    display: block !important;
  }

  #video_player_modal .video-content {
    width: 750px;
    height: 418px;
  }

  #video_player_modal .video-content iframe {
    width: 750px;
    height: 418px;
  }

  #video_player_modal .video-content.lp26 {
    width: 720px;
    height: 407px;
  }

  #video_player_modal .video-content.lp26 iframe {
    width: 720px;
    height: 407px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1025px) {
  #video_player_modal .close_button {
    background: url(/static/img/public_site/close.png) no-repeat transparent !important;
    background-size: cover !important;
    display: block !important;
  }
}