/*!
 * 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 */
/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
}

.ui-front {
  z-index: 100;
}

.ui-state-disabled {
  cursor: default!important;
  pointer-events: none;
}

.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block;
}

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: .5em .5em .5em .7em;
  font-size: 100%;
}

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}

.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: 0;
}

.ui-menu .ui-menu {
  position: absolute;
}

.ui-menu .ui-menu-item {
  margin: 0;
  cursor: pointer;
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

.ui-menu .ui-menu-item-wrapper {
  position: relative;
  padding: 3px 1em 3px .4em;
}

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: -1px;
}

.ui-menu-icons {
  position: relative;
}

.ui-menu-icons .ui-menu-item-wrapper {
  padding-left: 2em;
}

.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: .2em;
  margin: auto 0;
}

.ui-menu .ui-menu-icon {
  left: auto;
  right: 0;
}

.ui-button {
  padding: .4em 1em;
  display: inline-block;
  position: relative;
  line-height: normal;
  margin-right: .1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none;
}

.ui-button-icon-only {
  width: 2em;
  box-sizing: border-box;
  text-indent: -9999px;
  white-space: nowrap;
}

input.ui-button.ui-button-icon-only {
  text-indent: 0;
}

.ui-button-icon-only .ui-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
  padding: 0;
  width: 2.1em;
  height: 2.1em;
  text-indent: -9999px;
  white-space: nowrap;
}

input.ui-button.ui-icon-notext .ui-icon {
  width: auto;
  height: auto;
  text-indent: 0;
  white-space: normal;
  padding: .4em 1em;
}

input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.ui-controlgroup {
  vertical-align: middle;
  display: inline-block;
}

.ui-controlgroup > .ui-controlgroup-item {
  float: left;
  margin-left: 0;
  margin-right: 0;
}

.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
  z-index: 9999;
}

.ui-controlgroup-vertical > .ui-controlgroup-item {
  display: block;
  float: none;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  text-align: left;
}

.ui-controlgroup-vertical .ui-controlgroup-item {
  box-sizing: border-box;
}

.ui-controlgroup .ui-controlgroup-label {
  padding: .4em 1em;
}

.ui-controlgroup .ui-controlgroup-label span {
  font-size: 80%;
}

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
  border-left: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
  border-top: none;
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
  border-right: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
  border-bottom: none;
}

.ui-controlgroup-vertical .ui-spinner-input {
  width: 75%;
  width: calc( 100% - 2.4em );
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
  border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
  box-shadow: inset 1px 1px 1px #ccc;
  border-radius: .12em;
  border: none;
}

.ui-checkboxradio-radio-label .ui-icon-background {
  width: 16px;
  height: 16px;
  border-radius: 1em;
  overflow: visible;
  border: none;
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
  background-image: none;
  width: 8px;
  height: 8px;
  border-width: 4px;
  border-style: solid;
}

.ui-checkboxradio-disabled {
  pointer-events: none;
}

.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%;
}

.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em;
}

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

.ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  left: .5em;
  top: .3em;
}

.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: .2em;
  outline: 0;
}

.ui-dialog .ui-dialog-titlebar {
  padding: .4em 1em;
  position: relative;
}

.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px;
}

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow: auto;
}

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: .5em;
  padding: .3em 1em .5em .4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer;
}

.ui-dialog .ui-resizable-n {
  height: 2px;
  top: 0;
}

.ui-dialog .ui-resizable-e {
  width: 2px;
  right: 0;
}

.ui-dialog .ui-resizable-s {
  height: 2px;
  bottom: 0;
}

.ui-dialog .ui-resizable-w {
  width: 2px;
  left: 0;
}

.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
  width: 7px;
  height: 7px;
}

.ui-dialog .ui-resizable-se {
  right: 0;
  bottom: 0;
}

.ui-dialog .ui-resizable-sw {
  left: 0;
  bottom: 0;
}

.ui-dialog .ui-resizable-ne {
  right: 0;
  top: 0;
}

.ui-dialog .ui-resizable-nw {
  left: 0;
  top: 0;
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}

.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-resizable {
  position: relative;
}

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}

.ui-progressbar .ui-progressbar-overlay {
  background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  height: 100%;
  filter: alpha(opacity=25);
  opacity: 0.25;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none;
}

.ui-selectable {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}

.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 1px;
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0;
}

.ui-selectmenu-open {
  display: block;
}

.ui-selectmenu-text {
  display: block;
  margin-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-selectmenu-button.ui-button {
  text-align: left;
  white-space: nowrap;
  width: 14em;
}

.ui-selectmenu-icon.ui-icon {
  float: right;
  margin-top: 0;
}

.ui-slider {
  position: relative;
  text-align: left;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}

.ui-slider-horizontal {
  height: .8em;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -.3em;
  margin-left: -.6em;
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-vertical {
  width: .8em;
  height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
  left: -.3em;
  margin-left: 0;
  margin-bottom: -.6em;
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}

.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: .222em 0;
  margin: .2em 0;
  vertical-align: middle;
  margin-left: .4em;
  margin-right: 2em;
}

.ui-spinner-button {
  width: 1.6em;
  height: 50%;
  font-size: .5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}

.ui-spinner a.ui-spinner-button {
  border-top-style: none;
  border-bottom-style: none;
  border-right-style: none;
}

.ui-spinner-up {
  top: 0;
}

.ui-spinner-down {
  bottom: 0;
}

.ui-tabs {
  position: relative;
  padding: .2em;
}

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: .2em .2em 0;
}

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px .2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: .5em 1em;
  text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text;
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
}

body .ui-tooltip {
  border-width: 2px;
}
@charset "UTF-8";

/*! normalize.css v2.1.3 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 8/9.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */

audio,
canvas,
video {
  display: inline-block;
}

video {
  width: 100%;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background: transparent;
}

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
  outline: 0;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
  white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */

q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `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;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9.
 */

img {
  border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari 5.
 */

figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */

button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
  line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

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],
html input[disabled] {
  cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `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;
}

/**
 * Remove 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;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve 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;
}

* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 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;
}

@-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;
}

input[type='submit'],
input[type='reset'],
button,
.button {
  color: #fff;
  display: inline-block;
  cursor: pointer;
  margin: 0;
  padding: 0 10px;
  text-decoration: none !important;
  position: relative;
  font-family: OpenSansSemibold;
  height: 40px;
  line-height: 40px;
  border: none;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 5px;
  background-clip: padding-box;
  border: 1px solid transparent;
}

input[type='submit']:active,
input[type='reset']:active,
button:active,
.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);
}

input[type='submit'].close,
input[type='reset'].close,
button.close,
.button.close {
  color: transparent;
}

input[type='submit'].gray,
input[type='reset'].gray,
button.gray,
.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;
}

input[type='submit'].gray.disabled,
input[type='reset'].gray.disabled,
button.gray.disabled,
.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;
}

input[type='submit'].primary,
input[type='reset'].primary,
button.primary,
.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%);
}

input[type='submit'].secondary,
input[type='reset'].secondary,
button.secondary,
.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%);
}

input[type='submit'].secondary:hover,
input[type='reset'].secondary:hover,
button.secondary:hover,
.button.secondary:hover {
  color: #ff7a00;
}

input[type='submit'].secondary.small,
input[type='reset'].secondary.small,
button.secondary.small,
.button.secondary.small {
  height: 22px;
  line-height: 20px;
  font-family: OpenSansRegular;
  border-radius: 2px;
  background-clip: padding-box;
}

input[type='submit'].secondary.disabled,
input[type='reset'].secondary.disabled,
button.secondary.disabled,
.button.secondary.disabled {
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: default;
  opacity: 0.65;
}

input[type='submit'].secondary.disabled:hover,
input[type='reset'].secondary.disabled:hover,
button.secondary.disabled:hover,
.button.secondary.disabled:hover {
  color: #5f5f5f;
}

input[type='submit'].transparent,
input[type='reset'].transparent,
button.transparent,
.button.transparent {
  background-color: transparent;
  color: #777;
}

input[type='submit'].transparent.on,
input[type='reset'].transparent.on,
button.transparent.on,
.button.transparent.on {
  color: #372f2b;
  font-family: OpenSansRegular;
}

input[type='submit'].orange,
input[type='reset'].orange,
button.orange,
.button.orange {
  background: #ff7a00;
  color: white;
  -webkit-box-shadow: 0 2px 0 #b35500;
  box-shadow: 0 2px 0 #b35500;
}

input[type='submit'].orange:hover,
input[type='reset'].orange:hover,
button.orange:hover,
.button.orange:hover {
  background: #f07300;
}

input[type='submit'].orange:active,
input[type='reset'].orange:active,
button.orange:active,
.button.orange:active {
  background: #e66e00;
  -webkit-box-shadow: inset 0 2px 0 #b35500;
  box-shadow: inset 0 2px 0 #b35500;
}

input[type='submit'].light-gray,
input[type='reset'].light-gray,
button.light-gray,
.button.light-gray {
  background: #EBEBEB;
  color: #777;
  -webkit-box-shadow: 0 2px 0 #c5c5c5;
  box-shadow: 0 2px 0 #c5c5c5;
}

input[type='submit'].light-gray:hover,
input[type='reset'].light-gray:hover,
button.light-gray:hover,
.button.light-gray:hover {
  background: #e3e3e3;
}

input[type='submit'].light-gray:active,
input[type='reset'].light-gray:active,
button.light-gray:active,
.button.light-gray:active {
  background: #dedede;
  -webkit-box-shadow: inset 0 2px 0 #c5c5c5;
  box-shadow: inset 0 2px 0 #c5c5c5;
}

input[type='submit'].green,
input[type='reset'].green,
button.green,
.button.green {
  background: #81BA00;
  color: white;
  -webkit-box-shadow: 0 2px 0 #4c6e00;
  box-shadow: 0 2px 0 #4c6e00;
}

input[type='submit'].green:hover,
input[type='reset'].green:hover,
button.green:hover,
.button.green:hover {
  background: #76ab00;
}

input[type='submit'].green:active,
input[type='reset'].green:active,
button.green:active,
.button.green:active {
  background: #6fa100;
  -webkit-box-shadow: inset 0 2px 0 #4c6e00;
  box-shadow: inset 0 2px 0 #4c6e00;
}

input[type='submit'].blue:not(.button-close),
input[type='reset'].blue:not(.button-close),
button.blue:not(.button-close),
.button.blue:not(.button-close) {
  background: #00aaea;
  color: white;
  -webkit-box-shadow: 0 2px 0 #00729e;
  box-shadow: 0 2px 0 #00729e;
}

input[type='submit'].blue:not(.button-close):hover,
input[type='reset'].blue:not(.button-close):hover,
button.blue:not(.button-close):hover,
.button.blue:not(.button-close):hover {
  background: #009fdb;
}

input[type='submit'].blue:not(.button-close):active,
input[type='reset'].blue:not(.button-close):active,
button.blue:not(.button-close):active,
.button.blue:not(.button-close):active {
  background: #0097d1;
  -webkit-box-shadow: inset 0 2px 0 #00729e;
  box-shadow: inset 0 2px 0 #00729e;
}

input[type='submit'].premium,
input[type='reset'].premium,
button.premium,
.button.premium {
  height: 60px;
  line-height: 50px;
  border: 5px solid #eee;
  padding: 0 40px 0 70px;
  border-radius: 500px;
  background-clip: padding-box;
  font-size: 1.8rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  background-color: #75aa0f;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#81B413), to(#649C0A));
  background-image: linear-gradient(to bottom, #81B413, #649C0A 100%);
}

input[type='submit'].premium .flag-large,
input[type='reset'].premium .flag-large,
button.premium .flag-large,
.button.premium .flag-large {
  left: 35px;
  position: absolute;
  top: 50%;
  margin-top: -32px / 2;
}

input[type='submit'].premium .flag-white,
input[type='reset'].premium .flag-white,
button.premium .flag-white,
.button.premium .flag-white {
  left: 25px;
  position: absolute;
  top: 50%;
  margin-top: -16px / 2;
}

input[type='submit'].premium-orange,
input[type='reset'].premium-orange,
button.premium-orange,
.button.premium-orange {
  height: 57px;
  line-height: 57px;
  padding: 0 70px 0 30px;
  font-size: 1.8rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  background-color: #ff7a00;
  -webkit-box-shadow: 0 3px 0 #b34c00;
  box-shadow: 0 3px 0 #b34c00;
}

input[type='submit'].premium-orange .flag-large,
input[type='reset'].premium-orange .flag-large,
button.premium-orange .flag-large,
.button.premium-orange .flag-large {
  right: 25px;
  position: absolute;
  top: 50%;
  margin-top: -32px / 2;
}

input[type='submit'].premium-orange .flag-white,
input[type='reset'].premium-orange .flag-white,
button.premium-orange .flag-white,
.button.premium-orange .flag-white {
  right: 25px;
  position: absolute;
  top: 50%;
  margin-top: -16px / 2;
}

input[type='submit'].big,
input[type='reset'].big,
button.big,
.button.big {
  height: 60px;
  line-height: 50px;
  border: 5px solid #eee;
  padding: 0 40px;
  border-radius: 500px;
  background-clip: padding-box;
  font-size: 1.8rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  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%);
}

input[type='submit'].big:disabled,
input[type='reset'].big:disabled,
button.big:disabled,
.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%);
}

input[type='submit'].big.inactive,
input[type='reset'].big.inactive,
button.big.inactive,
.button.big.inactive {
  cursor: default;
  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%);
}

input[type='submit'].twitter,
input[type='reset'].twitter,
button.twitter,
.button.twitter {
  background: #00aaea;
  -webkit-box-shadow: 0 2px 0 #00729e;
  box-shadow: 0 2px 0 #00729e;
}

input[type='submit'].twitter:hover,
input[type='reset'].twitter:hover,
button.twitter:hover,
.button.twitter:hover {
  background: #009fdb;
}

input[type='submit'].twitter:active,
input[type='reset'].twitter:active,
button.twitter:active,
.button.twitter:active {
  background: #0097d1;
  -webkit-box-shadow: inset 0 2px 0 #00729e;
  box-shadow: inset 0 2px 0 #00729e;
}

input[type='submit'].tumblr,
input[type='reset'].tumblr,
button.tumblr,
.button.tumblr {
  background: #44546b;
  -webkit-box-shadow: 0 2px 0 #262f3c;
  box-shadow: 0 2px 0 #262f3c;
}

input[type='submit'].tumblr:hover,
input[type='reset'].tumblr:hover,
button.tumblr:hover,
.button.tumblr:hover {
  background: #3e4d62;
}

input[type='submit'].tumblr:active,
input[type='reset'].tumblr:active,
button.tumblr:active,
.button.tumblr:active {
  background: #3a485b;
  -webkit-box-shadow: inset 0 2px 0 #262f3c;
  box-shadow: inset 0 2px 0 #262f3c;
}

input[type='submit'].facebook,
input[type='reset'].facebook,
button.facebook,
.button.facebook {
  background: #0054a6;
  -webkit-box-shadow: 0 2px 0 #002d5a;
  box-shadow: 0 2px 0 #002d5a;
}

input[type='submit'].facebook:hover,
input[type='reset'].facebook:hover,
button.facebook:hover,
.button.facebook:hover {
  background: #004c97;
}

input[type='submit'].facebook:active,
input[type='reset'].facebook:active,
button.facebook:active,
.button.facebook:active {
  background: #00478d;
  -webkit-box-shadow: inset 0 2px 0 #002d5a;
  box-shadow: inset 0 2px 0 #002d5a;
}

input[type='submit'].linkedin,
input[type='reset'].linkedin,
button.linkedin,
.button.linkedin {
  background: #007ab9;
  -webkit-box-shadow: 0 2px 0 #00486d;
  box-shadow: 0 2px 0 #00486d;
}

input[type='submit'].linkedin:hover,
input[type='reset'].linkedin:hover,
button.linkedin:hover,
.button.linkedin:hover {
  background: #0070aa;
}

input[type='submit'].linkedin:active,
input[type='reset'].linkedin:active,
button.linkedin:active,
.button.linkedin:active {
  background: #0069a0;
  -webkit-box-shadow: inset 0 2px 0 #00486d;
  box-shadow: inset 0 2px 0 #00486d;
}

/* ====================================================================
 * This styling is for buttons encapsulated width class BTN
 * ================================================================== */

.btn {
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  outline: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* CLOSE BUTTONS */
  /* ROUNDED BUTTONS */
}

.btn:hover {
  text-decoration: none;
}

.btn.close-circle {
  width: 33px;
  height: 33px;
  background: url('/static/img/strengths/button_close.png');
  z-index: 2000;
}

.btn.rounded-type1 {
  font-size: 1.7rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  width: 285px;
  height: 60px;
  line-height: 60px;
  text-transform: capitalize;
  text-align: center;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.5);
}

.btn.rounded-type1: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);
}

.btn.rounded-type1.orange {
  background-color: #f07301;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ff7a00), to(#D96802));
  background-image: linear-gradient(to bottom, #ff7a00, #D96802 100%);
  color: #fff;
}

.btn.rounded-type1.gray {
  background-color: #f9f9f9;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FEFEFE), to(#F2F2F2));
  background-image: linear-gradient(to bottom, #FEFEFE, #F2F2F2 100%);
  color: #777;
}

button.text-button {
  background: none;
  border-radius: initial;
  padding: 0;
  margin: 0;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  height: auto;
  line-height: initial;
}

button.text-button.underline {
  text-decoration: underline !important;
}

@font-face {
  font-family: 'zocial';
  font-style: normal;
  font-weight: normal;
  src: url('/static/zocial-regular-webfont.eot');
  src: url('/static/zocial-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/static/zocial-regular-webfont.woff') format('woff'), url('/static/zocial-regular-webfont.ttf') format('truetype'), url('/static/zocial-regular-webfont.svg#zocialregular') format('svg');
}

@font-face {
  font-family: 'zocial';
  src: url('/static/zocial-regular-webfont.eot');
}

@font-face {
  font-family: 'zocial';
  src: url(data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAIg4ABEAAAAAu3QAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABgAAAABwAAAAcYseDo0dERUYAAAGcAAAAHQAAACAAvAAET1MvMgAAAbwAAABGAAAAYIQKX89jbWFwAAACBAAAAQ0AAAG6bljO42N2dCAAAAMUAAAARgAAAEYIsQhqZnBnbQAAA1wAAAGxAAACZVO0L6dnYXNwAAAFEAAAAAgAAAAIAAAAEGdseWYAAAUYAAB84gAAqygVDf1SaGVhZAAAgfwAAAAzAAAANv4qY31oaGVhAACCMAAAACAAAAAkCPsFH2htdHgAAIJQAAABYgAAAjz3pgDkbG9jYQAAg7QAAAEIAAABIHLfoPBtYXhwAACEvAAAAB8AAAAgAbsDM25hbWUAAITcAAABXAAAAthAoGHFcG9zdAAAhjgAAAE4AAAB9BtmgAFwcmVwAACHcAAAAL0AAAF0tHasGHdlYmYAAIgwAAAABgAAAAbfVFC7AAAAAQAAAADMPaLPAAAAAMmoUQAAAAAAzOGP03jaY2BkYGDgA2IJBhBgYmAEwj4gZgHzGAAKZADBAAAAeNpjYGaexjiBgZWBhamLKYKBgcEbQjPGMRgxqTGgAkZkTkFlUTGDA4PCAwZmlf82DAzMRxiewdQwmzAbAykFBkYA+wIKtAAAeNpjYGBgZoBgGQZGBhDYAuQxgvksDDOAtBKDApDFxNDIsIBhMcNahuMMJxkuMlxjuMPwlOGdApeCiIK+QvwDhv//gWoVMNQ8YHiuwKAgAFPz//H/o/8P/9/1f+H/Bf9n/p/6f8L/3v89D6oflD2IeaCr0At1AwHAyMYAV8jIBCSY0BUAvcTCysbOwcnFzcPLxy8gKCQsIiomLiEpJS0jKyevoKikrKKqpq6hqaWto6unb2BoZGxiamZuYWllbWNrZ+/g6OTs4urm7uHp5e3j6+cfEBgUHBIaFh4RGRUdExsXn5CYxMCQkZmVnZOXm19YUFRcWlJWXllRheqKNAaiQCqY7OxiIAkAAEf0TzwAAAAAEgH+AiEAJgC/ADAAOABDAFMAWQBgAGQAbACtABwAJgDeACwANAA7AFoAZABsAI4AqADAABwA+wB9AEkAdAAhAGoAxQBVAAB42l1Ru05bQRDdDQ8DgcTYIDnaFLOZkMZ7oQUJxNWNYmQ7heUIaTdykYtxAR9AgUQN2q8ZoKGkSJsGIRdIfEI+IRIza4iiNDs7s3POmTNLypGqd+lrz1PnJJDC3QbNNv1OSLWzAPek6+uNjLSDB1psZvTKdfv+Cwab0ZQ7agDlPW8pDxlNO4FatKf+0fwKhvv8H/M7GLQ00/TUOgnpIQTmm3FLg+8ZzbrLD/qC1eFiMDCkmKbiLj+mUv63NOdqy7C1kdG8gzMR+ck0QFNrbQSa/tQh1fNxFEuQy6axNpiYsv4kE8GFyXRVU7XM+NrBXbKz6GCDKs2BB9jDVnkMHg4PJhTStyTKLA0R9mKrxAgRkxwKOeXcyf6kQPlIEsa8SUo744a1BsaR18CgNk+z/zybTW1vHcL4WRzBd78ZSzr4yIbaGBFiO2IpgAlEQkZV+YYaz70sBuRS+89AlIDl8Y9/nQi07thEPJe1dQ4xVgh6ftvc8suKu1a5zotCd2+qaqjSKc37Xs6+xwOeHgvDQWPBm8/7/kqB+jwsrjRoDgRDejd6/6K16oirvBc+sifTv7FaAAAAAAEAAf//AA942py8B3wc13kvOmf6bJmdtr33BuwCW7BYgCgECIAgwQaSYO9dLJJIUSRFVVqiaDWrWVYvsWM7snw9s4BkSY5juVzHTnLt+CWRnWLHyYsdb4pv4iQ3V77m8n5nZinL13m/381jmT1tZmfP+cr/K+cQHMFcm6F+RKWIQ8TNxAXiLuJ+4gniOfQi0eIJomioB6rVlh1KrS0kUVzaJhIDdLE1B+UWhRtWOAgXbkBQlkP8CmfRkLl2KyTbiovjoYBQXEr14Va9t2qk2PbS7RfMMbdT7aWnHjOLT4ntpbN34eLSWfPpSw8+a9YetGo3HjdrN5o1/VJl6fIls+Gy2YD058s68a6xU2rrOyXjMCouHQ0QYzDyqGScQUXjNldbv00y7oCOc1bHtop+TjKuQN+T0PekZDyNivq9laVHzG7jBeg4vFNWlsiZ+bnNKW/TOHNUVvQVTf02+Y0ta4/feOCWC9Cq36G0zp4/2Ww2jSvnZOXzqj2QLS733Y27npRft1263PvgY1AhjFQIbvc19T65FY1n4Qb9gvI6QxSqzSE8+HZ5cdnpcwP4i556TFYWz9x65RHcflY2nnwanv7gs3D7zqZ+XF46fPTk3fdCX1+/WiNihFsjuRLKeqqVei2Z4GpcMlOvNaA6gOtsMgHVURRB1YrVlkkmRMThQjaTLSEY4kLeykC14mU5kXLjgojcmtfj9URRhkSaN4Pb4DbWUxuoeDQ20dDguxKNbrO3BgWPW8Nf1dCs12CQH/0X5P+WIfTbxj2S7F/pYgLUzsHoHXJgfyC4nGJZGy0k+Og7aUkcnLDTlXiwN3SuJKQZD8uFuURPyE16XM7BUMazZiOtDsRp9PIbKEihjMw7bKocjbsDbndAVZRP82GnZvNHVcXukGWHXUlyPM+h2neRv/O3332j8/OcPO0OVHY1RHJqwOXqTbmdYsjHMAghZlZz2FxuSnOU74j4hNQwh6KIFkUGUZTAsZywdU3Qe/6nz0p0BblQjmUlH+NUj+EvdvfyvLDWafMcsb5UccOXEjRBXJtjRKpGzBDzxHbiLPBSy4M5KM4AO2AGYsjrl1G4IP3Wsr7yXWOtp62vlYwhoLqNclvfKBkLUNyhtfUdknEDUK3oISQgy3PQOrRWVlqBehwT3cJGWTGYdBMIjAECe12cXr3+6EmTOOTaKAkL5PFGKLfGwZKzRZSAJa9hQgBSGEX1WrZE4pZRchhVMIUAVUBDMuFCrIvMeGtjCC8s3MfAisu1hFvVKiPIC3ePAYlUcRuQnB3BLe5jn/7y/rB45sYtL96/Adn//KXjt/HfPM0iCjGokvWV8qxw4B77+mGOEehFwRX0KIFPe1gbz1B8z3Fuz58NMGydOcGg6u7db+3e6QzFxB3lvnLS8cB9YqKEHj/2yX0VxCZDu+749E4n+/QfFiN1kiaRQ4j6HA4pGaMDOSQ7HMUer2JH54sugXUd+KnrZN52jrqLpW/t7UX39vZ2bu/tff2tcPit1816uPP/oFK4lyAIEq8b9c+wbhTBEcuIFrQVlxBNcLS1WEu0WUY6j+XMEiXhmk5JBg1rw5k1Q0BFoq/fLcdlFf6jf+PRvy6hf+vY0b/gq0kbq6mvU1XCQYSJLFEm/s76Ht1RbcXgO4wy0AjChayzveQKEgjkootpL9kjZjGaq1YNu7ON9D7zJRwSwcPX9oPcGgi8PfrMzz5LuIs2nZB09I7ukPTsO2+Pfuxnv2E2xkqiHnqHMcrUe6IuvsNA/6LdkVWLuigtusQyFELSYjAUgwJ0RcwuaImaLTAmh8dQhCGGSiU07kB20RUMRaKxbK5c+sAffTxgOAigSWcY02Q2BlLLDcToVuOVCAlUWEQUF1eB0hoDWY9VT6rVBhBqCcreUdSoDdSTX0FvVHbNhV3h3738+bEXEBp78/LXI6GZuNts+N7/2Fi4g3Tx5dgd030b7eTpldTF1OrTa6883/neSZR9/sr9m1bthcqfkuLnqXDyX8jpfpKHJbbWeSX1JWqQ8BBF4sPW/LcKeLFjNGGDxY4VsMqKhYViK4OZlMcXCV8yoNxaNNZwkjVUovFQySEAWfSY6scD6scjGSlg0qzUNnrh04Mnw+sHcZ+SDQdMip5VDJ7FkyPB5Bge4F1MNCBD80ikk4kRkMgi6ZapUbpaCZs8KTdkEK7x3/ociiGa2XPs5jWUq294puF9/nrllh0//K3PdX44SZKLX2f23nDzrPS8M7tquPPzzmvd6sxpxP7l1c7i1wkbzMEC9TT1CNChhwgRKaICFL+K2EjsII4Qf0m0ypgmZ6otGv/qYbjo81XDK7RbCdywCV/2kN250MVqK4jnxEtjYlzScuVhUPPjVUOzt/VkGf4h/ahJrryXaADP8JLhBIr1VpYki4l8lcWK5OSLRo+3vbjCLK3ytvVVZWMFfEiSsRNY7IB5s3EMZlRygp4NJ6qDq9dv2ob1ZU8F5jGYBGm4YhWWjAs7sHbdKRtbtuNpzmmgTu22Q4dNqViXLW0FM5rIeIFP8cwmMnK8lkmwDZCNUcRlVHNMGJkqra5grWeqt/+4PdEYJWGlOFU2G8wnZ/yBdLqW/iw5mg50xgNpcvTVv3v1EEfR/a4+Vybkz2RCgTTji3m9svRWNhhI43ov1H0xJ+nzin1fg7vTtcz3kRMeFOj8C1xXod/o7IZP9Pdnnnzymzy5jd/6i78IpjL+3wsl0wEqAw+TZO/V3w6m0oFfaXqUqqYFctvVReQIZDKBzr/CQyxeWEMNUnVY/2HiuLXuht/ZNmneGAQZVFXLPGCsqonukL7MJHIViLxa0VXJqMFqiEDnI/BZU2HqeX8ZT70oGxjhEIbqh5VJQlGvyjrR1AcVXTQ1U2MA/zW1E8wgB0tg4o1qxeqwunAH/psEraXGM1gvcWw41Bhct2Hf3du2l0rl8ubOtki4XBnMR6LRqN+fd8USmtvr7i9Nz2z/zi23/ABd4erVzfPVGpo4vmfn5GQyNTK8f8+hXcHg5rHl0bjN5vX4/T2S252OlYqFfDB4/xVUu2NsdGyMsHQ5OQw6wUWoRJzIg0ZvOfAcpQHa5nFBZtstL54sFVowuxhRDsRzwaR3yUWcA/IGApZhfgRX2yjCpywBNWrBRAaDwi7jxy2qwXTYiMvxhuYBdYwBGiheVtE8lQEgzrEedKhnbKyn81zPWBz9e0f4pNN2l81pXorBTCCQmaUUPOAXP4Xrx8i923Cn4HT+4m9xZ8Bc7/9BbyC/TniJILGOaMn4JyhsWxcr1ssHQde4fTINusbNtXVHBekhc8l9gJB9kuHv/o4wfPp9gI1dsqo5rR9S/5Uf4q664/VqvfuDQiXqd0rBYKlzw42dj9zYOV4KpWnuf733IvpBKRQqdRKlYHpoKB3MkDTxvi7+Ccx7lBghLhKtAH5PqQEWSBJr4mWW9O3FIsi8RK8LI6SPmq/L+tstlsDCmXUKRZ2VjCa8cdXbbjWruLUZE4rGGDQ1WRAltOYJZPO9DROlLwtgMlarzaZJpwNjiAUojBEUZvks5/GKJC5QGcaUBd5GJgtICpdULAtcyALWMf9/HbsaqjWT071DdxbWDW61FRMuf579BIk+Pp3vvy04sn0vudAUzaaY/7Hyw6c/Q05Drbxy71v77cFcPVzs680sRiOkk4v5yc85cpl8Mvxqn8vniPmvbnCwMDYxPX/jRzJDhEWrs/TLVD+RAV6eIjYQ14hWCs9bATDFDJbhq6vGNNPW11RMbabPVg0VlrtJpSRY7iZYX2M2XNTXVZfGROIFzO/zZd357pLHEtNE7F3ZyHrai0EPFtEsAFa2bAQ9WOPpcehc6tWI1TCwt7wUt0qgCteDqF9ZMdYpINArrXXr8fSvWwPKdf06XFw/DSuxEatJLNRpXlGjqanlWKgHYWn0QlPvlQ1fBET7+jjUZVihZgFkChYvOiXr0aZuU1psMILFzpis+5v6NLaygLFqA8MIG0KWAQS0ySUjyATCbg0wMbpur1hGUbbEgnzJsGoE0O1AiWQZIN8qkHHSnay37hwoSDb16L2fOIYGpvaX61vTnoHgSPkTD9335k1nt5w7TlO85AiKKT6b2X7/hP3AsuFp7cD5abL+jco3v1lBW67kSuEwurRnx5WKcnBk11Q44VeHtOL2FdvvO3hmat/WWdVpV1VsxTAOtBf947rTiDzx4in6hsOVb+BHEAgzBj1PvkXcAMixRWKKD1bXVgEQHhPbb/R6Y1xzZmPKCxx7vGycMIGoXG9UvW4tyWEK9qhAqWUS7MTMCOq2i2AURhHgsEwZGwbQPhCFaUliU8FFql71Az34DlMaUyLCdiMUsxlsO8Bf8j3SFohzldfYG53CnBaQ/CL1Xxmby+lAnH12g2RnowJNUVTzHlLwyLyXO0bdzf+ew+UMqBRFUz8ihZKmiT+3+b32zKZjgXwk9rWY5LDnRfIVN0lqPEKq03Vb5yn0/Yj6VK6q0iTjJpGbJ0lWkT1P/UbMzlPYzFBJhPBwzpEQv8Z1fk6hvwrBOyCKpDV4DkeSshS/+k2vS/as/u3v9c1Mr0YfX1Ow2SiSQNeuXVtFfQr4B+S6lBmlGwOgjhRvCn9GENjFnMhkTGuJzCKnGHf3OgYW7P7nMsgxJBXtXlVQN0yfVG2DlYnBWppTQhG68EicfNOjirKgMh5HeLLDndwqs7S7fMTrSvgSLKXJblEgeWXFDc470GcO4CXWCOraXZSdooheop+oE02QgFPELLEGOHozsYc4AAjtOHEjWJV3EPcQ9xEfRl0Ma5RBA83su1ipVCzqcIaKmDpGQJ1vOnUFN2tYxHPpanVpF0WcBTA1eQ5at4LcNMZOw9BNbHupVCE0Z7G16uCdcPNSSSS2g6Sd3nsb3L9UHzD71h69hPvqVt/c4btx31DT7Ft/w724b8jqmz9xGfqQ/oAplMtqu1UZGIIWvSwZJPD8FBi6U5LRh4qL1cYwcH1laSZAXIY7V62dh3GGEwbMSAYYCcYeKO6RjJWo2Fq9biP+yn3W0INHT+BH7pOMHTAsBMNCkrEfhh06dhIPu2gOW7zpzkuX4Qv0i5IRhjHhMi6dhTuKUCtKxu1wx10fuh9/a6/aNh6Enr4pEDQ8B7Jn30pQCtrWXdjgDu0AOeRvGhfD8BlrGmf3w2caa0CvXK2NUmDlaO7qMoRt7whtFQHIm61y2l2tZ6v1ZL37v4GtaWxV/1p7FXck/zM91E7ESfG+uItv8K64TwnIDoYaoBiHHFB80LrzavPB7p+ZVau2Pd39c2c6k0mXr9c+nUmnM8xD3T/3UFxYK8qSJPUqkYjSK0m84HekHR4PXPwCb7b/4j3jpps85zyX3DftiMcvxeNXL/zf1i1dP8uEge/CRIn4GNEKYtujp7rE0oQAq4urS2lL4aeDWGOkEWj0XKXlwFDAbY5CetmkMAqAKVjkPKydTzIBSwS0j1wxEhLGOHpCMrLQVwDECjRn8BSsXLCp+2Td3jQSEVhtRy9GrW5QPW8ILskXjcVNm2EEVd0YhdVNgA9IP1vH1oIJdRKZdN3bMLvNYYD9f5gbyn/2p5+9vA0+Xzt/4TXyj7ddzg3lfviZn7126vXFUD4XRp86+5ufvHVnrrA+nMuFO3vO/9Znzn2+kHsznM+Hv/D6hddexbKAuva/4He3yf3EBLGW2EX8DtEaxrMDrDrtaOsbK61xzPi0DaDnOJ4amIxiS8Fc7ra1l2Jz4wpodts2GB+D8b0VIwg23Jw5i3NObLTuNqcNgQpHksHBlEz62/qk5Xrq87SNPfCJwH5tOV0KVrCcvGRze4Pj2C85qSyqWngUFxfk12O91eGV60wENTcNmpxzhTO5vrrZHZN1PInZatfBlDGdklmw9OPuJMtVMXry4guo3gjpHaWuOxOz2BwGVYPnGKvpRgmgF8tEyPfdmCRzjunP9TUHy5kBXz0oZAW06l9EGyVPxm4u+/aO9W/qy1IUQyYjo6PZ7adO7bzlFDfurldjY3sDow/vuUhS1cLq9YnQZCRbQfcF0yPRYn+14O/zV76W61ve3zfaT9b+dHD/zJjbc2TZimxPD0UzZC5aUS/s2HXnh7gxKWmfGL57z4VCbU8ymB3NheOxRrEw6NVqsH4I0zbFAm3PEm8SrcJ1v58xBCtWwLazvWzU7GAvrDLXYQTWYUQyMjDpvbAOvZLRwFTqbRurux4e+z+txs4cUY9LevIdwxV6T+9/Z1F09avFFlxjD8QeSLKirDSJJdEVT/abHhn0gbI+HkBGZgQskEBkfBIvTq/cYgpDeHEbimGvYfIv1DAEbkx3ITAWZJ7r8FdkXIjNZGslEpZvQC2herbr/MWg4X3/sok4sMtRRFkYc+CV/S/9wWc/3LtOyjGSqqoiy1I2BIgAMYx9jLeh5aV0Xg6xtkZp3ZE7b77zhYyTIUG9S7bhYfR7Y7ffMPG1+z7zl4XIi2o2FQupHA8IAAXCpWLNU0Y2qVd0jW/uT3sntwR7Jxbv2nfxN26eLLlkJsXYOdp31oROhOvaVupPqQRhB426HvToEqHPlZfGTMtWH5OWRh2EDKXB8lLNCjH0lPVMFa5IP1g2DnVXoPhP37JWQJH0wjuGV35PT7/DLGa8abX49mjonx6GXjt0LuaVAiwKXD+4KIo3nS9Yi/I6lDPdirkshDE2CvMeHR7BizEotwY27MWlHmUp2dec32QKIlIZSNEehWTpVKYBuMTLeRvW1YPXI4udao0sjgbAFbAb5/W4UMWbSWQ5toy8jUqEAShTosdQhMPO/hKpTLyFCMR/adXEW9eIzv/80hdWcgEWHsdGeE/D07e6KcY2LrM5L0ITH2GhyaXNidkQGSBpRKMUo+Wej6C0CvzJ0ZRDUYNayOXLBylV9EiazQngy+X1ROUwqnzgS+DzrIJ4tEPcTnLkducOHuXy24vOyYXcDudWaNoKHaw6LHD+I4DpHlUYW+4CzzpE1e+ySzyLSJZijVOIpjjWbpdku1NmKYbiQWaai32I3Er0ECuJQ6hJtBQsJHM9IAWDnOXaeJ1ANMMBWq4aGWhaZ7rhD5s2O9KIcVh7ZPl1GavGmIpkyaUR+6HmkjA1LO01cYVxxCKMr7zwjz+57nzteUeEB+jkO29/5dl//GezlcbUAs/R2XfeHjlgDWV0rmQwLA9topENv8fouXfe/mr2HwomCdHSIkVjEoLrB0mIpNhsl4Q+D2Uumyv0fMD3iuC9QasVm0aEwV4vxZPHXO6SDZsAxHRI0XuBw4MK6LqJFdCQkcftdpfH2zs0PL95+348llf0TZjxq2ojWw2iYeTmTCeN6YbJNqBcaWCDKVNE9UaSo5J2lExj543X03XeZEUEUgIbCPhvo9bAtAn9DS9QZhllzFiEm/WCZFhzfGVyzfHja/7k5FAosjBVzWblZU6PNur2eIODkSO3c09zp27kyHsUl1Ko9RZVSeNpzs5LNJ0IxpPBeIpz8nGp6E4mFbXH0cN7OD4a95XtKgJqITd3Pvqv5zofRcdTv62VK+Pzp+KJhj+hqYlEpRZNpFqODkKnO48sVeL+IUEIOlRN4pzDko+h0w4XTXqiDuXHm0YjKZKOuJJb5jZLIZb1cEwl0ajmvJ5RzaQ3sLsfAxkvEXGiQLxCtJzYo5zG6KRghQ9wgNSIUe2WgDWAeeGwx1TUnAIoaJECDVA0NYDsauuyZCSBvLKW0Z2VDB8oAZurbfRgp3JSVl6nNE80JuKl8snjAss7nF57IBg2la8GVKIHmnpBbtkdHiw/0srnCZa3yT5zhOnTMN0WXiQzXgGVkGkBQ1VF2QET1niuuzWfObH5/uDEi+j1zr8lOh/tfO34U+lLO+OxvyBn0dXf2a596M1LfQceOnDgIXTh2Ef3zo0/jX6nc/xbqc5LqEo+eWT7ncJX0R+g0tXXHi+Wt9111ysPHdg/M42NHJaQrm0if5/qAaksmX61AWIZ2kC0KDxzNL4QePpkJxGA6RvC09dg2kuMI1voAwxveYFYW7E0iFk4wbT1dGXJr1JJZ1FXqoYfxkYjuGZEhfZiVU7yReuK9JGyzrxrSID5uQr2zGFPtFAxHNDgkIwcnmK53crmMEbKpgFO5bK4mEsI5loUYMAAjB2QcNTF6INin6mm9VDFGJLbxjLQ4WTFGLWkwjsTPx+3pEJJ1AMSA9LBkCPvQdGg4UOWFhU5oBYX/fhKEXoA9AJBy4o/8IFgihNWVG3qOXnR64tEsWukkAVF4QlS2BzpHwA2d/eUNNwx1ICOcAwHBsEeUeMUk5axEwP+J+tJt1dtxF3AgEkw+tV4Nt5Adcu/4a1XvQ08hqtn3ZbbQyK/MNH5m87f9OZ6enKaD6Ee29597FbH4qK/82UereM7L9yW7TlcDobKxVjk7p5R8vjVoQ0bKPK+nh749986/4O8ORhacaVaRfZtW1G6t3fr1q33lUr3raig8sR9W3st3pmjPktVia3EDcQ5YjvRWsCyeh/Tbq3HQHe4vHTcgaOeeroM/5B+vqyjd5e2m1LZuAALsB3hSJOIUcv6fTBPu5r6sGwcOAZ0f1zRnUD9sn4aiN6TMQVTXaRcKDNKjqFRxgOQcwwNRBDrAsIvkWWUACM/AvgmzkbIKKqMUo24yHAYhoI4S2QGWE8URTDuKdFZFsWv30Oxtmz99O8On9s8KctkaqChqrSz0Lt8bE1y/J54vNLgeF5g3CiRlSXa1d+/Mj51YrxXFhC6+kdUMJ93uWhXJhplUUoaXTW/ekRR14aX3ZdOlcbqiGVoWqyPHBnkg6vGp1QPqFwB+bMZUWSVvlR4xYzvoQPfuyL6N2xY5fUO3zQ3JDpJTpNljrKVawB8i5NTfh/TnM0piESClPDZR9ftWJh2ewqjYQkhZFOyweG9w0XNgdhynaLKl/rSNoGyySiWILlwYiSRQGtTAz4RIVL0DWBMW7j2VWol+X2QdYQ6ABMYRR4s7DVzcnBYGFoilvzHE1SiC6TzvMjt4509DnI0EhV7DoVVZ02UPseRzHmX3H/x2PZgwBafX9ZDTsmu8w7pDcnV41Aju+MxMT8JI21HaCdzHn5YfsW0329LHtl/h2k3rqJ+QlVMPDdMmP7rpZqJ4UwvMHrXcHhNpi7iAK0Hd5gu36JDVpYowUYvs/zWNWkUxSJIElEsQ2nXtVg2U8+YOuv9v6Mk1nndjAkL2nLs5R8j6ceXL/+4808/BrTpKBTzst9FAq51ZHKlwd5CvJwvh9NuwUExYrD2qd0Tw+svhBBLOt54/77Ll9Gp5Q6SRPnUwJqLDoalKNqmuvuzlezypmZjEzl/X59DKubXbfeEbtvAqHQFZKgAv385/TUKxyS2EieI+4gniOeJ14mvEn9EEHJmoGHFUUHUu1k3lOFfKl3xcBoLmhU+WZLDfi22CAogawZZiiiVxgEWt8ftwaq+lskC4h8Yxh6vDGj9TJ01JwIsNECctHdAadAM6zWVR9V8QtZtRm8sA8CL3a/4C3H4JqN6GdNTDjP8fzUeefDzS2QW3lPjEohj7DmwB+wiae+zK6tU9Di6wnKILiwwPPJu91YCPMNylLPmRDTJI4rufLfznYP9jVNA4qwdUcjJMxwPC8Zm4rTbQ0lFpFF4HJr8eRPtv8de5Ds9HQ3t2jwxlSOdtfyynCPpOT6+ZffmtYd396ZQsQcxgUamZ9tedPahKapx6r3VC8un8shZLbw/dNPaI7tLyfeHokMhl7bN5+zNyGzBRiPyBUZApEDKyyWHuCxK2ijaQU9RAmvvsVMgIT589c8e4GkkOmCMQxVItLoAVIEQK9gZNys6B3Ko/pWFtRenHyT3fflvc1OC5uMojdJcL5Nrb6GP1L+7YqE4nY8zNLma5JfNf2z3uRsme5szDclWqHVW23IRRRGkJPr7Xxm2/plfGRaiyfNk7DEA1mjz1f/2LGPGY5AppyeoGqEA11veRpKrVs1UBfOCdLVsaKhImN4Cg3WYIW0Bxetghpj/k+4s53WjV9ArnY+86nxhv7hp54J0eIn6yS98929urJusNXu3vDA8Pv0GPJ2/du2aTu8jVwBvq0SQSBL9RJOYIdYRi0SrByuG6apR5tv6sooZ+tG5qhHi20uEoycKOr+yEqA+wbdbWmoUOwBp2WwemINmGpq92QnTK7nehFwOjykkXKCw6YohQE2Q8E/BCt0PtVhF95sBfb2nYlSgoWI6LPV6xchDLS9hoaIPVYyVUFsp4VCovrpirPC0jQ2mFz4r14ZRHf7LWjKLfXfYdSdbdQq3u7Uk1KtxqMcbeOz7o3Al+X5XtxU5ded+x+Kkc9L5V1A4AH8rThRzdn6IHPq6Scek40dO/YtOFHV0fngSj6qhW5z3iFc74kbxW2LnL6HWeVhEX5wSp8TOJK7xzimx3+x8Wey3Gr4LNXPdN4OMHSGKxFGiFceuuJAFaR3dLAgoL1IOiX8f6ypmFA5M59S7OltZiloo1lkxUyGiKSAOJWD6GOJQjEDRkEIgjxHBeHImPJUwPPWmazhkg1PNQBIxGkajbgbjVq0bzamnoXBkdqyKDqOjjx85Mjte6TwLzHK4Mj4LtVVHUOdZKCLi8aPFRTAoofHxo4VFxJFgdi4WoHJkFVQWQYsRjJmX8xPAIQqRI0aBzrYSZ4iWhCnNVm1twb97o5XfaGqZtJXp4JzcggOlTqC8uT6zOAfFwLBZDPAA6reVAaAAU0wChDPGp+HH9s0BfueInlpjBOO1wDCAN9UTiV/P18KaCH4rZ2blwVU1xeVAzNtN3bNC4KBycSsOkWOF223Figs3NQa6kXLVdKzBPFlaam5q2Wf2HX9zeOPuT/gUlnoU1R4FTST7vS996tWXtBLLuyj2rgcevJumXDxje+DZZx6y9dncJ2656bjPztiEGy7ffYs6lT45enrd0Vt2o7ErWH9dOfTG1Oz8gc0zXwfG96OhIeSX/Y6xcedrkpNsDJJO2cmPjtqe8wvVPqffqTH1hq3zat/gAvaP8Viu0K+DXFlNbDZjGvcTjxMvEJ9C3yJao1jK7AIkeB8u3AnW01N47v0U8Risgw1LHhzPWHreDFW2eOxOy1SN41R7sZ8/DgT5ye5InLQj4EsS0+yjD45qYCWcrhqPOtv6ucoStRE3GJQI6/Vp0wUw58I36nOSMQU0uwAm2YJk3ATFs762ftbKGH0Eio9IRgigxRMBYjcMf0IyDkJHA4Y3JOMZ6PBaz/FKxsehVjOHGb9lGQYjF386aBoGQgk78xgsdJLR96Bo2KLvvT3y+n+nTS9AUlpMJONqsQXXD3gBjHgC+/UEWzyR/KXlPwXEZUyvAzK7aQGbiezE5MYNVgppa/y2i9gYvKJ8nk9lRncdv/M+3PGI3IrdcwmbEU+EsLdALvTi5oPyuM1f6tf27nvquRc/iQn1GTAs9Ffgix+9E7h1397b7rmEBz4IA2uN6bmphYNrX/k4btmovEGwTG9hw4u4Rsl66brJ6a0OVBuqV6tWsOf3l7zMAs4QSc4NJB5FA5XGdXcjp4FGF5HpdCiBHMyUTVsVJ4iZeEEDIIKZopHEeYwlM2tRJL3XbdeM13I3N6r4GZl07f1vRN2IL1i6ONhr4Y8DY6NF5vI3memf4RiiyiT6+icn+5vLyC+JFBmOkszKjzUowNB+d8a3Ym+92PlF3hW7NXH+RnJ6zxkmHhBcfKLJLAyle/tXHx7dd6K6eubiX6ymIoH6wv7q5r2rnnts59u9qyrVlaVUj/9kc+hoLO+/smrlg2iwlEn09SXSZeJaJZkq9a2oio310vBMsxdNjm5NzdPIngK5FqZjy/dPrxlCIYo8coal6HwaXlQRHXunymvdXz2hMDYlSaaql3bIcUcwrU2Uhk/3BDZ8beDgTJ9NXLcxM1IY2D9ddXpTK+/iwBhLp/r67u4tl3tHV0z9Vaanb0WljN5LVvpT8MM7X0/dPFasD20ydT95bTX5c/LbRJYACz2KjXOT+WymoM+ZHCObUr77scjJBLCfw0qJzANPcIAJ9ERTd8gtQMGYDE2LFnSj5RqyRL1b48zwPCw6DetbBIurG112eO/atO6O1+5Yc8Mjs5SNTY6m5xBpI89Xn7fLvF/OBD2FLY/ExvYvnD+/sG8s0zq5U7RJkl/ibWQ8JPsZyYXjTPS1DRRBlUGXHSP+vavNRi0Pw3b8g1jsZjjCtVv7sJyYdRJuYN5ZyXCz7dasGzsBZucFGIt7m7U4i5MmmLbelJB+g4kkesDc6JGMNPziYW+7NZzG9ww3BLBjJWPBXjR2w4DdkjEN0sBv5kcs2v3TMFUHVCIE33WgvGQ3S8Zx/Ig0TFJ/U98tv8HWmqPz249ghjqgvK64Z9eu34krdtmQV2Jl2hyFsbmmXpON/kmY3lnF8IO20d2y0bMAzL0dm8YHcLo4zDRmvQjp1kSOG0aeDyYGY7WK/XWaGWAxuRDwhsktJkqv1xpJ1q1Z+VoJ4MmapWCs0FjN1Fn0a5vXnuzZNl+lbbzGB9koWT9DFpLnVmTlTVTveXS55HxczUwWHQ2PuCpwadNIeXuoQDJfRiTPOPrGfd6xks1OZ1aURtfm7tdR7ciWvy73aIVVfU4v1ixBLkSuTF2dHdntdcn1C7RITT1eeDQ3P9cXcQvuuaFhsLdPq7NKX4x32UuOpBst31Tu3TlHeRwgKJP5Ic+rVszxFmontZPoBW0PVG3ua6jDwi5m7HX++rWEr0gfK+t97xoNqW2MY/neJyste8aFPSxGxg4V0hPDArReAuGbT2Lgq7JW8ryZU28qaSzwGjj1olGrY/8BstLysY5n03heobGb7ZZNIKQFmts2RvaWSbLUWw73bypGE5Vppw3Rw/2Zw7W+M6HIhfzQzdk0epqqBzfnyEqokM+S6JiirJjbt+UKKmgetH68b1adKyeTDkfflmDfQLE4OTz4OZdr+Xi8RLlcU2Mpjwdd98H8jZlrVSQaxCmiFcackTQxjoV3Biy8Uy6EAdkslc2Qq64Cgh40uT9uZiEDPMbaK4uJ20pLxilXWZy0U2nqftngPXjKygVo8DT1AVmXusmYwwjH/bBxGUFRigJxHU9kUkB2cZz2BhXSSoczs+HevvT95U9EEU8yFE2Tgiye5kWeItGblzofvfQ2olJ+dNCfTPo7z/tTKf/ncPFz/vvRzZfe5vdPkC5GtGs+edrlpFi7LF4jLr311suVZLKSRDOVVKqStHL+zNwzP1El1oKseJFoaRiCJIS2JSNKAgC+KQ0EgL6nasxxbf1wZWlwzGzYVjUGoWG+cl0oBLQ29vbhRMnlUFwuGet+mdaP3Y0OrW3y+7rlsvJ5LVFiB4dWzmGVm9sBGnl+0/7Dpl93bEpWxkVHIFcbIoZnVq7btHnf/i5o/NVEym6+ZIlsWDTYTam0fBcYFQJQrJk3cGYDJlXs/jVvs9Tkf9STzWTSs49++ztPzqTSqdTMqp279+/bte3xVdtj0WXLZldu3LB61ejZaGTo/KufOTsci91RyI/vzE/aJZc4KSuxHmXUnUgWJudRfNPYruyE3SU7J2U5XlTGPIlkbiqXR+P7d22fffzxmR3bjhzdum16Jf7Cx1uH1s2tHloWjkajw6c/u3nl3OCF88Or59bPFAorkz5O2Jr1+wrRlNs9PzuzaWXSywtb815oSWvufJ7g3l9LO6xmAui7SowQ08RHiJbNzOLkuzmbFcDtU4M2jNunuPZSyG0WQxjCz1ieJM00EictS4+DJVuJg+UOWBMXLdgoORBJZnv6aoPDo+ZqTYHwXuIIMW9GygflluwYMHNH3JYvtyK/zqJYqbbMXML/wwOFNSKOeWc1Fm/igYqI1F8WvAMY/+BPvPkmy3KeLiT6gC+qeqzvDw+4xNe+kVWR01P81FNzO9bdfOfNj6ya1YZ2fuHE1tVXpm55qvqkS121ZXSE3758b1VZd9A2u6zx5q+4pZ4/t/tVTzLUQLTjANl7//bcI1d/vjX0mZe13yA/tONKc+vezjdi/Rx15YZ9f/7k89WXdzHX5ckUzPlp4hLxCPFSN6t4k73dWoELQ6Bhg1iqPGgZjA+a6QgPHgXVqmI1bF7O4Ms5LJDPHD3Hd69I/0hZr7xrrNXMnTL3wwqkQc/eb+rZ+wmhaDwKTWsrIJP9u/dhmHG//EZwsLxsy44P4WVIYxBCGA8OAV+lt+++/wPsY2XbZutdXqpixuny1Pt8ZeYiYJVnjqh4RNChHjZZIEXGDRqzYmFKzGX1GvAOdoAmTPCK4StI/nqjVjUz8fBuGo5FA/AttWwCs6RLkJXwbpcHOVxJe0GwDWczXMBTT+2LFex4f4wUFEPBUjZ7YrVa9rr8ThdNkRRFkyzpYkXWzrAkz4Vd/mYsndkarTMKbw9QlC9y14zPKacZmv08ouzItivhZ8ia29+bGkFkRHShazlF5ASPy+0d9qtuGzxNKiHG4XAONJ7bNtQTfG2+UI+JVHVDb91DIorjRVZQGURSDGdnRcVGBytzdUawawdIcrLu8yNeitrDyS/k4h8mlxCrhTwbbHaq8xcUkjeTmhvrXcJGh1AHONNFTBAtCpkW9hJnkgLOQsYt3SrSJdPbz1guBEbC22uWnBaslE3XyjJk7UZLdXelPf6Hjz/+h+gp8+N5fOn+I7pxOvKymR87SmwivviB7FicDmusAyynVJaGrXTYYbG9NGGmwy5NdHNhN+NcWGOjp72Y3YjzXwlPWyfKOCEWb9ZigfRwKmzQTFEzPDCs17MSwJ2VCWtm1LAbgTRthXWYNIPyEs2nhldgwlyJ88l0j7yk+CJR1RQgw1hNxn89w3UCZ7j+/8xtNUkNWzyVqhXABbI029zafya/lSS3TKzAKa4kOZgIkjZcaCaC/7kc13KfmeNaKzQlZd0psppvStYabaRupIZhjdYQtxKftCKChgpyOochGo77GWHQw4NYPpiXk/hyK75sMw2Sc6bW9YOI8Jv2uz5ZMUpgk/dV9JIZ7TOl93mcfOjHuzWpeDKbGzSXoSS3RpefxbPsBIh35IyV8NQSNm02wV5YlZU3OEKIlg6bUDwpG/EzGO7VLR8NTCjIYksFW3xft/SsKa+B4b2jZHfasSVbRl3R4mZdUISlozk0MIZwUAr/hz4OhIgZSU9mR6kxZMau6rXfe+nFQ4eCuV5PKj06Ort6ZCyZXr/+xmqZ9jZXvHzDHuQbXHWoR2BJxsULnqLNnvV5GRox+L9QHByuSIiiVcUx4HanRpzOPE8j1u4oulyJ+MmhhbyfJJWRsSFF8X/lib84deKja1f4herY3MREMpVKjy9fc3bzRjVbdt96vHMzXb799vF81q02tvj9Kw5LshYK+zSVpjxO59BArXLw8snRPE/emvP5RT/L8gM+b3NlzJ/w98YHbHatHpvoz9ltuYlMkGF6kqA70LXOtfXob6kS4SFmursmCbGtaxXT5DQE0dqS4C3r9LuG7Gu3ZHMDluwGG8teadHmZmPaI5ghXZ8pIjiMfWQMfupxN6yMWwb+cMfJw6FIJHQYtQ+HI8sOdbxPsm73AvnsPMxVKET7fPNXDy8U2BBhYohZ+o9MuTFGbCFuJO4iPkf8KUHUax/cpeIZA1FkFTGYBf7DuwRKqPHrAMzMfdC8mfqvATdMNY3/ELG5NSvtYhSnXpt19Mv7ccI6PMD9Qbqrd/nbvB+3/n99n0Wl1x2LuOXNs+cG873BgIMWBdveJ2MuiRM4++jW+Ye/e+FD7WfvsJ3ZeTYcfebwTmQ7s+tsOHLoEz2ZV5xKdLa3FAzOxWVXdG1PTyI+G2J9TtHhCLlsFJScDmdQtH+EsjECY7exguBmKLQc8TY1kaj2bzyvcBIr2+0cr/IMaaedC8PJpM/PMKJDSiFWkFVlsi8sUDzjEgSOlXiapN2emM3G0Hab+Ngrb99S8gYDpWhe5Cg6V/BEojmbSFPqwvjwxcMTa56pHFrWT7nmV28XhINQss0vqw8KM+FIMjke0zhtNJaIxWfiqt270W9jacEnSRzvg4cLXknmZgWaJGlFoSlOYFmKvIFhnA6J4VzBe7ck49UyUgSGhLe38RxKpLz+0d2qjUG8/QGGsdlFmq7HC7Lk80kcQ1qvLzpCngCJOMGKrayiR6kKoRArfrkbFAdVdNb6XKJkvPtziermuqqm1aVYVhdZseIulAwKg29au0+rA4040pQoimfIbFJG6EebX0ORzptf3ru381vld8rfeIP6Sefhi/+zk3R0fn7H7RPIPtm5ycw3vbae5oD/nIRMFIg9REvE76NUrT3+DvMFluJ+kQIVGXdaaSsisKLUXuRFJJobYbHph1NVZJyJQoHg9EOhVQiFsTyNy0uSK5XNW8lstff5ByARJVflYSRjW7hacUOlZkYjk4160iMx04MN0FXJJmo0fnDxB7zYLN70g4fO3LMSoR+Q5IcPLo/F632x+FWBfP7qQXQ2qSbKH+s8h+568pkbSXJPrIMn1oyZvsOMkD6iHyy7bcRZ4m7iDeJ7xL8SVwkCA0HTEh2lTdQNpUQZgYEOEFvjstghhUset8Ul6Zq15we/PY6gWm4Sy92ewZumq5ZGAFvL4zU51o3vs8bhJqyewazFg0SykcFbsrs+Fvhm04EAT4ZH1sy0WEtogFyBQr2G2bUOwgXGkl4OLAaqUat7AE9i34xIWrwN3A5zSVszzFoyBxuGOBZsfinp8ylyiScdvCjbQwrL+Ioy3vaeYHIel53hQ5wSjFAMing4SkYHpFzQlmIE1lGzM5omJASZLeRKPUM8ZSM5kvEcWxsLIY7RBD7JJDwBl0J58umJQdomCCwlCgdIP+tjKJeNKaosTQI6pmne7aOEMQ4hko8A37K13yftio9FguoTAHCyWhjxnIdyqW555hucjGhW9ZciiYK8a4JU+LCLE1wrsnWXN+5EWnKa9+4WueFAOSEyaODPSgjZ0aHDgTv9JN2XZ5UE73ChQVtwpG5DuXwoSCO8/SJmE6Vlc4imRF7x+HdcHIbGSjbAwQ9y2D1RL2t359YCaHIG+ESQDQBCDp8JF8MU4wnktZFkQBMdTjlAcTTp8EmJggORyMYw7lSPTFKSlkG8kwoON7lYNR7iKUR6KSfliogpxhHhEixNscni6p6kL52ZuMEVk2Z7SNL9VMU2l48E3FNV0If/fu0b9BfIe4lnia1E626sDy88XK1am97o+U1VXDZhz3NlPfGuMSa1jabU1j9caSWaWBcmsFX0PDDjWAJ4sLfvYRPJ9N6N80wnL5v5vZRl8VQstYOJKEJhVwzb1UElMguUPkSarWC84MQ9072Ft8g0gPLevxsfMWFSLVCgSHk1846us9BUL0mwhCjcazkosGEExrNLtNOMTfTY2JgUsGkOVhREKjNI2ji7ze5gQxRywQLw4swIm1ESms/FYNoAC4gOCC6JVVG5TIqCi5c8NKMFYi4hHYpqNJWUk4MC6bM7EOvkNHImn6sGgm6PJgdUdmKWDighp9dF8c6JUGbtXat6ju6iJN7OkAs8TQM9IpxhqilxZn4DJQkiD1/J3KRKq0J2p50JKYhhHbzi4zgtVrB5vYrWIyNW4gJo9BCTVNwUR5IkIm08y4WHwuUpBxmTwsBmEq+Qy2s1b5yH12fsG+m4IpF0ZUr00fz4TPO+L7JxJRzs7svdBDZ0lthIrCZaEbzyfVTXUpnC+YKbyjr5rrEeFjw3X6no6yVjEJbZC/XN8LmeBNmbxZ4HPYLdEX1QNY8LyWQxCjCXbsBb8WJHsIQRScJakZKZ2xGhhhFeWCxmcAJP0oQtJAajHF58mB2aVUghkV+RyQ3kATse//SBysuNe3cwbLancmpvkLIpf0bzFN9T7ZOkgdU9XhazM8O7IqnhjE2IBBLZIM2wPKJQVHXHcxNNzrt8eBqAoh2hrY9+cqHTfrySohzislvWCrF9lUY/N7Er50bFbTdt3DBaTi+k0+nKspQfidrYuNdXujuf70kFsIy3mTHFAMzdLHEI0Np54iJxD3E/8QDxOPE8mrN2ULSqeEI3sO3WMaxnH64unTM3LOnPVaytz3ud7dYdeF/UTc8Ai53GZupTVeMU29Yfq+BNE7vLSH+hrC9/d2mV5btfJeFEYOMmta3fZG4r+m3iBAEvhNwE9J6QjIfwMTOqeczMM7j30V/2Pmrtt8gE2npGMhS8iQlMlBfh88gqWTHqB0Fv3iQbx07B51lF39s0HjohK+MOfkN194Xbbr/z0uUrD1inzSzu7H/4cVx8RjEeeQyGPyrr5aa+oBj5nJnra4hF+FSU1yXN7Yn3mqbmqQ3wMIEUtdAqaeES9orop+Vxp+/wCc9tF2+/8+4rH37wUeucG+OWJ+Huc7Jx9gnT7jGTjCw1GDGPBAH91aj3WRpHpEANacD9OGHIVH34P5CReTgN3laYzMCIhFczHb/dGEMW7/DgcCSPUt6P2OEtT9gTnPA2uDGEH8ZhYcU16t6BruU/oF0/7sb2omMk3/foqoXns2ov71IjDoSCiYSqlpUgQ63x04UwvXwykd+689ZbUioodjtVXwYKDEVKfRL911xwtHjnwMRLuRU7HfagWmnOjQ/vqMZtr0fdnmjU4/Y7GI5jHLtJRNeqnlDYE/R6gv0NFIj2RKM9fp5meCfz7QcT275V7K+vnUl9cRkbtvc66WotrEUVmWYRcjo/u95PqopQldMjvJ0OqYq6rnzgRYQUBe1winsL4eRgz+ybf/2M5pJGygsXX7qI5vDTI9MOzsbPkhRbq3EuhulfTpGa2bHaBi/ltPZOU9fWUfupMmC4IPaxmPvVJaBnMwvZj0GbtaVbxHuiJMODt5hI1pZuj4i3QFFYR/ilLp70ygMWzpE4Np7A0MgydrFMoC7oD31p+jdfebLznY/cpA6R5DNbtn38iYnEx6kvuvvqd/xb5xf336nTmxdeffZ5gbjuG8T+WB7QboRY6J4tJfqrVYxuccDB3KOo0u0lm8DjuLyNhheOmk5YQa1UsDeIt7xBLnz2gN/8DQG8Hd3fNmKmyaddDwFT9QqtuJMgxXCJwEUyk1p7ai38W0R9xjsffuDLv49OI8dL79z9p50/OQQdjcE16I+/ZHT+cPErH34AbXznpc6/dh75/U+gnu/dfX1f+p/B+weJTcSrRMttHhtixRABSoDCdctCscWZm9SthBFuGW7mKGgum5p6c1n3vWss95uxAELCPiS8US3kb7dCPvOwrBmwX5dbcUQbtKZt5q63HmhNS+ZpC1haLCesPO+0/AYFMIZrzGMetSm6AwdZYvggIF+gPrj8lynf2KFJAD92M/nhP7ZhM6rp5cfJjSUae5IqEQpzm5nliF2ceOc7jqCXcFD25ZvXTqZ6voo0e+jlm1eM9Oa/0vkHIf39yMznKrvmK8Nbj2wdns3kaj4l6gvmXZFLs6WF9f3rT59ZX2qEM3Wf2xXxhPJk8uaXC1znH77SXxsevfnlGI+0r5bLyzt/nu856iltGBhanwrLyWA8hoM3mYFgo6LkZisTG+K+YjqcE93xdNyduJ6Xtoz+FpUi+gDRm35m6ziXCMZHnkQG46OIOev9ZaOCzaQITk+j/WZ6mrmhzDw2Cz5GkAdvRwC0TntNjxr227Ac/o9lWTIRiegPzF/yacFkbOuZ+mhtJLkbuZ7jnjx2cvWW2dD87EzfmuELn/77+7+zkTqB9s/RgvzgDiqCEjcuXzF89kE+7j/65HqlZ0e/EF09GD/0+289upmwX/vna1PUemod4SWiRJkYI9YAzjtM3AR2yTPES2S/FXnS5aoRsLcXK/Vtu3D2uxmNuldot2q4c0e19QhuGL6xWjUes7VbVzBRPmYlv5zG6u1CtbUCc9UC0zY9aK0SvsSwUktVl559QcPHst1QNZ5l20tM1KwdqhqM0Nb5Cma0p+i2vr+ytH612XVX1VjPAE++XNa974L5uRQwU2uXfCoRAcYMSEYQJ8ar7cV4X5AvGjFQerGyEVdxpryex2cIFKBcKBt5s8mMqq5V2ovNteMwfERu6yNlowkftYrelPQ0viMFQ1NlI62anv8BuGMb3DG/bQDuWKm09W2ScTM03gKNJ2+5GRqPwP1Hysb2gzApJ6F8i7nBVz9fMS7CmHsu3g5j9rja+p6ycQ98XJRw7EB/tmJcgcEvVvQrkvEENFyuLDlVIgwW7Svw+Dg+y6jUNPqCsrKksuFIEsfp8gUzu8FI4+S2ynCzaQyshZaFpr5NXlyxer15dNwtN8vK4v5dN96FuXSPrN/a1O9RDAXvLb7yKNx371NY6D72CABzwtnEoaIXnoVmdBQU7lPy647G4OjYQXwvo7R8/hAesDoK38I29fXyYiF/8Q6T0TPWVpuYqY+tyH4Mu4HUKtjT1XpSrXqrjSrHhlGyDnBPBcXacFflJLZNR1BSrX/weJvuTmO8z1WtgnlpbTvm4Ck4rRgGJRNqvYoPAWvU4Rl1fDyOZg5Lah7s/hpB1e5mQG+9Bje4WHpF/SB6/GB9Bc0wuNw5hcsjI8Mjry9flqFTy0reYZKzU1OpWLhWc9vE2rqeRDyfSyXzAx6vqDgn61qkXPW763W73aOKjproVGq1cCx1OpNZO4BIyiZ4D6YzqeJAqf/EifokxTDUZH37o9uvF1G58zaabpCpp59+cpZ88WOiN2K7mupLRpH/Xbf6PTT/eCKdiz+WyhdDXv8zgsMuXCXc/tHnZ4IXO2/q9tCTPjL3j99V3X/S+dtoslPO9G9xk16bzOXqKzM9pVQoEo1G3s+ZpW8DXbEckGirjplSsyJe/PunSplyKo1z00ZxrCteT/PdK9InyjjcSBhxDcezhpZbmzGxH9j0+TEfwEyWm/CDzj2R5tgEdv9hSA9U0Di1YVySHQ5VCsT9isPFxbIe3+ZqgBQKdmeyz3PT5m0Ox+G0wipHLj5yLFOYnSi5lJfApnEHS0EytfxwHecLs7b+kY0rtwTvOHbj3r6i01Zz0oFL65Yhfj5TCccO//HHn9ji9xUGIhlS0EhYYa+7e4YO/R2YBxWsmWFiHTHSzSC2DYJ09uMZMC8j5sUU1uvLZuqsMUJgZMoIWiSVL1fnTAp3q9g5jn8nZW4lw0cZBtGvtyEVH21hWqUNyty/kc0E0a+3HUseiicqA4eKR1Nb/IFEVKqf3nsseTger9a7bcmwVD+DHjua3uL34/4z4aPd/rn3205HoC0Rr1UPzaIzmodENi3feSSUBDOV8qFvQJsXmW0PW23eq3+HznSL7s7DmgeMRZgydPr9tkfgDtKuEuS1b11bRd1GVQiGsBPpbq4KR3YvSHeUcVSDMDg7yAuKaJobrdUsEDSqIjVZ+fPPXvrzS19E23/S+dQPfnIeRX70o6+Re6++3Dlv7ZWkmD1UklhFrCXmidPdTAeZa+v+yuI6WQMpud7RbpWx+khBa6PSWonLLFhCQ93yKNilq/H7rDYXb2NZX/euMe9pL66ZXwf3r8Uyu2ysUdvGJvyeqfUgCSPNNWstZIJzPsgqMmUOB1ScCKM4PveIBOmRwdtLGuaWkhGED4eLc6wnSlU5quqB9R5FWDpBK8ulvVSWa3g5lgbLW70RRe0MRd0UsQEVkuSjAoKa/ep9giCziEZkZ46DFtKrnPn23+SdwgpEA3FTHS9P0p98a+NIiD5Fk2+oYJ2Sts6nHc53eLBThUaTol2/R/HwpJ9yKmfH+35YJ0V7ua+iJGLcJM+IFI3YQ9zVb1LvnKJPXc+bP0TVu/ECDLLArsZhINM3jz3vpvHjrXQThMqIzXbTgUbJqsnRUeB3fA5npRuO1ri+ZMbckYSNK3NLBphZwON460Q3tmCes4e3a3ed/g3Ly5g0g0m4H4XBlk+YvdkazvnKJrIcTgrDR51YcesSnc3g++oWEOxueNFEOpkpcqqTEWwu3pnysDZOCEh2koQppnszKH3XLsRyPEK8gydR0kVyKi9GVckueO32XFRykWRQtLEkYrAKsFN0kGI4SQIbDXjWzblhKZBiRyhqc0QYlmJYliU5RhtLsCLcIAo8GYxFsAOCCsCb1hFLi44gQh6K0jRSAKMBHgyWgQKvGKBcJcSAAKHtDtXhUT1hV95PIX+2NOTPrwgyPMVGe2MZ0SU5eTm+0SX6uHSWkVkW3iQmB/CeN1hyGp8sQ/OCEJR9NpvoYkCKYh7tGeKd0vREmETRKZFhYjn7hBaQRBZ5FVYAzaSqoqhGwkOaEtVApUUG7A7+WH6UlRjG6fLIVCmkOW1rnftKzCDjliieZTSbgxSQFg4FSDefV0lSTNnsbspeQNQtXiQ7VSePujbIj0GeDhDjxFNEq4JBoKtqpiZdz9oq4vLQWIV1wkc3mL68rOfeXcpYR99mzD2LS8us0PoyK5HZbvnuJ3CWWw6ESaEHwMcy+fNsJJ4s91dcGH6EzOQtO45KE8YQPnav3G8evPQG4bFHCj2Z6/ZG4333uIiy5oY72qTCdIwzs3cx7WVVrMMaFCbUtJVDCGCjlB3957sv/fexyiM/+6g2vzyGKIVzcCTbh9TO//sRznXgPjvp+oOvqxdWydLEme9NTqDBk0+fPPHsCZRf/cr40XMfP79w91M/uQ2lnjhdJZmgw6PZfb71oxsQevKAoPbEv9n5zModVOcfHjl2+Ik1J0+umTt5squvJ6gxqkDcSfyMaN2KpewFLAz3cu3W7eaOF4DPbizw+qFFxgU72+4qMJy1MLxwqx9nDkDv8IKZ+jkpFBdTt/r57hXpd5V1/t2l7SZg1uuVFr8dj+MJMO22m4lh+ljFmAM8O1PB6efYo3QSA+mTR0CQZkCQZkwg3Ypn8H3xoFA07sapY9vxFtD+8T14hebkxenJWfNk4oyiT+GQy6I/cvRW09ezsBfAxNzaozgUMyzrs009peiDZkIBaEUKB0pLZD1TNY+CNeMwmpXwaW4IGyhxWLWaDWZGnpWrzV0fAzIDn1eHQ6zQjCUdMr2MHistwTQjYfFxHk3UoWT97p0uJyL99C0vDp75+Dpn1MH5HBo+lNemhXqaa8rrZ1zIKbUzDQrxgk2USUHo5WhG8faEv61IPWPM9tSm8pDicwu0JyRQCB/d6xDIsZUTHSKsOp4LIqenL04evotHdsHuB8lti1K9qjTqVNQQrQmaTRLsLO3yR8J/ZFNdxV5JouBl1wb8m1wBLii74pLLE+z8e7GG38ktqo26imJ2p+OIl4263IJI4TNdSeAhF/lVgiVkIkDECaIh1xoCyqj4NDwvwvttBeRtIHy6n4Dw8XgcSaGNnf9C93I26jFB6LzWu21bb+ezaPO996LNvPCLG3nyEpqnqClyHCmdH3S+IJL3UFTn+6nZ2VTnJJo5frzzFoVuRAnBdvUdwd7dRzFPVQkBMEIQbEm8W2qBOIDP+NtrZmzjix9fNmJxwZWN0ATeDUW3jfAQ3gt1sKxvfdfY7Wnjow2M3VuBoCbX791vEg23F7P5XNM8B8fKNYEFxMn4gLvwXk8OlEkZpRtVLwmqxjzExe3BufvZDFViUdeiKKIMYDMF63SPtWcU6vjUij6sBXEQTbQj4cxTdvG2iTrLoD5GE5bbGKbzHcYtLEe5M5O7f5dkbNWdUmjPFntAURy+yMuMLGuybEOTf29zuWz30bRvnGZtaZuHiTo8QZuHzc0iTvCNgKKh17u+/TGb65tiOzPjFkhJYJg0PPnqP0Eh8zvf/CZ5VKGYlS/7ez77m0hNcDzJu9Bt9my6nC8mO3e5bHCvxJUudL7mZlSGsy3zuUCU20YfitkEwTEf63Ek3ViOXLtGkPQI2gsrsbJ7ijBlpTfxFavKmKnlVrmb+URXMJDDHn3G28Y2N04nErxtE9oBoBshzeMUQdk8RKUfJrcNfBv+DGy7fu4f9ROqH6gvTtQBXb9BmI6BpbxlbZgiK0x1Mx2dVHupOVKjncVFmysQTXmrS03zcKXuyYlLLktBuCQjCq+QALXQb2X1D/cnQAg1JACBZWMYPvotv5sN7661TkzHu2sTUbyvC0xYvV9+nabcoM6w/TvcAIoqVGvmYRQB2fRSNfExNByheP+PzU/uDBEjuFqmURuImRu/SjgMW8t4a6NMJcL87/a+PM6N675v3tyDcw4Ag/u+FlgAuxgci71v7pK7y/s+xVukSIqkJIoidVMSrcOyRdmyKDu2JUoy7UbGYFeSJcs25UOJLSW244RNmzZx09QWnER2U9u1UxHse2+wJJW0n376X//oHsBcGAAz7/3u3/eLmzvkdtzXqHkEfOtvWre0/oYHr78J2DcB/9qHr/HgJcHicca9nd6402MRNp7eWBhYNzCwDmSe+OVjj/3yCdpC/whEW3/9I9rCnH377bOUjbp/YeF+ynYpUoq6LRwAnMUdLUXuuHgR7NwwPLxhGEOLXL0K59oyqH9VOMP2EY8Tf0k07kIzC4Npov5CFIDBfYn6blOzUcQdY7iLfeHMYakIVfIZjL7WOHMYSnHizFkhu7BmE9qhr7E05zO7i1Bh4EdQfwIHC9e7m/X1or4L6odQUR9yNxtDu5ACGJoQEHIN1gG3y0394/B5vRte/3QOXv9dUkOi12BYRLlRW7YCLd0nvSqY77r70ceMyP8ZXL4OUDRh0xoJa4vdUsM9NoSdTTQtI0UsxF2c0YoTRxYlKBkoHwYECDI5uUWjFXumfmhdOtqpQFTQnqdSRnGxUY6mIbUxYJRAGsYpsmGx/W9UwFyrRuHgS0qAMf8zSH73W4xC2yWb7F/353s+2/rFYRYUxvsqy30DNmeOj3RxtHhcAtJDGz3Hhk2SiadJu01k+dWcRbI5BQfdU4kWZ3f9m1SEMpMZaImC3uAGcIGkPWoybhJyAp2MQh+AZKkEbcpLqsfJ0qCT5z45TfIk6zZZJa3n0C6GoUB4YqdHNVGMNOwKUvGwg7LR0OzfuI7pM6ly1JrlS+TXvFnFKXA8O8UKnMVlCjADdtP2g6kCac4qOX/Yw3ta+2laYk0AkLSZtXCx7QEaUPz6qJmx4MJOQDBXW4TMBMkDcC70EmuIbcQB4ocEluH6wGImcCvbDuv3UM36/mJjP0pZ7aSbC2OCB1UxjsHZ7tyAF51scyEewotxlD88iEPqEXsTFe2jsrh1Cu5zQ4hfezzN+h4DTk+Bbtst8NkaQQ1lnlClb9gA/IJmoL5nO7I7NmwV8Wgag9NZ97vgKBOkOlfT4yg+FajVd0r1ZK2+Xx42E4BVIinr2nWbNl+v/3CpuK9TMwxGaGi0XZcEroBGwdlU+ZojA42JMuYhANeQpriP1DPlAYEHGd7juA5HRc5WC9Mm8NtwnBSow2D/9NL9+5d+mZnRuqZMLVM4Xs3U0oKlw29hWYsfOgS27kBvuka+Ax97ax02Lh20cqwlaLfb7HwEsJPdxcnJYneumk719KTSVXDv4bm+3A8U8Pnpffuf3n9am+jPfV95CJ5BBNaAzWa3B6FAYYCjVGs9Wqp1oB3G2ULwHSkreHDn5OTOyTvSPT3ojIRRC3cV6vQQEYAaHSPgtvuusNcfLCD5jFQDvIZqyYhYu9R2wizljGRJ6LiR5/YB8OLt+z4rS7e/+OLtPH3lLwSB2fWx/7H/aTjcyDteOrP7pX94CVlcTxmy7ddXt1C/pvJQd0mEE75vwcAIrruMCqA6YzyjFBJKGBllRwuCXXG68R2lqqmEWmU4lUnZQVmtqhJgcoBSqmrVabl8GVTf/RHIv/NO60/efXfntndB669AEqRb/54C5A92g+ALz7/7yitvv/jlNz772dFa9TnQ+hy5743vXvzwv4Bd4Ln+IfipiKs/YI6TUWjhZIguOCu2EIeJE8R54hXiLeJt0mSgB+orX4W2DWIfWb5owK9BC918c16VfHy2ntV0l9CsdxYbX0XfqqHh54Wzn1v+VWu2XtX0s1xzwRJGa7qFbdbXFlH1P29tLrBJfMiLGg6BsGJ9PHxZqn9S0w/Adxk/gKTy+DA0y09/VQxfKtS/oenPwDn6zGm045k7EeTet42ucw/uLIdnjcDZZUYYusW6GbeJzWe7K4MICnMDjjzXNxip/TK00/St3mZ9uDi/aWsP1MVrHfCTFfRN8GkrhqTSp+DuI0XUhX7EnNWfg2e9E0XPz7ua80ufOwK/+O1a/TlRvwAVyUNF/T64/1Kxfp+on3E262cKaOk1eJZXod3xHRTutkD1wCo+rB6gRdjIl3JIiWyVGitXra5hNCl9HLWbPjcFR8HkstvOPol0/fk7oSA4+m/g9gtLJXnYdPqeRx/75Lnnv/rWN5DouE9qPPy1N9A5X4Pqp16HksMFB9Fr5crSOx48gxLZ+ufOQrmyddeehwzwwAWid9PC6wYy1bDdNDgyOjm17sjRe598Tv/a2+j48QPwRC/X9NPPwDe+5y2cmy4hFEEVlXribrZyH2nUR+bJqlZCSWYbyZQRDEUMFVvGypoRSEXQNxWjp01FWZ9UzBlDqSEkYdS2PCm3X4/LrzhnUikZcRrkBMVSMTT/UDNcChXGtOPfnAO6U3SyHLVxCkLaoZyxMoKQTHWjUIwp0n9w2Yb+lNL6K9qWCq4dInt8gfFVW+7oUd5pULaOSChlo0BiDkyT8GcazK2EblH5IBmqZb3pGSC4suFhH9hXFq3AK/n8Mskrkqhw5AnoxZNghk9Hx+jcQXo3Q0bGZB7IUvImi0XyeW2mDqsCXWsAaC/n5GwMT46d333oyW88kc0OD2dfDeW6AoqVN33R6YnLAxutrN1T7lsuS0EotqR3NmpxkoxrKYs5F0qpr7/b6Q1M75dD+S5PMfPDL6qpUM5sMc8ODMySVCzSIUqZaGg6IE92ZEsy4CY8Xurf77UVhVIvKGU7JuVAKOAPBc4PCooUEsM0ABTFCVYZ9Lz/fuvZb35z4+bqkCAMVTfj2DpwX52hijimvNLAdzM6swSo+gAho0Ysu6YDulm3QsPaUajLKFOlSx5UP9yQZFw0bIfGE1dsyLhoWEaFUk4sUUEZ3rVKH3DCGxcAmjMmxSTgPv/IjmeftbsvXboEfN/asf+pb0XcO7/V6gY/xHhWKCbzFfh50phJYRxa/gdBvl293ic0G5NIcvvRR+yEJuEwWhi3ws0oblDhKUR/VBEQqlR9JZqwW6Ad6O4ch3YgfgT1Wwr10GU948K4+xlxgTBCCERhPp4JQVFghXsyol5AZZdwsQeBcTPGMZLRxj6lInSKecvUqC2rD0KDcrCgj7qb+iGk3OOI5SiaLPehSVaQXrP5O/nuCmYlgjORUtxeNM2YHkzloY8iWNyhcZSwqvQh8hkCigJemk9OTGE2hi0rURVBHEEXSsMmqzMU7Z5eumn3HiN+NL9334GD6LBJt5HBHke2RFd3u4kUY4PiNBacj9DGhLMpZuBJuoxJCa7XhVDXer2JtjuAakgVTXIGKdWoUxgisU1ZAKUUhsmF0/l0/e67NwAauN1LdnJ+sWuAovPVZQe60n5vvnIyGwhmMsFAWltaKi3VwLLCeFfXuP/hQpUOJRMWK0X7nCrHQRuSoVWaBps3n6r6hjZtGhreBE0SP7130u9ihOPh0P6lhRXueDKeco6DvaOFwmih9QVfIuHzJpPkb8cL8LRX3gV/04qAk62/A0GEv8TzvLDLCiirlQIf7N261fDteqidVJigoI+PanKr7QphXjMwnslrgHJGO7Zc0BWklkkCmmsMa7HaJSNr4gECqXKMVGZUrruqcpiV5jcP/6C1HOg/ePjhn//8u+BX4FctsSWCXz10+z9Tf0f/8+0PwZ8bajYQFks38W/bvXN2c9ujVMzNBbWAGuYWVCsRxoAH9SQagGG8CupFbGpaoY6xYmQV3QvHor+IUsUxuJaGa9liPW2wJHDOpq4ZGAnmC29LCCOBrmfztnrnJT0Q/j1d918i5/2BLMY8BHqgs4194EUcHyabQuHWyRhcEewyjQ3TgooxN0RrDBU86eEkHJ6OIByeijTPAsnyr3rwSNEVrojJMMYqqgwAqepsD8FipQpXGQmt3tBuF/0FmPnFL1oLWjYU6fpjuzXSlRnsBq2/tlujXTd21JGO1sIv0LFXLoWyXREeMIkfMV2RUDYfonlwT7H150xXm/9gmvwQ+vQMIRA9bY4ahIuns9Y2QZCA6mJMi2QHdbqISA4Qgi8FJ7X5Gg9RwklFpAj54ZXvkeDJ1tHXqfc//CH1JtgHvv0RnoV+YjvxbaJRQXEDO67y1tWhogG0ZzyYkYG0wggvI6qi+a0VM59dWLakYobSNqrpywT4gXbgW73a1WysBkisrt4MhexqEceU7fZmY9SOto5OQ2F7EyK6AtCqoPsHjM6m+crQHA5h2uW6Gd63rXZ4oxS4s75EGjYDwhPK5UcnN0j4mGXyaySV7ZyeXY3WVkj1OXgT+ykUZdaKfUDSyrgPow+Uo7j/rhrjJBdyTkmUGw2n8rRqaHNU9QLdiqpxh1HNKup6TzGC4s8GnvozlmFOc8NKYKIWz8Xdtjz1lafPPrIvkPUrAtM+pjX5FF6fGb1nxfF4ZagSn6wF5/oPzx3sGBzqEUxTs/F/DO8Nr0tMZDTX4Q//+4/MN/vS3jtsUXmW+eAb4HuuOZeWmUisu37MYbyhMLZqVhtz2ymHowACc/2rZ7QRt4k3mZV8HOPVLzBd5HvELGCJxgwaHJUeaPdOWLCSw27hsKXZCKCFqKk5H56hoELBj6A+h2/UmAujPaMwTgJOz4RRfVh0NXEsGk7BD/q/fcaAu4WT2nlJ77T8vl649OYvdnznOxieRBXnoYmlZOud4nyus6Bk5/PosQGXr6OV1PO1BjwK4Za8phacrs7cIl4p+BfrxkweQ72zVN807oKWUSetLRCu9KD7XDQSD2HUDA1HBOtNFPsGR6emjeIH0ahUU4Kk0eJWRaggqKjH6Gk2bjCnGigTqB0O6gUK9+IbGAcq8jzB+xdOf0uzH3NGRgo0NdaZB2I2mb778PFd9w6vyY3lB2ir2S1GlU7zLVtnlh0hwe67MrZ7I0+uP3Hx4olVZxNa9QubL3wWTL1/7+3x1u+6tBQZT/b64n67teOm9ZsPHc8O1jqtqgz9SCtro+I7tuweHdm6LQLCs9sufnBx7eQd47MExiTirp6l36AsUO7K0BdzQ2/skFEvVyc0QwZb22xhyC0Di0yMuou9VuJnhrLAohSxZ4FA0W1e6ENwbqPYjzdDsUgyDpfbg8UkIuB4VVacqteHL6cqaWqkigo7Is6yM1IGXAr6clUBUIzEvSFQNeGVr3x4kVrfenn5utbLQGv9yWqwBWz+GdBup+7n+Q9Pc/SZFUsBNTL5zn/58AutyyDT2v4z8HftXIuBt2SCFpPxndiPoImZC7oFo4nxyL7gcOkDcIIqJwCuSoF+kPv6d8AjrfG3gleh3ho71fr7/I9aS8HZSxdBf7vOkEa8PXF4/h6EXYUwDeoJTffBGZFC74MfegDWpXqHBV6ymsFt5G42FMwcowgCAgFDNEcJQ01hcj4FFd7F4PXq8MHPJhQxVrOulbDXkRykh4ATY2SjXCoNnYI8k4IKRFJwU3EIcEwZY+ACbfWePWu83tr2/rzbBkiKs5RGJ3tl5abP7ZgMSwBc+XiUpJKpjMu5GtQOpj9ZLv3h0MEl1ZCDok7RoUx3IWmx2O0uR7SrwyPT1D5TcWhqoiq16tTDOz/cC216m2gXo3O/GciWGIa4AdfADr3nJcR64lkDqVZXqGYjjAkKbc36RLHRhST9eiNEiZfzBsIS1vZ+qrkwPGVF7fHDaJxtwBdNtGOaLgRngFDQhouNKQygOrUEAahOYQDVMLyaeeybIgCEqgvDJKltPqGNKIsFncj60P+SEsnAgihLGA2CdSplOFuHANTEJTiD4fgsIrxOJ8pNczEnAqLUnBTOZ6VKeSoVm6uSf12dm6teiVbnklMa+ZI2NaVd2aRNfb/bHyZB0G4vgq35iZiTIuVALB4QhCejslS4/RBtCbkVAMxyh2934fo55lajE7RPc1cwISvQUTgZS5FkOJjN2O2Doe6gamLAl0IxuAlMwBOkfAO0JeJ1X+Ogm6ZOQv3uI8rEtnaMRdF0kW8aEb6QpW1daWhkVrCw9ouY2QLZ+JzYxNDwBT/Un6qHbneqmkQF93doIbgZEByO4vYDFFgjUAtQkFadRtMfhmQ0EPXp1ACuKKq0S71OvHfya4A5dhNgZHfGHQ8VYz2xrtqdf7L3oW1eL8m5PAnZZDqxZuihtx769a9/dLL1u6+feHeAFFSni53h5MCI9SSw3fYiT5m9ThksF8CmlUdvu+3FF2+7VhOlwzGYJQ4QBumeZGQpvGg64geMOCK0k9aduAPcZtT8GsXKC0kjTZ1r1yvP02xHBmc7Jd0fR19fkKAgg18fmd+Lph38gpLRfHkNz6ZSSpZxsyVuj8KJ6nDyE798dN3M8PiWydyS45vnzsWcADh2PXLeYT1Qoz/xy9Y//PJV4Pr5A57Wn8W6I7vym/auHktYxz7zpmYa22J3abscoeRjP3/ggTa22f+g7yMjUMYhZotRYg2xj7ideBy4jCjuQrpzYGRnXNUaj6C1zNCK3cdQOuYB44Lcja4FfrgFW/ZPGKaeFwWdkH2nO+zNeZ8D2mB1m7agGlkbudhQMZyC6oCzzYFRy/UUPLAzFYQHRrSFtHFgoojAjNFQ6oV7R3oLPGKVWBjwYoDzarHei8Eu9Bm4d9XMGI8QFxeWe4k/RZBIODe9F+5duxGqk13epr5lB9Qxu0R9P9x4RDISEbv2wum8E96OBzwIuUQQqVihd2xm7Y79R+7A5Li3SK8VlyzdtLl8wqDlK1WqBvYdSvwgHr5231osilvdoKmmFZ0uBwetM9RngIAY0BYjZYQ24tdVikb3O8ciBFN8FNpEQpVfZlF2oaTAdRlZAHCtUqomcQ4bFUcHcYo2WS5xLCsIrHXYBFiatJgBSbPAtNLE8WYzz5m2UAwQTPDPJAjbWEA6SMBx6InbTlKAdJOAIln4xG5nST/J4ocVAPiSIeGmT/B+X+9qsKa3dYIVnhB7KKrPaqtR3Jhnp4Vl72fd2ywcZ97udu9iBOFo8CTPc/u8ybU3B0wm8VtF717OZDpDVX/stljCP6h4ttksFvMOb3rTYSjCgoc3pcn7gd12P6DAFlluXaDAPZJ0z4MvTptEjv7kAevmBzZbuOriPCT3w3kYI7a22dUUqwFPrluszTpRvLHCLI57y6wiqgduWKNofFnNULBHrYstZsix46AbxxWQqiSgzdEm/ZTKRooH82hJiwx/1zuVU8my1N/R4fUKT/7jPwqCJ5qZXTpULvWPV6rROPTFzn/cEYuUtZkrn7tKrPO67Y7uz4UsFkkJhRLRJWBbe57NUk9j/KJNxM3EUeIe4uPES8R3wD6iMYW+2YNQqK7GsNLQZZ3AtdNQup5CIvcRbeFOnJlr3HkKfZc7i4IRSVpwGbPwHLoK5xZxBhaOGlsvorDNN9si6ruFehBqQCiRLbZicX6rCGeaHoUXI1rQtxr0lbch+mloX+8uIgbqnXDtXjiP7xXrR1Cw5yC8sAcL+hERbcJ9Qo84mvVHRP1luLgAt55BRw14mvr34IatqJGPd61DIv+ItGDO5GZQJZ1+121we+ctR9H2nZJ+6Fb4fC+GXnpcml/64IUX0ZR7RG5UliBaj/oZqVGdOIeWBuSF3vFnL76FbcA7T0Gbpm8r3PxN6bXevXseevgJzEF9UX7dFsxUd+3+g8+jN2Nd6M1eXsAKRkE1qcXF0lODB+Ta3S0pRmZwCKCqt2sN6BhDGHHl2Sh0ZBTzDeMcY8rATKkaPYaalEJhOG4x3UsZeSA4mKBXp2JNj0I6yKAqc8q/xEEyPkRJKRmAZ8avjYkZzW4krfr9gkDT2WiSosy5hNWqOuBEYulR2iTmoLLr7nXI4UhK4EOxzhgf2lv1+niGJc2dPXsH4lmOi7g8JknucqdFQOajMfODpMVVu7c2Hsxz4tCmoaFNPpI1BaqaqNKvwxM/NdQvmEnQX2Y6EzGWy4Y8QEhF8xzX47CDhVuimsdCsoLkDCsUlfT4XCz4o3jFC88dTydFiaIco908ZbL7/UHJbm7FZNnv6+xyOsmOwVjIBY+W1YoldXPW0Vftht9CTqsOC6BpEtHfACoSjT5qs4YDWQvQwOoOJ2jdt2nTfZtaKs/bJK9wt9Psk30M8+9eACaa/iQAra7uDmDqSiUFoZpPAcBnw1lb64NPB7JJG7CyDEtxIYdfkQWzpTt1LZbw39r1zm+28TsrdLNRGURp7koNTq0JJGCm20yZC0GD4cmoS7C2NxqY/wu51CCyMXNWpLtyPNSWePu8ME3z7UfMmgPtoqQHoXs0kjjgkOQR3F4RFbhB/bWwxCjeX4bAmpJwzCqdCIapvkRqSNk0tpVSOYMtYzoNnztq143PAIJaiOF2NBvJZQGXpbgYGlUBaMNX4dBlUM2lIdHQsIMqKHI9ELluhHxjcuvSRBmYUgF5cDJ6ak8OLP5M2WWSIm0rOr0HWgcoG01Tlt1/en/yQm4kf/5KbmCabDj8TqffSb40etOyiT4b4tzjChRvEqBVb7H3pO6Rrb7l5QJHAdprLXHWdKDy3A5yNXqR4yN4tiiPN0JMEauQtY99xnGqXcUWS2qa7qGaeihTLGKOBeMB344hlCJebUBf2TH0FbQV6gNFfYWz2ShgDscCAjZcIeozyB614+JevYAAsQQEiGWXRyensUjxjKNeRTi7CdHu6yxOTWNx1WtCSMDx2r9Cv3KpFFvFncjwEvsABk+qhEB7g2L0CBqNSi4NufQYGStFKThgjGb+DXG57U/e/h/Sy4Jdyyxm3lL+0p4pt9vCmy0nu5eiDaWX8vEU6WQtdC4CaPDgqyfee3twfMU09fGf3ny6h4q9/hEsrEd+2kNu3ngeTjMHYFpWkP8eRQKHDNj2FvH87eHhYSpuhkZZpBucvPXD92UvCx5qPTvwF3ffucfpHdpLEIt+2C/gPLERYaJEjBH3G/299T7thnBbFT+gpoDOYIzPfp2oXr1KdBJ8ex3Ux7E9SEOtQmPMab0G78wAbvoe6BOyOOY/QOPOTrPV7oskyga9aWcQmsyEmXQisV6V6lakpQ00ElSlCV0DLM+hq4DT8BQGGYuiwuFYHuXDokwFIxVC+xk1DB8STI7VG6ORc+sfeUzdfNPmQMCaObplo33yrf03fz3y2JtvPBbbsmrK5QR8YNUM9Hrz4KWn1z9yWAAmx5qNETBcP+sJheNTj9wZj29OffLKfx7/+IH1LlWI7t37+MD0qlVU8M47HYGo3cYqGQ/4Jjzku/Wz3mAwiV4Bxzl9dQXZpAqEg8jAcb6JOA792kYNRUtR2Mt4mMb2822F+vBlvQzVaazYGC6j6zSswuuEGADLw9BhsIQiqbwZX6PpGrpuUoxNFfMbdx7D5mnVgYujUUF6BbdFIxgWZbG+Gqk/ebHTXbkGC+NcLErAZTPw32jecC1CtrAI2wcDMOG2BA031LbbrlGhJMv47e+5UKBRfc/mo/h1DGvxrtxEUjna42NZp/g0/Zii8LwHkHZB4Pn4TrcMulj7A5yVoiWLp0egaN7+Y55XgWA9xkmAVGy+mpWmGNufmATnzzk265XtzBCnmByCwq2inI44uMjzgiCZQvZk649WRDjS8/6VW19yUuYow/xHG89QbEq2iWaw1WKWxHkekKJ3Y4DnBPiWZXKfxSKK3xSAzT0bMps41sZM0u14D/kTKI92EB2EkYxfSrfZxKPYxrypgOwiQo+ijueZbbjWkETkuxWiikEx0WCLXisEMUDYVIRWYMAWoHp2DhkUGP8QuXlFjIxjIGXfiHeTR4RkWRBlSHIE0CO1vCpLNm+HSEPBTAOmk+RJhmMFmaxudbkOHhcEwJImnuefvWfYkTZDWT2yPLdKVnLJkRzDWZLhHC8M71V3Bbq2TYb4vHUVa6HIWaDNmqF4AJTNyiLiDTvHw+8jUAxtctHATXIMY6vZaBO8bvNPTbvzVrPcHejkOEvMpfoC5UQI8H3WGbvbBkf421cn6Xeo7xKPEs8TXyKgb040LiJ58arW+Dy6kp+BZu15tOEPNZxirA9dcyIRi45BOzd3ja59g4Y7jhY+9cLnE1DDfopvLrz8Cbz4MmKie6NQf+yy/mkoV14o1h9BaRzJ6HD/tKifhzrgQlF/Du48V0SFBBuAIWjehP+ffgzeOdsZqF3PS6/RVvWBT7DYVtzwHJL//vLw3IrEjlvvvufiAp5jn0LtbSfvhIe/IDVOnL4bqeWX5YUD+4/dcSsSTZ+QXt22fefBQzehlQfkhVXK6jMP4wyiVK+2YSuqiGbEBu8WHAWoqAwOC1RPOki52iIL7cO46O2uC/jrwjgGJNwaRD0WVaRVbCQCVbIBvMlgqspj4C3EdAvHS7seLYky9qhHrmo0ycVw65vWnvVVDcH+MWj2GiwZXB5wQ69EfbJsohkW+pOch49RAW+332L1Rh1ad2U0ysi9/RsyXWu0OM/ZfY6gnLdnOdYfLiZyYiqcndugfq+7C0jmTF6WZ/cNB/dpzpUJVgwAhyDa492z2roxaA5abenOVKVjfSmRSM9VsiZTbiAXN/VZtvQtm+l1hLKhQ0p628TqHxRzzN6O7Pi2tLJv927Amim3aVAlGYEJTShkPJIMDqiazWoVzWZWZH1LFLGzx7Nq2Cey0EbOskpKUmLOYNxuT3T7JdZMWzvikhx2a4mM6LQDKrxquda7ZSKH2jzMYnV3Bxdh5P5Qz0rVlQyxshNIYtnlYdyqlSTT7ojbaneaTVoG2GgvdfjkSDoVoJeFslfee34kumT96CNjXd2D2eyS6Js9PT1X4zGzQAM2TVmiNreFa+NSz1IrqTKRJD7XxvILQiOSJNoZUd2xaFI6A3FEs+VEre+pAopSYia/c//0FEZgJ/N1R75Oinow8nsbCpowkd/D1XmKZJQsM0+jp3pQnHcGHUp2PoAeG3DfjWjsDIXZ2BiHMxCk6BuzGURXNwuHnQyHGmI3QTILcd1zzOICtDRx1AGxfNxlsrgr/f+17zPpDsEUCWqtI0Wwo9NkCvmyrc90gfqwpy955d8GY+sHYzlyV2epQyZzXZ3pJpXLpSK/W78hes0O3wrtixliHfGe4QMvmIxmdESqtLDWMLtNKCxLmFBjOsrnLXQZh3ShNnaiqwOVKq1HNkZ9aVFnxea8xkLrQ/ej1G0BMamjOBTi5R2VmvVRUZ+F1vYqERU2zydXzcIjO6Gq7SzoSegYIzGh+VF7Go+LAl4zOZzhruqU0aOwkO8ZHl+CRMWoDdvghL4WWofzttFZ3NPeJemOYaOmx8Ck5hbh9pLXf9tQe4s8dRhios1C2f51uDBuDQoMQfcyyVzrNxnKdQ5HR3ZOFAoeNRFduayQCQVF28pVx2fnRguJ4c7ckCncM7Eumd6wpVsLRezkMr/Zuv6DRhH6VXum9k/Bv1s6h4c78+GlHZnhVDLpVaPBgC8RT6bSe5YsifhL4a7c0FDOqYqD3dlIJJmORNMdnVDZDO4oa1bbqvseAPaB0vR0SZueNu4f+Rl4/9xQV+41UPAMQY5LXOJCs0Fg8rigC0GQ21DaNVOouy7rThdq29MBFM9Oo65McDUR+5HuBBiKqx6RGjRrw35PHNqBDUF2GG2lqC24zeJJ4rRYjJNiUklxqDdQtkI7ZTdvYpa//MCLlc1HBiaOBkkzdfQoqxxesueuu3ZM3SoLVOIk9dD3ntt6bkO+plFc62Hy9xtafx9yT6579r4Tn948FXEQ7bk7QH6OChN9BKFgZi6XCsU0176Z3OI9M4qC46kKqgquthkGb7jrpPljQ6vmvr2GJFlRyMaDoeBkgA8GS92Oo96NS29uNXcjilHSJAfLzhctlA+6RwG+015TK+Anz+wpqKq7kI6fiAIrglBlOztdTtFmmfzUCmblqVCnudKRzKSyXoq30/EZV8Js4y0MNE2jOD/3/wpfOE1Yr74JP/0dGOMYZbtGiUYKzfOQYQOgQuEFN+bFalMD25oYikKv0tB5QBre1AaWqxVQhoswYOKLLqNHEJQHAaosdcbQmjIAoLcG7wyJ3DVlgMQ7AyQqwrG+8rtXwCu/fQUEydOvnEIQSqdeOf1j+m9B/3+iqb9tffdvf0qee+8cee5H50CvlqxUklqyXAYen+KDfw6fr5XsY3pmZ3voHro6NwueAEkKkSPDyxfIIJoWXGf1FL2DbBAhIg69oS7oP/VD49LgBOrT9DSNW1QxhE9YaNbjBku0kRcNCKjqxGCucUc6LXDyuIXmApSgcLHerek5eADqhRko1JOX9YwHl1QhrIFeT3OR0O/ty7/6I6w1/Hlb3XdJ5xy/Z+qRS28OuP6haSTKY2LddEl3CL+vK5eYOgdNZC4C9UYYPSI6j3jMhKj+XuVMisMXa+fBh80cj9b94Ugsnr/+g/j/MqheJddVQ5jp8/lCdxEJxV65ES1pBs2fZDBnhUCkDQcJRWQbRT0FXbYko0aGwGJgQoE3EkEAkO11r+PvRQ/tJp/nTBGBtsvkHbTbfuXHcNstf6T4wG2DoElOXXmjOlOpzJheeuo/gefde/EKecbhVcSdzjAJX8DwrRN22WEHr3k//zvhl1d+i46ogH/asmVL6wt4GfNZE8zVl6gvku8QdijdgtCeNTrBOa5p4L742eaC6EFE8roIF0kGLdZNmk5yBvJnCHu9nNKEFxaXC3kUDPSKKhhUuKgaeW67grFgdImDl46kagh/vk7X6l657qjVVUm3mGuY59QKJaGIDmIFfBDUaAilm4RbAsEaToKjYCPnjJRTsbKmSmCArEakAEhEpJgzxty2tmcF5VvRs/b4ldwz4LZWNzj34TObwOz9wxt/85uNw/e35sHQ8uGvP9N6ZXj5ANj/DBzDV397NU9+m8oQReJjxBeJV4lvQi1NYFiuRS12TZ8paqUqL0IkcjeAqWFa1Rvw3ReVoeFMqqg5T8WwgwZ4KGqvwMKVzYJr58CO1L96Pfu/Oy3CiVFx1KWoXtuGwMgxuLVauaFtw+RXNTGWCEtql9Pt9mSm9kgsu3tFWnW7nbmax3fglpdGB/q6NI93xGb1dvTUpu7fsJ5lbL7lyze6WC5fPO4XOZ6SknEp7VZNZrrTIZGUYAaqGip0dVHA7hEyUYFnLXzAL9k5Jb5JtIVCHmgZcpzs9Lgk0W622XNuV6dJBmaGdk34RatVYLmXBJPDwcDfHWM5t4ejzTZJca8bioVsaSWSiAkfW7Iy2uXzt/5dt10GcZ8v6187fa8tnd3UOHoUfvYurdLriYZjZb//ph3n8h6XRZVklpI6JKeZVyVoOwfSKWgjR0ysnUqGi4Dhgk5nLt/JQ/M+ZOljWZp32pNxm63zD6xhX0fa5eB43pLXOmI2u90OLkSnl5yADuMfr3A7eeHKr1Wfakfdxz+0nF620i4KnC8w1cZR6qHeh/rTjpFj9i5m8ul21lilmwshH8rSt7UAqIcNflkP5pf1QGMtYPT+BkRU9qoLUMQhiyHgwYRUqoydNF8IrkkOp2gUEf6LtLyMTChoQS2Kkr4OKtzR19fx4U87+v64/rt6/Xczd1y4444Lu69v7iPLaHu99QDaccdi3y15MxUihogAAW1c3IWWMwhljCd9xChnM0Itxtg30kqDYAh1HKrYuw/SKmoOwz3wOARgJ+FzshbwHOOdEU04ZOdi1kCCZ2KWwkSv38H4BihgsSbFMsPmHXHRbrVEQjFZTYopamM8LK/dkZ2JK6ZuJpToN585Xo3bZCdN2hln0GM3S2Zbemmglqg6+llOc5fStWAyGE45nILFzsogJYuMc9Nirn+I3k1FiRFiA7xf9anCNV6wru6kbECoBTFKGnQTKig0BG0HijV80UGgumxUKs9g6DT4zWUW+ZaDjHEl0JcVlJHurVuClUJHIhhUPZKFs4kMf5OyuUKbSGDiFPILnLYmbBJZ+YBNNJXGVkYCxXBcifE06T72+BdG1q72dmr+noIWK7gzVpmhkt7p+3uKnh+DgYMrxkQGCDavJxnKR9y2cMrcBdyM00laSLnD3c22pqO3LrUzYcYOlMDYSLebYz3eQrDfRpK9N5VthUGy+Jd/mnQqtKpo/mFXSGC+OPiHMu+PLerzfrpC+Qk/1OclYpJYTmxCeId2pM9HNFDfXKiXLy/0GR2I3X1lHtq9XuLLcExsgYO1uwzNWqlWt0kNsTiFe5rl1/I9mYlZDLpDIDI5FBNAPJdwfJDOVB6Ni2RKhld3EORBYhAYgAc2koM2JuZLawNYIsMNHQaHVx6QiP7TgF7e2vvMc/2dCc6hhLvKZpOaSnRlCkrh6MlMVV776GF5zaNgr/NAf2/N4d4U6nZYXXno+t21eeM9h5NdVpa2dHUcQdnmitnsqsiJQn5LMpnPb1GA8N82VNPZofxdh7o69k8PA8HkDLq9ZlpQSGgf5B49gs/+RF/NId8yOBU250KebSMrWuu23HNq++G1gTWljnRlbWg1uR3KdJfPX3Fd+efNDiW1BT4k822Z0U/9nIoTvcQwsQRlaErX2JZRs2LDjovH+GYjhCyk/FgJkSbmmebCSAovjqB6nykMgu+VMalJCNpErqIe9kKHo9gIh5DnGFaEbD1s1Jx3eJv6NKr3RQzG5lo9JNWHavUw5oKakF5NpPJdAwigrN4h1ztRB1kepRWzfehOjkh6B7J5UrKeQCWgIalhjhp9ic4SLtXjKgpWmShxD+8Z0m5OTJ4B9R6i9ULN61wbdRBhccMbCtCkYRmk20qxuwbtnVst6xsjyUhBdSmUj7RbBMpMe0lLfM+W8a4GQzGD+8/+h4vnNnA2s0jzYPDhC/sG4uDMppKd++R57UjEFd6T8oEdDz5wcPtx2qXarcBrd3Qne+QlMvWZ0YMPl7hJsxVkplz9ras0Ay13YK2Eps+ePBWDstvIBfRTB+E9CUJPaJa4mdjc7mCKWaHxWWxMo+X1lmZjFm9kmw0rulNWdIN2p3xWeFd2c01MNVO4rLu9mEmG0NdPQ7HdMbl8K3Kqd8/Ci7+k3RKD8VqrOP4cpLGnnAfI80LN/jgofY2OlYN7oMWvGtGzctKwGaJVuMZgRGIonyrXAcoz1aVp2ZRyxaQMPx3x3ORRoku1zNX5275/+ptkZ2io4+hNLvWQ6PDJkWDY9bjbNbere2TrexZL/oTa7eEpc8fqZTHKtJKDkoW28HZedDDox8IIVkvIa5d89n+YvGfFhM/EOCwuW3T5BpfUaTd7plY8MPXmB0f+ODgUdPb1AnAYAMXbPR7QtoFqD9jwgcmUMZOKyFssQthP5ngFmBA4q8AJJorkrF4eGgUey7X58RN4LzRiH/FxgigPklX0PfHUN0RxtRJk4HobDIVOJRBGitQ+Dh2KUVxQoBF6zYidbvFQCsWdKePYRPvgj+zHgWk4QM0dNYsSSLKFv1AieeA4GqKXqdaA7OdVG00BU6bflP1KlvMrYVVu/Y4taT0JijZ39FmUYIrNXMwq8Qw9vsXcEZfFUCdgnAi8xJQdNHV9NcYlHTnr5Tw7M9RP02gb2BIsjHKpz6bokU6GAkK0zBfezLN+OeySfmOm71jH0Bm7U2EFJ+ncSfM+IGhQATEoQ01Dc4Y2WV0uxrHaQUmCFXp6lMvlRU2zTjs0sAQnpczBJw8ZTjOqSFG8F0GnM4JNdTHqGoly8RZ2j5MK+0Mcegnc+rwtScnTMul1CbRgVRTatdFFiYIFHGNILSPQhi4lrw7Tt8J7FCOmiQhxfTbU8wWUDkaJXkK35tsjXiYR0m0xjtCLSTVIoTohJOsR8hlr4BwXF1GM88BGc3mKY012hTZLJg99Fvx6OTeaGc/lTKLLTIP89OQ3vvful88Ef+xdNUQuCw96zaqoCi7STAJh38Qoac9XawNal9W3eXqp7IF22ytVOHg5K0kDmmeFYECLjIk//NXWDftcnfte2A2s/lOD5Iw/y1GkmVZIqKyFbWObg+mwPdFX7ubF9bOa2b5oQ6ykfkbVCIVYRTxtMJM2kujLJxF4GIu8+Rl+MWW74MT86CgIhPr3q4b2HK6i/n2PCP2lgj4s4vLLcYT6YvCToPRtNSrJrzF2kfUP4NrrYWgM6tl8DffoaIjvTESJMWByerJ5bXjcgBupd+MqwyquvXIh2DlcfAW1LI6+oUhcO0KXrOIQXQVBKyLa8EW2DA66J5WPehvwN738zS3vbfnaynR65dfgwpvLk2tWP5x2+LT45qLqd5jsqa6BOwZT0bDN4nMVq8HujmLH/WtWRcK9PXMrVq9atayvJ/pT9Lp0eu7r29/Z/hZcWPF1oK594sih/Ip+H2AFtfqJZeW+CcYSFkWvzUKCib7ysltrYdlOB3pX5I8cfnzt8pnenkg0Gq71zuC8ej+1E44/G5ElKsQgtFhOEpiaRHdD29uNi17dsoD69A3QrMFF4NUy11ww96YRcL7Z1FyYHEWLC5M46IpZpoYv6+OqwSs1jvKRhVrvwCCFzXCzG5PB6JOjUK739PVXr4N6witIoUhMilSQJsQZryIuyDE4izCJonKd8HLRZmfbz635hStTwnutv3yPnz5oZ9nCpzWN980tWRc0i8DFm7/8sy+blMQLx46/8MLPnn9s5bGVK49Z0r3pdC/5dP+aNf2W1pr8unV58AdX/oKWmESGpDDJPCOR5Ml098hI93by0+5Y1O2JRVvfQi9eebino6OnA+s+okJfJTPEDPEIcYF4HRwlDFC8tSiH9ZSm7zQ36/Uijlkt+IwqrZ1r0QXeuVlo870+UGhoS5/XEMajpVn/UnEhh6E1FibwZdWzY8UiiviHUBHt1wp16rK+BA78JSKiplsoGFWlBSN2fdDoljso6jvg2ga81tixAZk0O7YKqAu3fgrVYR1zN+vHCvop+LRB1F9BqM6upv4GKn6oSfLrVo8plApkEblvfVZqyIkYMmYOynBORuJnDGzl+f37DmH21FNwMq3deeuJk/fce99ZnCvbIckLt9/5sccuoN2vSAtP/cEXnn8Zj4HcITgXZw/WanoKNT+YRkZvPf/cZ1986ctfQYeGpGHJaukYGNy3/+Zjt5/69DOfWXj1NbTDJ+tbX4Ev2vkANK2ox55Gn0aWdOcGHFDXkm0+SEQ10IZswhHgGMu1t8YMAwo32mEy1phmRA6gccDFjKPQIQkE+UQZxbSoQBNjMUP1piHGSFRw2wZV1WK4qtM4LzwXg0+HXmm82+I/3FvVWGioYXZXLBLgVje3ORMu5aZWOSLRudlA1dud9LGU3Sorw5SiiFOqT2RKxXihPzoSUhQHxTtWCVEecC5L31xlxEGSIVmJlibyxaWZeIlzSSGfYBLFsN+T5DI9yZI1kaBr6XS6PDYeliQ3mM7I3YqvMJa70xWP273JZCIej+enpwJ7KdavOkipx+mwytFEwrPd5hj5r0Pd0dK5weHxvL8UttKuOJUUhD6my2NS3dG82OFOIn2jTMs2Mq3lUnPJY5lcb9WXyiUHIqzKWf19Lv+aWKDbT0YS0ZjZXrw11NERCHjTy+8uVGre48VJrW823NFxKJaMf151i96tY4t2y/tQJpmJFDFG3GPU+SzYcPOdnikXiw0bRhC2dQnt6p4A6h0bL9Sdl/W0s4k776RmXSrUPRpaycEJoBnTQTN6zzlPExv0mhMlDeg+gw/JhsYhKuzJaX0DwyP/qo2u6ugDCDM0CyTNeI4GANwmxaJOBu0rS6iAV2ovwnuM8ESizhsKeJZ6635/IOD3173eUMgLnO4+1/KMa8B5eKzK0Y6s+0s31OgUvN4uL3gPPsC/VslbcrsB2Ke13oXPs3cNx10ewuDz6adEeL04eMXsUKOqCDEJJNuxSAo6QBTu/6AYOO1BEQMu6jzfhvryX6srcaLqHDvBoPZbBnf7K9q8RAT47HwIPbZjLguUkT+nRNTSoouoDQf+Y5h3xDmPAvCcoYNRtXYEx5nrSS/QrZb89wndYs1/H+h2G1q22fPfX9wriWiLKKG9ioyWZeX63lAQbQmG8JY3L/30N7eh6DSDGggC0d9T9QAOLdMUVPi84HCquAeozkm6y4furYQIy10q9rt0rw9RyaLQKYoBqVRE0qRExBkZAgyXqDIcgP9UVeEU+D9Dgd8sv/IBONu6E/DgY3zrcRWcdrfe6wSrcl+e+NmkumZkzXfBF0FLB3Otm/5q9dNrk2t/surgKlCafm8aPFtsfasI3rK1Ttmu4TtTn4L3ykKU28iXKBNW5zScAwN1a6FuvqyboN5E19RkhnqShh+fMBZQYguHKBUNDjrpi9/rLncNfPt86+hDVLz1k2Xb124BySuXWhvAl/B7ETT9VXILsY44QeBMaR3qlWkr6iHH0wa1D/XDVV+xnRnVx6ESGBdRx62edRtpznHUHbQKtZa+SkcT2uwKdFmziIuB0KdXIBG+GoPqLfCBbHUZ2knLjWAqbaThDBGJ0LE+QgJVwgQMKS2WTOFOBu0jTJ+oVuia0bRYSlQNASytUcXMlx48e8QZ2ZGyLp3uS0QYaPe4QbI2N7EWAJau3jZzehMAqxlxaGBjJPD4LSo+cplLDngDHJUgU73Lx9cItdumHlw7ZGdAJHr0S7c6MveUrEvTkRIjuBQ4LdNLj/BMv7YGrD4TjGwcHpSYQ2rnaXgIy3vDKZutlibTyw5bBkqrwdAmz/8zubP//zn+xedAXFTgn9qfo3Ttc1T+V5+D42Szmw3kGdsqx5MhXmUtJtrUmeg1MUFfLOB30IJdJF0z8v/lp8Cfgfo74zPI/6drAaz2mNpl6d1s8V3oAIFBKW/2OEyOdcuOO0395cn+appTgmE690zs//ZiAJywKlElpGG7pYiElj98738CUBwFnQAAeNpjYGRgYADilbsVfsTz23xlkGd+ARRhOPOw/zKM/n/wvx5rMfMRIJeDgQkkCgCqyw98AHjaY2BkYGA+8l+KgYG1/v/B/99YixmAIiigHwCjBAcjeNpNkj0oxVEUwM+7H5TCGxksb7QppIiISRZsTB4ipWxYJLIrikFZZcAgUoqSzStsRilShpfPPDl+//u/g1e/d77vOefev3xL+GX6+EO3T+J9FbIIBTiFTWgRMa0irj/kiNuO+i5UiPV12M9asmUhXu0msVepuZSs3cO3LPWh7gK9C5lXTezgOyRPxVgnzg7je0j9gR7inG1W0KeZ81F/3Q2+dshqyXcjT/XTDiJryRkTG+rusJP5h7To5tGv0Ze04PPIcXiEjuQMMckeri2dx/Wq+hw9BvTXvuubXyCvIVMT9hxJZzI/qfSNqu5EykNda5x3Dv0AFsmbwF6D1xh7xvciziTzX+u5HWDnUXwbxI7gijNz6TuYLWL05C0qk7u0O+LNsX6E/sndsoNrjntMwS32DDVP6ZzuK/bMwjr2Pnd3j37xT3bSi3eW7cgsnEFTfNdIJs4fYsl30ZjO/Af0yHMSAAB42mNggAHGJUwNTJuYS5i/sfxi7WL9xObG9oD9AkcDxxEuG65T3Kt4CnhT+ObwmwlYCYoIRgjeEOYTdhPhEqkTtRLnES+QKJP4I9kilSWtImMkUyDrJOck1yO/R4FJoUjxlNIx5RSVJ6pGqpPUotR2aazQ1NE8o/lLa5X2FZ0G3Tm69/SW6N3Rn2JwwvCEEZNRkEmYyTzTU2Y8ZsfMfpnfsDhhaWaZZvnBapu1kfUKm2+2MfYK9s8ctjhGOek5nXGJcHniesTNDA5nuN1xD/Iw8tjiec3LxmuNt5X3B59dvg1+QX7n/CcFWATeCSoJ9gpuCDHDAatC9oUyhbqEdoDhlNApAFDhX5J42mNgZGBg6Gf4xyDCAAJMDIxALMYAogxBAgAsNAHyAHjafVJLSsRAFKxkxs+guJzVIH0Bh8QfoitxNm4kOKDgLt9JUBOZRMGNB/AErj2NehAP4AmsfumYOIg06a68qvftBrCGZ/Rg9QcAnvjV2MI6/2psY+NH08M2XgzuY4QPg5dwhk+DlzGydg1ewavlGTzA0Poy+A1De9Xgdzj2Jk5Q4A6PmCPDDCkqKOZy4HJXOEZEPkBMPKWqJB/jlqfCKXKEZOf017svXISx+N1wqU7UUv5injHPB6O8omdIjU/1OW0z3BP5VLhkHVlHpr6SqKvfWvDocmqBu5CsJdmCVatf0T12pgQ3VpfWlMpK+stZbeMxxh72/63C4xkTlTIz3XEiuRWjFbKnwvw1d+0TEjVVJjLX1icReyUWPe9I7kJnvaZNz7+SeAGraaPk0knGyHr6Y3br06uuQN9SRkWJS7JBJ0Pd75SRdIyJVKbkbWjuAIdk632nfTHfaRxvmXjabc7HUkJhDIbhNxRBUBGVYu+9nXMQwS4KVuy9IjMiYBfFO3Dtveh4fYryL/1mMs8kiySY+Mv3Fwb/5b1QggkzFqyUYMNOKQ6clFFOBS4qcVNFNTV48OLDTy111NNAI00000IrbbTTQSdddNNDL330M8AgQwyjoRduBxghyCghwowxzgSTTDHNDLNEmGOeKDEWWGSJZVZYJc4a62ywyRbb7LDLHvsccMgRx5xwyhnnJLggKSYxi0WsvEkJl6S4Ik2Ga7LccMct9zzwxCM5nsnzwqvYxC6l4hCnlEm5VIhLKsUtVVItNXzwKR7xik/85mgsbsvfZzUtrCn1ohHVR6K/GpqmKXWloQwoR5RB5agypAwrx5SRorraq+uOq2w6n0tdJp8zxZGxUDT4Z6zwgiVhBEM/9lZQu3jaRc7LDsFQFIVhR/WmpbdTbSUEE4PzGtpITMSoTTyHsYkhz7Jr5O1YkW2brW+N/pd630jdBwfyjm2v1KPrG8e0a4q7A+kTxrVbkGPO7YCsVU2W2dFoVT+tYGi+sIHRDw5g7xku4CwZHuBWDB/wCsYY8HNGAIw1IwSCjDEBwpAxBSYMRRF3xXgjf2h6q7mACRj/mYLJVpiB6UaowawQ5qDWwhmYZ8ICnEXCEixCYQWWgXAOVsKOtPkAmoBkpAAAAAABULvfUwAA) format('woff'), url('/static/zocial-regular-webfont.ttf') format('truetype'), url('/static/zocial-regular-webfont.svg#zocialregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

.zocial {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.1)), color-stop(49%, rgba(255, 255, 255, 0.05)), color-stop(51%, rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0.1)));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05) 49%, rgba(0, 0, 0, 0.05) 51%, rgba(0, 0, 0, 0.1));
  /* Button icon and color */
  /* Icon characters are stored in unicode private area */
  /*
	The Miscellaneous Buttons
	These button have no icons and can be general purpose buttons while ensuring consistent button style
	Credit to @guillermovs for suggesting
	*/
}

.zocial,
a.zocial {
  position: relative;
  display: inline-block;
  padding: 0 0.95em 0 0;
  color: #fff;
  font: bold 100%/2.1 "Lucida Grande", Tahoma, sans-serif;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  border: 1px solid #777;
  border-color: rgba(0, 0, 0, 0.2);
  border-bottom-color: #333;
  border-bottom-color: rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: inset 0 0.08em 0 rgba(255,255,255,0.4), inset 0 0 0.1em rgba(255,255,255,0.9);
  box-shadow: inset 0 0.08em 0 rgba(255,255,255,0.4), inset 0 0 0.1em rgba(255,255,255,0.9);
  white-space: nowrap;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 0.3em;
}

.zocial:before {
  content: "";
  border-right: 0.075em solid rgba(0, 0, 0, 0.1);
  float: left;
  font: 120%/1.65 zocial;
  font-style: normal;
  font-weight: normal;
  margin: 0 0.5em 0 0;
  padding: 0 0.5em;
  text-align: center;
  text-decoration: none;
  text-transform: none;
  -webkit-box-shadow: 0.075em 0 0 rgba(255, 255, 255, 0.25);
  box-shadow: 0.075em 0 0 rgba(255, 255, 255, 0.25);
  -webkit-font-smoothing: antialiased;
}

.zocial:hover,
.zocial:focus {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(49%, rgba(255, 255, 255, 0.15)), color-stop(51%, rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.15)));
  background-image: linear-gradient(rgba(255, 255, 255, 0.15) 49%, rgba(0, 0, 0, 0.1) 51%, rgba(0, 0, 0, 0.15));
}

.zocial:active {
  outline: none;
  /* outline is visible on :focus */
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.1)), color-stop(30%, rgba(255, 255, 255, 0)), color-stop(50%, transparent), to(rgba(0, 0, 0, 0.1)));
  background-image: linear-gradient(to top, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0) 30%, transparent 50%, rgba(0, 0, 0, 0.1));
}

.zocial.icon {
  max-width: 2.4em;
  max-height: 2.15em;
  padding-left: 0;
  padding-right: 0;
  white-space: nowrap;
  overflow: hidden;
}

.zocial.icon:before {
  width: 2em;
  height: 2em;
  padding: 0;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.zocial.acrobat,
.zocial.bitcoin,
.zocial.cloudapp,
.zocial.dropbox,
.zocial.email,
.zocial.eventful,
.zocial.github,
.zocial.gmail,
.zocial.instapaper,
.zocial.itunes,
.zocial.ninetyninedesigns,
.zocial.openid,
.zocial.plancast,
.zocial.pocket,
.zocial.posterous,
.zocial.reddit,
.zocial.secondary,
.zocial.stackoverflow,
.zocial.viadeo,
.zocial.weibo,
.zocial.wikipedia {
  border: 1px solid #aaa;
  border-color: rgba(0, 0, 0, 0.3);
  border-bottom-color: #777;
  border-bottom-color: rgba(0, 0, 0, 0.5);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  -webkit-box-shadow: inset 0 0.08em 0 rgba(255,255,255,0.7), inset 0 0 0.08em rgba(255,255,255,0.5);
  box-shadow: inset 0 0.08em 0 rgba(255,255,255,0.7), inset 0 0 0.08em rgba(255,255,255,0.5);
}

.zocial.acrobat:focus,
.zocial.bitcoin:focus,
.zocial.cloudapp:focus,
.zocial.dropbox:focus,
.zocial.email:focus,
.zocial.eventful:focus,
.zocial.github:focus,
.zocial.gmail:focus,
.zocial.instapaper:focus,
.zocial.itunes:focus,
.zocial.ninetyninedesigns:focus,
.zocial.openid:focus,
.zocial.plancast:focus,
.zocial.pocket:focus,
.zocial.posterous:focus,
.zocial.reddit:focus,
.zocial.secondary:focus,
.zocial.stackoverflow:focus,
.zocial.viadeo:focus,
.zocial.weibo:focus,
.zocial.wikipedia:focus,
.zocial.acrobat:hover,
.zocial.bitcoin:hover,
.zocial.cloudapp:hover,
.zocial.dropbox:hover,
.zocial.email:hover,
.zocial.eventful:hover,
.zocial.github:hover,
.zocial.gmail:hover,
.zocial.instapaper:hover,
.zocial.itunes:hover,
.zocial.ninetyninedesigns:hover,
.zocial.openid:hover,
.zocial.plancast:hover,
.zocial.pocket:hover,
.zocial.posterous:hover,
.zocial.reddit:hover,
.zocial.secondary:hover,
.zocial.stackoverflow:hover,
.zocial.viadeo:hover,
.zocial.weibo:hover,
.zocial.wikipedia:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.5)), color-stop(49%, rgba(255, 255, 255, 0.2)), color-stop(51%, rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0.15)));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.2) 49%, rgba(0, 0, 0, 0.05) 51%, rgba(0, 0, 0, 0.15));
}

.zocial.acrobat:active,
.zocial.bitcoin:active,
.zocial.cloudapp:active,
.zocial.dropbox:active,
.zocial.email:active,
.zocial.eventful:active,
.zocial.github:active,
.zocial.gmail:active,
.zocial.instapaper:active,
.zocial.itunes:active,
.zocial.ninetyninedesigns:active,
.zocial.openid:active,
.zocial.plancast:active,
.zocial.pocket:active,
.zocial.posterous:active,
.zocial.reddit:active,
.zocial.secondary:active,
.zocial.stackoverflow:active,
.zocial.viadeo:active,
.zocial.weibo:active,
.zocial.wikipedia:active {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(30%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.1)));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.1));
}

.zocial.acrobat {
  background-color: #fff;
  color: #000;
}

.zocial.acrobat:before {
  content: "\00E3";
  color: #FB0000;
}

.zocial.amazon {
  background-color: #ffad1d;
  color: #030037;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.zocial.amazon:before {
  content: "a";
}

.zocial.android {
  background-color: #a4c639;
}

.zocial.android:before {
  content: "&";
}

.zocial.angellist {
  background-color: #000;
}

.zocial.angellist:before {
  content: "\00D6";
}

.zocial.aol {
  background-color: #f00;
}

.zocial.aol:before {
  content: "\"";
}

.zocial.appnet {
  background-color: #3178bd;
}

.zocial.appnet:before {
  content: "\00E1";
}

.zocial.appstore {
  background-color: #000;
}

.zocial.appstore:before {
  content: "A";
}

.zocial.bitcoin {
  background-color: #efefef;
  color: #4d4d4d;
}

.zocial.bitcoin:before {
  content: "2";
  color: #f7931a;
}

.zocial.bitbucket {
  background-color: #205081;
}

.zocial.bitbucket:before {
  content: "\00E9";
}

.zocial.blogger {
  background-color: #ee5a22;
}

.zocial.blogger:before {
  content: "B";
}

.zocial.buffer {
  background-color: #232323;
}

.zocial.buffer:before {
  content: "\00E5";
}

.zocial.call {
  background-color: #008000;
}

.zocial.call:before {
  content: "7";
}

.zocial.cal {
  background-color: #d63538;
}

.zocial.cal:before {
  content: ".";
}

.zocial.cart {
  background-color: #333;
}

.zocial.cart:before {
  content: "\00C9";
}

.zocial.chrome {
  background-color: #006cd4;
}

.zocial.chrome:before {
  content: "[";
}

.zocial.cloudapp {
  background-color: #fff;
  color: #312c2a;
}

.zocial.cloudapp:before {
  content: "c";
}

.zocial.creativecommons {
  background-color: #000;
}

.zocial.creativecommons:before {
  content: "C";
}

.zocial.delicious {
  background-color: #3271cb;
}

.zocial.delicious:before {
  content: "#";
}

.zocial.digg {
  background-color: #164673;
}

.zocial.digg:before {
  content: ";";
}

.zocial.disqus {
  background-color: #5d8aad;
}

.zocial.disqus:before {
  content: "Q";
}

.zocial.dribbble {
  background-color: #ea4c89;
}

.zocial.dribbble:before {
  content: "D";
}

.zocial.dropbox {
  background-color: #fff;
  color: #312c2a;
}

.zocial.dropbox:before {
  content: "d";
  color: #1f75cc;
}

.zocial.drupal {
  background-color: #0077c0;
  color: #fff;
}

.zocial.drupal:before {
  content: "\00E4";
  color: #fff;
}

.zocial.dwolla {
  background-color: #e88c02;
}

.zocial.dwolla:before {
  content: "\00E0";
}

.zocial.email {
  background-color: #f0f0eb;
  color: #312c2a;
}

.zocial.email:before {
  content: "]";
  color: #312c2a;
}

.zocial.eventasaurus {
  background-color: #192931;
  color: #fff;
}

.zocial.eventasaurus:before {
  content: "v";
  color: #9de428;
}

.zocial.eventbrite {
  background-color: #ff5616;
}

.zocial.eventbrite:before {
  content: "|";
}

.zocial.eventful {
  background-color: #fff;
  color: #47ab15;
}

.zocial.eventful:before {
  content: "'";
  color: #0066CC;
}

.zocial.evernote {
  background-color: #6bb130;
  color: #fff;
}

.zocial.evernote:before {
  content: "E";
}

.zocial.facebook {
  background-color: #4863ae;
}

.zocial.facebook:before {
  content: "f";
}

.zocial.fivehundredpx {
  background-color: #333;
}

.zocial.fivehundredpx:before {
  content: "0";
  color: #29b6ff;
}

.zocial.flattr {
  background-color: #8aba42;
}

.zocial.flattr:before {
  content: "%";
}

.zocial.flickr {
  background-color: #ff0084;
}

.zocial.flickr:before {
  content: "F";
}

.zocial.forrst {
  background-color: #1e360d;
}

.zocial.forrst:before {
  content: ":";
  color: #50894f;
}

.zocial.foursquare {
  background-color: #44a8e0;
}

.zocial.foursquare:before {
  content: "4";
}

.zocial.github {
  background-color: #fbfbfb;
  color: #050505;
}

.zocial.github:before {
  content: "g";
}

.zocial.gmail {
  background-color: #efefef;
  color: #222;
}

.zocial.gmail:before {
  content: "m";
  color: #f00;
}

.zocial.google {
  background-color: #4e6cf7;
}

.zocial.google:before {
  content: "G";
}

.zocial.googleplay {
  background-color: #000;
}

.zocial.googleplay:before {
  content: "h";
}

.zocial.googleplus {
  background-color: #dd4b39;
}

.zocial.googleplus:before {
  content: "+";
}

.zocial.gowalla {
  background-color: #ff720a;
}

.zocial.gowalla:before {
  content: "@";
}

.zocial.grooveshark {
  background-color: #111;
  color: #eee;
}

.zocial.grooveshark:before {
  content: "8";
}

.zocial.guest {
  background-color: #1b4d6d;
}

.zocial.guest:before {
  content: "?";
}

.zocial.html5 {
  background-color: #ff3617;
}

.zocial.html5:before {
  content: "5";
}

.zocial.ie {
  background-color: #00a1d9;
}

.zocial.ie:before {
  content: "6";
}

.zocial.instapaper {
  background-color: #eee;
  color: #222;
}

.zocial.instapaper:before {
  content: "I";
}

.zocial.instagram {
  background-color: #3f729b;
}

.zocial.instagram:before {
  content: "\00DC";
}

.zocial.intensedebate {
  background-color: #0099e1;
}

.zocial.intensedebate:before {
  content: "{";
}

.zocial.itunes {
  background-color: #efefeb;
  color: #312c2a;
}

.zocial.itunes:before {
  content: "i";
  color: #1a6dd2;
}

.zocial.klout {
  background-color: #e34a25;
}

.zocial.klout:before {
  content: "K";
}

.zocial.lanyrd {
  background-color: #2e6ac2;
}

.zocial.lanyrd:before {
  content: "-";
}

.zocial.lastfm {
  background-color: #dc1a23;
}

.zocial.lastfm:before {
  content: "l";
}

.zocial.lego {
  background-color: #fb0000;
}

.zocial.lego:before {
  content: "\00EA";
  color: #fff900;
}

.zocial.linkedin {
  background-color: #0083a8;
}

.zocial.linkedin:before {
  content: "L";
}

.zocial.lkdto {
  background-color: #7c786f;
}

.zocial.lkdto:before {
  content: "\00EE";
}

.zocial.logmein {
  background-color: #000;
}

.zocial.logmein:before {
  content: "\00EB";
}

.zocial.macstore {
  background-color: #007dcb;
}

.zocial.macstore:before {
  content: "^";
}

.zocial.meetup {
  background-color: #ff0026;
}

.zocial.meetup:before {
  content: "M";
}

.zocial.myspace {
  background-color: #000;
}

.zocial.myspace:before {
  content: "_";
}

.zocial.ninetyninedesigns {
  background-color: #fff;
  color: #072243;
}

.zocial.ninetyninedesigns:before {
  content: "9";
  color: #f50;
}

.zocial.openid {
  background-color: #f5f5f5;
  color: #333;
}

.zocial.openid:before {
  content: "o";
  color: #ff921d;
}

.zocial.opentable {
  background-color: #990000;
}

.zocial.opentable:before {
  content: "\00C7";
}

.zocial.paypal {
  background-color: #fff;
  color: #32689a;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.zocial.paypal:before {
  content: "$";
}

.zocial.pinboard {
  background-color: blue;
}

.zocial.pinboard:before {
  content: "n";
}

.zocial.pinterest {
  background-color: #c91618;
}

.zocial.pinterest:before {
  content: "1";
}

.zocial.plancast {
  background-color: #e7ebed;
  color: #333;
}

.zocial.plancast:before {
  content: "P";
}

.zocial.pocket {
  background-color: #fff;
  color: #777;
}

.zocial.pocket:before {
  content: "\00E7";
  color: #ee4056;
}

.zocial.plurk {
  background-color: #cf682f;
}

.zocial.plurk:before {
  content: "j";
}

.zocial.podcast {
  background-color: #9365ce;
}

.zocial.podcast:before {
  content: "`";
}

.zocial.posterous {
  background-color: #ffd959;
  color: #bc7134;
}

.zocial.posterous:before {
  content: "~";
}

.zocial.print {
  background-color: #f0f0eb;
  color: #222;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

.zocial.print:before {
  content: "\00D1";
}

.zocial.quora {
  background-color: #a82400;
}

.zocial.quora:before {
  content: "q";
}

.zocial.reddit {
  background-color: #fff;
  color: #222;
}

.zocial.reddit:before {
  content: ">";
  color: red;
}

.zocial.rss {
  background-color: #ff7f25;
}

.zocial.rss:before {
  content: "R";
}

.zocial.scribd {
  background-color: #231c1a;
}

.zocial.scribd:before {
  content: "}";
  color: #00d5ea;
}

.zocial.skype {
  background-color: #00a2ed;
}

.zocial.skype:before {
  content: "S";
}

.zocial.smashing {
  background-color: #ff4f27;
}

.zocial.smashing:before {
  content: "*";
}

.zocial.songkick {
  background-color: #ff0050;
}

.zocial.songkick:before {
  content: "k";
}

.zocial.soundcloud {
  background-color: #ff4500;
}

.zocial.soundcloud:before {
  content: "s";
}

.zocial.spotify {
  background-color: #60af00;
}

.zocial.spotify:before {
  content: "=";
}

.zocial.stackoverflow {
  background-color: #fff;
  color: #555;
}

.zocial.stackoverflow:before {
  content: "\00EC";
  color: #ff7a15;
}

.zocial.statusnet {
  background-color: #829d25;
}

.zocial.statusnet:before {
  content: "\00E2";
  color: #fff;
}

.zocial.steam {
  background-color: #000;
}

.zocial.steam:before {
  content: "b";
}

.zocial.stripe {
  background-color: #2f7ed6;
}

.zocial.stripe:before {
  content: "\00A3";
}

.zocial.stumbleupon {
  background-color: #eb4924;
}

.zocial.stumbleupon:before {
  content: "/";
}

.zocial.tumblr {
  background-color: #374a61;
}

.zocial.tumblr:before {
  content: "t";
}

.zocial.twitter {
  background-color: #46c0fb;
}

.zocial.twitter:before {
  content: "T";
}

.zocial.viadeo {
  background-color: #fff;
  color: #000;
}

.zocial.viadeo:before {
  content: "H";
  color: #f59b20;
}

.zocial.vimeo {
  background-color: #00a2cd;
}

.zocial.vimeo:before {
  content: "V";
}

.zocial.vk {
  background-color: #45688E;
}

.zocial.vk:before {
  content: "N";
}

.zocial.weibo {
  background-color: #faf6f1;
  color: #000;
}

.zocial.weibo:before {
  content: "J";
  color: #e6162d;
}

.zocial.wikipedia {
  background-color: #fff;
  color: #000;
}

.zocial.wikipedia:before {
  content: ",";
}

.zocial.windows {
  background-color: #0052a4;
  color: #fff;
}

.zocial.windows:before {
  content: "W";
}

.zocial.wordpress {
  background-color: #464646;
}

.zocial.wordpress:before {
  content: "w";
}

.zocial.xing {
  background-color: #0A5D5E;
}

.zocial.xing:before {
  content: "X";
}

.zocial.yahoo {
  background-color: #a200c2;
}

.zocial.yahoo:before {
  content: "Y";
}

.zocial.ycombinator {
  background-color: #ff6600;
}

.zocial.ycombinator:before {
  content: "\00ED";
}

.zocial.yelp {
  background-color: #e60010;
}

.zocial.yelp:before {
  content: "y";
}

.zocial.youtube {
  background-color: #f00;
}

.zocial.youtube:before {
  content: "U";
}

.zocial.primary,
.zocial.secondary {
  margin: 0.1em 0;
  padding: 0 1em;
}

.zocial.primary:before,
.zocial.secondary:before {
  display: none;
}

.zocial.primary {
  background-color: #333;
}

.zocial.secondary {
  background-color: #f0f0eb;
  color: #222;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

/* Any browser-specific adjustments */

button:-moz-focus-inner {
  border: 0;
  padding: 0;
}

.track_progress {
  width: 100%;
  text-align: center;
}

.track_progress .bar {
  display: inline;
}

.track_progress .bar .tip {
  position: absolute;
  width: 150px;
  top: 25px;
  left: 40px;
  background: #fff;
  -webkit-transition: opacity 150ms linear;
  transition: opacity 150ms linear;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-box-shadow: 0 0 15px rgba(50, 50, 50, 0.25);
  box-shadow: 0 0 15px rgba(50, 50, 50, 0.25);
  opacity: 0;
  border-radius: 6px;
  background-clip: padding-box;
  border: 2px solid #e6e6e6;
  z-index: 999;
  text-align: left;
  padding: 10px 15px;
  font-size: 1.3rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
}

.track_progress .bar .tip:before {
  top: 38%;
  left: -9px;
  right: auto;
  margin-top: -15px;
  border-color: transparent #FFF transparent transparent;
  margin-left: -15px;
  z-index: 2;
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 12px;
  width: 0;
  height: 0;
}

.track_progress .bar .tip:after {
  top: 38%;
  left: -30px;
  right: auto;
  margin-top: -17px;
  border-width: 14px;
  border-color: transparent rgba(0, 0, 0, 0.06) transparent transparent;
  border-style: solid;
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  z-index: 1;
}

.track_progress .bar .container-old {
  width: 40px;
  height: 50px;
  position: relative;
  display: inline-block;
  vertical-align: top;
}

.track_progress .bar .container-old:hover .tip {
  opacity: 1;
}

.track_progress .bar .medal {
  width: 40px;
  height: 50px;
  position: relative;
  cursor: pointer;
}

.track_progress .bar .active {
  text-align: center;
  background: #00aaea;
  border-radius: 50%;
  background-clip: padding-box;
  width: 25px;
  height: 25px;
  display: inline-block;
  vertical-align: top;
  position: relative;
  top: 8px;
  cursor: pointer;
}

.track_progress .bar .active:hover .tip {
  opacity: 1;
}

.track_progress .bar .active span {
  color: #fff;
  font-size: 26px;
  vertical-align: top;
  display: inline-block;
  line-height: normal;
  position: relative;
  top: -14px;
  font-weight: 700;
}

.track_progress .bar .active.completed {
  width: 41px;
  height: 41px;
  top: 0;
}

.track_progress .bar .active.completed span {
  top: 1px;
}

.track_progress .bar .inactive {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: top;
  position: relative;
  top: 11px;
}

.track_progress .bar .inactive.redo {
  top: 8px;
  width: 25px;
  height: 25px;
  background: #d7d7d2;
  border-radius: 50%;
}

.track_progress .bar .inactive img {
  vertical-align: top;
}

.track_progress .bar .connector {
  width: 23px;
  height: 5px;
  display: inline-block;
  vertical-align: top;
  position: relative;
  top: 10px;
  margin: 0 5px;
}

#skill_stats > a {
  margin: 3px auto;
  position: relative;
}

#skill_stats [data-skill_name] {
  position: relative;
  height: 40px;
  display: block;
}

#skill_stats .skill-icon {
  z-index: 3;
  position: absolute;
}

#skill_stats .progress {
  position: relative;
  top: 6px;
  left: 17px;
  background: #fff;
  z-index: 1;
  width: 93%;
  height: 28px;
  border-radius: 0 50px 50px 0;
  background-clip: padding-box;
  border: 1px solid #DADADA;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

#skill_stats .progress .name {
  font-size: 1.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #d7d7d2;
  text-transform: capitalize;
  float: right;
  margin: 0 15px 0 0;
  line-height: 28px;
}

#skill_stats .value {
  height: 28px;
  border-radius: 0 50px 50px 0;
  background-clip: padding-box;
  min-width: 45px;
  max-width: 100%;
  position: absolute;
  z-index: 2;
  top: -1px;
  left: 0;
}

#skill_stats .value.SA {
  background: #c5168a;
}

#skill_stats .value.TH {
  background: #ff7a00;
}

#skill_stats .value.AS {
  background: #00aaea;
}

#skill_stats .value.GI {
  background: #06b709;
}

#skill_stats .value.EM {
  background: #ff3131;
}

#skill_stats .value.RE {
  background: #2ac4c5;
}

@media (forced-colors: active) {
  #skill_stats .value {
    border: 1px solid #000;
  }
}

#skill_stats .value .data {
  float: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#skill_stats .value .data .name {
  font-size: 1.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #fff;
  text-transform: capitalize;
  line-height: 28px;
  float: left;
  margin-right: 5px;
}

#skill_stats .value .data .sequence {
  min-width: 18px;
  min-height: 18px;
  margin: 5px;
  background: #fff;
  border-radius: 50%;
  background-clip: padding-box;
  font-size: 1.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  text-align: center;
  line-height: 18px;
}

#skill_stats .value .data .sequence.SA {
  color: #c5168a;
}

#skill_stats .value .data .sequence.TH {
  color: #ff7a00;
}

#skill_stats .value .data .sequence.AS {
  color: #00aaea;
}

#skill_stats .value .data .sequence.GI {
  color: #06b709;
}

#skill_stats .value .data .sequence.EM {
  color: #ff3131;
}

#skill_stats .value .data .sequence.RE {
  color: #2ac4c5;
}

#skill_stats .value .data .sequence.OT {
  color: #f4d420;
}

.skill-label {
  position: absolute;
  display: inline-block;
  border-radius: 50%;
  background-clip: padding-box;
  width: 32px;
  height: 32px;
  z-index: 4;
  top: 4px;
  left: 4px;
}

.skill-label.SA {
  background-color: #c5168a;
}

.skill-label.TH {
  background-color: #ff7a00;
}

.skill-label.AS {
  background-color: #00aaea;
}

.skill-label.GI {
  background-color: #06b709;
}

.skill-label.EM {
  background-color: #ff3131;
}

.skill-label.RE {
  background-color: #2ac4c5;
}

@media (forced-colors: active) and (prefers-color-scheme: light) {
  .skill-label .skill-icon-white.small.AS {
    background-position-y: -276px;
  }

  .skill-label .skill-icon-white.small.GI {
    background-position-y: -275px;
  }

  .skill-label .skill-icon-white.small.EM {
    background-position-y: -275px;
  }

  .skill-label .skill-icon-white.small.RE {
    background-position-y: -275px;
  }

  .skill-label .skill-icon-white.small.SA {
    background-position-y: -275px;
  }

  .skill-label .skill-icon-white.small.TH {
    background-position-y: -277px;
  }

  .skill-label .skill-icon-white.small.OT {
    background-position-y: -277px;
  }
}

.skill-icon {
  display: inline-block;
  border-radius: 50%;
  background-clip: padding-box;
  width: 38px;
  height: 38px;
}

.skill-icon.SA {
  background-color: #c5168a;
}

.skill-icon.TH {
  background-color: #ff7a00;
}

.skill-icon.AS {
  background-color: #00aaea;
}

.skill-icon.GI {
  background-color: #06b709;
}

.skill-icon.EM {
  background-color: #ff3131;
}

.skill-icon.RE {
  background-color: #2ac4c5;
}

@media (forced-colors: active) {
  .skill-icon {
    border: 1px solid #000;
  }
}

html[lang=de] #skill_stats .value .data .name {
  font-size: 12px;
}

.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;
}

.icon {
  display: inline-block;
}

.icon.logo {
  width: 145px;
  height: 40px;
  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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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;
}

/* ====================================================================
 * 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: -5px / 2;
  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;
}

.Footer {
  background: #ff7a00;
  padding: 45px 0;
}

.Footer #bottomMenu {
  padding: 0 0 3rem 15px;
}

@media (min-width: 1200px) {
  .Footer #bottomMenu {
    max-width: 845px;
  }
}

@media (max-width: 1199.98px) {
  .Footer #appStores {
    margin-right: auto;
    padding: 0 0 3rem 15px;
  }
}

@media (min-width: 1200px) {
  .Footer #appStores {
    margin-left: auto;
    padding: 0 15px 3rem 0;
  }
}

.Footer_nav {
  float: left;
}

.Footer_nav::after {
  display: block;
  clear: both;
  content: "";
}

.Footer_nav::after {
  display: block;
  clear: both;
  content: "";
}

.Footer_nav::after {
  display: block;
  clear: both;
  content: "";
}

.Footer_nav::after {
  display: block;
  clear: both;
  content: "";
}

.Footer_navItem:first-of-type {
  padding-left: 0;
}

.Footer_navItem {
  float: left;
  padding: 4px 20px 6px 0;
}

.Footer_navItem .question_tooltip {
  left: -50%;
}

.Footer_navItem .question_tooltip .tooltip:not(.info) {
  top: 40px;
  left: 0;
  min-width: 200px;
}

.Footer_navItem .question_tooltip .tooltip:not(.info)::after {
  border: 0;
  left: 15px;
  top: -10px;
  border-radius: 0 0 100% 0;
}

.Footer_navItem .question_tooltip .tooltip:not(.info) p {
  font-size: 1.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
  margin: 0;
  line-height: 1.8;
  font-style: normal;
}

.Footer_navLink {
  color: #fff !important;
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

.Footer_navLink:hover,
.Footer_navLink:focus {
  text-decoration: underline !important;
}

.Footer_navLink:hover .tooltip,
.Footer_navLink:focus .tooltip {
  display: block;
}

.Footer_copyright {
  color: #fff;
  font-size: 1.3rem;
  font-family: OpenSansLight;
  font-weight: normal;
}

.Footer_disclaimer {
  font-size: 1.3rem;
  font-family: OpenSansLight;
  font-weight: normal;
  color: #fff;
  margin-bottom: 10px;
}

.Footer_disclaimer > a {
  display: inline-block;
  color: #fff !important;
  font-size: 1.3rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
}

.Footer .app-stores {
  display: inline-block;
}

.Footer .app-stores img {
  line-height: 40;
  width: 100%;
  height: 100%;
}

.Footer .app-stores a {
  margin: 0 4px 0 0;
  display: inline-block;
  width: 135px;
  height: 40px;
  position: relative;
}

.Footer .app-stores a:last-child {
  margin-right: 0;
}

.FollowUs {
  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;
  color: #fff;
  padding-top: 10px;
  font-size: 1.5rem;
  font-family: OpenSansLight;
  font-weight: normal;
}

.FollowUs_title {
  line-height: 40px;
  margin-right: 15px;
  font-weight: 600;
  font-size: 16px;
  padding-bottom: 4px;
}

.FollowUs_link {
  margin: 0 8px 0 0;
  display: inline-block;
  white-space: nowrap;
}

.FollowUs_link:last-child {
  margin-right: 0;
}

.FollowUs_link > .button {
  text-align: center;
  width: 40px;
  height: 40px;
  padding: 0;
}

html[data-wcag-enabled="true"] .Footer_disclaimer,
html[data-wcag-enabled="true"] .Footer_copyright {
  color: #000;
  font-family: OpenSansSemiBold;
}

html[data-wcag-enabled="true"] .FollowUs {
  color: #000 !important;
}

.post .userpic-wrapper {
  float: left;
  margin: 0 6px 0 0;
}

.post .img-wrapper {
  overflow: hidden;
  margin-bottom: 22px;
  height: auto;
  line-height: normal;
}

.post .name {
  margin-top: 10px;
  margin-bottom: 5px;
  display: inline-block;
  font-size: 1.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
}

.post .tip {
  margin-bottom: 15px;
  font-size: 1.3rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #372f2b;
}

.post .summary {
  margin-bottom: 22px;
  font-size: 1.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #372f2b;
}

.post .long-summary {
  display: none;
}

.post .view-post:hover {
  text-decoration: none;
}

.post .user {
  position: relative;
}

.post .user span.username {
  line-height: 28px;
  color: #777;
}

.post .comment-like .button.secondary {
  font-size: 1.2rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  padding: 5px 10px;
  height: auto;
  line-height: normal;
}

.post .comment-like .button.secondary .sprite.button-heart {
  margin-left: 4px;
  vertical-align: middle;
}

.post .meta {
  margin-top: 15px;
  line-height: 12px;
}

.post .meta time {
  position: relative;
  color: #b4b4b4;
  top: -1px;
  font-size: 1.2rem;
  font-family: OpenSansItalic;
  font-weight: normal;
}

.post .meta .comments,
.post .meta .likes {
  margin-right: 12px;
  color: #372f2b;
  float: right;
  font-size: 1.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

.post .meta .comments .sprite,
.post .meta .likes .sprite {
  float: left;
  margin-right: 5px;
}

.post .user-comments {
  margin: 8px -11px 0;
  background: #f4f4f4;
  border-radius: 0 0 5px 5px;
  background-clip: padding-box;
}

.post .user-comments .comment {
  padding: 10px;
  border-bottom: 1px solid #d7d7d2;
}

.post .user-comments .comment a,
.post .user-comments .comment a:visited {
  color: #777;
}

.post .user-comments .comment:first-child {
  border-top: 1px solid #d7d7d2;
}

.post .user-comments .comment:last-child {
  border-bottom: none;
  border-radius: 0 0 5px 5px;
  background-clip: padding-box;
}

.post .user-comments .comment:nth-last-child(n+4) {
  display: none;
}

.post .user-comments .comment .body {
  overflow: hidden;
}

.post .user-comments .comment .body .regular {
  margin: 4px 0 0 4px;
}

.post .user-comments .comment .body .text {
  margin-left: 4px;
}

html[data-wcag-enabled=true] .post .tip,
html[data-wcag-enabled=true] .post .summary {
  color: #372f2b;
}

.challenge_status {
  float: left;
  width: 31%;
  margin: 0 1.15% 15px;
}

.challenge_status:hover {
  border-color: #ff7a00;
}

.challenge_status a:hover {
  text-decoration: none;
}

.challenge_status img:first-child {
  border-radius: 5px 5px 0 0;
  background-clip: padding-box;
  margin-bottom: 10px;
}

.challenge_status .name {
  color: #ff7a00;
  height: 50px;
  padding: 0 10px;
  font-size: 1.6rem;
  font-family: OpenSansLight;
  font-weight: normal;
}

.challenge_status .progress {
  position: relative;
  height: 62px;
  margin: 0 10px 15px;
}

.challenge_status .progress:before {
  content: '';
  background: #EDEDED;
  position: absolute;
  top: 32px;
  left: 5px;
  z-index: 1;
  border: 1px solid #d7d7d2;
  width: 90%;
  height: 6px;
}

.challenge_status .progress li {
  vertical-align: middle;
  text-align: center;
  position: relative;
  z-index: 3;
}

.challenge_status .progress li.progress-bar {
  background: #06b709;
  position: absolute;
  max-width: 90%;
  height: 4px;
  top: 34px;
  left: 5px;
  z-index: 2;
}

.challenge_status .progress li.active,
.challenge_status .progress li.complete {
  width: 36px;
  line-height: 36px;
  margin: 18px 0;
  font-size: 1.8rem;
  font-family: OpenSansLight;
  font-weight: normal;
  border-radius: 50%;
  background-clip: padding-box;
  -webkit-box-shadow: inset 0 0 2px rgba(100, 100, 100, 0.5);
  box-shadow: inset 0 0 2px rgba(100, 100, 100, 0.5);
}

.challenge_status .progress li.active {
  color: #fff;
  background: #ff7a00;
}

.challenge_status .progress li.complete {
  background: #fff;
}

.challenge_status .progress li.inactive {
  color: #777;
  background: #EDEDED;
  line-height: 24px;
  width: 26px;
  border: 1px solid #d7d7d2;
  font-size: 1.4rem;
  font-family: OpenSansLight;
  font-weight: normal;
  border-radius: 50%;
  background-clip: padding-box;
}

.challenge_status .progress li .sprite-1 {
  position: relative;
  top: 8px;
}

[data-view="MasonryPosts"] #no_data,
[data-view="ThreadRelated"] #no_data {
  padding-left: 10px;
}

[data-view="MasonryPosts"] .post,
[data-view="ThreadRelated"] .post {
  padding: 11px 11px 0;
}

[data-view="MasonryPosts"] .post hr,
[data-view="ThreadRelated"] .post hr {
  display: none;
}

[data-view="MasonryPosts"] .post button.post-preview,
[data-view="ThreadRelated"] .post button.post-preview {
  background-color: transparent;
  margin: 0;
  padding: 0;
  border-radius: 0;
  height: auto;
  line-height: normal;
  text-align: left;
  display: block;
  width: 100%;
  white-space: normal;
}

[data-view="MasonryPosts"] .post button.post-preview > img,
[data-view="ThreadRelated"] .post button.post-preview > img {
  display: block;
  width: 100%;
  height: auto;
}

[data-view="MasonryPosts"] .post .post-preview-more,
[data-view="ThreadRelated"] .post .post-preview-more {
  background-color: transparent;
  margin: 0;
  padding: 0;
  border-radius: 0;
  height: auto;
  line-height: normal;
  text-align: left;
  color: #ff7a00;
}

[data-view="MasonryPosts"] .js-masonry .post,
[data-view="ThreadRelated"] .js-masonry .post {
  margin-bottom: 12px;
}

[data-view="MasonryPosts"] .js-masonry .post .img-wrapper,
[data-view="ThreadRelated"] .js-masonry .post .img-wrapper {
  display: block;
  width: 100%;
}

[data-view="MasonryPosts"] .js-masonry .post .img-wrapper img,
[data-view="ThreadRelated"] .js-masonry .post .img-wrapper img {
  width: 100%;
  height: auto;
}

[data-view="MasonryPosts"] .js-masonry .post .meta .flyout,
[data-view="ThreadRelated"] .js-masonry .post .meta .flyout {
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

[data-view="MasonryPosts"] .js-masonry .post .meta .flyout .flyout_likes,
[data-view="ThreadRelated"] .js-masonry .post .meta .flyout .flyout_likes {
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}

[data-view="MasonryPosts"].col-2-old .js-masonry .post,
[data-view="ThreadRelated"].col-2-old .js-masonry .post {
  width: 216px;
  margin-bottom: 12px;
}

[data-view="MasonryPosts"].col-2-old .js-masonry .post .img-wrapper,
[data-view="ThreadRelated"].col-2-old .js-masonry .post .img-wrapper {
  width: 192px;
  height: auto;
}

@media (max-width: 767.98px) {
  [data-view="MasonryPosts"] #massonrySizer,
  [data-view="ThreadRelated"] #massonrySizer,
  [data-view="MasonryPosts"] .js-masonry .post,
  [data-view="ThreadRelated"] .js-masonry .post {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  [data-view="MasonryPosts"] #massonrySizer,
  [data-view="ThreadRelated"] #massonrySizer,
  [data-view="MasonryPosts"] .js-masonry .post,
  [data-view="ThreadRelated"] .js-masonry .post {
    width: calc(50% - 10px);
  }
}

@media (min-width: 992px) {
  [data-view="MasonryPosts"] #massonrySizer,
  [data-view="ThreadRelated"] #massonrySizer,
  [data-view="MasonryPosts"] .js-masonry .post,
  [data-view="ThreadRelated"] .js-masonry .post {
    width: calc(25% - 15px);
  }
}

#home {
  /* :last-child rules */
  /* #track_info_block the last .vertical-line */
  /* #track_tab_activities the last .vertical-line */
}

#home [data-view=UnlockHappify] {
  border: 1px solid #d7d7d2;
  border-radius: 5px;
  margin: 30px 0;
  background: #fff url('/static/img/hp_banner_background.jpg');
  background-repeat: no-repeat;
  background-position: bottom right;
  position: relative;
}

#home [data-view=UnlockHappify] *:hover {
  text-decoration: none;
}

#home [data-view=UnlockHappify] .discount {
  font-size: 2.1rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #372f2b;
  line-height: 30px;
  width: 100%;
  position: relative;
  top: 5px;
  margin-bottom: 15px;
  padding: 0 20px;
}

#home [data-view=UnlockHappify] .discount strong {
  color: #00aaea;
}

#home [data-view=UnlockHappify] ul {
  padding: 0 20px;
  margin-bottom: 15px;
}

#home [data-view=UnlockHappify] ul * {
  display: inline-block;
  vertical-align: top;
}

#home [data-view=UnlockHappify] ul li {
  width: 31%;
}

@media screen and (min-width: 768px) and (max-width: 991px), screen and (max-width: 767px) {
  #home [data-view=UnlockHappify] ul li {
    width: 100%;
    margin-bottom: 10px;
  }

  #home [data-view=UnlockHappify] ul li br {
    display: none;
  }
}

#home [data-view=UnlockHappify] ul li:last-child {
  width: 36%;
}

@media screen and (min-width: 768px) and (max-width: 991px), screen and (max-width: 767px) {
  #home [data-view=UnlockHappify] ul li:last-child {
    width: 100%;
  }
}

#home [data-view=UnlockHappify] ul li .gear {
  width: 20px;
  height: 20px;
  margin-right: 5px;
  background: url('/static/img/gear_img.png') no-repeat transparent;
}

#home [data-view=UnlockHappify] ul li .feature {
  font-size: 1.8rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  color: #372f2b;
  line-height: 20px;
  width: calc(100% - 30px);
}

#home [data-view=UnlockHappify] ul li .text {
  font-size: 1.5rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin-left: 30px;
  color: #959595;
}

#home [data-view=UnlockHappify] .button_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#home [data-view=UnlockHappify] .button_wrap .button.green {
  font-size: 1.5rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  height: 46px;
  line-height: 46px;
  text-transform: uppercase;
  padding: 0 15px;
  margin: auto;
  top: -20px;
}

#home [data-view=UnlockHappify] .button_wrap .button.green .flag-white {
  margin-bottom: 2px;
  margin-left: 5px;
  vertical-align: middle;
}

#home [data-view=CurrentTrack] h1 {
  color: #777;
}

#home [data-view=CurrentTrack] .cell {
  position: relative;
}

#home [data-view=CurrentTrack] .button.orange,
#home [data-view=CurrentTrack] .button.green {
  height: 40px;
  line-height: 40px;
  font-size: 1.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  text-transform: uppercase;
}

#home [data-view=CurrentTrack] .button.orange .sprite-1,
#home [data-view=CurrentTrack] .button.green .sprite-1 {
  position: relative;
  top: 5px;
  margin-left: 10px;
}

#home [data-view=CurrentTrack] .button.orange.green .sprite-1,
#home [data-view=CurrentTrack] .button.green.green .sprite-1 {
  margin-left: 5px;
  top: 4px;
}

#home [data-view=CurrentTrack] .lock {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: right;
  padding-right: 15px;
  border-top: 4px solid #81BA00;
  border-radius: 5px 5px 0 0;
  background-clip: padding-box;
}

#home [data-view=CurrentTrack] .lock .sprite-2 {
  position: relative;
  top: -3px;
}

#home [data-view=CurrentTrack] .activity {
  padding: 15px;
  position: relative;
}

#home [data-view=CurrentTrack] .activity.single .image {
  width: 131px;
  height: 131px;
}

#home [data-view=CurrentTrack] .activity .image {
  float: left;
  margin-right: 30px;
  overflow: hidden;
  width: 116px;
  height: 116px;
}

#home [data-view=CurrentTrack] .activity .image img {
  width: 100%;
}

#home [data-view=CurrentTrack] .activity a:hover,
#home [data-view=CurrentTrack] .activity a:visited:hover {
  text-decoration: none;
}

#home [data-view=CurrentTrack] .activity a.poll,
#home [data-view=CurrentTrack] .activity a:visited.poll {
  content: "Poll:\2002";
}

#home [data-view=CurrentTrack] .activity .title a {
  color: #777;
  margin: 5px 0;
  padding: 0;
  font-size: 2.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#home [data-view=CurrentTrack] .activity .text {
  margin-bottom: 15px;
  min-height: 24px;
  font-size: 1.8rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
}

#home [data-view=CurrentTrack] .meta::after {
  display: block;
  clear: both;
  content: "";
}

#home [data-view=CurrentTrack] .meta::after {
  display: block;
  clear: both;
  content: "";
}

#home [data-view=CurrentTrack] .meta::after {
  display: block;
  clear: both;
  content: "";
}

#home [data-view=CurrentTrack] .meta::after {
  display: block;
  clear: both;
  content: "";
}

#home [data-view=CurrentTrack] .meta > div {
  float: left;
  text-align: center;
  border-right: 1px solid #d7d7d2;
}

#home [data-view=CurrentTrack] .meta > div:last-child {
  border-right: none;
}

#home [data-view=CurrentTrack] .meta .status {
  width: 36%;
  padding: 5px 0;
}

#home [data-view=CurrentTrack] .meta .status .bold {
  color: #00aaea;
  line-height: 48px;
  font-size: 4.8rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
}

#home [data-view=CurrentTrack] .meta .status .semi-bold {
  font-size: 1.8rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#home [data-view=CurrentTrack] .meta .see_all {
  width: 28%;
  line-height: 82px;
  border-radius: 0 5px 5px 0;
  background-clip: padding-box;
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  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%);
}

#home [data-view=CurrentTrack] .meta .see_all a,
#home [data-view=CurrentTrack] .meta .see_all a:visited {
  color: #777;
}

#home [data-view=CurrentTrack] .suggestions {
  padding: 20px;
}

#home [data-view=CurrentTrack] .suggestions .title {
  color: #372f2b;
  margin-bottom: 20px;
  font-size: 1.8rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#home [data-view=CurrentTrack] .suggestions .user_micro_card {
  width: 180px;
}

#home [data-view=CurrentTrack] .suggestions .user_micro_card img {
  float: left;
  margin-right: 15px;
}

#home [data-view=CurrentTrack] .suggestions .user_micro_card .user {
  float: left;
}

#home [data-view=CurrentTrack] .suggestions .user_micro_card .user .username {
  margin-bottom: 5px;
  font-size: 1.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#home [data-view=CurrentTrack] .suggestions .user_micro_card .user .button {
  height: 25px;
  line-height: 25px;
}

#home [data-view=CurrentTrack] .none {
  padding: 28px 20px;
}

#home [data-view=CurrentTrack] .none img {
  float: left;
  width: 356px;
}

#home [data-view=CurrentTrack] .none .col-right {
  text-align: center;
  margin-top: 20px;
}

#home [data-view=CurrentTrack] .none .col-right > div {
  display: inline-block;
}

#home [data-view=CurrentTrack] .none .col-right .title {
  color: #00aaea;
  margin-bottom: 10px;
  font-size: 1.6rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
}

#home [data-view=CurrentTrack] .none .col-right .text {
  width: 235px;
  text-align: left;
}

#home [data-view=CurrentTrack] .none .col-right .text p {
  margin: 0;
  padding: 0;
  text-align: left;
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#home [data-view=CurrentTrack] .none.large {
  height: 401px;
}

#home [data-view=CurrentTrack] .recommended-tracks .main-track .button.green.plus_promo {
  padding: 0 10px 0 20px;
}

#home [data-view=CurrentTrack] .recommended-tracks .main-track .button.green.plus_promo .sprite-1 {
  top: 2px;
  margin-left: 7px;
}

#home [data-view=CurrentTrack] .next-track {
  padding: 28px 20px;
}

#home [data-view=CurrentTrack] .next-track .col-left {
  float: left;
  width: 372px;
  margin-right: 30px;
}

#home [data-view=CurrentTrack] .next-track .col-right {
  padding: 50px 0;
}

#home [data-view=CurrentTrack] .next-track .col-right > div {
  text-align: center;
  margin: 10px 0;
}

#home [data-view=CurrentTrack] .next-track .col-right .button {
  padding: 0 20px 0 30px;
}

#home [data-view=CurrentTrack] .next-track .col-right .button .sprite-1 {
  position: relative;
  top: 5px;
  margin-left: 20px;
}

#home [data-view=CurrentTrack] .not-ready {
  padding: 17px;
}

#home [data-view=CurrentTrack] .not-ready .col-left {
  float: left;
  margin-right: 90px;
}

#home [data-view=CurrentTrack] .not-ready .col-left .title {
  color: #372f2b;
  line-height: 40px;
  font-size: 1.8rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#home [data-view=CurrentTrack] .not-ready .col-right {
  float: left;
}

#home [data-view=CurrentTrack] .not-ready .col-right .image {
  width: 90px;
  float: left;
  margin-right: 20px;
}

#home [data-view=CurrentTrack] .not-ready .col-right .recommended {
  width: 220px;
  float: left;
}

#home [data-view=CurrentTrack] .not-ready .col-right .recommended > div:first-child a,
#home [data-view=CurrentTrack] .not-ready .col-right .recommended > div:first-child a:visited {
  color: #372f2b;
  font-size: 1.6rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
}

#home [data-view=CurrentTrack] .not-ready .col-right .recommended > div:first-child a:hover,
#home [data-view=CurrentTrack] .not-ready .col-right .recommended > div:first-child a:visited:hover {
  text-decoration: none;
}

#home [data-view=CurrentTrack] .not-ready .col-right .recommended .label {
  width: 210px;
  min-height: 17px;
  margin-bottom: 10px;
}

#home [data-view=CurrentTrack] .recommended-tracks {
  padding: 10px 20px;
  /* EXTENDED HEIGHT FOR STUDENTS */
}

#home [data-view=CurrentTrack] .recommended-tracks h3 {
  color: #372f2b;
  font-family: OpenSansRegular;
}

#home [data-view=CurrentTrack] .recommended-tracks .main-track::after {
  display: block;
  clear: both;
  content: "";
}

#home [data-view=CurrentTrack] .recommended-tracks .main-track::after {
  display: block;
  clear: both;
  content: "";
}

#home [data-view=CurrentTrack] .recommended-tracks .main-track::after {
  display: block;
  clear: both;
  content: "";
}

#home [data-view=CurrentTrack] .recommended-tracks .main-track::after {
  display: block;
  clear: both;
  content: "";
}

#home [data-view=CurrentTrack] .recommended-tracks .main-track .name {
  color: #777;
  margin-bottom: 20px;
  font-size: 1.8rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
}

#home [data-view=CurrentTrack] .recommended-tracks .main-track img {
  float: left;
  width: 301px;
}

#home [data-view=CurrentTrack] .recommended-tracks .main-track > div:last-child {
  text-align: center;
  margin-top: 70px;
}

#home [data-view=CurrentTrack] .recommended-tracks .main-track > div:last-child .button {
  height: 42px;
  line-height: 42px;
  padding: 0 10px 0 40px;
  font-size: 1.6rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
}

#home [data-view=CurrentTrack] .recommended-tracks .main-track > div:last-child .button .sprite-1 {
  position: relative;
  top: 5px;
  margin-left: 20px;
}

#home [data-view=CurrentTrack] .recommended-tracks.extended-height {
  height: 401px;
}

#home [data-view=CurrentTrack] .other-tracks {
  padding: 10px 20px;
}

#home [data-view=CurrentTrack] .other-tracks h3 {
  margin: 0 0 17px;
}

#home [data-view=CurrentTrack] .other-tracks .flexible {
  margin-bottom: 15px;
}

#home [data-view=CurrentTrack] .other-tracks .track {
  width: 305px;
}

#home [data-view=CurrentTrack] .other-tracks .track img {
  float: left;
  width: 110px;
  margin-right: 20px;
}

#home [data-view=CurrentTrack] .other-tracks .track .track-meta {
  float: left;
  width: 175px;
}

#home [data-view=CurrentTrack] .other-tracks .track .track-meta .name {
  height: 35px;
}

#home [data-view=CurrentTrack] .other-tracks .track .track-meta .name a {
  font-size: 1.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#home [data-view=CurrentTrack] .expired {
  padding: 33px 20px;
}

#home [data-view=CurrentTrack] .expired.full_height {
  height: 401px;
}

#home [data-view=CurrentTrack] .expired .image {
  display: block;
  float: left;
  width: 370px;
}

#home [data-view=CurrentTrack] .expired .col-right {
  margin-top: 40px;
  text-align: center;
}

#home [data-view=CurrentTrack] .expired .col-right > div {
  margin-bottom: 15px;
}

#home [data-view=CurrentTrack] .expired .col-right .extend_track {
  padding: 0 20px 0 40px;
}

#home [data-view=CurrentTrack] .recommended_track {
  padding: 18px;
}

#home [data-view=CurrentTrack] .recommended_track .col-left {
  float: left;
  padding: 10px 0;
  margin-right: 80px;
}

#home [data-view=CurrentTrack] .recommended_track .col-left > div:first-child {
  font-size: 1.8rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #372f2b;
  margin-bottom: 5px;
}

#home [data-view=CurrentTrack] .recommended_track .col-right {
  float: left;
}

#home [data-view=CurrentTrack] .recommended_track .col-right img {
  float: left;
  margin-right: 20px;
}

#home [data-view=CurrentTrack] .recommended_track .col-right .rec-meta {
  float: left;
  max-width: 230px;
}

#home [data-view=CurrentTrack] .recommended_track .col-right .rec-meta .name {
  font-size: 1.6rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #372f2b;
  min-height: 44px;
}

#home [data-view=CurrentTrack] .finished-challenge {
  margin-top: 43px;
  padding: 25px 20px 57px;
}

#home [data-view=CurrentTrack] .finished-challenge .text-AS {
  font-size: 3.6rem;
  font-family: OpenSansLight;
  font-weight: normal;
}

#home [data-view=CurrentTrack] .finished-challenge .bold {
  font-size: 1.8rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
}

#home [data-view=CurrentTrack] .finished-challenge .col-left {
  float: left;
  width: 351px;
  margin: 40px 20px 0 0;
}

#home [data-view=CurrentTrack] .finished-challenge .col-left a img {
  border: 3px solid #d7d7d2;
  border-radius: 10px;
  background-clip: padding-box;
}

#home [data-view=CurrentTrack] .finished-challenge .col-right {
  margin-top: 110px;
  text-align: center;
}

#home [data-view=CurrentTrack] .finished-challenge .col-right .button {
  padding: 0 20px;
  font-size: 1.6rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
}

#home .hp_content {
  padding: 20px 15px;
}

#home .hp_content #posts_tab .content #profile_track_posts .head a {
  display: inline-block;
  outline: none;
  text-decoration: none;
}

#home .hp_content #posts_tab .content #profile_track_posts .head .track_progress {
  max-width: 300px;
}

#home .hp_content .post .button.secondary {
  background: #fff;
}

#home .carousel_wrap {
  margin-bottom: 30px;
}

#home #home-carousel {
  height: 100%;
  border: 1px solid #d7d7d2;
  overflow: hidden;
  background: #fff;
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

#home #home-carousel .carousel-cs {
  text-align: center;
}

#home #home-carousel .carousel-cs a {
  display: block;
  text-decoration: none;
}

#home #home-carousel .carousel-cs a.strengths {
  font-size: 1.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  text-decoration: none;
}

#home #home-carousel .carousel-cs img {
  margin: 25px 0 20px;
}

#home #home-carousel .carousel-cs span {
  font-size: 1.8rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
}

#home #home-carousel .carousel-cs p.strengths {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  position: relative;
  margin-top: 30px;
  display: block;
  color: #ff7a00;
  text-align: center;
}

#home #home-carousel .carousel-feature-track {
  text-align: center;
  padding: 0 12px;
}

#home #home-carousel .carousel-feature-track .bottom-link {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
  text-decoration: none;
  z-index: 9;
}

#home #home-carousel .carousel-daily-happifier a {
  text-decoration: none;
  display: table;
  width: 100%;
}

#home #home-carousel .carousel_control {
  border-top: 1px solid #d7d7d2;
  margin: 0 20px;
  text-align: center;
  padding: 10px 0;
  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;
}

#home #home-carousel .carousel_control li button,
#home #home-carousel .carousel_control li div[role='button'] {
  border-radius: 50%;
  background-clip: padding-box;
  margin: 8px 1px;
  padding: 0;
  height: 8px;
  width: 8px;
  background: #d7d7d2;
  cursor: pointer;
}

#home #home-carousel .carousel_control li.slick-active button,
#home #home-carousel .carousel_control li.slick-active div[role='button'] {
  background: #777;
}

#home #home-carousel .prev,
#home #home-carousel .next {
  width: 20px;
  height: 30px;
  position: absolute;
  padding: 5px;
  background: none;
  top: 170px;
  z-index: 100;
  cursor: pointer;
  border-radius: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#home #home-carousel .prev img,
#home #home-carousel .next img {
  max-width: 100%;
}

#home #home-carousel .slick-disabled img {
  display: none;
}

#home #home-carousel #carousel-inner {
  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;
  height: 100%;
}

#home #home-carousel #carousel-inner .carousel-slide.rewards .carousel-reward {
  text-align: center;
}

#home #home-carousel #carousel-inner .carousel-slide.rewards .carousel-reward .title {
  font-size: 2.1rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  text-align: center;
  color: #777;
  height: auto;
  margin-top: 18px;
  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;
}

#home #home-carousel #carousel-inner .carousel-slide.rewards .carousel-reward .title span {
  margin: 0 16px;
}

#home #home-carousel #carousel-inner .carousel-slide.rewards .carousel-reward .image-link {
  display: table;
  width: 80%;
  margin: 0 auto;
}

#home #home-carousel #carousel-inner .carousel-slide.rewards .carousel-reward .picture {
  width: 82%;
  height: 170px;
  margin: 13px 9%;
}

#home #home-carousel #carousel-inner .carousel-slide.rewards .carousel-reward .days-left-holder {
  font-family: OpenSansRegular;
  font-size: 19px;
  color: #777;
  padding: 0 35px;
  margin-top: 10px;
  margin-bottom: 5px;
}

#home #home-carousel #carousel-inner .carousel-slide.rewards .carousel-reward .points-holder {
  font-family: OpenSansRegular;
  font-size: 17px;
  color: #777;
  padding: 0 20px;
  margin-bottom: 13px;
}

#home #home-carousel #carousel-inner .carousel-slide.rewards .carousel-reward .points-holder.many-days-left {
  margin: 13px 0;
}

#home #home-carousel #carousel-inner .carousel-slide.rewards .carousel-reward .semibold {
  font-family: OpenSansSemibold;
}

#home #home-carousel #carousel-inner .carousel-slide.rewards .carousel-reward .bold {
  font-family: OpenSansBold;
}

#home #home-carousel #carousel-inner .carousel-slide.rewards .carousel-reward .button {
  font-family: OpenSansBold;
  font-size: 14px;
  padding: 0 50px;
  line-height: 47px;
  text-transform: uppercase;
  height: 47px;
}

#home #home-carousel #carousel-inner html[data-wcag-enabled=true] #carousel-inner .days-left-holder {
  color: black !important;
}

#home #home-carousel #carousel-inner .slick-slide {
  width: 100%;
}

#home #home-carousel #carousel-inner .carousel-daily-happifier a {
  text-decoration: none;
  display: table;
  width: 100%;
}

#home #home-carousel #carousel-inner .carousel-slide {
  padding: 20px;
  display: none;
  /* invisible before $.slick() */
}

#home #home-carousel #carousel-inner .carousel-slide > a {
  display: block;
  width: 100%;
  color: #777;
  text-decoration: none;
}

#home #home-carousel #carousel-inner .carousel-slide h3,
#home #home-carousel #carousel-inner .carousel-slide h2 {
  font-size: 2.4rem;
  font-family: OpenSansLight;
  font-weight: normal;
  text-align: center;
  margin: 0 0 15px 0;
}

#home #home-carousel #carousel-inner .carousel-slide .resizer {
  margin: 0 auto;
  height: 193px;
  max-width: 280px;
  text-align: center;
}

#home #home-carousel #carousel-inner .carousel-slide .resizer img {
  display: inline-block;
  height: auto;
  max-height: 100%;
  width: auto;
  max-width: 100%;
}

#home #home-carousel #carousel-inner .carousel-slide .title {
  font-size: 2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin-top: 15px;
  height: 70px;
  line-height: 23px;
  color: #ff7a00;
}

#home #home-carousel #carousel-inner .carousel-slide .bottom-link {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  position: relative;
  display: block;
  text-align: center;
  top: 10px;
}

#home #home-carousel #carousel-inner .carousel-slide .track-card-featured {
  border-radius: 5px;
  background-clip: padding-box;
  position: relative;
  display: inline-block;
  width: 100%;
  color: #777;
  vertical-align: top;
  text-align: left;
}

#home #home-carousel #carousel-inner .carousel-slide .track-card-featured header {
  overflow: hidden;
  z-index: 2;
}

#home #home-carousel #carousel-inner .carousel-slide .track-card-featured header a,
#home #home-carousel #carousel-inner .carousel-slide .track-card-featured header a:hover,
#home #home-carousel #carousel-inner .carousel-slide .track-card-featured header a:visited {
  display: block;
  color: inherit;
  text-decoration: none;
  overflow: hidden;
}

#home #home-carousel #carousel-inner .carousel-slide .track-card-featured header .header-link {
  position: relative;
}

#home #home-carousel #carousel-inner .carousel-slide .track-card-featured header .header-link::before {
  position: absolute;
  height: 100%;
  width: 100%;
  content: '';
  outline: 4px solid #000 !important;
  z-index: 999;
  visibility: hidden;
}

#home #home-carousel #carousel-inner .carousel-slide .track-card-featured header .label {
  font-size: 1.1rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  border-radius: 0 5px 0 5px;
  background-clip: padding-box;
  position: absolute;
  height: 25px;
  width: 85px;
  line-height: 23px;
  color: #fff;
  top: 0;
  right: 0;
  text-transform: uppercase;
  text-align: center;
}

#home #home-carousel #carousel-inner .carousel-slide .track-card-featured header .label.premium {
  background-color: #73a90f;
}

#home #home-carousel #carousel-inner .carousel-slide .track-card-featured header .label.recommended {
  border-radius: 5px 0 5px 0;
  background-clip: padding-box;
  width: 125px;
  background-color: #2dbce3;
  top: 0;
  left: 0;
}

#home #home-carousel #carousel-inner .carousel-slide .track-card-featured header .img_wrap {
  height: 110px;
  overflow: hidden;
}

#home #home-carousel #carousel-inner .carousel-slide .track-card-featured header img {
  border-radius: 5px 5px 0 0;
  background-clip: padding-box;
  width: 100%;
}

#home #home-carousel #carousel-inner .carousel-slide .track-card-featured header h2 {
  font-size: 1.6rem;
  font-family: OpenSansLight;
  font-weight: normal;
  position: relative;
  margin-bottom: 0;
  padding: 10px 10px 25px;
  display: inline-block;
  height: auto;
  width: 100%;
  line-height: 2rem;
  color: #777;
  border-left: 1px solid #d7d7d2;
  border-right: 1px solid #d7d7d2;
  left: 0;
}

#home #home-carousel #carousel-inner .carousel-slide .track-card-featured footer,
#home #home-carousel #carousel-inner .carousel-slide .track-card-featured .footer {
  border-radius: 0 0 5px 5px;
  background-clip: padding-box;
  position: relative;
  padding-bottom: 20px;
  background-color: #fff;
  border: 1px solid #d7d7d2;
  border-top: 0;
  z-index: 2;
}

#home #home-carousel #carousel-inner .carousel-slide .track-card-featured footer ul,
#home #home-carousel #carousel-inner .carousel-slide .track-card-featured .footer ul {
  font-size: 1.1rem;
  font-family: OpenSansItalic;
  font-weight: normal;
  padding: 0 15px 10px;
  width: 100%;
  color: #777;
  z-index: 3;
}

#home #home-carousel #carousel-inner .carousel-slide .track-card-featured footer ul li,
#home #home-carousel #carousel-inner .carousel-slide .track-card-featured .footer ul li {
  padding: 1px 0;
  font-weight: bold;
  list-style: disc inside;
}

#home #home-carousel #carousel-inner .carousel-slide .track-card-featured footer .actions,
#home #home-carousel #carousel-inner .carousel-slide .track-card-featured .footer .actions {
  display: table;
  max-width: 250px;
  clear: both;
  bottom: -10px;
  left: 10px;
  right: 10px;
}

#home #home-carousel #carousel-inner .carousel-slide .track-card-featured footer .actions.centered,
#home #home-carousel #carousel-inner .carousel-slide .track-card-featured .footer .actions.centered {
  margin: 0 auto;
  text-align: center;
}

#home #home-carousel #carousel-inner .carousel-slide .track-card-featured footer .actions .button.orange,
#home #home-carousel #carousel-inner .carousel-slide .track-card-featured .footer .actions .button.orange,
#home #home-carousel #carousel-inner .carousel-slide .track-card-featured footer .actions .button.green,
#home #home-carousel #carousel-inner .carousel-slide .track-card-featured .footer .actions .button.green {
  font-size: 1.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  padding: 0 32px;
  height: 50px;
  line-height: 52px;
  text-transform: uppercase;
}

#home #home-carousel #carousel-inner .carousel-slide .track-card-featured footer .author,
#home #home-carousel #carousel-inner .carousel-slide .track-card-featured .footer .author {
  position: relative;
  width: 100%;
  clear: both;
}

#home #home-carousel #carousel-inner .carousel-slide .track-card-featured footer .author .avatar,
#home #home-carousel #carousel-inner .carousel-slide .track-card-featured .footer .author .avatar {
  display: inline-block;
  width: 60px;
  vertical-align: top;
}

#home #home-carousel #carousel-inner .carousel-slide .track-card-featured footer .author .avatar img,
#home #home-carousel #carousel-inner .carousel-slide .track-card-featured .footer .author .avatar img {
  border-radius: 50%;
  background-clip: padding-box;
  margin: 10px;
  height: 40px;
  width: 40px;
}

#home #home-carousel #carousel-inner .carousel-slide .track-card-featured footer .author .info,
#home #home-carousel #carousel-inner .carousel-slide .track-card-featured .footer .author .info {
  padding-right: 10px;
  display: inline-block;
  width: calc(100% - 70px);
  vertical-align: top;
  text-align: left;
}

#home #home-carousel #carousel-inner .carousel-slide .track-card-featured footer .author .info p.book,
#home #home-carousel #carousel-inner .carousel-slide .track-card-featured .footer .author .info p.book {
  font-size: 1.1rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  color: #2dbce3;
}

#home #home-carousel #carousel-inner .carousel-slide .track-card-featured footer .author .info p.book::before,
#home #home-carousel #carousel-inner .carousel-slide .track-card-featured .footer .author .info p.book::before {
  margin-right: 5px;
  content: url(/static/img/tracks/Happify-Track-Book-Icon.png);
}

#home #home-carousel #carousel-inner .carousel-slide .track-card-featured footer .author .info p.descr,
#home #home-carousel #carousel-inner .carousel-slide .track-card-featured .footer .author .info p.descr {
  font-size: 1.1rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  margin: 0;
  padding-bottom: 15px;
  color: #ababa9;
}

#home #home-carousel #carousel-inner .carousel-slide .track-card-featured footer .author .info .name,
#home #home-carousel #carousel-inner .carousel-slide .track-card-featured .footer .author .info .name {
  font-size: 1.2rem;
  font-family: OpenSansItalic;
  font-weight: normal;
  margin: 10px 0 0;
}

#home #home-carousel #carousel-inner .carousel-slide .track-card-featured footer .author .info .name span,
#home #home-carousel #carousel-inner .carousel-slide .track-card-featured .footer .author .info .name span {
  font-size: 1.3rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
}

#home #home-carousel #carousel-inner .carousel-feature-track {
  text-align: center;
}

#home #home-carousel #carousel-inner .carousel-feature-track .bottom-link {
  margin-top: 10px;
  color: #777;
  text-decoration: none;
  z-index: 9;
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#home #home-carousel [data-view=ScoreCard] {
  padding: 20px 0;
}

#home #home-carousel .prev {
  left: 20px;
}

#home #home-carousel .next {
  right: 20px;
}

#home #home-carousel .carousel_liveregion {
  opacity: 0;
  position: absolute;
}

#home img.rewards-banner {
  border-radius: 5px;
  border: solid 1px #d7d7d2;
  margin-bottom: 20px;
}

#home #track_info_block {
  padding: 0;
  /*
  class .track_activity_block style is completely realized in static/css/fueled/home/track_activities.less
  please don't overwrite it here
  */
}

#home #track_info_block .title {
  margin-bottom: 10px;
}

#home #track_info_block .premium-badge {
  font-size: 1.3rem;
  font-family: OpensansRegular;
  font-weight: normal;
  background: #81BA00;
  height: 25px;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  line-height: 25px;
}

#home #track_info_block .track-data {
  max-width: 410px;
  margin-left: 8px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  #home #track_info_block .track-data {
    max-width: 360px;
  }
}

@media (max-width: 767.98px) {
  #home #track_info_block .track-data {
    margin-top: 10px;
  }
}

#home #track_info_block .track-data .name {
  font-size: 1.6rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #777;
}

#home #track_info_block .track-data .part {
  font-size: 1.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #d7d7d2;
}

#home #track_info_block .details {
  position: absolute;
  top: 15px;
  right: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 10px 8px;
}

@media (max-width: 767.98px) {
  #home #track_info_block .details {
    position: relative;
    top: 0;
    right: 0;
    margin: 20px 8px;
  }
}

#home #track_info_block .details .detail_block {
  margin-right: 20px;
}

#home #track_info_block .details .detail_block .count {
  margin: 0 0 0 15px;
}

#home #track_info_block .details .detail_block .count span {
  font-size: 2.8rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#home #track_info_block .details .detail_block .count.short {
  margin: 0 0 0 20px;
}

#home #track_info_block .details .detail_block .text {
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #d7d7d2;
}

#home #track_info_block .details .detail_block:nth-child(2) .count {
  margin: 0 0 0 9px;
}

#home #track_info_block .details .detail_block:nth-child(2) .count.short {
  margin: 0 0 0 15px;
}

@media (min-width: 768px) {
  #home #track_info_block .inner {
    min-height: 400px;
    /* [ch19226] */
  }
}

#home #track_info_block .inner .block {
  margin-top: 35px;
  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;
}

#home #track_info_block .inner .block > .image {
  vertical-align: top;
  display: inline-block;
  width: calc(50% - 20px);
}

#home #track_info_block .inner .block > .image img {
  width: 100%;
}

@media (max-width: 767.98px) {
  #home #track_info_block .inner .block > .image {
    width: 100%;
  }
}

#home #track_info_block .inner .block > .text {
  vertical-align: top;
  display: inline-block;
  width: 50%;
  text-align: left;
  margin: 0;
}

@media (max-width: 767.98px) {
  #home #track_info_block .inner .block > .text {
    width: 100%;
  }
}

#home #track_info_block .inner .block > .text h2 {
  font-size: 2.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #00aaea;
  margin: 0;
  line-height: 30px;
}

@media (max-width: 767.98px) {
  #home #track_info_block .inner .block > .text h2 br {
    content: ' ';
  }

  #home #track_info_block .inner .block > .text h2 br:after {
    content: ' ';
  }
}

#home #track_info_block .inner .block > .text h2 b,
#home #track_info_block .inner .block > .text h2 strong {
  font-family: OpenSansSemibold;
}

#home #track_info_block .inner .block > .text h3 {
  font-size: 1.8rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #777;
  margin: 25px 0 0;
}

#home #track_info_block .inner .block > .text p {
  font-size: 1.7rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #d7d7d2;
  width: 90%;
  margin: 10px 0;
  line-height: 20px;
}

#home #track_info_block .inner .block > .text .button {
  font-size: 1.6rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  width: 215px;
  height: 50px;
  line-height: 50px;
  text-transform: uppercase;
  text-align: center;
  margin: 40px 0 0;
}

#home #track_info_block .inner .block > .text .button.start_track {
  margin: 55px 0 0;
}

@media (max-width: 767.98px) {
  #home #track_info_block .inner .block > .text .button.start_track {
    margin: 15px 0 0;
  }
}

#home #track_info_block.new_track .inner .block {
  margin-top: 30px;
}

@media (max-width: 767.98px) {
  #home #track_info_block.new_track .inner .block {
    margin-top: 10px;
  }
}

#home #track_info_block.track_expired .inner .block .text h2 {
  font-size: 1.8rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#home #track_info_block.track_expired .inner .block .text .button.orange {
  width: auto;
  min-width: 180px;
}

#home #track_info_block.overachiever .inner .block .text p {
  font-family: OpenSansRegular;
}

#home #track_info_block.overachiever .inner .block .text p a {
  font-family: OpenSansSemibold;
}

#home #track_info_block.track_completed .inner .block {
  margin-top: 90px;
}

#home #track_info_block.track_completed .inner .block .text h2 {
  font-size: 2.2rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  margin-top: 15px;
}

#home #track_info_block.track_completed .inner .block .text .button {
  margin-top: 20px;
}

#home #track_info_block.last_track_completed .inner .title h1 {
  font-size: 3rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #00aaea;
}

#home #track_info_block.last_track_completed .inner .block {
  margin-top: 90px;
}

#home #track_info_block.last_track_completed .inner .block .text {
  text-align: center;
}

#home #track_info_block.last_track_completed .inner .block .text .button {
  margin-top: 60px;
}

#home #track_info_block.next_part .inner .block .text {
  text-align: center;
}

@media (max-width: 767.98px) {
  #home #track_info_block.next_part .inner .block .text h2 {
    margin: 10px 0 0;
  }
}

#home #track_info_block.next_part .inner .block .text .button {
  margin: 60px auto 10px;
}

@media (max-width: 767.98px) {
  #home #track_info_block.next_part .inner .block .text .button {
    margin: 10px 0 0;
  }
}

#home #track_info_block.next_part .inner .block .text .explore_tracks {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#home #track_info_block.premium .title {
  margin: 5px 0;
}

#home #track_info_block.premium .details {
  top: -4px;
}

#home #strengths_info_block .promo {
  margin: 30px 0 60px;
}

@media (max-width: 767.98px) {
  #home #strengths_info_block .promo {
    margin: 10px 0 20px;
  }
}

#home #strengths_info_block .promo h3 {
  font-size: 2.6rem;
  font-family: OpenSansLight;
  font-weight: normal;
  color: #00aaea;
}

@media (max-width: 767.98px) {
  #home #strengths_info_block .promo h3 {
    margin-bottom: 15px;
  }
}

#home #strengths_info_block .promo p {
  font-size: 1.6rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #b7b7b7;
}

#home #strengths_info_block .button.blue {
  width: 216px;
  height: 46px;
  line-height: 46px;
  display: block;
  font-size: 1.5rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  position: absolute;
  bottom: 46px;
  left: 52px;
}

#home #strengths_info_block .strengths_block {
  height: 330px;
  margin-top: 20px;
}

#home #strengths_info_block .strengths_block .clear {
  clear: both;
}

#home #strengths_info_block .strengths_block .strength {
  width: 100%;
  min-height: 50px;
  margin: 10px 0;
  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;
}

#home #strengths_info_block .strengths_block .icon {
  width: 50px;
  height: 50px;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  line-height: 50px;
}

#home #strengths_info_block .strengths_block .icon span {
  display: inline-block;
}

#home #strengths_info_block .strengths_block .sequence {
  display: inline-block;
  vertical-align: top;
  line-height: 50px;
  margin: 0 15px;
  width: 30px;
}

#home #strengths_info_block .strengths_block .sequence span {
  font-size: 2.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #00aaea;
}

#home #strengths_info_block .strengths_block .name {
  display: inline-block;
  vertical-align: top;
  line-height: 46px;
  width: calc(100% - 110px);
  max-width: 130px;
}

#home #strengths_info_block .strengths_block .name span {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
}

#home #strengths_info_block .strengths_block.short {
  height: 230px;
}

#home #strengths_info_block.assesment_info .title {
  text-align: left;
}

#home #strengths_info_block .unlock {
  margin-top: 25px;
}

#home #stats_info_block {
  min-height: 450px;
}

#home #stats_info_block > a {
  display: table;
  width: 100%;
}

#home #stats_info_block .button.ha {
  font-size: 1.5rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  display: block;
  width: 235px;
  height: 46px;
  line-height: 48px;
  margin: 0 auto;
  text-align: center;
}

#home #stats_info_block .button.ha span {
  display: inline-block;
  line-height: 17px;
  vertical-align: middle;
}

#home #stats_info_block .stats_block {
  margin: 20px auto 33px;
}

#home #stats_info_block .unlock {
  margin-top: 46px;
}

#home #stats_info_block .counters .value {
  position: relative;
}

#home #stats_info_block .counters .value .text {
  display: inline;
}

#home #stats_info_block .counters .value .tip-container {
  cursor: pointer;
  position: relative;
  top: 2px;
  display: inline;
}

#home #stats_info_block .counters .value .tip-container .tip {
  -webkit-box-shadow: 0 0 15px rgba(50, 50, 50, 0.25);
  box-shadow: 0 0 15px rgba(50, 50, 50, 0.25);
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  display: none;
  position: absolute;
  background: #fff;
  border-radius: 6px;
  background-clip: padding-box;
  padding: 24px;
  z-index: 9;
  border: 2px solid #e6e6e6;
  text-align: left;
  width: 266px;
  top: -28px;
  left: 24px;
  cursor: pointer;
}

#home #stats_info_block .counters .value .tip-container .tip:after {
  top: 30px;
  left: -36px;
  right: auto;
  margin-top: -16px;
  border-width: 19px;
  border-color: transparent rgba(0, 0, 0, 0.06) transparent transparent;
  border-style: solid;
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  z-index: 1;
}

#home #stats_info_block .counters .value .tip-container .tip:before {
  margin-left: -19px;
  z-index: 2;
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 17px;
  width: 0;
  height: 0;
  top: 30px;
  left: -13px;
  right: auto;
  margin-top: -15px;
  border-color: transparent #FFF transparent transparent;
}

#home #stats_info_block .counters .value .tip-container span.key {
  width: 5px;
  height: 13px;
  display: inline-block;
}

#home #stats_info_block .counters .value .tip-container span.key svg {
  height: 21px;
}

#home #stats_info_block .counters .value .tip-container:hover .tip,
#home #stats_info_block .counters .value .tip-container:focus .tip {
  display: block;
}

#home #stats_info_block .counters .value.depression .score,
#home #stats_info_block .counters .value.anxiety .score {
  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: 43px;
  height: 43px;
  background: white;
  border-radius: 50%;
  border: 5px solid #00aaea;
  font-size: 2.2rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  margin: 0 auto 5px;
  line-height: 43px;
  color: inherit;
  text-decoration: none;
}

#home #stats_info_block .counters .value.depression .score-descriptions,
#home #stats_info_block .counters .value.anxiety .score-descriptions {
  position: relative;
  display: inline-block;
}

#home #stats_info_block .counters .value.depression .score-descriptions .tip-container,
#home #stats_info_block .counters .value.anxiety .score-descriptions .tip-container {
  position: absolute;
  right: -10px;
  top: 50%;
  margin-top: -9px;
}

#home #stats_info_block .counters .value.depression .name,
#home #stats_info_block .counters .value.anxiety .name {
  text-transform: capitalize;
  font-size: 1.2rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  margin-bottom: 2px;
}

#home #stats_info_block .counters .value.depression .range,
#home #stats_info_block .counters .value.anxiety .range {
  font-size: 1.1rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #b7b7b7;
}

#home #stats_info_block a#stats_under_link {
  width: auto;
}

#home #posts_info_block .main-post {
  margin: 20px 0 10px;
  overflow: hidden;
}

#home #posts_info_block .main-post .post {
  cursor: pointer;
  display: table;
  margin: 4px;
  width: calc(100% - 8px);
}

#home #posts_info_block .main-post .post .image {
  overflow: hidden;
  width: 100%;
  height: 165px;
}

#home #posts_info_block .main-post .post .name {
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin: 3px 0 0;
  line-height: 18px;
}

#home #posts_info_block .other-posts {
  overflow: hidden;
}

#home #posts_info_block .other-posts .post {
  height: 50px;
  cursor: pointer;
  margin: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#home #posts_info_block .other-posts .post .image {
  width: 80px;
  height: 100%;
  overflow: hidden;
  position: relative;
}

#home #posts_info_block .other-posts .post .image img {
  width: 100%;
  position: absolute;
  bottom: 0;
}

#home #posts_info_block .other-posts .post .name {
  margin: 0 0 0 10px;
}

#home #posts_info_block .other-posts .post .name span {
  line-height: 15px;
}

#home #posts_info_block .other-posts .post:first-child {
  margin-bottom: 10px;
}

#home #following_info_block .title .count {
  font-size: 2.8rem;
  font-family: opensansBold;
  font-weight: normal;
  color: #777;
  float: right;
  line-height: 30px;
}

#home #following_info_block .promo {
  margin: 30px 0 90px;
}

@media (max-width: 767.98px) {
  #home #following_info_block .promo {
    margin: 10px 0 20px;
  }
}

#home #following_info_block .promo h3 {
  font-size: 2.6rem;
  font-family: OpenSansLight;
  font-weight: normal;
  color: #00aaea;
}

@media (max-width: 767.98px) {
  #home #following_info_block .promo h3 {
    margin-bottom: 15px;
  }
}

#home #following_info_block .promo p {
  font-size: 1.6rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #b7b7b7;
}

#home #following_info_block .followings {
  margin: 20px 0 0;
}

#home #following_info_block .followings a,
#home #following_info_block .followings a:hover,
#home #following_info_block .followings a:visited {
  text-decoration: none;
  outline: 0;
  margin: 7px 0;
  display: inline-block;
}

#home #following_info_block .followings .user {
  height: 50px;
  margin-bottom: 10px;
}

#home #following_info_block .followings .user .userpic-wrapper {
  display: inline-block;
  vertical-align: top;
}

#home #following_info_block .followings .user .userpic-wrapper a {
  margin: 0;
}

#home #following_info_block .followings .user .data {
  display: inline-block;
  vertical-align: top;
  width: 185px;
  margin-left: 8px;
}

#home #following_info_block .followings .user .data .name {
  font-size: 1.6rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #777;
}

#home #following_info_block .followings .user .data .city {
  font-size: 1.3rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #d7d7d2;
  margin-top: 2px;
}

#home #following_info_block .followings .user:last-child {
  margin: 0;
}

#home #forums_info_block .forum a {
  display: table;
}

#home #forums_info_block > .forums {
  margin: 20px 0 0;
}

#home #forums_info_block > .forums .forum:first-child {
  margin-bottom: 20px;
}

#home #forums_info_block > .forums .forum .forum-name {
  color: #fff;
  padding: 4px 6px;
  line-height: 20px;
  display: inline-block;
  background: #00aaea;
  font-size: 1.6rem;
  font-family: OpenSansSemibold;
  border-radius: 5px;
  background-clip: padding-box;
  font-weight: normal;
  cursor: pointer;
}

#home #forums_info_block > .forums .forum .text {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
  margin: 5px 0;
  height: 38px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#home #forums_info_block > .forums .forum .user {
  height: 40px;
  margin: 4px 0 8px;
  cursor: pointer;
}

#home #forums_info_block > .forums .forum .user .userpic-wrapper {
  display: inline-block;
}

#home #forums_info_block > .forums .forum .user .userpic-wrapper a {
  display: block;
}

#home #forums_info_block > .forums .forum .user .name {
  color: #ff7a00;
  font-size: 1.5rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
  line-height: 38px;
  overflow: hidden;
}

#home #forums_info_block > .forums .forum .user .name span {
  line-height: normal;
  display: inline-block;
  vertical-align: middle;
}

#home #forums_info_block > .forums .forum .user a {
  outline: none;
  text-decoration: none;
  color: #fff;
}

#home #forums_info_block > .forums .forum .statistics .participants {
  font-size: 1.2rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  display: inline-block;
  vertical-align: top;
  width: 49%;
  text-align: left;
}

#home #forums_info_block > .forums .forum .statistics .discussions {
  font-size: 1.2rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  display: inline-block;
  vertical-align: top;
  width: 49%;
  text-align: right;
}

#home #medals_info_block {
  padding-bottom: 20px !important;
}

#home #medals_info_block .value > a {
  display: table;
  margin: 0 auto;
}

#home #medals_info_block > .medals {
  height: 250px;
  margin-top: 20px;
}

#home #medals_info_block > .medals a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 10px 0;
  outline: 0;
  text-decoration: none;
}

#home #medals_info_block > .medals a .medal {
  width: 40px;
  height: 50px;
  display: inline-block;
  vertical-align: top;
  margin: 0 30px 0 7px;
}

#home #medals_info_block > .medals a .data {
  display: inline-block;
  vertical-align: top;
  max-width: 165px;
  height: 55px;
  width: calc(100% - 80px);
}

#home #medals_info_block > .medals a .data .track_name {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
  width: 100%;
  position: relative;
}

#home #medals_info_block > .medals a .data .track_name span {
  display: inline-block;
  vertical-align: middle;
  line-height: 16px;
}

#home #medals_info_block > .medals a .data .challenge_name {
  font-size: 1.3rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #d7d7d2;
  overflow: hidden;
  max-height: 14px;
}

#home #medals_info_block .counters .medal {
  width: 40px;
  height: 50px;
}

#home #medals_info_block .counters .count span.text {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #b7b7b7;
}

#home #medals_info_block .promo {
  margin: 30px 0 0;
}

@media (max-width: 767.98px) {
  #home #medals_info_block .promo {
    margin: 10px 0 20px;
  }
}

#home #medals_info_block .promo h3 {
  font-size: 2.6rem;
  font-family: OpenSansLight;
  font-weight: normal;
  color: #00aaea;
  line-height: 30px;
}

@media (max-width: 767.98px) {
  #home #medals_info_block .promo h3 br {
    content: ' ';
  }

  #home #medals_info_block .promo h3 br:after {
    content: ' ';
  }
}

#home #medals_info_block .promo p {
  font-size: 1.6rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #b7b7b7;
}

#home #medals_info_block .promo p .blue {
  color: #00aaea;
}

#home #medals_info_block .promo p.gray {
  color: #777;
}

#home .hp-menu {
  width: 38px;
  height: 30px;
  background-image: url("/static/img/homepage/hp_menu.png");
  background-size: 400px 73px;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-color: transparent;
  display: inline-block;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #home .hp-menu {
    background-image: url("/static/img/homepage/hp_menu@2x.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #home .hp-menu {
    background-image: url("/static/img/homepage/hp_menu@2x.png");
  }
}

#home .hp-menu.track {
  background-position: 9px -1px;
}

#home .hp-menu.posts {
  background-position: -90px -2px;
}

#home .hp-menu.stats {
  background-position: -56px -2px;
}

#home .hp-menu.medals {
  width: 26px;
  height: 30px;
  background-position: -130px -1px;
}

#home .hp-menu.strengths {
  background-position: -24px 0;
}

#home .hp-menu.following {
  width: 26px;
  height: 30px;
  background-position: -160px -1px;
}

#home .hp-menu.forums {
  width: 32px;
  height: 32px;
  background-position: -237px -2px;
}

#home .hp-menu.clients {
  background-position: -192px -4px;
}

#home .hp-menu.coach {
  background-position: -313px -4px;
  width: 41px;
  height: 30px;
}

#home .selected .hp-menu.track {
  background-position: 9px -41px;
}

#home .selected .hp-menu.posts {
  background-position: -90px -42px;
}

#home .selected .hp-menu.stats {
  background-position: -56px -42px;
}

#home .selected .hp-menu.medals {
  background-position: -130px -41px;
}

#home .selected .hp-menu.strengths {
  background-position: -24px -40px;
}

#home .selected .hp-menu.following {
  background-position: -160px -41px;
}

#home .selected .hp-menu.forums {
  background-position: -237px -42px;
}

#home .selected .hp-menu.clients {
  background-position: -191px -39px;
}

#home .selected .hp-menu.coach {
  background-position: -313px -43px;
}

#home .track_wrap {
  padding: 0 16px;
  margin: 0;
  width: 1056px;
}

#home .track_wrap[data-view="UnlockHappify"] {
  margin: 0 16px;
  width: 1024px;
}

#home #track_tab {
  margin-top: 10px;
  padding-bottom: 50px;
  width: 100%;
}

#home #track_tab .track_title {
  background: #ff7a00;
  position: relative;
}

@media (max-width: 991.98px) {
  #home #track_tab .track_title {
    padding-bottom: 20px;
  }
}

#home #track_tab .track_title .logo {
  width: 40px;
  height: 40px;
}

@media (max-width: 991.98px) {
  #home #track_tab .track_title .logo {
    margin-left: 20px;
    display: inline-block;
    vertical-align: middle;
  }
}

@media (min-width: 992px) {
  #home #track_tab .track_title .logo {
    position: absolute;
    bottom: 2px;
    left: 108px;
  }
}

#home #track_tab .track_title .logo img {
  width: 40px;
  height: 40px;
}

@media (min-width: 992px) {
  #home #track_tab .track_title .logo img {
    position: absolute;
    top: 0;
    left: 0;
  }
}

#home #track_tab .track_title .logo_copy {
  font-size: 1.2rem;
  font-family: OpenSansLight;
  font-weight: normal;
  color: #ffffff;
}

@media (max-width: 991.98px) {
  #home #track_tab .track_title .logo_copy {
    margin-left: 5px;
    display: inline-block;
    vertical-align: middle;
  }
}

@media (min-width: 992px) {
  #home #track_tab .track_title .logo_copy {
    position: absolute;
    bottom: 2px;
    left: 160px;
    height: 40px;
    line-height: 40px;
  }
}

#home #track_tab .track_title .image:not(.facebook):not(.twitter) {
  width: 126px;
  height: 126px;
  display: inline-block;
  vertical-align: top;
}

@media (max-width: 991.98px) {
  #home #track_tab .track_title .image:not(.facebook):not(.twitter) {
    display: none;
  }
}

#home #track_tab .track_title .text {
  display: inline-block;
  vertical-align: top;
  color: #fff;
  margin: 15px 0 15px 20px;
}

@media (max-width: 767.98px) {
  #home #track_tab .track_title .text {
    margin-right: 10px;
  }
}

@media (min-width: 992px) {
  #home #track_tab .track_title .text {
    width: calc(75% - 155px);
  }
}

#home #track_tab .track_title .text a {
  display: inline-block;
}

#home #track_tab .track_title .text a:hover {
  text-decoration: none;
}

#home #track_tab .track_title .text h1 {
  font-size: 3rem;
  font-family: OpenSansLight;
  font-weight: normal;
  color: #fff;
  line-height: 34px;
}

#home #track_tab .track_title .text .sub {
  font-size: 1.8rem;
  font-family: OpenSansLight;
  font-weight: normal;
  margin-top: 5px;
  line-height: 22px;
}

#home #track_tab .track_title .additional {
  vertical-align: top;
}

@media (max-width: 991.98px) {
  #home #track_tab .track_title .additional {
    padding-left: 10px;
    margin-bottom: 15px;
  }
}

@media (min-width: 992px) {
  #home #track_tab .track_title .additional {
    float: right;
    text-align: right;
    width: 16%;
  }
}

@media (min-width: 992px) {
  #home #track_tab .track_title .additional .share-container {
    position: relative;
    top: 20px;
  }
}

#home #track_tab .track_title .additional .share-container .viral-share {
  width: 100%;
  padding-right: 10px;
}

#home #track_tab .track_title .additional .share-container .viral-share .share-menu {
  text-align: left;
  right: 0;
}

#home #track_tab .track_title .additional .share-container .viral-share .share-menu:before,
#home #track_tab .track_title .additional .share-container .viral-share .share-menu:after {
  left: 84%;
}

#home #track_tab .track_title .additional .share-container .button.secondary.share {
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  border: none;
  background: transparent;
  color: #fff !important;
  line-height: 20px;
}

#home #track_tab .track_title .additional .share-container .button.secondary.share img {
  width: 20px;
  height: 16px;
  float: right;
  margin-left: 18px;
}

#home #track_tab .track_title .additional .premium-badge {
  font-size: 1.3rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  background: #81BA00;
  border-radius: 0 0 0 8px;
  background-clip: padding-box;
  width: 105px;
  height: 30px;
  color: #fff;
  line-height: 30px;
  text-transform: uppercase;
  text-align: center;
  float: right;
}

#home #track_tab .medal-message {
  background-image: url("/static/img/homepage/msg_bg_image_guest@1x.png");
  background-size: 1020px 115px;
  background-repeat: repeat;
  background-position: 0 0;
  background-color: #ecf5d9;
  position: relative;
  width: 100%;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #home #track_tab .medal-message {
    background-image: url("/static/img/homepage/msg_bg_image_guest@2x.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #home #track_tab .medal-message {
    background-image: url("/static/img/homepage/msg_bg_image_guest@2x.png");
  }
}

@media (max-width: 991.98px) {
  #home #track_tab .medal-message .inner {
    padding: 20px;
  }
}

@media (min-width: 992px) {
  #home #track_tab .medal-message .inner {
    padding: 30px;
    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;
  }
}

#home #track_tab .medal-message .medal {
  width: 35px;
  height: 45px;
  display: inline-block;
  vertical-align: top;
  margin-top: 8px;
}

@media (max-width: 991.98px) {
  #home #track_tab .medal-message .text-block {
    margin-bottom: 20px;
  }
}

@media (min-width: 992px) {
  #home #track_tab .medal-message .text-block {
    margin: 0 30px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}

#home #track_tab .medal-message .text-block h2 {
  font-size: 2.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
}

#home #track_tab .medal-message .text-block h2 span {
  color: #00aaea;
}

#home #track_tab .medal-message .text-block .text {
  font-size: 1.5rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#home #track_tab .medal-message .text-block .text a {
  color: #777;
  text-decoration: underline;
}

#home #track_tab .medal-message .button.green {
  font-size: 1.7rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  position: relative;
  opacity: 1;
  width: 240px;
  height: 42px;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  text-transform: uppercase;
}

#home #track_tab .medal-message .button.green > .premium_icon {
  margin: 0 0 0 10px;
  width: 18px;
  height: 26px;
}

#home #track_tab .medal-message.premium {
  background-image: url("/static/img/homepage/msg_bg_image_premium@1x.png");
  background-size: 1020px 115px;
  background-repeat: repeat;
  background-position: 0 0;
  background-color: #f0fafe;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #home #track_tab .medal-message.premium {
    background-image: url("/static/img/homepage/msg_bg_image_premium@2x.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #home #track_tab .medal-message.premium {
    background-image: url("/static/img/homepage/msg_bg_image_premium@2x.png");
  }
}

#home #track_tab .books-section {
  border-top: 1px solid #d7d7d2;
  margin-left: 10px;
  padding: 30px 0;
}

@media (max-width: 767.98px) {
  #home #track_tab .books-section {
    margin-left: 0;
  }
}

#home #track_tab .books-section .book_link {
  display: inline-table;
}

@media (max-width: 767.98px) {
  #home #track_tab .books-section .book_link {
    width: 15%;
    display: inline-block;
  }
}

#home #track_tab .books-section .book_link img {
  width: 130px;
}

#home #track_tab .books-section .data {
  display: inline-block;
  vertical-align: top;
  margin-left: 20px;
  font-weight: normal;
  max-width: 460px;
}

@media (max-width: 767.98px) {
  #home #track_tab .books-section .data {
    width: 75%;
    max-width: none;
  }
}

#home #track_tab .books-section .data .name a {
  font-size: 1.8rem;
  font-family: OpenSansBold;
  font-weight: normal;
  color: #777;
  text-decoration: none;
}

#home #track_tab .books-section .data .sub {
  font-size: 1.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #d7d7d2;
}

#home #track_tab .books-section .data .text {
  font-size: 1.7rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
}

#home #track_tab .books-section .data h3 {
  font-size: 1.8rem;
  font-family: OpenSansBold;
  font-weight: normal;
  color: #00aaea;
  margin: 20px 0 25px;
}

#home #track_tab .books-section .data ul li {
  display: inline-block;
  vertical-align: top;
  background: #f5f5f5;
  margin-right: 5px;
  min-height: 18px;
}

@media (max-width: 767.98px) {
  #home #track_tab .books-section .data ul li {
    margin: 10px 5px 10px 0;
  }
}

#home #track_tab .books-section .data ul li > a {
  display: inline-table;
}

#home #track_tab .books-section .data ul li .store-icon {
  background-image: url("/static/img/homepage/track_assets@1x.png");
  background-size: 273px 220px;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-color: transparent;
  display: inline-block;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #home #track_tab .books-section .data ul li .store-icon {
    background-image: url("/static/img/homepage/track_assets@2x.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #home #track_tab .books-section .data ul li .store-icon {
    background-image: url("/static/img/homepage/track_assets@2x.png");
  }
}

#home #track_tab .books-section .data ul li .store-icon.amazon {
  width: 125px;
  height: 40px;
  background-position: -4px -60px;
}

#home #track_tab .books-section .data ul li .store-icon.bn {
  width: 206px;
  height: 40px;
  background-position: -4px -8px;
}

#home #track_tab .books-section .data ul li .store-icon.ibook {
  width: 106px;
  height: 40px;
  background-position: -4px -114px;
}

#home #track_tab .books-section .data ul li .store-icon.indiebound {
  width: 147px;
  height: 40px;
  background-position: -4px -167px;
}

#home #track_tab .books-section .data ul li:nth-child(4) {
  margin-top: 10px;
}

#home #track_tab .stats {
  width: 100%;
  text-align: center;
}

@media (max-width: 991.98px) {
  #home #track_tab .stats {
    padding: 30px 16px 20px;
  }
}

@media (min-width: 992px) {
  #home #track_tab .stats {
    padding: 40px 15px 20px;
  }
}

#home #track_tab .stats .block {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  min-width: 25%;
}

#home #track_tab .stats .block:first-child {
  padding: 0 10px 0 0;
}

#home #track_tab .stats .block .count span {
  font-size: 2.8rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
}

#home #track_tab .stats .block .count span.label {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#home #track_tab .stats .block .text {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
}

#home #track_tab .track-info {
  margin-top: 20px;
  font-weight: normal;
}

@media (max-width: 991.98px) {
  #home #track_tab .track-info {
    padding-left: 20px;
  }
}

#home #track_tab .track-info .autor-image {
  width: 80px;
  height: 80px;
}

#home #track_tab .track-info .autor-image img {
  border-radius: 50%;
  background-clip: padding-box;
}

#home #track_tab .track-info .autor-name {
  margin-top: 20px;
}

#home #track_tab .track-info .autor-name span {
  font-size: 1.6rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #777;
}

#home #track_tab .track-info .autor-name span em {
  font-size: 1.6rem;
  font-family: OpenSansLight;
  font-weight: normal;
}

#home #track_tab .track-info .author-title {
  font-size: 1.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #777;
}

#home #track_tab .track-info .author-bio,
#home #track_tab .track-info .description {
  position: relative;
}

#home #track_tab .track-info .author-bio .container,
#home #track_tab .track-info .description .container {
  position: relative;
  z-index: 9;
  background: #fff;
  overflow: hidden;
  padding: 20px;
}

#home #track_tab .track-info .author-bio .container .text,
#home #track_tab .track-info .description .container .text {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
  display: inline-block;
}

#home #track_tab .track-info .author-bio .container .text p:last-child,
#home #track_tab .track-info .description .container .text p:last-child {
  margin-bottom: 0;
}

#home #track_tab .track-info .author-bio .container .text p:last-child a,
#home #track_tab .track-info .description .container .text p:last-child a {
  margin-left: 5px;
}

#home #track_tab .track-info .author-bio .container .text a,
#home #track_tab .track-info .description .container .text a {
  font-size: 1.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
}

#home #track_tab .track-info .author-bio .container .text a.js-more,
#home #track_tab .track-info .description .container .text a.js-more,
#home #track_tab .track-info .author-bio .container .text a.js-less,
#home #track_tab .track-info .description .container .text a.js-less {
  white-space: nowrap;
}

#home #track_tab .track-info .author-bio {
  z-index: 9;
  left: -20px;
}

#home #track_tab .track-info .author-bio .container {
  min-height: 116px;
}

#home #track_tab .track-info .author-bio .container.open {
  -webkit-box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.1);
  padding-bottom: 20px;
}

#home #track_tab .track-info .description {
  height: auto;
  z-index: 8;
  margin-top: 30px;
}

#home #track_tab .track-info .description .container {
  height: auto;
  position: relative;
  padding-bottom: 30px;
}

#home #track_tab .track-info h2 {
  font-size: 1.8rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #777;
  margin: 25px 0 0;
}

#home #track_tab .track-info h2.forums {
  margin: 70px 0 15px;
}

#home #track_tab .track-info .forum a {
  font-size: 1.6rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  text-decoration: none;
}

#home #track_tab .track-info ul {
  max-width: 80%;
}

#home #track_tab .track-info ul li {
  font-size: 1.8rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  font-style: italic;
  margin: 20px 0 0 20px;
  position: relative;
  min-height: 20px;
}

#home #track_tab .track-info ul li:before {
  width: 6px;
  height: 6px;
  background: #2dbce3;
  border-radius: 50%;
  background-clip: padding-box;
  content: "";
  position: absolute;
  top: 9px;
  left: -20px;
}

#home #track_tab #track_tab_activities {
  padding: 20px 0 40px 0;
}

#home #track_tab #track_tab_activities .title {
  margin-bottom: 40px;
}

#home #track_tab #track_tab_activities .title .head {
  font-size: 2.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #ff7a00;
}

#home #track_tab #track_tab_activities .title p {
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin: 5px 0 0;
  line-height: 24px;
}

#home .track_activity_block {
  vertical-align: top;
}

#home .track_activity_block .vertical-line {
  /* see :last-child rules below */
  width: 6px;
  height: 21px;
  background-image: url("/static/img/homepage/track_assets@1x.png");
  background-size: 273px 220px;
  background-repeat: no-repeat;
  background-position: -130px -72px;
  background-color: transparent;
  background-position: -143px -73px;
  margin: 2px 0 2px 50px;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #home .track_activity_block .vertical-line {
    background-image: url("/static/img/homepage/track_assets@2x.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #home .track_activity_block .vertical-line {
    background-image: url("/static/img/homepage/track_assets@2x.png");
  }
}

#home .track_activity_block .head {
  cursor: pointer;
}

#home .track_activity_block .head .circle {
  width: 44px;
  height: 44px;
  background-image: url("/static/img/homepage/track_assets@1x.png");
  background-size: 273px 220px;
  background-repeat: no-repeat;
  background-position: -204px -63px;
  background-color: transparent;
  display: inline-block;
  vertical-align: top;
  margin: 0 0 0 30px;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #home .track_activity_block .head .circle {
    background-image: url("/static/img/homepage/track_assets@2x.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #home .track_activity_block .head .circle {
    background-image: url("/static/img/homepage/track_assets@2x.png");
  }
}

#home .track_activity_block .head .text {
  font-size: 1.6rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #777;
  display: inline-block;
  vertical-align: top;
  line-height: 40px;
  margin-left: 15px;
  border: 0;
  background: transparent;
  padding: 0;
  height: auto;
  border-radius: 0;
}

#home .track_activity_block .activities {
  overflow: hidden;
  margin: 0;
}

#home .track_activity_block .activities .blocked {
  cursor: default;
}

#home .track_activity_block .activities > ul .activity_inside_info,
#home .track_activity_block .activities > ul .activity_inside_info:visited,
#home .track_activity_block .activities > ul .activity_inside_info:hover {
  text-decoration: none;
  outline: none;
  display: inline-block;
  width: 100%;
  cursor: pointer;
}

#home .track_activity_block .activities > ul .activity_inside_info.focusable .activity,
#home .track_activity_block .activities > ul .activity_inside_info:visited.focusable .activity,
#home .track_activity_block .activities > ul .activity_inside_info:hover.focusable .activity {
  background: #ecfefe;
}

#home .track_activity_block .activities > ul .activity_inside_info.focusable .activity .fade,
#home .track_activity_block .activities > ul .activity_inside_info:visited.focusable .activity .fade,
#home .track_activity_block .activities > ul .activity_inside_info:hover.focusable .activity .fade {
  opacity: 0.85;
}

#home .track_activity_block .activities > ul .activity_inside_info.focusable .activity .icon-unlock.activity img.default,
#home .track_activity_block .activities > ul .activity_inside_info:visited.focusable .activity .icon-unlock.activity img.default,
#home .track_activity_block .activities > ul .activity_inside_info:hover.focusable .activity .icon-unlock.activity img.default {
  display: none;
}

#home .track_activity_block .activities > ul .activity_inside_info.focusable .activity .icon-unlock.activity img.active,
#home .track_activity_block .activities > ul .activity_inside_info:visited.focusable .activity .icon-unlock.activity img.active,
#home .track_activity_block .activities > ul .activity_inside_info:hover.focusable .activity .icon-unlock.activity img.active {
  display: inline;
}

#home .track_activity_block .activities > ul .activity_inside_info.focusable .activity .button,
#home .track_activity_block .activities > ul .activity_inside_info:visited.focusable .activity .button,
#home .track_activity_block .activities > ul .activity_inside_info:hover.focusable .activity .button {
  opacity: 1;
}

#home .track_activity_block .activities > ul .activity_inside_info.focusable .activity .completed,
#home .track_activity_block .activities > ul .activity_inside_info:visited.focusable .activity .completed,
#home .track_activity_block .activities > ul .activity_inside_info:hover.focusable .activity .completed {
  opacity: 0;
}

#home .track_activity_block .activities > ul .activity_inside_info.focusable .activity .activity-image img.skill,
#home .track_activity_block .activities > ul .activity_inside_info:visited.focusable .activity .activity-image img.skill,
#home .track_activity_block .activities > ul .activity_inside_info:hover.focusable .activity .activity-image img.skill {
  opacity: 1;
}

#home .track_activity_block .activities .activity_inside_info {
  margin: 3px;
}

#home .track_activity_block .activities .activity {
  background: #fff;
  margin: 0;
  position: relative;
  margin-left: 50px;
  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;
  padding: 10px 10px 10px 0;
  height: 86px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #home .track_activity_block .activities .activity:before {
    content: '';
    min-height: inherit;
    margin: -10px 0;
  }
}

#home .track_activity_block .activities .activity > a,
#home .track_activity_block .activities .activity a:visited {
  color: transparent;
}

#home .track_activity_block .activities .activity > a.button,
#home .track_activity_block .activities .activity a.button {
  color: #fff;
}

#home .track_activity_block .activities .activity .activity-image {
  width: 86px;
  height: 86px;
  background: #fff;
  border-radius: 50%;
  background-clip: padding-box;
  left: -43px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  overflow: hidden;
}

#home .track_activity_block .activities .activity .activity-image .fade {
  width: 86px;
  height: 86px;
  background: #fff;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  position: absolute;
  z-index: 2;
  opacity: 0;
  top: 0;
  left: 0;
}

#home .track_activity_block .activities .activity .activity-image .fade.constant {
  opacity: 0.85;
}

#home .track_activity_block .activities .activity .activity-image img {
  max-width: none;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  height: 86px;
}

#home .track_activity_block .activities .activity .activity-image img.skill {
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  z-index: 3;
  opacity: 0;
}

#home .track_activity_block .activities .activity .activity-image img.first {
  top: 0;
}

#home .track_activity_block .activities .activity .activity-data {
  margin: 0 10px 0 60px;
  line-height: 1em;
  min-width: 150px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

#home .track_activity_block .activities .activity .activity-data .name {
  font-size: 1.8rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin: 0 0 5px;
  position: relative;
  width: 100%;
}

#home .track_activity_block .activities .activity .activity-data .name span {
  color: #777;
  line-height: 1.2em;
}

#home .track_activity_block .activities .activity .activity-data .sub,
#home .track_activity_block .activities .activity .activity-data .unlock_on {
  font-size: 1.3rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  line-height: 1.2em;
}

#home .track_activity_block .activities .activity .activity-data .unlock_on {
  color: #d7d7d2;
}

#home .track_activity_block .activities .activity .activity-data .unlock_on {
  color: #d7d7d2;
}

#home .track_activity_block .activities .activity .swapping {
  padding: 0;
  width: 20px;
  margin: 18px 10px 0 4px;
  opacity: 0;
  -webkit-transition: opacity 0.35s ease-in-out;
  transition: opacity 0.35s ease-in-out;
}

#home .track_activity_block .activities .activity .swapping:active {
  -webkit-box-shadow: none;
  box-shadow: none;
}

#home .track_activity_block .activities .activity .icon-unlock {
  width: 28px;
  height: 28px;
  position: absolute;
  right: 20px;
  top: 30px;
  background: transparent;
  padding: 0;
}

#home .track_activity_block .activities .activity .icon-unlock img {
  width: 100%;
}

#home .track_activity_block .activities .activity .icon-unlock.time {
  background-image: url("/static/img/homepage/track_assets@1x.png");
  background-size: 273px 220px;
  background-repeat: no-repeat;
  background-position: -203px -122px;
  background-color: transparent;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #home .track_activity_block .activities .activity .icon-unlock.time {
    background-image: url("/static/img/homepage/track_assets@2x.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #home .track_activity_block .activities .activity .icon-unlock.time {
    background-image: url("/static/img/homepage/track_assets@2x.png");
  }
}

#home .track_activity_block .activities .activity .icon-unlock.activity img.default {
  display: inline;
}

#home .track_activity_block .activities .activity .icon-unlock.activity img.active {
  display: none;
}

#home .track_activity_block .activities .activity .completed {
  font-size: 1.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #d7d7d2;
  position: absolute;
  right: 20px;
  top: 32px;
  opacity: 1;
  line-height: 1.2em;
}

@media (max-width: 767.98px) {
  #home .track_activity_block .activities .activity .completed {
    position: relative;
    top: 0;
    right: 0;
  }
}

#home .track_activity_block .activities .activity .saved {
  width: 31px;
  height: 31px;
  position: absolute;
  right: 20px;
  top: 30px;
}

#home .track_activity_block .activities .activity .button {
  font-size: 1.6rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  -webkit-transition: opacity 0.35s ease-in-out;
  transition: opacity 0.35s ease-in-out;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  cursor: pointer;
  margin: 0 0 0 auto;
  text-transform: uppercase;
  opacity: 0;
  padding: 8px 20px;
  height: auto;
  line-height: normal;
}

@media (max-width: 767.98px) {
  #home .track_activity_block .activities .activity .button {
    padding: 8px 10px;
    margin: 5px 0 0 auto;
    white-space: pre-line;
    max-width: 160px;
  }
}

#home .track_activity_block .activities .activity .button.js-activity_button {
  /* for swapping feature buttons "Do activity" or "Continue" must be equal size (the longest of both ones) */
  /* see static/css/fueled/home/index.less for locale related sizes */
}

@media (min-width: 768px) {
  #home .track_activity_block .activities .activity .button.js-activity_button {
    min-width: 175px;
  }
}

#home .track_activity_block .activities .activity .button.orange .pen {
  width: 15px;
  height: 15px;
  display: inline-block;
  position: relative;
  top: 2px;
  left: 8px;
}

@media (max-width: 767.98px) {
  #home .track_activity_block .activities .activity .button.blue {
    padding: 8px 10px;
  }
}

#home .track_activity_block .activities .activity .button.green.homeunlock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#home .track_activity_block .activities .activity .button.green.homeunlock .premium_icon {
  width: 18px;
  height: 20px;
  margin-left: 5px;
}

#home .track_activity_block .activities .activity:hover {
  background: #ecfefe;
}

#home .track_activity_block .activities .activity:hover .fade {
  opacity: 0.85;
}

#home .track_activity_block .activities .activity:hover .swapping {
  opacity: 1;
}

#home .track_activity_block .activities .activity:hover .icon-unlock.activity img.default {
  display: none;
}

#home .track_activity_block .activities .activity:hover .icon-unlock.activity img.active {
  display: inline;
}

#home .track_activity_block .activities .activity:hover .button.blue,
#home .track_activity_block .activities .activity:hover .button.orange {
  opacity: 1;
}

#home .track_activity_block .activities .activity:hover .completed {
  opacity: 0;
}

#home .track_activity_block .activities .activity:hover .activity-image img.skill {
  opacity: 1;
}

#home .track_activity_block .activities .activity:hover .activity-image img:not(.skill) {
  opacity: 0;
}

#home .track_activity_block .activities .activity.premium:hover {
  background: #f5ffe5;
}

#home .track_activity_block .activities .activity.premium:hover .premium-label {
  opacity: 0;
}

#home .track_activity_block .activities .activity.premium:hover .button.green {
  opacity: 1;
}

#home .track_activity_block .activities .activity.saved:hover {
  background: #FFFCFA;
}

#home .track_activity_block .activities .activity.SA .activity-data .sub {
  color: #c5168a;
}

#home .track_activity_block .activities .activity.TH .activity-data .sub {
  color: #ff7a00;
}

#home .track_activity_block .activities .activity.AS .activity-data .sub {
  color: #00aaea;
}

#home .track_activity_block .activities .activity.GI .activity-data .sub {
  color: #06b709;
}

#home .track_activity_block .activities .activity.EM .activity-data .sub {
  color: #ff3131;
}

#home .track_activity_block .activities .activity.OT .activity-data .sub {
  color: #f4d420;
}

#home .track_activity_block .activities .activity.RE .activity-data .sub {
  color: #2ac4c5;
}

#home .track_activity_block .activities .activity .premium-label {
  -webkit-transition: opacity 0.35s ease-in-out;
  transition: opacity 0.35s ease-in-out;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  position: absolute;
  right: 40px;
  top: 30px;
  opacity: 1;
}

@media (max-width: 767.98px) {
  #home .track_activity_block .activities .activity .premium-label {
    position: relative;
    right: 0;
    top: 0;
  }
}

#home .track_activity_block .activities .activity .premium-label .text {
  font-size: 1.2rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #81BA00;
  line-height: 26px;
  text-transform: uppercase;
  display: inline-block;
  vertical-align: top;
  margin-right: 3px;
}

#home .track_activity_block .activities .activity .premium_icon {
  width: 18px;
  height: 26px;
  display: inline-block;
  vertical-align: top;
}

#home .track_activity_block.open .head .circle {
  background-position: -154px -63px;
}

#home .track_activity_block.open .head .text {
  color: #00aaea !important;
}

#home #track_info_block li:last-child .vertical-line.between-activities {
  display: none;
}

#home #track_tab_activities .track_activity_block:last-child .vertical-line.between-blocks {
  display: none;
}

#home #track_tab_activities .track_activity_block:last-child.open .vertical-line.between-blocks {
  display: block;
}

#home #track_tab_activities .track_activity_block:last-child.open li:last-child .vertical-line.between-activities {
  display: none;
}

#home #challenge_progress {
  position: relative;
  line-height: 18px;
  margin-bottom: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#home #challenge_progress .progress-bar-wrap {
  width: 200px;
  height: 20px;
  margin-bottom: 1rem;
  margin-right: 10px;
}

#home #challenge_progress a {
  font-size: 1.4rem;
  font-family: OpenSansSemibold;
  text-decoration: none;
  font-weight: normal;
}

#home #coaching_info_block .sub {
  margin: 30px 0 12px;
  color: #d7d7d2;
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#home #coaching_info_block .user a {
  text-decoration: none;
  outline: none;
}

#home #coaching_info_block .user .avatar,
#home #coaching_info_block .user .expert-avatar {
  display: inline-block;
  vertical-align: top;
  width: 44px;
  height: 44px;
  margin-right: 5px;
  position: relative;
}

#home #coaching_info_block .user .avatar .inactive,
#home #coaching_info_block .user .expert-avatar .inactive {
  position: absolute;
  bottom: 2px;
  right: 1px;
  width: 12px;
  height: 12px;
}

#home #coaching_info_block .user .avatar .unread,
#home #coaching_info_block .user .expert-avatar .unread {
  width: 12px;
  height: 12px;
  background: #fff;
  position: absolute;
  bottom: 2px;
  right: 1px;
  border-radius: 50%;
  background-clip: padding-box;
  padding: 1px;
}

#home #coaching_info_block .user .avatar .unread .inner,
#home #coaching_info_block .user .expert-avatar .unread .inner {
  background: #00aaea;
  border-radius: 50%;
  background-clip: padding-box;
  width: 10px;
  height: 10px;
}

#home #coaching_info_block .user .expert-avatar img {
  border-radius: 50%;
  background-clip: padding-box;
}

#home #coaching_info_block .user .name {
  display: inline-block;
  vertical-align: top;
  line-height: 35px;
  font-size: 1.5rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #ff7a00;
}

#home #coaching_info_block .user .name span {
  line-height: normal;
  display: inline-block;
  vertical-align: middle;
}

#home #coaching_info_block .user_activity .track_name {
  color: #d7d7d2;
  font-size: 1.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
}

#home #coaching_info_block .user_activity .activity {
  color: #777;
  max-height: 40px;
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#home #coaching_info_block .user_activity .activity a {
  color: #ff7a00;
  text-decoration: none;
  outline: none;
}

#home #coaching_info_block .user_activity .timeago {
  color: #d7d7d2;
  font-size: 1.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin: 5px 0 25px;
}

#home #coaching_info_block .trial_welcome {
  color: #00aaea;
  font-size: 2.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin: 25px 0;
}

#home #coaching_info_block .benefits li {
  position: relative;
  font-size: 1.8rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
  margin-left: 15px;
  margin-bottom: 25px;
}

#home #coaching_info_block .benefits li:before {
  position: absolute;
  display: block;
  top: 10px;
  left: -15px;
  background: #00aaea;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-clip: padding-box;
  content: '';
}

#home #coaching_info_block .coach-section {
  padding: 20px 0 28px;
  border-bottom: 1px solid #EBEBE8;
}

#home #coaching_info_block .coach-section .user .expert-avatar {
  width: 55px;
  height: 55px;
}

#home #coaching_info_block .coach-section .user .name {
  line-height: 45px;
}

#home #coaching_info_block .coach-section .user .name a {
  line-height: normal;
  display: inline-block;
  vertical-align: middle;
  color: #777;
  font-size: 1.8rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#home #coaching_info_block .coach-section .user .name span {
  line-height: normal;
  display: inline-block;
  vertical-align: middle;
  color: #777;
  font-size: 1.8rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#home #coaching_info_block .coach-section .payment_link {
  margin-top: 20px;
  text-align: center;
  font-size: 1.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
}

#home #coaching_info_block .coach-section .payment_link a {
  color: #ff7a00;
  text-decoration: underline;
}

#home #coaching_info_block .coach-section .payment_link span.dot {
  margin-left: -3px;
}

#home #coaching_info_block .user_message {
  color: #777;
  max-height: 65px;
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin: 18px 0;
}

#home #coaching_info_block .user_message .title {
  height: 16px;
  margin-bottom: 5px;
}

#home #coaching_info_block .user_message .title a.name {
  text-decoration: none;
  outline: none;
  color: #ff7a00;
  display: inline-block;
  float: left;
  line-height: normal;
  vertical-align: top;
}

#home #coaching_info_block .user_message .title .timeago {
  line-height: normal;
  vertical-align: top;
  font-size: 1.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #d7d7d2;
  display: inline-block;
  float: right;
  margin-top: 1px;
}

#home .hp_menu {
  min-height: 85px;
  background: #fff;
  padding: 20px 40px;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (min-width: 768px) and (max-width: 991.98px) {
  #home .hp_menu {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

#home .hp_menu li {
  text-align: center;
}

#home .hp_menu a,
#home .hp_menu button {
  font-family: "OpenSansRegular", sans-serif;
  color: #777;
  text-decoration: none;
  text-align: center;
  line-height: 20px;
  outline: 0;
  display: block;
}

@media (max-width: 575.98px) {
  #home .hp_menu a,
  #home .hp_menu button {
    font-size: 1.6rem;
    margin: 0 7px 10px 7px;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  #home .hp_menu a,
  #home .hp_menu button {
    margin-bottom: 14px;
    width: 126px;
    font-size: 1.5rem;
    margin-right: 16px;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  #home .hp_menu a,
  #home .hp_menu button {
    margin-bottom: 14px;
    width: 106px;
    font-size: 1.5rem;
  }
}

@media (min-width: 992px) {
  #home .hp_menu a,
  #home .hp_menu button {
    width: 135px;
    font-size: 1.6rem;
    margin-right: 18px;
  }
}

#home .hp_menu a.selected,
#home .hp_menu button.selected {
  color: #ff7a00;
}

#home .hp_menu a .img,
#home .hp_menu button .img {
  height: 28px;
  width: 30px;
}

#home .hp_content {
  background: #fff;
}

#home .hp_content .title a,
#home .hp_content .title a:hover,
#home .hp_content .title a:visited {
  outline: 0;
  text-decoration: none;
}

#home .hp_content .title .hp-menu {
  margin-right: 10px;
}

#home .hp_content .title a {
  margin-bottom: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#home .hp_content .title h1,
#home .hp_content .title h2 {
  font-size: 2.4rem;
  font-family: OpenSansLight;
  font-weight: normal;
  color: #777;
  vertical-align: top;
  line-height: 30px;
  display: inline;
}

#home .hp_content .submenu button[data-tab] {
  font-size: 1.8rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
  display: inline-block;
  text-decoration: none;
}

#home .hp_content .submenu button[data-tab]:nth-child(1) {
  margin: 0 35px 0 0;
}

#home .hp_content .submenu button[data-tab].on {
  color: #ff7a00;
  text-decoration: underline;
}

#home .hp_content.inner-grid {
  background: transparent;
}

#home .hp_content.inner-grid #home_main_tab .current_track {
  margin-bottom: 30px;
  position: relative;
}

#home .hp_content.inner-grid #home_main_tab .current_track > div {
  border: 1px solid #d7d7d2;
  background: #fff;
  height: 100%;
  padding: 20px 25px 40px;
}

@media (max-width: 575.98px) {
  #home .hp_content.inner-grid #home_main_tab .current_track > div {
    padding: 20px 10px 40px;
  }
}

#home .hp_content.inner-grid #home_main_tab .info-block {
  margin-bottom: 30px;
}

#home .hp_content.inner-grid #home_main_tab .info-block > div {
  border: 1px solid #d7d7d2;
  background: #fff;
  height: 100%;
  padding: 40px 25px 50px;
}

#home .hp_content.inner-grid #home_main_tab .info-block > div .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#home .hp_content.inner-grid #home_main_tab .info-block > div .button.blue {
  font-size: 1.5rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  width: 235px;
  display: block;
  height: 46px;
  line-height: 46px;
  text-align: center;
  position: absolute;
  bottom: 40px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  text-transform: uppercase;
}

#home .hp_content.inner-grid #home_main_tab .info-block > div .button.blue.phq9gad7 {
  width: 255px;
}

#home .hp_content.inner-grid #home_main_tab .info-block > div .button.blue span {
  vertical-align: middle;
  white-space: normal;
  display: inline-block;
  line-height: 17px;
}

@media (max-width: 767.98px) {
  #home .hp_content.inner-grid #home_main_tab .info-block > div .button.blue {
    bottom: 20px;
  }
}

#home .hp_content.inner-grid #home_main_tab a.link {
  font-size: 1.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  position: absolute;
  bottom: 10px;
  right: 30px;
  text-decoration: none;
  text-align: right;
}

#home .hp_content.inner-grid #home_main_tab .title > a {
  display: table;
  padding: 0 5px 0 0;
}

#home .hp_content #friends_tab .content {
  min-height: 620px;
}

#home .hp_content #discover-strengths {
  margin: -10px -20px -20px -20px;
}

#home .hp_content .content {
  margin-top: 45px;
}

#home .hp_content #medals_tab h1 {
  font-size: 2.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #ff7a00;
  margin: 10px 0 0 10px;
}

#home .hp_content #medals_tab .medals {
  margin: 40px 0 0 0;
}

#home .hp_content #medals_tab .medals .title {
  display: none;
}

#home .hp_content.inner-grid {
  padding: 20px 0;
  background: transparent;
}

#home .hp_content.inner-grid #home_main_tab .grid-unit.cell {
  margin-bottom: 36px;
  height: 470px;
}

#home .hp_content.inner-grid #home_main_tab .grid-unit.cell:nth-child(2) {
  margin-right: 0;
  height: 465px;
}

#home .hp_content.inner-grid #home_main_tab .grid-unit.cell:nth-child(5) {
  margin-right: 0;
}

#home .hp_content.inner-grid #home_main_tab .grid-unit.cell:nth-child(8) {
  margin-right: 0;
}

#home .hp_content.inner-grid #home_main_tab .grid-unit.cell:nth-child(1) {
  margin-left: 0;
  height: 465px;
}

#home .hp_content.inner-grid #home_main_tab .grid-unit.cell:nth-child(3) {
  margin-left: 0;
}

#home .hp_content.inner-grid #home_main_tab .grid-unit.cell:nth-child(6) {
  margin-left: 0;
}

#home .hp_content.inner-grid #home_main_tab .grid-unit.cell.info-block > div {
  padding: 20px 35px;
  position: relative;
  height: 100%;
}

#home .hp_content.inner-grid #home_main_tab .grid-unit.cell.info-block > #stats_info_block {
  padding: 20px 25px;
}

#home .hp_content.inner-grid #home_main_tab .grid-unit.cell.info-block > #coaching_info_block {
  padding: 20px 20px 20px 35px;
}

#home .hp_content.inner-grid #home_main_tab .grid-unit.cell a.link {
  font-size: 1.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  position: absolute;
  bottom: 10px;
  right: 30px;
  text-decoration: none;
  text-align: right;
}

#home .hp_content.inner-grid #home_main_tab .grid-unit.cell:nth-child(2) a.link {
  bottom: 10px;
}

#home .hp_content.inner-grid #home_main_tab .grid-unit.cell #track_info_block a.link {
  bottom: 10px;
}

#home .hp_content.inner-grid #home_main_tab .grid-unit.cell .unlock {
  text-align: center;
  font-size: 1.5rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  cursor: pointer;
}

#home .hp_content.inner-grid #home_main_tab .grid-unit.cell .unlock a {
  text-decoration: underline;
}

#home .hp_content.inner-grid .clear {
  clear: both;
}

#home .hp_content .btn.btn-start {
  font-size: 1.5rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  -webkit-box-shadow: 0 3px 0 #00729e;
  box-shadow: 0 3px 0 #00729e;
  background: #00aaea;
  display: inline-block;
  padding: 12px 25px;
  border-radius: 5px;
  text-transform: uppercase;
  text-align: center;
  color: white;
  margin: 0 auto;
}

#home .hp_content.full {
  padding: 0;
}

#home .hp_content .counters .value {
  width: 49%;
  display: inline-block;
  vertical-align: top;
  text-align: center;
}

#home .hp_content .counters .value .count span {
  font-size: 2.8rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #777;
}

#home .hp_content .counters .value .text {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #d7d7d2;
}

#home .hp_content #my-clients #my-clients-directory .coaching-tab-nav {
  margin: 0 65px;
}

#home .hp_content #stats_tab #stats_index .chart_select_menu {
  display: none;
}

#home .hp_content #stats_tab #stats_index .chart_select_menu.visible {
  display: block;
}

#home [data-view="MasonryPosts"] .filter li {
  margin-right: 10px;
}

#home [data-view="MasonryPosts"] .filter li .sprite-1.thank {
  margin-top: 3px;
  background-position: -669px -220px;
}

#home [data-view="MasonryPosts"] .filter li .sprite-1.thank.on,
#home [data-view="MasonryPosts"] .filter li .sprite-1.thank:hover {
  background-position: -668px -251px;
}

#home [data-view="MasonryPosts"] .filter li .sprite-1.aspire {
  margin-top: 2px;
}

#web_home_top_banner_unit_id {
  margin: 15px 0;
  position: relative;
  padding-bottom: 11.49%;
}

#web_home_top_banner_unit_id > div {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.main #home .hp_content #posts_tab #profile_track_posts .subhead {
  text-align: left;
}

.main #home .hp_content #posts_tab #profile_track_posts .subhead .barrier {
  display: none;
}

.main #home .hp_content #posts_tab #profile_track_posts .subhead span {
  margin: 0;
}

html[lang="es"] #home #track_tab .medal-message .inner .button.green {
  font-size: 14px;
}

html[lang="es"] #home #track_tab #track_tab_activities .track_activity_block .activities .activity .button.green {
  font-size: 14px;
}

html[lang="es"] #home #track_tab .track_title .additional .share-container .button.secondary.share {
  font-size: 15px;
}

html[lang="es"] #home #track_tab .track_title .additional .share-container .button.secondary.share img {
  margin-left: 8px;
}

html[lang="es"] #home #medals_tab .medals {
  margin: 40px 0 0 0;
}

html[lang="es"] #home #medals_tab .medals .title {
  display: none;
}

html[lang="es"] #home .track_activity_block .activities .activity .button.js-activity_button {
  /* for swapping feature buttons "Do activity" or "Continue" must be equal size (the longest of both ones) */
}

@media (min-width: 768px) {
  html[lang="es"] #home .track_activity_block .activities .activity .button.js-activity_button {
    min-width: 200px;
  }
}

html[lang="fr"] #home #track_tab .medal-message .inner .button.green {
  font-size: 13px;
}

html[lang="fr"] #home #track_tab #track_tab_activities .track_activity_block .activities .activity .button.green {
  font-size: 13px;
}

html[lang="fr"] #home .info-block .promo {
  margin-top: 0 !important;
}

html[lang="fr"] #home .info-block .promo h3 {
  font-size: 22px;
  margin-top: 15px !important;
}

html[lang="fr"] #home .info-block .promo p {
  font-size: 14px;
}

html[lang="fr"] #home #track_tab .track_title .additional .share-container .button.secondary.share {
  font-size: 15px;
}

html[lang="fr"] #home #home-carousel #carousel-inner .carousel-slide h3 {
  font-size: 20px;
}

html[lang="fr"] #home #home-carousel #carousel-inner .carousel-slide h3 br {
  display: none;
}

html[lang="fr"] #home #home-carousel #carousel-inner .carousel-slide .track-card-featured footer .actions .button.orange,
html[lang="fr"] #home #home-carousel #carousel-inner .carousel-slide .track-card-featured .footer .actions .button.orange {
  font-size: 10px;
  padding: 0 10px;
}

html[lang="fr"] #home [data-view="UnlockHappify"] a ul li .feature {
  font-size: 16px;
}

html[lang="fr"] #home [data-view="UnlockHappify"] a .button.green {
  font-size: 12px;
}

html[lang="fr"] #home #track_info_block .inner .block .text .button {
  font-size: 12px;
}

html[lang="fr"] #home #stats_info_block .counters .value .tip-container .tip {
  font-size: 12px;
}

html[lang="fr"] #home #strengths_info_block .button.blue {
  font-size: 13px;
}

html[lang="fr"] #home #strengths_info_block .button.blue {
  line-height: 22px;
}

html[lang="fr"] #home .track_activity_block .activities .activity .button.js-activity_button {
  /* for swapping feature buttons "Do activity" or "Continue" must be equal size (the longest of both ones) */
}

@media (min-width: 768px) {
  html[lang="fr"] #home .track_activity_block .activities .activity .button.js-activity_button {
    min-width: 225px;
  }
}

html[lang="de"] #home [data-view="UnlockHappify"] a ul li .feature {
  font-size: 16px;
}

html[lang="de"] #home #track_tab .medal-message .inner .button.green {
  font-size: 11px;
}

html[lang="de"] #home #home-carousel #carousel-inner .carousel-slide .carousel-feature-track .bottom-link {
  margin-top: 25px;
}

html[lang="de"] #home .track_activity_block .activities .activity .button.js-activity_button {
  /* for swapping feature buttons "Do activity" or "Continue" must be equal size (the longest of both ones) */
}

@media (min-width: 768px) {
  html[lang="de"] #home .track_activity_block .activities .activity .button.js-activity_button {
    min-width: 225px;
  }
}

html[lang="pt"] #home #track_tab .track_title .additional .share-container .button.secondary.share {
  font-size: 14px;
}

html[lang="pt"] #home #track_tab .track_title .additional .share-container .button.secondary.share img {
  margin-left: 4px;
}

html[lang="pt"] #home #track_tab .medal-message .inner .button.green {
  font-size: 11px;
}

html[lang="pt"] #home .track_activity_block .activities .activity .button.js-activity_button {
  /* for swapping feature buttons "Do activity" or "Continue" must be equal size (the longest of both ones) */
}

@media (min-width: 768px) {
  html[lang="pt"] #home .track_activity_block .activities .activity .button.js-activity_button {
    min-width: 215px;
  }
}

html[lang="pt"] #home .hp_content.inner-grid #home_main_tab .grid-unit.cell.info-block > div {
  padding: 18px 24px;
}

html[lang="ja"] #home #track_tab .medal-message .button.green {
  font-size: 14px;
}

html[lang="ja"] #home [data-view="UnlockHappify"] a ul li .feature {
  font-size: 16px;
}

html[lang="ja"] #home #medals_info_block .promo {
  margin: 25px 0;
}

html[lang="ja"] #home #medals_info_block .promo p {
  font-size: 14px;
}

html[lang="it"] #home #track_tab .medal-message .inner .button.green {
  font-size: 1.5rem;
}

/*
  WCAG
*/

html[data-wcag-enabled="true"] #home [data-view="UnlockHappify"] .text {
  color: #000000 !important;
}

html[data-wcag-enabled="true"] #home [data-view="UnlockHappify"] h1,
html[data-wcag-enabled="true"] #home [data-view="UnlockHappify"] h2,
html[data-wcag-enabled="true"] #home [data-view="UnlockHappify"] h3,
html[data-wcag-enabled="true"] #home [data-view="UnlockHappify"] p,
html[data-wcag-enabled="true"] #home [data-view="UnlockHappify"] a {
  color: #000000 !important;
}

html[data-wcag-enabled="true"] #home [data-view="UnlockHappify"] .hp_content .title a span {
  color: #000000 !important;
}

html[data-wcag-enabled="true"] #home [data-view="UnlockHappify"] .hp_content .name,
html[data-wcag-enabled="true"] #home [data-view="UnlockHappify"] .hp_content .part {
  color: #000000 !important;
}

html[data-wcag-enabled="true"] #home [data-view="UnlockHappify"] .carousel-slide a,
html[data-wcag-enabled="true"] #home [data-view="UnlockHappify"] .carousel-slide h1,
html[data-wcag-enabled="true"] #home [data-view="UnlockHappify"] .carousel-slide h2,
html[data-wcag-enabled="true"] #home [data-view="UnlockHappify"] .carousel-slide h3,
html[data-wcag-enabled="true"] #home [data-view="UnlockHappify"] .carousel-slide p {
  color: #000000 !important;
}

html[data-wcag-enabled="true"] #home [data-view="UnlockHappify"] .forum-name {
  color: #000000 !important;
}

html[data-wcag-enabled="true"] .premium-label .text {
  color: #000 !important;
}

.rewards-info {
  color: #81BA00;
  font-size: 1.4rem;
  font-family: OpenSansBold;
  font-weight: normal;
  padding: 5px 0px;
}

.rewards-info:hover {
  text-decoration: none !important;
}

.pseudo {
  background: transparent;
  padding: 0;
  margin: 0;
  border: none;
  height: auto;
  line-height: inherit;
}

.pseudo:active {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.pseudo_c1 {
  color: #ff7a00;
}

.pseudo_c2 {
  color: #777;
}

.pseudo_regular {
  font-family: 'OpenSansRegular';
}

.pseudo_light {
  font-family: 'OpenSansLight';
}

.pseudo_left {
  text-align: left;
}

.pseudo_w1 {
  width: 100%;
}

.pseudo_h1 {
  height: 100%;
}

.pseudo_r0 {
  border-radius: 0;
}

.pseudo_tab {
  height: 100%;
}

.pseudo_link {
  text-decoration: underline !important;
}

.pseudo_watson {
  font-size: 1.2rem;
  font-family: OpenSansLight;
  font-weight: normal;
  color: #ff7a00;
  text-decoration: none !important;
}

.pseudo_watson:hover,
.pseudo_watson:focus {
  text-decoration: underline !important;
}

.pseudo__text {
  display: block;
}

html[lang=it] #home #challenge_progress a {
  font-size: 1.2rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
}

[data-view=ScoreCard] {
  padding: 6px 10px;
}

[data-view=ScoreCard] > span {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
  width: 100%;
  margin: 0 auto;
}

[data-view="ScoreCard"] {
  border: 1px solid #d7d7d2;
  border-radius: 5px;
  background: #fff;
  min-height: 294px;
}

[data-view="ProfileCard"] {
  border: 1px solid #d7d7d2;
  border-radius: 5px;
}

[data-view="ProfileCard"] .col-left {
  text-align: center;
}

[data-view="ProfileCard"] .col-left .button {
  height: 26px;
  line-height: 22px;
  padding: 0 8px;
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

[data-view="ProfileCard"] .col-right hr.invisible {
  visibility: hidden;
}

[data-view="ProfileCard"] .col-right .name {
  color: #ff7a00;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 2.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

[data-view="ProfileCard"] .col-right .city {
  font-size: 1.3rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  min-height: 35px;
  max-width: 305px;
  word-wrap: break-word;
}

[data-view="ProfileCard"] .col-right .about-user {
  position: relative;
  font-size: 1.3rem;
  font-family: OpenSansLight;
  font-weight: normal;
}

[data-view="ProfileCard"] .col-right .about-user .title,
[data-view="ProfileCard"] .col-right .about-user .happy-text,
[data-view="ProfileCard"] .col-right .about-user .website {
  margin: 10px 0;
}

[data-view="ProfileCard"] .col-right .about-user .title.invisible,
[data-view="ProfileCard"] .col-right .about-user .happy-text.invisible,
[data-view="ProfileCard"] .col-right .about-user .website.invisible {
  visibility: hidden;
}

[data-view="ProfileCard"] .col-right .about-user .happy-text {
  word-wrap: break-word;
}

[data-view="ProfileCard"] .col-right .rewards {
  width: 375px;
  margin-top: 30px;
}

[data-view="ProfileCard"] .col-right .rewards .star {
  display: inline-block;
  margin-right: 10px;
  width: 32px;
  height: 30px;
  background: url("/static/img/star_reward.png") no-repeat transparent;
  line-height: 32px;
  vertical-align: top;
}

[data-view="ProfileCard"] .col-right .rewards .points {
  color: #777;
  display: inline-block;
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  vertical-align: top;
  width: 85%;
}

[data-view="ProfileCard"] .col-right .rewards .points .head {
  line-height: 18px;
}

[data-view="ProfileCard"] .col-right .rewards .points .string {
  line-height: 18px;
  margin: 6px 0;
}

[data-view="ProfileCard"] .col-right .rewards .points .title {
  font-size: 1.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
}

[data-view="ProfileCard"] .col-right .rewards .points .orange {
  color: #ff7a00;
  cursor: pointer;
  outline: none;
}

[data-view="ProfileCard"] .col-right .rewards .points .semibold {
  font-family: "OpenSansSemibold";
}

[data-view="ProfileCard"] .col-right .rewards .line {
  line-height: 30px;
}

[data-view="ProfileCard"] .col-right .medals {
  text-align: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 80px;
  margin-top: 20px;
}

[data-view="ProfileCard"] .col-right .medals > div:first-child {
  margin-right: 16px;
}

[data-view="ProfileCard"] .col-right .medals > div {
  display: inline-block;
}

[data-view="ProfileCard"] .col-right .medals .count {
  color: #00aaea;
  line-height: 20px;
  font-size: 1.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

html[lang="fr"] [data-view="ProfileCard"] .button[href="/settings/"] {
  margin-top: 10px;
}

.users {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.user-card {
  margin: 0 0.5% 10px;
  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;
  width: 32.3336%;
}

@media (max-width: 991.98px) {
  .user-card {
    width: 49%;
  }
}

@media (max-width: 767.98px) {
  .user-card {
    margin: 0 0 10px;
    width: 100%;
  }

  .user-card:last-child {
    margin: 0 0 10px;
  }
}

.user-card .user-info {
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 120px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.user-card .user-wrap {
  margin-left: 20px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.user-card .username {
  font-size: 1.7rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

.user-card .username:hover {
  text-decoration: none;
}

.user-card .num-followers {
  line-height: 26px;
  font-size: 1.2rem;
  font-family: OpenSansLight;
  font-weight: normal;
}

.user-card .city {
  margin-bottom: 8px;
  min-height: 17px;
  line-height: 17px;
  word-break: break-word;
  font-size: 1.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

.user-card .button {
  height: 24px;
  line-height: 24px;
}

.user-card .primary {
  color: #fff;
}

.user-card ul {
  border-top: 1px solid #d7d7d2;
  padding-top: 10px;
  padding-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.user-card ul li {
  font-size: 1.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin: 0 0 5px;
  padding-left: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #d7d7d2;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.user-card ul li .skill-icon-gray {
  margin-left: 2px;
}

#profile .user-info {
  background-color: white;
}

#profile .user-info .js-privacy-tip {
  cursor: pointer;
}

#profile .user-info .Tooltip {
  top: 0;
  right: 0;
  width: 225px;
  text-align: left;
  pointer-events: all;
}

@media (max-width: 767.98px) {
  #profile .user-info .Tooltip {
    margin-top: -54px;
    margin-right: -10px;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  #profile .user-info .Tooltip {
    margin-top: -54px;
    margin-right: -66px;
  }
}

@media (min-width: 992px) {
  #profile .user-info .Tooltip {
    margin-top: -11px;
    margin-right: -129px;
  }
}

#profile .user-info .Tooltip > .Tooltip_content {
  padding: 5px 10px;
}

#profile .user-info .col-right .assessment img.privacy_key {
  margin-right: -8px;
  margin-bottom: 3px;
  width: 30px;
}

html[lang="de"] #profile .user-info .privacy_tip,
html[lang="fr"] #profile .user-info .privacy_tip {
  height: 62px;
}

#settings .cell {
  margin-top: 30px;
}

@media (max-width: 767.98px) {
  #settings .cell {
    margin-left: 0;
    margin-right: 0;
  }
}

#settings .header {
  border-bottom: 1px solid #d7d7d2;
  padding: 0 15px;
  line-height: 48px;
  background: #f8f5f3;
  border-radius: 5px 5px 0 0;
  background-clip: padding-box;
  margin: 0 -15px;
}

#settings .header h1 {
  font-size: 2rem;
  font-family: OpenSansLight;
  font-weight: normal;
  margin: 0;
}

#settings form {
  padding: 20px 80px 20px 40px;
}

@media (max-width: 767.98px) {
  #settings form {
    padding: 20px 0;
  }
}

#settings form h2.title {
  font-size: 2rem;
  font-family: OpenSansLight;
  font-weight: normal;
  border-bottom: 1px solid #d7d7d2;
  padding-bottom: 5px;
  margin-bottom: 20px;
}

#settings form .user-photo {
  position: relative;
  text-align: center;
}

@media (max-width: 767.98px) {
  #settings form .user-photo {
    margin-bottom: 40px;
  }
}

#settings form .user-photo .button {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#settings form .user-photo .coach-avatar {
  display: inline-block;
  width: 150px;
  height: 150px;
  padding: 5px;
}

#settings form fieldset {
  font-size: 1.8rem;
  font-family: OpenSansLight;
  font-weight: normal;
}

#settings form fieldset .input-textfield label {
  font-size: 1.8rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  cursor: unset;
  display: block;
  margin-bottom: 5px;
}

#settings form fieldset input[type=text],
#settings form fieldset input[type=url],
#settings form fieldset input[type=email],
#settings form fieldset textarea {
  width: 100%;
  max-width: 360px;
}

#settings form fieldset > div {
  margin-bottom: 10px;
}

#settings form fieldset > div .align_left {
  text-align: left;
}

#settings form fieldset > div:last-child {
  text-align: right;
  margin: 0;
}

@media (min-width: 1200px) {
  #settings form fieldset > div:last-child {
    padding-right: 100px;
  }
}

#settings form fieldset > div.auto-follow {
  font-size: 1.6rem;
  font-family: OpenSansLight;
  font-weight: normal;
  margin-left: 42px;
  line-height: 14px;
  margin-bottom: 20px;
}

#settings form fieldset > div.auto-follow input[type=checkbox] {
  float: left;
  margin-right: 10px;
}

#settings form fieldset > div.display_name.edit input[type=text] {
  display: inline-block;
}

#settings form fieldset > div.display_name.edit input[type=submit] {
  display: inline-block;
}

#settings form fieldset > div.display_name.edit .name,
#settings form fieldset > div.display_name.edit .edit {
  display: none;
}

#settings form fieldset > div.display_name input[type=text] {
  width: 160px;
  display: none;
}

#settings form fieldset > div.display_name input[type=submit] {
  padding: 0 20px;
  display: none;
}

#settings form fieldset > div.display_full_name {
  margin-left: 40px;
}

#settings form fieldset > div.display_full_name input[type=checkbox] {
  float: left;
  margin-right: 5px;
}

#settings form fieldset > div.display_full_name .label {
  line-height: 14px;
  font-size: 1.4rem;
  font-family: OpenSansLight;
  font-weight: normal;
}

#settings form fieldset > div.pd-block {
  max-width: 360px;
}

#settings form fieldset > div.pd-block .input-textfield {
  display: none;
}

#settings form fieldset > div.pd-block .input-textfield label {
  font-size: 1.8rem;
  font-family: OpenSansLight;
  font-weight: normal;
  display: inline-block;
  width: 160px;
  margin-right: 5px;
}

#settings form fieldset > div.pd-block .save_password {
  padding: 0 20px;
  display: none;
  margin: 0 0 0 auto;
}

#settings form fieldset > div.pd-block.edit .edit {
  display: none;
}

#settings form fieldset > div.pd-block.edit #password-input-textfield,
#settings form fieldset > div.pd-block.edit #password-confirm-input-textfield {
  display: block;
}

#settings form fieldset > div.pd-block.edit .save_password {
  display: block;
}

#settings form fieldset > div.shaded {
  background: #efefef;
  border-radius: 8px;
  background-clip: padding-box;
  padding: 20px;
}

#settings form fieldset > div.shaded .label {
  margin-bottom: 15px;
}

#settings form fieldset > div.shaded .label.sub {
  margin-bottom: 0;
}

#settings form fieldset > div.shaded .sub-label {
  margin-bottom: 15px;
}

#settings form fieldset > div.shaded .radiogroup {
  width: auto;
  margin-bottom: 10px;
}

#settings form fieldset > div.shaded .radiogroup:last-child {
  margin-bottom: 0;
}

#settings form fieldset > div.shaded .radiogroup .radiogroup_item {
  width: 50%;
  padding-right: 10px;
}

@media (max-width: 767.98px) {
  #settings form fieldset > div.shaded .radiogroup .radiogroup_item {
    width: 100%;
  }
}

#settings form fieldset > div.shaded .radiogroup .radiogroup_item .label {
  margin-left: 35px;
}

#settings form fieldset > div.shaded .radiogroup .radiogroup_item .option {
  margin-left: 35px;
}

@media (max-width: 767.98px) {
  #settings form fieldset > div.shaded .radiogroup .radiogroup_item .option {
    margin-left: 5px;
  }
}

#settings form fieldset > div.shaded .radiogroup .radiogroup_item .option input[type=checkbox] {
  float: left;
  margin: 4px 5px 0 0;
  width: 20px;
}

#settings form fieldset > div.shaded .radiogroup .radiogroup_item .option .label {
  margin-left: 25px;
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#settings form fieldset > div .label {
  font-size: 1.8rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  display: block;
  margin-bottom: 5px;
}

#settings form fieldset > div .label.accessibility_settings_title,
#settings form fieldset > div .label.accessibility_warnings_settings_title {
  display: inline-block;
}

#settings form fieldset > div .label__timer_icon::after {
  content: '';
  position: absolute;
  margin: 3px 8px;
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(/static/img/portal/settings/reminder.png) no-repeat transparent;
}

#settings form fieldset > div .sub-label {
  font-size: 1.6rem;
  font-family: OpenSansLight;
  font-weight: normal;
}

#settings form fieldset > div .text-AS {
  font-size: 1.4rem;
  font-family: OpenSansLight;
  font-weight: normal;
}

#settings form fieldset > div .button {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  line-height: 32px;
}

#settings form fieldset > div .uppercase {
  text-transform: uppercase;
}

#settings form fieldset > div .toggle_email {
  padding: 0 45px;
}

#settings form fieldset > div .edit {
  padding: 0 35px;
}

#settings form fieldset > div textarea {
  height: 80px;
  font-size: 1.6rem;
  font-family: OpenSansLight;
  font-weight: normal;
}

#settings form fieldset > div .radiogroup::after {
  display: block;
  clear: both;
  content: "";
}

#settings form fieldset > div .radiogroup::after {
  display: block;
  clear: both;
  content: "";
}

#settings form fieldset > div .radiogroup::after {
  display: block;
  clear: both;
  content: "";
}

#settings form fieldset > div .radiogroup::after {
  display: block;
  clear: both;
  content: "";
}

#settings form fieldset > div .radiogroup .radiogroup_item {
  float: left;
  width: 33.3336%;
}

@media (max-width: 767.98px) {
  #settings form fieldset > div .radiogroup .radiogroup_item {
    width: 100%;
  }
}

#settings form fieldset > div .radiogroup .radiogroup_item label {
  width: 25px;
  height: 25px;
}

#settings form fieldset > div .radiogroup .radiogroup_item input[type=radio] ~ .label {
  line-height: 25px;
}

#settings form fieldset > div .radiogroup .radiogroup_item input[type=radio]:disabled ~ .label {
  color: #d7d7d2;
}

#settings form fieldset > div .radiogroup .radiogroup_item input[type=radio]:checked ~ .label {
  color: #777;
}

#settings form fieldset > div .zocial {
  font-size: 1.4rem;
  margin-bottom: 5px;
}

#settings form fieldset > div .zocial:visited {
  color: #fff;
}

#settings form fieldset > div .zocial:hover {
  text-decoration: none;
}

#settings form fieldset > div input:not([type=submit]):not([type=radio]) {
  font-size: 1.6rem;
  font-family: OpenSansLight;
  font-weight: normal;
  padding: 8px 4px;
}

#settings form fieldset > div input[type=radio] + label {
  float: left;
  margin-right: 10px;
}

#settings form fieldset > div input[type=radio] ~ .label {
  line-height: 32px;
  margin-bottom: 20px;
}

#settings form fieldset > div > div {
  margin-bottom: 10px;
}

#settings form fieldset > div > div:last-child {
  margin: 0;
}

#settings form fieldset > div .time_reminder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#settings form fieldset > div .time_reminder > div {
  margin-right: 15px;
}

#settings form fieldset > div .time_reminder #time_reminder__time_picker {
  width: 130px;
}

#settings form fieldset .language_selector {
  min-height: 100px;
}

#settings form fieldset .trigger {
  margin-left: 0;
}

#settings form input.error {
  border-color: #ff3131;
}

#settings form .error:not(input) {
  font-size: 1.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #ff3131;
}

#settings .delete-account {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin: 15px 20px;
}

@media (max-width: 767.98px) {
  #settings .delete-account {
    margin: 15px 0;
  }
}

#settings #lng_selector .current .triangle {
  border-color: #777 transparent transparent;
}

#settings #lng_selector .current .triangle.opened {
  border-color: transparent transparent #777;
  top: 8px;
}

#settings #language-selector-container {
  margin-bottom: 80px;
}

#settings #language-selector-container button .name {
  color: #777;
}

#settings #language-selector-container button .triangle.open {
  border-color: transparent transparent #777;
  top: 8px;
}

#settings .fb-connect-button.disabled {
  opacity: 0.5 !important;
  pointer-events: none !important;
}

#settings .section-fb-connect .fb-spinner-container {
  display: inline-block;
  position: relative;
  vertical-align: top;
  padding-left: 15px;
}

#settings .section-fb-connect .fb-spinner-container .fb-spinner {
  position: absolute;
  top: -35px;
}

.main #profile .current #profile_track_posts .head,
.main #home .current #profile_track_posts .head,
.main #profile .hp_content #profile_track_posts .head,
.main #home .hp_content #profile_track_posts .head {
  width: 100%;
  position: relative;
}

.main #profile .current #profile_track_posts .head h1,
.main #home .current #profile_track_posts .head h1,
.main #profile .hp_content #profile_track_posts .head h1,
.main #home .hp_content #profile_track_posts .head h1 {
  color: #00aaea;
  font-size: 2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  max-width: 320px;
}

.main #profile .current #profile_track_posts .head .track_progress,
.main #home .current #profile_track_posts .head .track_progress,
.main #profile .hp_content #profile_track_posts .head .track_progress,
.main #home .hp_content #profile_track_posts .head .track_progress {
  max-width: 300px;
  position: absolute;
  right: 0;
  top: -7px;
}

.main #profile .current #profile_track_posts .subhead,
.main #home .current #profile_track_posts .subhead,
.main #profile .hp_content #profile_track_posts .subhead,
.main #home .hp_content #profile_track_posts .subhead {
  margin: 0 auto 20px;
  text-align: center;
}

.main #profile .current #profile_track_posts .subhead span,
.main #home .current #profile_track_posts .subhead span,
.main #profile .hp_content #profile_track_posts .subhead span,
.main #home .hp_content #profile_track_posts .subhead span {
  font-size: 1.8rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin: 0 5px;
}

.main #profile .current #profile_track_posts .subhead span .barrier,
.main #home .current #profile_track_posts .subhead span .barrier,
.main #profile .hp_content #profile_track_posts .subhead span .barrier,
.main #home .hp_content #profile_track_posts .subhead span .barrier {
  background-position: -514px -71px;
}

#profile_stats_landing strong {
  font-family: OpenSansSemiBold !important;
  font-weight: normal !important;
}

#profile_stats_landing header {
  padding: 40px 15px;
  text-align: center;
  border-bottom: 3px solid #81BA00;
  background: #fbfbfb url('/static/img/stats/back_pattern.png');
  background-size: cover;
  position: relative;
}

#profile_stats_landing header > h1 {
  color: #fe7a00;
  font-size: 24px;
  font-weight: normal;
  margin-bottom: 10px;
}

#profile_stats_landing header > p {
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin: 0;
}

#profile_stats_landing header:after {
  content: "";
  position: absolute;
  height: 40px;
  width: 35px;
  background-image: url('/static/img/stats/icon_star.png');
  background-repeat: no-repeat;
  background-size: 35px 40px;
  left: 50%;
  bottom: -42px;
  margin-left: -16px;
}

#profile_stats_landing .my-stats-article {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (min-width: 992px) {
  #profile_stats_landing .my-stats-article {
    min-height: 368px;
  }
}

#profile_stats_landing .my-stats-article > .image {
  text-align: center;
}

#profile_stats_landing .my-stats-article > .image > img {
  width: 300px;
  max-width: 100%;
}

#profile_stats_landing .my-stats-article > .description > h2 {
  color: #fe7a00;
  font-size: 25px;
  font-weight: normal;
  max-width: 90%;
}

#profile_stats_landing .my-stats-article > .description > p {
  font-family: OpenSansRegular;
  font-size: 16px;
  line-height: 2;
}

#profile_stats_landing .my-stats-article:not(:last-of-type) {
  border-bottom: 2px solid #f9f7f6;
}

#profile_stats_landing .my-stats-article.difference .image img {
  width: 300px;
}

#profile_stats_landing .my-stats-article.improving .image img {
  width: 250px;
}

#profile_stats_landing .my-stats-article.compare .image img {
  width: 260px;
}

#profile_stats_landing footer,
#profile_stats_landing header {
  text-align: center;
}

#profile_stats_landing footer .psgreen,
#profile_stats_landing header .psgreen {
  font-family: OpenSansRegular;
  height: 55px;
  font-size: 16px;
  line-height: 55px;
  padding: 0 27px 0 30px;
  text-transform: capitalize;
}

#profile_stats_landing footer .psgreen .flag-white,
#profile_stats_landing header .psgreen .flag-white {
  background-position: -119px -563px;
  width: 26px;
  height: 31px;
  vertical-align: middle;
  margin-left: 15px;
}

#profile_stats_landing footer .button,
#profile_stats_landing header .button {
  background: #81BA00;
  -webkit-box-shadow: 0 2px 0 #4c6e00;
  box-shadow: 0 2px 0 #4c6e00;
}

#profile_stats_landing header .psgreen {
  margin-top: 30px;
}

.chart-after {
  position: absolute;
  background: inherit;
  height: 25px;
  width: 25px;
  content: '';
}

.profile-stats strong {
  font-family: OpenSansBold !important;
  font-weight: normal !important;
}

.profile-stats .savor,
.profile-stats .SA {
  color: #c5168a;
}

.profile-stats .thank,
.profile-stats .TH {
  color: #ff7a00;
}

.profile-stats .aspire,
.profile-stats .AS {
  color: #00aaea;
}

.profile-stats .give,
.profile-stats .GI {
  color: #06b709;
}

.profile-stats .empathize,
.profile-stats .EM {
  color: #ff3131;
}

.profile-stats .revive,
.profile-stats .RE {
  color: #2ac4c5;
}

.profile-stats .other,
.profile-stats .OT {
  color: #f4d420;
}

.profile-stats #in-positive-line,
.profile-stats #in-satisfaction-line {
  display: none;
}

.profile-stats .icon {
  background-size: 14px 14px;
  background-repeat: no-repeat;
}

.profile-stats .default {
  margin: 0;
  line-height: 1.8;
  font-family: OpenSansRegular Arial, sans-serif;
}

.profile-stats .heading {
  color: #ff7a00;
  font-weight: normal;
  font-family: OpenSansSemiBold;
  margin: 0;
}

.profile-stats .right-container {
  position: absolute;
  top: 10px;
  right: 15px;
}

.profile-stats h2 {
  color: #ff7a00;
  font-weight: normal;
  font-family: OpenSansSemiBold;
  margin: 0;
  font-size: 24px;
  text-transform: capitalize;
}

.profile-stats h3 {
  color: #ff7a00;
  font-weight: normal;
  font-family: OpenSansSemiBold;
  margin: 0;
  font-size: 18px;
}

.profile-stats .chart {
  width: 900px;
  margin-left: 45px;
  padding-bottom: 40px;
  position: relative;
}

.profile-stats .chart.index {
  padding-bottom: 15px;
}

.profile-stats .chart.index,
.profile-stats .chart.activity {
  border-bottom: 1px solid #F0F0EE;
}

.profile-stats .chart .chart-header {
  position: relative;
  padding: 50px 0 15px 0;
}

.profile-stats .chart .chart-header img {
  float: left;
  margin-right: 25px;
}

.profile-stats .chart .chart-header.index {
  padding: 25px 0 15px 0;
}

.profile-stats .chart .chart-header.index img {
  width: 60px;
  height: 55px;
}

.profile-stats .chart .chart-header.activity img {
  width: 64px;
  height: 52px;
}

.profile-stats .chart .chart-header.compare img {
  width: 70px;
  height: 45px;
  margin-top: 10px;
}

.profile-stats .chart .chart-header p {
  font-size: 15px;
  margin: 0;
  line-height: 1.8;
  font-family: OpenSansRegular Arial, sans-serif;
}

.profile-stats .chart .chart-header p span {
  font-weight: bold;
  color: #ff7a00;
  border-bottom: 3px dotted #ff7a00;
}

.profile-stats .chart .chart-header .line-selection {
  position: absolute;
  top: 10px;
  right: 15px;
  text-align: right;
  line-height: 2;
}

.profile-stats .chart .chart-header .line-selection input[type="checkbox"] {
  display: none;
}

.profile-stats .chart .chart-header .line-selection label {
  font-family: OpenSansSemibold, Arial, sans-serif;
  display: inline-block;
  font-size: 13px;
  opacity: 0.5;
}

.profile-stats .chart .chart-header .line-selection span {
  margin-left: 10px;
  display: inline-block;
  width: 15px;
  height: 15px;
  cursor: pointer;
  vertical-align: middle;
}

.profile-stats .chart .chart-header .line-selection input[type="checkbox"] + label .checkbox {
  background: url('/static/img/stats/dot_empty.png');
  background-size: 14px 14px;
  background-repeat: no-repeat;
}

.profile-stats .chart .chart-header .line-selection #overall-happiness:checked + label {
  opacity: 1;
}

.profile-stats .chart .chart-header .line-selection #overall-happiness:checked + label .checkbox {
  background: url('/static/img/stats/dot_orange.png');
  background-size: 14px 14px;
  background-repeat: no-repeat;
}

.profile-stats .chart .chart-header .line-selection #overall-happiness + label {
  color: #ff7a00;
}

.profile-stats .chart .chart-header .line-selection #positive-emotion:checked + label {
  opacity: 1;
}

.profile-stats .chart .chart-header .line-selection #positive-emotion:checked + label .checkbox {
  background: url('/static/img/stats/dot_green.png');
  background-size: 14px 14px;
  background-repeat: no-repeat;
}

.profile-stats .chart .chart-header .line-selection #positive-emotion + label {
  color: #06b709;
}

.profile-stats .chart .chart-header .line-selection #life-satisfaction:checked + label {
  opacity: 1;
}

.profile-stats .chart .chart-header .line-selection #life-satisfaction:checked + label .checkbox {
  background: url('/static/img/stats/dot_blue.png');
  background-size: 14px 14px;
  background-repeat: no-repeat;
}

.profile-stats .chart .chart-header .line-selection #life-satisfaction + label {
  color: #00aaea;
}

.profile-stats .chart .chart-header .question {
  position: relative;
  background: url('/static/img/stats/question_mark_2.png');
  cursor: pointer;
  background-size: 14px 14px;
  background-repeat: no-repeat;
}

.profile-stats .chart .chart-header .question:hover {
  background: url('/static/img/stats/question_mark_1.png');
  background-size: 14px 14px;
  background-repeat: no-repeat;
}

.profile-stats .chart .chart-header .selection-compare {
  position: absolute;
  right: 15px;
  top: 70px;
  font-size: 13px;
  font-family: OpenSansRegular Arial, sans-serif;
  line-height: 1.3;
}

.profile-stats .chart .chart-header .selection-compare li {
  display: inline-block;
}

.profile-stats .chart .chart-header .selection-compare li:nth-child(odd) {
  width: 198px;
  text-align: right;
  padding-right: 10px;
  vertical-align: top;
}

.profile-stats .chart .chart-header .selection-compare li:nth-child(2) {
  margin-right: 40px;
}

.profile-stats .chart .chart-header .selection-compare li span {
  display: inline-block;
  width: 16px;
  height: 16px;
}

.profile-stats .chart .chart-header .selection-compare li .circle-personal {
  background: url('/static/img/stats/dot1.png');
  background-size: 14px 14px;
  background-repeat: no-repeat;
}

.profile-stats .chart .chart-header .selection-compare li .circle-similar {
  background: url('/static/img/stats/dot2.png');
  margin-right: 10px;
  background-size: 14px 14px;
  background-repeat: no-repeat;
}

.profile-stats .chart .svg-container {
  position: relative;
  width: 885px;
}

.profile-stats .chart .svg-container .spinner-container p {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -9px;
  margin-left: 30px;
  font-size: 1.3rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

.profile-stats .chart .svg-container .spinner-container p.compare-notification {
  font-size: 2.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  width: 55%;
  margin-top: -9%;
  margin-left: 45 / -2%;
  text-align: center;
}

.profile-stats .chart .svg-container .spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -20px;
}

.profile-stats .chart .svg-container .yAxis path,
.profile-stats .chart .svg-container .yAxis line {
  fill: none;
}

.profile-stats .chart .svg-container .yAxis text {
  fill: #777;
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

.profile-stats .chart .svg-container.index {
  height: 350px;
}

.profile-stats .chart .svg-container.index .axe-title {
  font-size: 13px;
  font-family: OpenSansRegular Arial, sans-serif;
  left: 10px;
  margin-top: -35px;
}

.profile-stats .chart .svg-container.activity {
  height: 650px;
}

.profile-stats .chart .svg-container.activity .axe-title {
  font-size: 13px;
  font-family: OpenSansRegular Arial, sans-serif;
  left: -20px;
  margin-top: -65px;
}

.profile-stats .chart .svg-container.compare {
  height: 580px;
}

.profile-stats .chart .svg-container.compare .axe-title {
  font-size: 13px;
  font-family: OpenSansRegular Arial, sans-serif;
  left: -35px;
  margin-top: -54px;
}

.profile-stats .chart .svg-container .axe-title {
  position: absolute;
  color: #ff7a00;
  top: 50%;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.profile-stats .chart .svg-container .svg-inner {
  position: absolute;
  top: 0;
  left: 85px;
  width: 800px;
  overflow: hidden;
}

.profile-stats .chart .chart-details {
  border-radius: 5px;
  background-clip: padding-box;
  border: 1px solid #F0F0EE;
  padding: 25px 40px;
  text-align: center;
  margin-top: 10px;
}

.profile-stats .chart .chart-details p {
  margin: 0;
  line-height: 1.8;
  font-family: OpenSansRegular Arial, sans-serif;
  font-size: 15px;
}

.profile-stats .chart .chart-details:not(:first-of-type) {
  margin-top: 20px;
}

.profile-stats .chart .chart-details .details {
  display: none;
}

.profile-stats .chart .chart-details strong {
  font-family: OpenSansRegular Arial, sans-serif !important;
  font-weight: bold !important;
}

.profile-stats .levelups .levelup {
  padding-top: 10px;
}

.profile-stats .levelups .levelup:not(:last-of-type) {
  padding-bottom: 10px;
  border-bottom: 3px dotted #F0F0EE;
}

.profile-stats .levelups .levelup-icon {
  height: 32px;
}

.profile-stats .levelups .levelup-arrow {
  height: 20px;
  margin-right: 10px;
}

.profile-stats .levelups .levelup-heading span:last-of-type {
  display: none;
}

.profile-stats .levelups .levelup-date span:last-of-type {
  display: none;
}

.svg-left-arrow,
.svg-right-arrow {
  height: 44px;
  line-height: 30px;
  text-align: center;
  width: 25px;
  display: none;
  position: absolute;
  top: 50%;
  cursor: pointer;
}

.chart .index .svg-left-arrow,
.chart .index .svg-right-arrow {
  margin-top: -38px;
}

.chart .activity .svg-left-arrow,
.chart .activity .svg-right-arrow {
  margin-top: -65px;
}

.svg-left-arrow {
  background: url('/static/img/stats/arrow_left.png') no-repeat;
  background-size: 14px 24px;
  left: -32px;
}

.svg-right-arrow {
  background: url('/static/img/stats/arrow_right.png') no-repeat;
  background-size: 14px 24px;
  right: -50px;
}

#pseudo-index-chart,
#pseudo-activity-chart {
  position: absolute;
}

.ac-bar-orange {
  fill: #FF881B;
  -webkit-transition: fill 0.1s ease;
  transition: fill 0.1s ease;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.ac-bar-orange.faded {
  fill: #FDC797;
}

.ac-bar-green {
  fill: #06b709;
  -webkit-transition: fill 0.1s ease;
  transition: fill 0.1s ease;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.ac-bar-green.faded {
  fill: #83DB84;
}

.ac-bar-orange_em {
  fill: #FF881B;
}

.ac-bar-green_em {
  fill: #06b709;
}

.in-overall-point {
  text-shadow: -1px -1px 0px #fff, 1px -1px 0px #fff, -1px 1px 0px #fff, 1px 1px 0px #fff;
}

#account_disable_modal,
#account_delete_modal,
#account_plus_delete_modal,
#account_disable_confirmation_modal,
#account_delete_confirmation_modal {
  max-width: 715px;
  min-height: 200px;
  padding: 0 25px 25px;
}

#account_disable_modal h1,
#account_delete_modal h1,
#account_plus_delete_modal h1,
#account_disable_confirmation_modal h1,
#account_delete_confirmation_modal h1 {
  font-size: 2rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  padding: 20px 0;
  border-bottom: 1px solid #d7d7d2;
  color: #372f2b;
}

#account_disable_modal .text,
#account_delete_modal .text,
#account_plus_delete_modal .text,
#account_disable_confirmation_modal .text,
#account_delete_confirmation_modal .text {
  font-size: 1.5rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  padding: 20px 0;
}

#account_disable_modal .buttons,
#account_delete_modal .buttons,
#account_plus_delete_modal .buttons,
#account_disable_confirmation_modal .buttons,
#account_delete_confirmation_modal .buttons {
  text-align: right;
}

#account_disable_modal .buttons .button,
#account_delete_modal .buttons .button,
#account_plus_delete_modal .buttons .button,
#account_disable_confirmation_modal .buttons .button,
#account_delete_confirmation_modal .buttons .button {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  height: 35px;
  line-height: 35px;
}

#account_disable_modal .buttons .button.secondary,
#account_delete_modal .buttons .button.secondary,
#account_plus_delete_modal .buttons .button.secondary,
#account_disable_confirmation_modal .buttons .button.secondary,
#account_delete_confirmation_modal .buttons .button.secondary {
  height: 37px;
  margin-right: 15px;
  min-width: 80px;
  text-align: center;
}

#account_disable_confirmation_modal .buttons .button,
#account_delete_confirmation_modal .buttons .button {
  width: 100px;
  text-align: center;
}

html[lang=ja] #account_delete_modal .text,
html[lang=ja] #account_disable_modal .text {
  padding: 10px 0;
}

.view-filter {
  background: #F8F5F3;
  border-bottom: 1px solid #ddd;
  font-size: 1.8rem;
  font-family: OpenSansLight;
  font-weight: normal;
  border-radius: 5px 5px 0 0;
  background-clip: padding-box;
}

.view-filter::after {
  display: block;
  clear: both;
  content: "";
}

.view-filter::after {
  display: block;
  clear: both;
  content: "";
}

.view-filter::after {
  display: block;
  clear: both;
  content: "";
}

.view-filter::after {
  display: block;
  clear: both;
  content: "";
}

.view-filter button {
  color: #777 !important;
  display: block;
  position: relative;
  padding: 8px 20px;
  background-color: transparent;
  font-family: OpenSansLight;
  line-height: 0;
  overflow: visible;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  border-radius: 0;
}

.view-filter button.left {
  float: left;
  border-right: 1px solid #ddd;
}

.view-filter button.right {
  float: right;
  text-align: center;
  line-height: 20px;
  font-size: 2.5rem;
  font-family: OpenSansLight;
  font-weight: normal;
  padding: 10px 20px 6px;
}

.view-filter button.right .sub-label {
  font-size: 1.1rem;
  font-family: OpenSansLight;
  font-weight: normal;
  display: block;
}

.view-filter button.on {
  background-color: #f4f3f1;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f7f6), to(#edecea));
  background-image: linear-gradient(to bottom, #f9f7f6, #edecea 100%);
  color: #00aaea;
}

.view-filter button.on div {
  color: #777;
}

.view-filter button.on:before,
.view-filter button.on:after {
  top: 100%;
  left: 50%;
}

.view-filter button.on:before {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 16px;
  border-color: #ddd transparent transparent transparent;
  margin-left: -16px;
  z-index: 2;
}

.view-filter button.on:after {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 15px;
  border-color: #edecea transparent transparent transparent;
  margin-left: -15px;
  z-index: 3;
}

.view-filter button.on .bage {
  color: white;
}

.view-filter button:hover {
  text-decoration: none;
}

.view-filter button .bage {
  padding: 0 3px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  min-width: 18px;
  min-height: 18px;
  margin-left: 5px;
  background: #00aaea;
  color: white;
  font: 600 11px/18px "OpenSansSemiBold";
  border-radius: 18px;
  background-clip: padding-box;
}

.view-filter button .bage.hidden {
  display: none;
}

[data-view="MasonryPosts"] .title,
[data-view="ThreadRelated"] .title,
[data-view="MasonryPosts"] h2,
[data-view="ThreadRelated"] h2 {
  font-size: 1.8rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  margin: 5px 0 20px;
  color: #777;
}

[data-view="MasonryPosts"] .filter,
[data-view="ThreadRelated"] .filter {
  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: 0;
}

[data-view="MasonryPosts"] .filter_wrap,
[data-view="ThreadRelated"] .filter_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 15px;
}

[data-view="MasonryPosts"] .filter_title,
[data-view="ThreadRelated"] .filter_title {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 10px;
}

[data-view="MasonryPosts"] .filter button,
[data-view="ThreadRelated"] .filter button {
  font-size: 1.8rem;
  font-family: OpenSansLight;
  font-weight: normal;
  color: #d7d7d2;
  margin: 0 6px;
}

[data-view="MasonryPosts"] .filter button.on,
[data-view="ThreadRelated"] .filter button.on,
[data-view="MasonryPosts"] .filter button:hover,
[data-view="ThreadRelated"] .filter button:hover {
  color: #372f2b;
  text-decoration: none;
}

[data-view="MasonryPosts"] .filter button.sprite-1,
[data-view="ThreadRelated"] .filter button.sprite-1 {
  vertical-align: middle;
}

[data-view="MasonryPosts"] .filter button.skill-icon-gray.on,
[data-view="ThreadRelated"] .filter button.skill-icon-gray.on,
[data-view="MasonryPosts"] .filter button.skill-icon-gray:hover,
[data-view="ThreadRelated"] .filter button.skill-icon-gray:hover {
  background-position-y: -156px;
}

[data-view="MasonryPosts"] .filter button.skill-icon-gray.on.TH,
[data-view="ThreadRelated"] .filter button.skill-icon-gray.on.TH,
[data-view="MasonryPosts"] .filter button.skill-icon-gray:hover.TH,
[data-view="ThreadRelated"] .filter button.skill-icon-gray:hover.TH,
[data-view="MasonryPosts"] .filter button.skill-icon-gray.on.AS,
[data-view="ThreadRelated"] .filter button.skill-icon-gray.on.AS,
[data-view="MasonryPosts"] .filter button.skill-icon-gray:hover.AS,
[data-view="ThreadRelated"] .filter button.skill-icon-gray:hover.AS {
  background-position-y: -158px;
}

[data-view="MasonryPosts"] .filter button:not(.skill-icon-gray),
[data-view="ThreadRelated"] .filter button:not(.skill-icon-gray) {
  font-size: 1.8rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  background: transparent;
  color: #777774;
}

[data-view="MasonryPosts"] .filter button:not(.skill-icon-gray).on,
[data-view="ThreadRelated"] .filter button:not(.skill-icon-gray).on,
[data-view="MasonryPosts"] .filter button:not(.skill-icon-gray):hover,
[data-view="ThreadRelated"] .filter button:not(.skill-icon-gray):hover {
  color: #ff7a00;
}

[data-view="MasonryPosts"] .filter button .filter__tooltip,
[data-view="ThreadRelated"] .filter button .filter__tooltip {
  text-decoration: none;
  display: block;
  position: absolute;
  font-size: 1rem;
  font-family: OpenSansBold;
  font-weight: normal;
  color: #777;
  text-transform: uppercase;
  left: 50%;
  text-align: center;
  padding: 0 10px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 32px;
  line-height: 32px;
  top: -52px;
  border-radius: 2px;
  background: white;
  -webkit-box-shadow: 0 2px 0 1px #eee;
  box-shadow: 0 2px 0 1px #eee;
  border: 1px solid #eee;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  visibility: hidden;
}

[data-view="MasonryPosts"] .filter button:hover .filter__tooltip,
[data-view="ThreadRelated"] .filter button:hover .filter__tooltip {
  visibility: visible;
}

[data-view="MasonryPosts"] .no-records-message,
[data-view="ThreadRelated"] .no-records-message {
  opacity: 0;
  text-align: center;
  padding: 50px 20px;
  font-family: OpenSansLight;
  font-size: 18px;
}

html[data-wcag-enabled="true"] .filter button {
  color: #000000 !important;
}

#profile .static_position {
  position: static;
}

#profile .js-main-tabs-view {
  border: 1px solid #d7d7d2;
  border-radius: 5px;
}

#profile .current {
  padding: 30px 20px 20px;
}

#profile .current .title {
  text-align: center;
  position: relative;
  margin-bottom: 30px;
  font-size: 1.8rem;
  font-family: OpenSansLight;
  font-weight: normal;
  color: #777;
}

#profile .current .title .barrier {
  position: relative;
}

#profile .current .title .barrier.left {
  left: -5px;
}

#profile .current .title .barrier.right {
  left: 5px;
}

#profile .current .cleared {
  clear: both;
}

#profile .current .follow {
  visibility: visible;
  text-align: center;
}

#profile .current .follow h2 {
  color: #00aaea;
  font-size: 2.6rem;
  font-family: OpenSansLight;
  font-weight: normal;
  margin: 30px 0;
}

#profile .current .follow.switching {
  visibility: hidden;
}

html[lang=es] #profile .view-filter {
  font-size: 1.6rem;
  font-family: OpenSansLight;
  font-weight: normal;
}

#threads .col-left {
  float: left;
  width: 590px;
  padding: 15px 10px;
}

#threads .col-left .title {
  color: #00aaea;
  font-size: 2.6rem;
  font-family: OpenSansLight;
  font-weight: normal;
}

#threads .col-left .desc {
  font-size: 1.5rem;
  font-family: OpenSansLight;
  font-weight: normal;
}

#threads .col-right {
  float: right;
  width: 295px;
  padding: 6px 0;
}

#threads .col-right ul {
  padding: 16px 0;
}

#threads .col-right ul::after {
  display: block;
  clear: both;
  content: "";
}

#threads .col-right ul::after {
  display: block;
  clear: both;
  content: "";
}

#threads .col-right ul::after {
  display: block;
  clear: both;
  content: "";
}

#threads .col-right ul::after {
  display: block;
  clear: both;
  content: "";
}

#threads .col-right ul li {
  float: left;
  padding: 0 4px;
  margin: 0 5px 3px 0;
  line-height: 24px;
  background: #00aaea;
  font-size: 1.8rem;
  font-family: OpenSansLight;
  font-weight: normal;
  border-radius: 5px;
  background-clip: padding-box;
}

#threads .col-right ul li a,
#threads .col-right ul li a:visited {
  color: #fff;
}

#threads .col-right ul li a:hover,
#threads .col-right ul li a:visited:hover {
  text-decoration: none;
}

#threads .unlock-happify {
  padding: 10px;
}

#threads .unlock-happify .title {
  color: #81BA00;
  margin-bottom: 15px;
  font-size: 1.7rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#threads .unlock-happify .button {
  height: 38px;
  line-height: 28px;
  margin-top: 10px;
  padding: 0 20px 0 50px;
  font-size: 1.2rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
}

#threads .unlock-happify .brain {
  float: right;
  width: 80px;
  height: 63px;
}

[data-view=FeaturedThreads] {
  padding: 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-family: 'OpenSansRegular', serif;
}

[data-view=FeaturedThreads] h2 {
  color: #777;
}

[data-view=FeaturedThreads] .featured_forum {
  padding: 0 20px;
  min-height: 50%;
  min-width: 50%;
}

@media (max-width: 575.98px) {
  [data-view=FeaturedThreads] .featured_forum {
    min-width: 100%;
  }
}

[data-view=FeaturedThreads] .featured_forum .inner {
  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;
  height: 100%;
}

[data-view=FeaturedThreads] .featured_forum .inner .text {
  margin: 10px 0 5px;
  height: 100%;
  min-height: 40px;
  font-size: 13px;
  word-wrap: break-word;
}

[data-view=FeaturedThreads] .featured_forum .inner .forum-name {
  padding: 0 4px;
  display: inline-block;
  line-height: 20px;
  color: #fff;
  background: #00aaea;
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  border-radius: 5px;
  background-clip: padding-box;
}

[data-view=FeaturedThreads] .featured_forum .inner .forum-name:hover {
  text-decoration: none;
}

[data-view=FeaturedThreads] .featured_forum .inner .latest::after {
  display: block;
  clear: both;
  content: "";
}

[data-view=FeaturedThreads] .featured_forum .inner .latest::after {
  display: block;
  clear: both;
  content: "";
}

[data-view=FeaturedThreads] .featured_forum .inner .latest::after {
  display: block;
  clear: both;
  content: "";
}

[data-view=FeaturedThreads] .featured_forum .inner .latest::after {
  display: block;
  clear: both;
  content: "";
}

[data-view=FeaturedThreads] .featured_forum .inner .latest a.user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

[data-view=FeaturedThreads] .featured_forum .inner .latest a.user .userpic-wrapper {
  margin-right: 10px;
}

[data-view=FeaturedThreads] .featured_forum .inner .latest a.user > .user-info {
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: calc(100% - 46px);
}

[data-view=FeaturedThreads] .featured_forum .inner .latest a,
[data-view=FeaturedThreads] .featured_forum .inner .latest a:visited {
  display: block;
  text-decoration: none;
  color: #ff7a00;
  font-size: 1.3rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
}

[data-view=FeaturedThreads] .featured_forum .inner .meta {
  margin-top: 12px;
}

[data-view=FeaturedThreads] .featured_forum .inner .meta div:last-child {
  color: #ff7a00;
}

[data-view=FeaturedThreads] .featured_forum:first-child {
  border-right: 1px solid #d7d7d2;
}

@media (max-width: 575.98px) {
  [data-view=FeaturedThreads] .featured_forum:first-child {
    border-right: none;
  }
}

[data-view=FeaturedThreads] .featured_forum:first-child .inner {
  border-bottom: 1px solid #d7d7d2;
}

[data-view=FeaturedThreads] .featured_forum:nth-child(2) .inner {
  border-bottom: 1px solid #d7d7d2;
}

@media (max-width: 575.98px) {
  [data-view=FeaturedThreads] .featured_forum:nth-child(2) .inner {
    padding-top: 20px;
  }
}

[data-view=FeaturedThreads] .featured_forum:nth-child(3) {
  border-right: 1px solid #d7d7d2;
}

@media (max-width: 575.98px) {
  [data-view=FeaturedThreads] .featured_forum:nth-child(3) {
    border-right: none;
  }
}

[data-view=FeaturedThreads] .featured_forum:nth-child(n+3) .inner {
  padding: 20px 0;
}

[data-view=FeaturedThreads] .inner .meta.flexible * {
  font-family: 'OpenSansRegular', serif;
}

[data-view=TrendingThreads] h2 {
  padding: 5px 10px;
  color: #777;
}

[data-view=TrendingThreads] h2 .sprite-1 {
  top: 5px;
  margin-left: 5px;
}

[data-view=TrendingThreads] ul li {
  padding: 20px 25px;
  border-bottom: 1px solid #d7d7d2;
}

[data-view=TrendingThreads] ul li::after {
  display: block;
  clear: both;
  content: "";
}

[data-view=TrendingThreads] ul li::after {
  display: block;
  clear: both;
  content: "";
}

[data-view=TrendingThreads] ul li::after {
  display: block;
  clear: both;
  content: "";
}

[data-view=TrendingThreads] ul li::after {
  display: block;
  clear: both;
  content: "";
}

[data-view=TrendingThreads] ul li:last-child {
  border: none;
}

[data-view=TrendingThreads] ul li .left {
  float: left;
  width: 500px;
  padding: 0;
}

[data-view=TrendingThreads] ul li .left header {
  margin-bottom: 10px;
}

[data-view=TrendingThreads] ul li .left header::after {
  display: block;
  clear: both;
  content: "";
}

[data-view=TrendingThreads] ul li .left header::after {
  display: block;
  clear: both;
  content: "";
}

[data-view=TrendingThreads] ul li .left header::after {
  display: block;
  clear: both;
  content: "";
}

[data-view=TrendingThreads] ul li .left header::after {
  display: block;
  clear: both;
  content: "";
}

[data-view=TrendingThreads] ul li .left header .tag-name {
  color: #fff;
  float: left;
  display: inline-block;
  background: #00aaea;
  line-height: 18px;
  padding: 0 4px;
  border-radius: 3px;
  background-clip: padding-box;
  font-size: 1.4rem;
  font-family: OpenSansLight;
  font-weight: normal;
}

[data-view=TrendingThreads] ul li .left header .tag-name:hover {
  text-decoration: none;
}

[data-view=TrendingThreads] ul li .left header .meta {
  float: right;
  width: 335px;
}

[data-view=TrendingThreads] ul li .left header .meta::after {
  display: block;
  clear: both;
  content: "";
}

[data-view=TrendingThreads] ul li .left header .meta::after {
  display: block;
  clear: both;
  content: "";
}

[data-view=TrendingThreads] ul li .left header .meta::after {
  display: block;
  clear: both;
  content: "";
}

[data-view=TrendingThreads] ul li .left header .meta::after {
  display: block;
  clear: both;
  content: "";
}

[data-view=TrendingThreads] ul li .left header .meta div {
  width: 33.3336%;
  float: left;
  text-align: right;
}

[data-view=TrendingThreads] ul li .left header .meta div a,
[data-view=TrendingThreads] ul li .left header .meta div a:visited {
  color: #ff7a00;
}

[data-view=TrendingThreads] ul li .left .latest::after {
  display: block;
  clear: both;
  content: "";
}

[data-view=TrendingThreads] ul li .left .latest::after {
  display: block;
  clear: both;
  content: "";
}

[data-view=TrendingThreads] ul li .left .latest::after {
  display: block;
  clear: both;
  content: "";
}

[data-view=TrendingThreads] ul li .left .latest::after {
  display: block;
  clear: both;
  content: "";
}

[data-view=TrendingThreads] ul li .left .latest img {
  float: left;
  margin-right: 10px;
}

[data-view=TrendingThreads] ul li .left .latest .user-info {
  float: left;
  margin-top: 6px;
}

[data-view=TrendingThreads] ul li .left .latest .user-info a,
[data-view=TrendingThreads] ul li .left .latest .user-info a:visited {
  color: #ff7a00;
  font-size: 1.3rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

[data-view=TrendingThreads] ul li .left .latest .user-info .text {
  width: 455px;
}

[data-view=TrendingThreads] ul li .right {
  width: 90px;
  float: right;
}

[data-view=TrendingThreads] ul li .right .image {
  display: block;
  height: 60px;
  overflow: hidden;
  margin-bottom: 5px;
}

[data-view=TrendingThreads] ul li .right .button {
  color: #ff7a00 !important;
  height: 22px;
  padding: 0 8px;
  line-height: 20px;
}

[data-view=ThreadList] {
  padding: 20px 15px;
  overflow: visible;
}

[data-view=ThreadList] header {
  margin-bottom: 10px;
}

[data-view=ThreadList] header::after {
  display: block;
  clear: both;
  content: "";
}

[data-view=ThreadList] header::after {
  display: block;
  clear: both;
  content: "";
}

[data-view=ThreadList] header::after {
  display: block;
  clear: both;
  content: "";
}

[data-view=ThreadList] header::after {
  display: block;
  clear: both;
  content: "";
}

[data-view=ThreadList] header > div {
  color: #777;
  font-size: 1.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
}

[data-view=ThreadList] header .title {
  float: left;
  width: 70%;
}

[data-view=ThreadList] header .type {
  float: left;
  width: 30%;
}

[data-view=ThreadList] header.empty {
  margin-bottom: 0;
}

[data-view=ThreadList] ul:first-of-type {
  margin-bottom: 30px;
}

[data-view=ThreadList] ul.empty:first-of-type {
  margin-bottom: 0;
}

[data-view=ThreadList] ul li {
  margin: 8px 0;
}

[data-view=ThreadList] ul li::after {
  display: block;
  clear: both;
  content: "";
}

[data-view=ThreadList] ul li::after {
  display: block;
  clear: both;
  content: "";
}

[data-view=ThreadList] ul li::after {
  display: block;
  clear: both;
  content: "";
}

[data-view=ThreadList] ul li::after {
  display: block;
  clear: both;
  content: "";
}

[data-view=ThreadList] ul li.empty {
  padding: 0;
  text-align: center;
  width: 65%;
  margin: auto;
}

[data-view=ThreadList] ul li.empty span {
  text-align: center;
  font-size: 1.3rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  line-height: 15px;
}

[data-view=ThreadList] ul li a,
[data-view=ThreadList] ul li a:visited {
  color: #ff7a00;
  width: 60%;
  display: block;
  float: left;
  padding-left: 10px;
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

[data-view=ThreadList] ul li .discussions {
  float: left;
  width: 30%;
  text-align: center;
  position: relative;
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

[data-view=ThreadList] ul li .discussions .trending {
  position: absolute;
  right: 0;
  top: 2px;
}

html[lang=es] header > div {
  font-size: 1.2rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
}

#thread {
  margin: 30px 0 0;
}

#thread .expert-58 {
  top: -3px;
  left: 2px;
}

#thread .expert_ribbon-58 {
  top: 43px;
  left: 1px;
}

#thread .header {
  padding: 10px 0;
  border-bottom: 1px solid #d7d7d2;
  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;
}

#thread .header .tag-name {
  color: #fff;
  display: inline-block;
  padding: 0 8px;
  background: #00aaea;
  border-radius: 3px;
  background-clip: padding-box;
  font-size: 2.8rem;
  font-family: OpenSansLight;
  font-weight: normal;
}

@media (max-width: 575.98px) {
  #thread .header .tag-name {
    width: 100%;
  }
}

#thread .header .button {
  font-size: 1.3rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin: 0 0 0 auto;
  height: 30px;
  line-height: 30px;
}

@media (max-width: 767.98px) {
  #thread .header .button {
    margin: 10px 0 10px auto;
  }
}

#thread .header .rules {
  margin-top: 10px;
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  width: 100%;
}

#thread .create-discussion {
  padding: 20px 30px;
}

#thread .create-discussion .title {
  color: #00aaea;
  margin-bottom: 10px;
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#thread .create-discussion form {
  position: relative;
}

#thread .create-discussion form textarea {
  min-height: 28px;
  width: 100%;
  height: 28px;
}

#thread .create-discussion form textarea:focus,
#thread .create-discussion form textarea.on {
  height: auto;
  min-height: 80px;
}

#thread .create-discussion form textarea:focus + input[type=submit],
#thread .create-discussion form textarea.on + input[type=submit] {
  display: block;
}

#thread .create-discussion form input[type=submit] {
  display: none;
  float: right;
  margin: 7px 0;
  padding: 0 15px;
  height: 25px;
  line-height: 25px;
}

#thread .create-discussion .non-member {
  display: none;
  padding: 15px;
  background: #F4FDEE;
  border: 2px solid #81BA00;
  border-radius: 5px;
  background-clip: padding-box;
}

#thread .create-discussion .non-member::after {
  display: block;
  clear: both;
  content: "";
}

#thread .create-discussion .non-member::after {
  display: block;
  clear: both;
  content: "";
}

#thread .create-discussion .non-member::after {
  display: block;
  clear: both;
  content: "";
}

#thread .create-discussion .non-member::after {
  display: block;
  clear: both;
  content: "";
}

#thread .create-discussion .non-member .text {
  color: #81BA00;
  float: left;
  width: 255px;
  line-height: 22px;
  font-size: 1.8rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#thread .create-discussion .non-member .button {
  float: right;
  height: 43px;
  line-height: 33px;
  padding: 0 20px 0 45px;
  font-size: 1.6rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
}

#thread .contributors {
  padding: 10px;
  border-bottom: 1px solid #d7d7d2;
}

#thread .contributors .title {
  color: #372f2b;
  margin-bottom: 10px;
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#thread .contributors ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#thread .contributors ul li {
  padding: 0 5px;
  text-align: center;
}

@media (max-width: 575.98px) {
  #thread .contributors ul li {
    width: 100%/3;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  #thread .contributors ul li {
    width: 100%/4;
  }
}

@media (min-width: 768px) {
  #thread .contributors ul li {
    width: 100%/8;
  }
}

#thread .contributors ul li .username {
  font-size: 1.3rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin-left: 1px;
  margin-right: 1px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#thread .contributors ul li .userpic-wrapper {
  position: relative;
  display: block;
  padding-top: 4px;
}

#thread [data-view='ThreadDiscussions'] .filter {
  min-width: 200px;
  position: relative;
  margin: 0 auto 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 50px;
}

#thread [data-view='ThreadDiscussions'] .filter_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#thread [data-view='ThreadDiscussions'] .filter:before {
  content: '';
  position: absolute;
  background: #d7d7d2;
  width: 90%;
  height: 1px;
  left: 5%;
  z-index: 1;
}

#thread [data-view='ThreadDiscussions'] .filter .bull {
  font-size: 16pt;
  background: #fff;
  position: relative;
  z-index: 2;
}

#thread [data-view='ThreadDiscussions'] .filter button {
  padding: 0 6px;
  position: relative;
  background: #fff;
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  z-index: 3;
}

#thread [data-view='ThreadDiscussions'] .filter button .thread-filter {
  background-color: transparent;
  font-family: OpenSansRegular;
}

#thread [data-view='ThreadDiscussions'] .filter button:first-child:before {
  content: '•';
  position: absolute;
  color: #d7d7d2;
  left: -45px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
}

#thread [data-view='ThreadDiscussions'] .filter button:last-child:after {
  content: '•';
  position: absolute;
  color: #d7d7d2;
  right: -45px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
}

#thread [data-view='ThreadDiscussions'] .filter button a,
#thread [data-view='ThreadDiscussions'] .filter button a:visited {
  color: #777;
}

#thread [data-view='ThreadDiscussions'] .filter button a.on,
#thread [data-view='ThreadDiscussions'] .filter button a:visited.on {
  color: #372f2b;
  font-family: OpenSansRegular;
}

#thread [data-view='ThreadDiscussions'] .discussion {
  font-family: 'OpenSansRegular';
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 35px;
  padding: 0 45px;
  will-change: opacity, display;
}

@media (max-width: 767.98px) {
  #thread [data-view='ThreadDiscussions'] .discussion {
    padding: 0 15px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media (max-width: 575.98px) {
  #thread [data-view='ThreadDiscussions'] .discussion {
    padding: 0;
  }
}

#thread [data-view='ThreadDiscussions'] .discussion .userpic-wrapper {
  position: relative;
  display: block;
  margin: 0 10px 0 0;
}

@media (max-width: 767.98px) {
  #thread [data-view='ThreadDiscussions'] .discussion .userpic-wrapper {
    margin-right: auto;
  }
}

#thread [data-view='ThreadDiscussions'] .discussion .js-reply-form .userpic-wrapper {
  margin: 0;
}

#thread [data-view='ThreadDiscussions'] .discussion button.like {
  height: 24px;
  padding: 0;
  background-color: transparent;
}

#thread [data-view='ThreadDiscussions'] .discussion .coach-avatar {
  width: 38px;
  height: 38px;
  padding: 2px;
}

#thread [data-view='ThreadDiscussions'] .discussion .body {
  position: relative;
}

@media (max-width: 767.98px) {
  #thread [data-view='ThreadDiscussions'] .discussion .body {
    width: 100%;
  }
}

@media (min-width: 768px) {
  #thread [data-view='ThreadDiscussions'] .discussion .body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: calc(100% - 45px);
  }
}

#thread [data-view='ThreadDiscussions'] .discussion .body a,
#thread [data-view='ThreadDiscussions'] .discussion .body a:hover,
#thread [data-view='ThreadDiscussions'] .discussion .body a:focus,
#thread [data-view='ThreadDiscussions'] .discussion .body a:visited {
  outline: 0;
}

#thread [data-view='ThreadDiscussions'] .discussion .body a.userlink {
  display: inline-block;
}

#thread [data-view='ThreadDiscussions'] .discussion .body time {
  position: absolute;
  top: 0;
  right: 10px;
  font-family: 'OpenSansItalic';
  color: #b4b4b4;
}

#thread [data-view='ThreadDiscussions'] .discussion .body .username {
  line-height: 22px;
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#thread [data-view='ThreadDiscussions'] .discussion .body .text {
  white-space: normal;
  word-wrap: break-word;
}

#thread [data-view='ThreadDiscussions'] .discussion .body .text a {
  color: #777;
}

#thread [data-view='ThreadDiscussions'] .discussion .body .text span {
  white-space: normal;
  word-wrap: break-word;
}

#thread [data-view='ThreadDiscussions'] .discussion .relative {
  margin-top: 10px;
  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;
}

#thread [data-view='ThreadDiscussions'] .discussion .meta {
  position: relative;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#thread [data-view='ThreadDiscussions'] .discussion .meta > span {
  line-height: 1em;
}

#thread [data-view='ThreadDiscussions'] .discussion .meta .likes {
  line-height: 1em;
  margin-right: 5px;
}

#thread [data-view='ThreadDiscussions'] .discussion .meta button[data-action] {
  position: relative;
  text-decoration: none;
  line-height: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 5px;
}

#thread [data-view='ThreadDiscussions'] .discussion .meta button[data-action]:hover::after {
  text-decoration: underline;
}

#thread [data-view='ThreadDiscussions'] .discussion .meta button[data-action] .heart {
  position: relative;
  margin-left: 5px;
}

#thread [data-view='ThreadDiscussions'] .discussion button[data-action] {
  position: relative;
  margin: 0 0 0 auto;
  overflow: hidden;
}

#thread [data-view='ThreadDiscussions'] .discussion button[data-action]:hover {
  overflow: visible;
}

#thread [data-view='ThreadDiscussions'] .discussion .discussion-reply {
  position: relative;
  background: #f7f7f7;
  padding: 10px;
  border-top: 1px solid #fff;
  -webkit-box-shadow: 0 1px 1px rgba(100, 100, 100, 0.25);
  box-shadow: 0 1px 1px rgba(100, 100, 100, 0.25);
  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;
}

#thread [data-view='ThreadDiscussions'] .discussion .discussion-reply_top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}

@media (max-width: 767.98px) {
  #thread [data-view='ThreadDiscussions'] .discussion .discussion-reply_top {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

#thread [data-view='ThreadDiscussions'] .discussion .discussion-reply label {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

#thread [data-view='ThreadDiscussions'] .discussion .discussion-reply label span {
  display: block;
}

#thread [data-view='ThreadDiscussions'] .discussion .discussion-reply textarea {
  margin: 6px 0 0 0;
  min-height: 28px;
  height: 28px;
  width: 100%;
}

#thread [data-view='ThreadDiscussions'] .discussion .discussion-reply textarea:focus,
#thread [data-view='ThreadDiscussions'] .discussion .discussion-reply textarea.on {
  min-height: 45px;
  height: auto;
}

#thread [data-view='ThreadDiscussions'] .discussion .discussion-reply .private_discussion_comment {
  margin-top: 10px;
  width: 100%;
  text-align: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#thread [data-view='ThreadDiscussions'] .discussion .discussion-reply .private_discussion_comment .checkbox {
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 28px;
  cursor: pointer;
  position: relative;
  background-image: url('/static/img/checkbox_inactive.png');
}

#thread [data-view='ThreadDiscussions'] .discussion .discussion-reply .private_discussion_comment .checkbox.checked {
  background-image: url('/static/img/checkbox_active.png');
}

#thread [data-view='ThreadDiscussions'] .discussion .discussion-reply .private_discussion_comment .text {
  margin: 0 5px;
  line-height: 28px;
  display: inline-block;
}

#thread [data-view='ThreadDiscussions'] .discussion .discussion-reply .private_discussion_comment .key {
  background-image: url('/static/img/private_comment_key.png');
}

#thread [data-view='ThreadDiscussions'] .discussion .discussion-reply .private_discussion_comment .key.invisible {
  visibility: hidden;
}

#thread [data-view='ThreadDiscussions'] .discussion .discussion-reply button.button {
  height: 30px;
  line-height: 30px;
  margin: 0 0 0 20px;
}

#thread [data-view='ThreadDiscussions'] .discussion .discussion-reply.private {
  background: #FDFCF9;
}

#thread [data-view='ThreadDiscussions'] .discussion .discussion-comments {
  margin: 10px 0 0;
  background: #f7f7f7;
}

#thread [data-view='ThreadDiscussions'] .discussion .discussion-comments .comment {
  position: relative;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #fff;
  padding: 10px;
  color: #777;
  font-family: 'OpenSansRegular';
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

@media (max-width: 767.98px) {
  #thread [data-view='ThreadDiscussions'] .discussion .discussion-comments .comment {
    padding: 10px 15px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

#thread [data-view='ThreadDiscussions'] .discussion .discussion-comments .comment .privacy_tip b,
#thread [data-view='ThreadDiscussions'] .discussion .discussion-comments .comment .privacy_tip strong {
  font-family: 'OpenSansBold';
}

#thread [data-view='ThreadDiscussions'] .discussion .discussion-comments .comment time {
  color: #777;
  top: 5px;
  right: 10px;
  z-index: 999;
  font-family: 'OpenSansItalic';
}

#thread [data-view='ThreadDiscussions'] .discussion .discussion-comments .comment time .key-container {
  display: inline-block;
  margin: 0 6px 0 0;
  position: relative;
  top: 3px;
}

#thread [data-view='ThreadDiscussions'] .discussion .discussion-comments .comment time .key-container .privacy_tip {
  display: none;
  font-family: 'OpenSansRegular';
  position: absolute;
  width: auto;
  height: 48px;
  padding: 5px 10px;
  border: 1px solid #d7d7d2;
  background: none repeat scroll 0 0 padding-box #ffffff;
  border-radius: 3px;
  background-clip: padding-box;
  top: -45px;
  left: 5px;
  z-index: 999;
}

#thread [data-view='ThreadDiscussions'] .discussion .discussion-comments .comment time .key-container .privacy_tip .text {
  white-space: nowrap;
}

#thread [data-view='ThreadDiscussions'] .discussion .discussion-comments .comment time .key-container:hover .privacy_tip {
  display: block;
}

#thread [data-view='ThreadDiscussions'] .discussion .discussion-comments .comment .meta {
  font-family: 'OpenSansRegular';
}

#thread [data-view='ThreadDiscussions'] .discussion .discussion-comments .comment .meta_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-top: 10px;
}

#thread [data-view='ThreadDiscussions'] .discussion .discussion-comments .comment .meta button.js-reply {
  background-color: transparent;
  padding: 0;
}

#thread [data-view='ThreadDiscussions'] .discussion .discussion-comments .comment button[data-action="like"] {
  background-color: transparent;
}

#thread [data-view='ThreadDiscussions'] .discussion .discussion-comments .comment .meta.comments {
  margin-left: 20px;
}

#thread [data-view='ThreadDiscussions'] .discussion .discussion-comments .comment .meta.comments button {
  height: 24px;
  line-height: 1em;
}

#thread [data-view='ThreadDiscussions'] .discussion .discussion-comments .comment .meta.comments .sprite {
  border: none;
  position: relative;
  margin: 0 5px;
  padding: 0;
  border-radius: 0;
}

#thread [data-view='ThreadDiscussions'] .discussion .discussion-comments .comment .username {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#thread [data-view='ThreadDiscussions'] .discussion .discussion-comments .comment .body {
  position: relative;
}

#thread [data-view='ThreadDiscussions'] .discussion .discussion-comments .comment .body .text a {
  color: #777;
}

#thread [data-view='ThreadDiscussions'] .discussion .discussion-comments .comment .body a,
#thread [data-view='ThreadDiscussions'] .discussion .discussion-comments .comment .body a:hover,
#thread [data-view='ThreadDiscussions'] .discussion .discussion-comments .comment .body a:focus,
#thread [data-view='ThreadDiscussions'] .discussion .discussion-comments .comment .body a:visited {
  outline: 0;
}

#thread [data-view='ThreadDiscussions'] .discussion .discussion-comments .comment.nested {
  padding-left: 35px;
}

#thread [data-view='ThreadDiscussions'] .discussion .discussion-comments .comment.nested .body {
  width: 425px;
}

#thread [data-view='ThreadDiscussions'] .discussion .discussion-comments .comment.private {
  background: #FDFCF9;
}

#thread [data-view='ThreadDiscussions'] .discussion .discussion-comments .comment.private.allow_reply {
  background: #FDFCF9;
}

#thread [data-view='ThreadDiscussions'] .discussion .discussion-comments .comment_reply {
  position: relative;
  background: rgba(200, 200, 200, 0.15);
  margin: 0;
  padding: 10px 10px 10px 45px;
  border-top: 1px solid #fff;
  -webkit-box-shadow: 0 1px 1px rgba(100, 100, 100, 0.25);
  box-shadow: 0 1px 1px rgba(100, 100, 100, 0.25);
  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;
}

#thread [data-view='ThreadDiscussions'] .discussion .discussion-comments .comment_reply_top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}

#thread [data-view='ThreadDiscussions'] .discussion .discussion-comments .comment_reply_top .userpic-wrapper {
  margin: 0 10px 0 0;
}

#thread [data-view='ThreadDiscussions'] .discussion .discussion-comments .comment_reply_top label {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

#thread [data-view='ThreadDiscussions'] .discussion .discussion-comments .comment_reply_top label textarea {
  width: 100%;
  margin: 6px 0 0 0;
}

@media (max-width: 767.98px) {
  #thread [data-view='ThreadDiscussions'] .discussion .discussion-comments .comment_reply_top {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

#thread [data-view='ThreadDiscussions'] .discussion .discussion-comments .comment_reply .expert-34 {
  left: 39px;
  top: 4px;
}

#thread [data-view='ThreadDiscussions'] .discussion .discussion-comments .comment_reply textarea {
  margin: 6px 0 0 10px;
  min-height: 28px;
  height: 28px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

@media (max-width: 767.98px) {
  #thread [data-view='ThreadDiscussions'] .discussion .discussion-comments .comment_reply textarea {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%;
    margin: 10px 0 0;
  }
}

#thread [data-view='ThreadDiscussions'] .discussion .discussion-comments .comment_reply textarea:focus,
#thread [data-view='ThreadDiscussions'] .discussion .discussion-comments .comment_reply textarea.on {
  min-height: 45px;
  height: auto;
}

#thread [data-view='ThreadDiscussions'] .discussion .discussion-comments .comment_reply .private_discussion_comment {
  margin-top: 5px;
  width: 100%;
  text-align: right;
}

#thread [data-view='ThreadDiscussions'] .discussion .discussion-comments .comment_reply .private_discussion_comment .checkbox {
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 28px;
  cursor: pointer;
  position: relative;
  top: 5px;
  background-image: url('/static/img/checkbox_inactive.png');
}

#thread [data-view='ThreadDiscussions'] .discussion .discussion-comments .comment_reply .private_discussion_comment .checkbox.checked {
  background-image: url('/static/img/checkbox_active.png');
}

#thread [data-view='ThreadDiscussions'] .discussion .discussion-comments .comment_reply .private_discussion_comment .checkbox.no-img {
  background: none;
  cursor: default;
  width: 0;
  height: 0;
}

#thread [data-view='ThreadDiscussions'] .discussion .discussion-comments .comment_reply .private_discussion_comment .text {
  margin: 5px 0 0 5px;
  line-height: 28px;
  vertical-align: top;
  display: inline-block;
}

#thread [data-view='ThreadDiscussions'] .discussion .discussion-comments .comment_reply .private_discussion_comment .key {
  background-image: url('/static/img/private_comment_key.png');
  margin: 2px 20px 0 5px;
  vertical-align: text-top;
}

#thread [data-view='ThreadDiscussions'] .discussion .discussion-comments .comment_reply .private_discussion_comment .key.invisible {
  visibility: hidden;
}

#thread [data-view='ThreadDiscussions'] .discussion .discussion-comments .comment_reply button.button {
  height: 30px;
  line-height: 30px;
  margin: 0 0 0 20px;
}

#thread [data-view='ThreadDiscussions'] .discussion .discussion-comments .comment_reply.private {
  background: #FDFCF9;
}

#thread [data-view='ThreadDiscussions'] .discussion .discussion-comments .comment_reply.level1 {
  padding: 8px 0 8px 5px;
}

#thread [data-view='ThreadDiscussions'] .discussion .discussion-comments .nested-comments .comment {
  padding: 10px 0 10px 45px;
}

#thread [data-view='ThreadDiscussions'] .discussion .discussion-comments .nested-comments .comment .body .meta.comments {
  display: none;
}

#thread [data-view='ThreadDiscussions'] .discussion .discussion-comments .nested-comments .comment.private .body .meta.comments {
  display: none;
}

#thread [data-view='ThreadDiscussions'] .discussion .discussion-comments .nested-comments .comment.private.allow_reply:not(.self) .body .meta.comments {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#thread [data-view='ThreadDiscussions'] .discussion .discussion-comments .nested-comments .sub-comments .comment .body .meta.comments,
#thread [data-view='ThreadDiscussions'] .discussion .discussion-comments .nested-comments .sub-comments .comment.private:nth-last-child(-n+2) .body .meta.comments {
  display: none;
}

#thread [data-view='ThreadDiscussions'] .discussion .show-all {
  line-height: 22px;
  padding-left: 56px;
  border-bottom: 1px solid #ddd;
}

#thread [data-view='ThreadRelated'] h1 {
  text-align: center;
}

#thread [data-view='ThreadRelated'] .post {
  padding: 15px;
}

#thread [data-view='ThreadRelated'] .post hr {
  display: none;
}

#thread [data-view='ThreadRelated'] .post .user-comments {
  display: none;
}

#thread [data-view='ThreadRelated'] .summary button {
  color: #ff7a00;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #thread .button.primary:visited {
    color: #ffffff;
  }

  #thread .button.primary {
    color: #ffffff;
  }
}

#thread .neighbors-left {
  z-index: 1;
}

#thread .neighbors-right {
  z-index: 0;
}

#science {
  font-family: proxima-nova, sans-serif;
}

#science header h1 {
  position: relative;
  text-align: center;
  font-size: 6rem;
  font-family: inherit;
  font-weight: normal;
}

#science header h1:after {
  content: '';
  position: absolute;
  border-top: 3px solid #ff7a00;
  bottom: -20px;
  left: 50%;
  margin-left: -60px;
  width: 120px;
  height: 0;
}

#science header p {
  margin-top: 60px;
  line-height: 40px;
  text-align: center;
  font-size: 2.4rem;
  font-family: inherit;
  font-weight: normal;
}

#science .cell {
  border-radius: 0;
  background-clip: padding-box;
}

#science .cell > a,
#science .cell a:visited {
  display: block;
  width: 100%;
}

#science .cell > a img,
#science .cell a:visited img {
  width: 100%;
}

#science .cell h4 {
  position: relative;
  padding: 0 20px;
  line-height: 28px;
  font-size: 2.4rem;
  font-family: inherit;
  font-weight: normal;
}

#science .cell h4:after {
  content: '';
  position: absolute;
  border-top: 3px solid #00aaea;
  bottom: -26px;
  left: 20px;
  width: 70px;
  height: 0;
}

#science .cell h4 a,
#science .cell h4 a:visited {
  color: #372f2b;
}

#science .cell h4 a:hover,
#science .cell h4 a:visited:hover {
  text-decoration: none;
}

#science .cell p {
  min-height: 160px;
  line-height: 24px;
  padding: 20px;
  font-size: 1.6rem;
  font-family: inherit;
  font-weight: normal;
}

#science .cell .read-more {
  color: #fff;
  text-align: center;
  background: #00aaea;
  line-height: 54px;
  font-size: 1.5rem;
  font-family: inherit;
  font-weight: normal;
  -webkit-transition: all 7ms;
  transition: all 7ms;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

#science .cell .read-more:hover {
  text-decoration: none;
  background: #0097d1;
}

#science .cell .research {
  background: #ff7a00;
}

#science .cell .research:hover {
  text-decoration: none;
  background: #e66e00;
}

html[lang=zh] #science .cell h4 {
  min-height: 56px;
}

#faq_page {
  background-clip: padding-box;
  color: #666666;
  font-weight: normal;
  margin: 30px auto 0;
  max-width: 1018px;
  font-size: 13px;
}

#faq_page ol,
#faq_page ul {
  margin: 16px 0;
  padding: 0 40px;
}

#faq_page ol {
  list-style-type: decimal;
}

#faq_page ul {
  list-style-type: disc;
}

#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;
  padding: 10px 0;
  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;
}

#faq_page .content {
  background-color: #FFFFFF;
  border-bottom: 2px solid #DDDDDD;
  border-left: 2px solid #DDDDDD;
  border-right: 2px solid #DDDDDD;
  margin: 0 auto;
  padding-bottom: 50px;
  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;
  max-width: 811px;
  margin: 0 auto;
}

#faq_page .content .content_container .faq_menu {
  width: 100%;
  padding-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 button {
  color: #F05A20;
  font-size: 15px;
  margin-right: 20px;
  margin-left: 8px;
  font-family: OpenSansLight;
}

#faq_page .content .content_container .faq_section {
  margin: 25px 0 0 70px;
  width: 100%;
}

@media (max-width: 767.98px) {
  #faq_page .content .content_container .faq_section {
    margin: 25px 20px 0;
  }
}

#faq_page .content .content_container .faq_section h2 {
  color: #666;
  font-size: 34px;
}

#faq_page .content .content_container .faq_section h3 {
  color: #666;
  margin: 20px 0 8px;
  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 img {
  position: relative;
  display: block;
  margin: 10px auto 20px;
  text-align: center;
}

#faq_page .content .content_container .faq_section a {
  font-size: 12px;
}

#faq_page .content .content_container .faq_section.default-styles {
  font-size: initial;
}

#faq_page .content .content_container .faq_section.default-styles h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

#faq_page .content .content_container .faq_section.default-styles h2 {
  margin: 0.83em 0;
  font-size: 1.5em;
}

#faq_page .content .content_container .faq_section.default-styles h3 {
  font-family: OpenSansRegular;
  font-size: 1.17em;
  margin: 1em 0;
}

#faq_page .content .content_container .faq_section.default-styles h1,
#faq_page .content .content_container .faq_section.default-styles h2,
#faq_page .content .content_container .faq_section.default-styles h3 {
  display: block;
  font-weight: bold;
}

#faq_page .content .content_container .faq_section.default-styles strong {
  font-family: OpenSansSemibold;
}

#faq_page .content .content_container .faq_section.default-styles p {
  margin: 1em 0;
  display: block;
}

#faq_page .content .content_container .faq_section.default-styles a {
  font-size: initial;
  font-family: OpenSansRegular;
}

#faq_page .content .content_container .faq_section.default-styles a:hover {
  text-decoration: underline;
}

html[data-wcag-enabled=true] .tracks a {
  text-decoration: none;
}

html[data-wcag-enabled=true] .tracks a p {
  text-decoration: underline;
}

.tracks .track_card {
  display: inline-block;
  vertical-align: top;
  background: none repeat scroll 0 0 #FCFCFC;
  border: 1px solid #d7d7d2;
  border-radius: 5px;
  background-clip: padding-box;
  cursor: pointer;
  height: 320px;
  margin: 0 10px 20px;
  position: relative;
  width: 300px;
}

.tracks .track_card a.topic {
  display: block;
  height: 100%;
}

.tracks .track_card a.topic > img {
  border-radius: 5px 5px 0 0;
  background-clip: padding-box;
  width: 100%;
  height: 100%;
  max-height: 180px;
}

.tracks .track_card a.topic:focus {
  outline: none;
}

.tracks .track_card a.topic:hover p {
  text-decoration: none;
}

.tracks .track_card a.topic .card-content {
  padding: 10px 10px 0;
  margin-bottom: 5px;
}

.tracks .track_card a.topic .card-content p {
  font-size: 1.6rem;
  font-family: OpenSansLight;
  font-weight: normal;
  color: #ff7a00;
  line-height: 20px;
  margin: 0;
  height: 50px;
}

.tracks .track_card a.topic.premium .card-content p,
.tracks .track_card a.topic.coach .card-content p {
  width: 70%;
}

.tracks .track_card a.topic.unavailable .card-content p {
  font-size: 1.8rem;
  font-family: OpenSansLight;
  font-weight: normal;
  color: #d7d7d2;
}

.tracks .track_card a.topic.unavailable .card-content .coming-soon {
  font-size: 2.2rem;
  font-family: OpenSansLight;
  font-weight: normal;
  color: #777;
  margin: 10px 0;
}

.track_card:hover {
  border: 1px solid #F1977D;
}

.track_card .creator_avatar {
  display: inline-block;
  margin: 13px 0 0 15px;
  vertical-align: top;
  text-align: center;
  -webkit-box-shadow: 0 0 0 2px #81B000;
  box-shadow: 0 0 0 2px #81B000;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background-clip: padding-box;
  position: absolute;
  top: 148px;
  left: 194px;
}

.track_card .creator_avatar img {
  border-radius: 50%;
  background-clip: padding-box;
  width: 70px;
  height: 70px;
  -webkit-box-shadow: rgba(0, 0, 0, 0) 0 0 0 0px;
  box-shadow: rgba(0, 0, 0, 0) 0 0 0 0px;
}

.track_card .premium-shield {
  top: 258px;
  left: 235px;
}

.track_card .topic.user-started .premium-shield {
  display: none;
}

.track_card .track_progress {
  margin: 0 auto;
}

.tracks_content .track_card .share-container {
  position: absolute;
  right: 10px;
  top: 10px;
  display: none;
}

.tracks_content .track_card:hover .share-container {
  display: block;
}

.tracks .track_card .share-container {
  display: none;
}

#explore_tracks_v2 a.wcag_link,
#explore_tracks_life_domain_v2 a.wcag_link,
#explore_tracks_creator_tracks_v2 a.wcag_link {
  display: block;
}

#explore_tracks_v2 #explore_tracks_featured_v2 .explore-tracks-featured,
#explore_tracks_life_domain_v2 #explore_tracks_featured_v2 .explore-tracks-featured,
#explore_tracks_creator_tracks_v2 #explore_tracks_featured_v2 .explore-tracks-featured {
  position: relative;
  display: inline-block;
  width: 100%;
  background-image: url('/static/img/explore_tracks/blur-background.png');
  background-size: cover;
}

#explore_tracks_v2 #explore_tracks_featured_v2 .explore-tracks-featured .explore_tracks_featured_header,
#explore_tracks_life_domain_v2 #explore_tracks_featured_v2 .explore-tracks-featured .explore_tracks_featured_header,
#explore_tracks_creator_tracks_v2 #explore_tracks_featured_v2 .explore-tracks-featured .explore_tracks_featured_header {
  display: table;
  margin: 40px auto 15px;
}

#explore_tracks_v2 #explore_tracks_featured_v2 .explore-tracks-featured .explore_tracks_featured_header h1,
#explore_tracks_life_domain_v2 #explore_tracks_featured_v2 .explore-tracks-featured .explore_tracks_featured_header h1,
#explore_tracks_creator_tracks_v2 #explore_tracks_featured_v2 .explore-tracks-featured .explore_tracks_featured_header h1 {
  font-size: 2.8rem;
  font-family: OpenSansLight;
  font-weight: normal;
  color: #ffffff;
  text-align: center;
  line-height: 28px;
}

#explore_tracks_v2 #explore_tracks_featured_v2 .explore-tracks-featured .explore_tracks_featured_header h1.hidden,
#explore_tracks_life_domain_v2 #explore_tracks_featured_v2 .explore-tracks-featured .explore_tracks_featured_header h1.hidden,
#explore_tracks_creator_tracks_v2 #explore_tracks_featured_v2 .explore-tracks-featured .explore_tracks_featured_header h1.hidden {
  display: none;
}

#explore_tracks_v2 #explore_tracks_featured_v2 .explore-tracks-featured .wrapper,
#explore_tracks_life_domain_v2 #explore_tracks_featured_v2 .explore-tracks-featured .wrapper,
#explore_tracks_creator_tracks_v2 #explore_tracks_featured_v2 .explore-tracks-featured .wrapper {
  position: relative;
  margin: 32px auto 0 auto;
  height: 372px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#explore_tracks_v2 #explore_tracks_title_v2,
#explore_tracks_life_domain_v2 #explore_tracks_title_v2,
#explore_tracks_creator_tracks_v2 #explore_tracks_title_v2 {
  font-size: 1.6rem;
  font-family: OpenSansLight;
  font-weight: normal;
  padding-top: 55px;
  position: relative;
}

#explore_tracks_v2 #explore_tracks_title_v2 button.button.blue,
#explore_tracks_life_domain_v2 #explore_tracks_title_v2 button.button.blue,
#explore_tracks_creator_tracks_v2 #explore_tracks_title_v2 button.button.blue {
  font-size: 1.6rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  position: absolute;
  min-width: 275px;
  height: 50px;
  padding: 0 30px;
  text-align: center;
  text-transform: uppercase;
  line-height: 50px;
  right: 0;
  top: 0;
}

@media (max-width: 767.98px) {
  #explore_tracks_v2 #explore_tracks_title_v2 button.button.blue,
  #explore_tracks_life_domain_v2 #explore_tracks_title_v2 button.button.blue,
  #explore_tracks_creator_tracks_v2 #explore_tracks_title_v2 button.button.blue {
    position: relative;
  }
}

#explore_tracks_v2 #explore_tracks_title_v2 .title,
#explore_tracks_life_domain_v2 #explore_tracks_title_v2 .title,
#explore_tracks_creator_tracks_v2 #explore_tracks_title_v2 .title,
#explore_tracks_v2 #explore_tracks_title_v2 .description,
#explore_tracks_life_domain_v2 #explore_tracks_title_v2 .description,
#explore_tracks_creator_tracks_v2 #explore_tracks_title_v2 .description {
  position: relative;
  margin: 0 auto;
}

#explore_tracks_v2 #explore_tracks_title_v2 .title,
#explore_tracks_life_domain_v2 #explore_tracks_title_v2 .title,
#explore_tracks_creator_tracks_v2 #explore_tracks_title_v2 .title {
  font-size: 2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
  width: 100%;
}

#explore_tracks_v2 #explore_tracks_title_v2 .description,
#explore_tracks_life_domain_v2 #explore_tracks_title_v2 .description,
#explore_tracks_creator_tracks_v2 #explore_tracks_title_v2 .description {
  margin-top: 18px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

#explore_tracks_v2 #explore_tracks_title_v2 .description p,
#explore_tracks_life_domain_v2 #explore_tracks_title_v2 .description p,
#explore_tracks_creator_tracks_v2 #explore_tracks_title_v2 .description p {
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
  padding-right: 360px;
}

@media (max-width: 767.98px) {
  #explore_tracks_v2 #explore_tracks_title_v2 .description p,
  #explore_tracks_life_domain_v2 #explore_tracks_title_v2 .description p,
  #explore_tracks_creator_tracks_v2 #explore_tracks_title_v2 .description p {
    padding-right: 0;
  }
}

@media (max-width: 767.98px) {
  #explore_tracks_v2 .explore_tracks_search,
  #explore_tracks_life_domain_v2 .explore_tracks_search,
  #explore_tracks_creator_tracks_v2 .explore_tracks_search {
    padding: 0 16px;
  }
}

#explore_tracks_v2 .explore_tracks_search .lifedomain #explore_tracks_search_v2,
#explore_tracks_life_domain_v2 .explore_tracks_search .lifedomain #explore_tracks_search_v2,
#explore_tracks_creator_tracks_v2 .explore_tracks_search .lifedomain #explore_tracks_search_v2 {
  padding-top: 45px;
}

#explore_tracks_v2 #explore_tracks_search_v2,
#explore_tracks_life_domain_v2 #explore_tracks_search_v2,
#explore_tracks_creator_tracks_v2 #explore_tracks_search_v2 {
  padding-top: 55px;
  position: relative;
}

#explore_tracks_v2 #explore_tracks_search_v2 .search_div,
#explore_tracks_life_domain_v2 #explore_tracks_search_v2 .search_div,
#explore_tracks_creator_tracks_v2 #explore_tracks_search_v2 .search_div {
  font-size: 1.6rem;
  font-family: OpenSansLight;
  font-weight: normal;
  position: relative;
}

#explore_tracks_v2 #explore_tracks_search_v2 .search_div .title,
#explore_tracks_life_domain_v2 #explore_tracks_search_v2 .search_div .title,
#explore_tracks_creator_tracks_v2 #explore_tracks_search_v2 .search_div .title {
  font-size: 1.6rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  color: #777;
  text-transform: uppercase;
  letter-spacing: 1.14px;
  margin-bottom: 5px;
}

#explore_tracks_v2 #explore_tracks_search_v2 .search_div .search,
#explore_tracks_life_domain_v2 #explore_tracks_search_v2 .search_div .search,
#explore_tracks_creator_tracks_v2 #explore_tracks_search_v2 .search_div .search {
  border-radius: 15px;
  background-clip: padding-box;
  margin-top: 6px;
  position: relative;
  width: 100%;
  height: 30px;
  border: 1px solid #d2d2ca;
  background-color: #ffffff;
}

#explore_tracks_v2 #explore_tracks_search_v2 .search_div .search input,
#explore_tracks_life_domain_v2 #explore_tracks_search_v2 .search_div .search input,
#explore_tracks_creator_tracks_v2 #explore_tracks_search_v2 .search_div .search input {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  position: absolute;
  top: 1px;
  left: 8px;
  height: 26px;
  width: calc(100% - 200px);
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  background-color: #ffffff !important;
  color: #0c0c0c;
  border: 0 !important;
}

#explore_tracks_v2 #explore_tracks_search_v2 .search_div .search .search_button,
#explore_tracks_life_domain_v2 #explore_tracks_search_v2 .search_div .search .search_button,
#explore_tracks_creator_tracks_v2 #explore_tracks_search_v2 .search_div .search .search_button {
  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;
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  width: 30px;
  height: 28px;
  cursor: pointer;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #explore_tracks_v2 #explore_tracks_search_v2 .search_div .search .search_button,
  #explore_tracks_life_domain_v2 #explore_tracks_search_v2 .search_div .search .search_button,
  #explore_tracks_creator_tracks_v2 #explore_tracks_search_v2 .search_div .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) {
  #explore_tracks_v2 #explore_tracks_search_v2 .search_div .search .search_button,
  #explore_tracks_life_domain_v2 #explore_tracks_search_v2 .search_div .search .search_button,
  #explore_tracks_creator_tracks_v2 #explore_tracks_search_v2 .search_div .search .search_button {
    background-image: url("/static/img/explore_tracks/search_black@x1.png");
  }
}

@media (prefers-color-scheme: dark) {
  #explore_tracks_v2 #explore_tracks_search_v2 .search_div .search .search_button,
  #explore_tracks_life_domain_v2 #explore_tracks_search_v2 .search_div .search .search_button,
  #explore_tracks_creator_tracks_v2 #explore_tracks_search_v2 .search_div .search .search_button {
    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 (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #explore_tracks_v2 #explore_tracks_search_v2 .search_div .search .search_button,
  #explore_tracks_life_domain_v2 #explore_tracks_search_v2 .search_div .search .search_button,
  #explore_tracks_creator_tracks_v2 #explore_tracks_search_v2 .search_div .search .search_button {
    background-image: url("/static/img/explore_tracks/search@x1.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #explore_tracks_v2 #explore_tracks_search_v2 .search_div .search .search_button,
  #explore_tracks_life_domain_v2 #explore_tracks_search_v2 .search_div .search .search_button,
  #explore_tracks_creator_tracks_v2 #explore_tracks_search_v2 .search_div .search .search_button {
    background-image: url("/static/img/explore_tracks/search@x1.png");
  }
}

#explore_tracks_v2 #explore_tracks_search_v2 .search_div .search .clear_button,
#explore_tracks_life_domain_v2 #explore_tracks_search_v2 .search_div .search .clear_button,
#explore_tracks_creator_tracks_v2 #explore_tracks_search_v2 .search_div .search .clear_button {
  position: absolute;
  display: block;
  top: 0;
  right: 32px;
  height: 28px;
  line-height: 28px;
  text-align: center;
}

#explore_tracks_v2 #explore_tracks_search_v2 .search_div .search .clear_button > button,
#explore_tracks_life_domain_v2 #explore_tracks_search_v2 .search_div .search .clear_button > button,
#explore_tracks_creator_tracks_v2 #explore_tracks_search_v2 .search_div .search .clear_button > button {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #c0c0c0;
  white-space: nowrap;
  cursor: pointer;
  background: transparent;
  padding: 0;
  height: 100%;
  line-height: normal;
  display: block;
}

#explore_tracks_v2 #explore_tracks_search_v2 .search_div .search .clear_button.hidden,
#explore_tracks_life_domain_v2 #explore_tracks_search_v2 .search_div .search .clear_button.hidden,
#explore_tracks_creator_tracks_v2 #explore_tracks_search_v2 .search_div .search .clear_button.hidden {
  display: none;
}

.explore-tracks-limited #explore_tracks_search_v2 {
  padding-top: 20px !important;
}

#explore_tracks_list_lifedomains_v2 {
  padding-top: 50px;
  width: 100%;
  position: relative;
}

#explore_tracks_list_lifedomains_v2 .life_subdomains_list {
  position: relative;
}

#explore_tracks_list_lifedomains_v2 .life_subdomains_list .explore_tracks_card_lifedomains_v2 {
  position: relative;
  display: inline-block;
  margin: 0 0 30px;
}

#explore_tracks_list_lifedomains_v2 .life_subdomains_list .explore_tracks_card_lifedomains_v2 .life_subdomains_card {
  border-radius: 5px;
  background-clip: padding-box;
  cursor: pointer;
  position: relative;
  width: 100%;
  overflow: hidden;
}

#explore_tracks_list_lifedomains_v2 .life_subdomains_list .explore_tracks_card_lifedomains_v2 .life_subdomains_card img {
  min-width: 320px;
  min-height: 256px;
}

#explore_tracks_list_lifedomains_v2 .life_subdomains_list .explore_tracks_card_lifedomains_v2 .life_subdomains_card .info_block {
  font-size: 1.3rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.9);
}

#explore_tracks_list_lifedomains_v2 .life_subdomains_list .explore_tracks_card_lifedomains_v2 .life_subdomains_card .info_block .title {
  color: #777;
  width: 100%;
  text-align: center;
  font-size: 20px;
  margin-top: 14px;
  margin-bottom: 14px;
}

#explore_tracks_list_lifedomains_v2 .life_subdomains_list .explore_tracks_card_lifedomains_v2 .life_subdomains_card .info_block .total {
  color: #777;
  width: 100%;
  text-align: center;
  margin-bottom: 35px;
  font-size: 16px;
}

#explore_tracks_recomended_v2 {
  padding-top: 50px;
  position: relative;
  /* min-height: 1092px; # short page feature: unused place */
  margin: 0 auto;
}

#explore_tracks_recomended_v2 .explore_tracks_counter,
#explore_tracks_recomended_v2 .explore_tracks_recomended {
  position: relative;
}

#explore_tracks_recomended_v2 .explore_tracks_counter.hidden,
#explore_tracks_recomended_v2 .explore_tracks_recomended.hidden {
  display: none;
}

#explore_tracks_recomended_v2 .explore_tracks_counter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 20px;
}

#explore_tracks_recomended_v2 .explore_tracks_counter .heading {
  font-size: 1.6rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  color: #777;
  letter-spacing: 1.14px;
  text-transform: uppercase;
  line-height: 20px;
}

#explore_tracks_recomended_v2 .explore_tracks_counter .count {
  font-size: 1.6rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  border-radius: 10px;
  background-clip: padding-box;
  background-color: #d7d7d2;
  margin-left: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

#explore_tracks_recomended_v2 .explore_tracks_counter .count.hidden {
  display: none;
}

.explore_tracks_recomended.empty {
  min-height: 1052px;
}

#explore_tracks_life_domain_v2 {
  position: relative;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}

#explore_tracks_life_domain_v2 .title_cover {
  width: 100%;
  min-height: 260px;
  overflow: hidden;
  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 screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #explore_tracks_life_domain_v2 .title_cover:after {
    content: "";
    min-height: inherit;
    font-size: 0;
    visibility: hidden;
  }
}

#explore_tracks_life_domain_v2 .title_cover img.cover {
  display: block;
  position: absolute;
  min-width: 100%;
  min-height: 260px;
  top: 0;
  left: 0;
}

#explore_tracks_life_domain_v2 .ld_title {
  font-size: 1.6rem;
  font-family: OpenSansLight;
  font-weight: normal;
  position: relative;
  margin: 0 auto;
  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;
}

#explore_tracks_life_domain_v2 .ld_title .copy,
#explore_tracks_life_domain_v2 .ld_title .description {
  color: #ffffff;
  display: block;
  text-align: center;
  margin: 0 auto;
}

#explore_tracks_life_domain_v2 .ld_title .copy {
  font-size: 4rem;
  font-family: OpenSansLight;
  font-weight: normal;
  position: relative;
  line-height: 40px;
  color: white;
  width: calc(100% - 480px);
}

@media (max-width: 991.98px) {
  #explore_tracks_life_domain_v2 .ld_title .copy {
    padding: 0;
    width: 100%;
  }
}

#explore_tracks_life_domain_v2 .ld_title .description {
  width: 100%;
}

#explore_tracks_life_domain_v2 .ld_title .button.orange {
  position: absolute;
  width: 225px;
  height: 55px;
  text-align: center;
  line-height: 55px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #explore_tracks_life_domain_v2 .ld_title .button.orange {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width: 991.98px) {
  #explore_tracks_life_domain_v2 .ld_title .button.orange {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

@media (max-width: 991.98px) {
  #explore_tracks_life_domain_v2 .ld_title .button.orange {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin: 20px auto;
    position: relative;
  }
}

#explore_tracks_life_domain_v2 .ld_title .button.orange .back_arrow {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  width: 10px;
  height: 10px;
  top: 22px;
  left: 20px;
  border-left: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
}

#explore_tracks_life_domain_v2 .life_conditions_list {
  position: relative;
}

#explore_tracks_life_domain_v2 .life_conditions_list .explore_tracks_life_conditions_v2 {
  position: relative;
}

#explore_tracks_life_domain_v2 .life_conditions_list .condition_title {
  margin-top: 50px;
  margin-bottom: 22px;
  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;
}

#explore_tracks_life_domain_v2 .life_conditions_list .condition_title .heading {
  font-size: 1.6rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  color: #777;
  letter-spacing: 1.14px;
  text-transform: uppercase;
}

#explore_tracks_life_domain_v2 .life_conditions_list .condition_title span.cnt {
  font-size: 1.6rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  background-color: #d7d7d2;
  border-radius: 10px;
  margin-left: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

#explore_tracks_life_domain_v2 .life_conditions_list .condition_wrap {
  padding-left: 15px;
}

@media (min-width: 1400px) {
  #explore_tracks_life_domain_v2 .life_conditions_list .condition_wrap {
    position: relative;
  }
}

#explore_tracks_life_domain_v2 .life_conditions_list .condition_wrap .condition_arrow {
  position: absolute;
  width: 40px;
  height: 60px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
  background: rgba(128, 128, 128, 0.4);
  border-radius: 0;
  z-index: 1;
  margin: 0 4px;
}

#explore_tracks_life_domain_v2 .life_conditions_list .condition_wrap .condition_arrow .scroll {
  position: absolute;
  width: 16px;
  height: 16px;
  top: 22px;
  border-left: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  cursor: pointer;
}

#explore_tracks_life_domain_v2 .life_conditions_list .condition_wrap .condition_arrow:hover {
  background: rgba(128, 128, 128, 0.2);
}

#explore_tracks_life_domain_v2 .life_conditions_list .condition_wrap .condition_arrow.left {
  left: 0;
}

@media (min-width: 1400px) {
  #explore_tracks_life_domain_v2 .life_conditions_list .condition_wrap .condition_arrow.left {
    left: -150px;
  }
}

#explore_tracks_life_domain_v2 .life_conditions_list .condition_wrap .condition_arrow.left .scroll {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 16px;
}

#explore_tracks_life_domain_v2 .life_conditions_list .condition_wrap .condition_arrow.right {
  right: 0;
}

@media (min-width: 1400px) {
  #explore_tracks_life_domain_v2 .life_conditions_list .condition_wrap .condition_arrow.right {
    right: -150px;
  }
}

#explore_tracks_life_domain_v2 .life_conditions_list .condition_wrap .condition_arrow.right .scroll {
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
  right: 16px;
}

#explore_tracks_life_domain_v2 .life_conditions_list .condition_frame {
  position: relative;
  top: 0;
  left: -160px;
  width: 1400px;
  height: 502px;
  overflow: hidden;
}

#explore_tracks_life_domain_v2 .life_conditions_list .condition_frame .condition_body {
  will-change: left;
  position: relative;
  left: 352px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: none !important;
  transition: none !important;
  min-width: 100%;
}

#explore_tracks_search_result_v2 .search_result,
#explore_tracks_creator_tracks_v2 .search_result,
#explore_tracks_search_result_v2 .empty_search_result,
#explore_tracks_creator_tracks_v2 .empty_search_result {
  position: relative;
  display: block;
  margin: 45px auto 0 auto;
}

#explore_tracks_search_result_v2 .search_result.hidden,
#explore_tracks_creator_tracks_v2 .search_result.hidden,
#explore_tracks_search_result_v2 .empty_search_result.hidden,
#explore_tracks_creator_tracks_v2 .empty_search_result.hidden {
  display: none;
}

#explore_tracks_search_result_v2 .search_result_title.creators,
#explore_tracks_creator_tracks_v2 .search_result_title.creators {
  margin-top: 25px;
}

#explore_tracks_search_result_v2 .search_result_title .counter,
#explore_tracks_creator_tracks_v2 .search_result_title .counter {
  font-size: 1.5rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  text-transform: uppercase;
  white-space: nowrap;
  margin: 0 10px 0 0;
}

#explore_tracks_search_result_v2 .search_result_title .counter.all,
#explore_tracks_creator_tracks_v2 .search_result_title .counter.all {
  border-radius: 10px;
  background-clip: padding-box;
}

#explore_tracks_search_result_v2 .search_result_title .counter .count,
#explore_tracks_creator_tracks_v2 .search_result_title .counter .count {
  border-radius: 10px;
  background-clip: padding-box;
  background-color: #d7d7d2;
  margin-left: 5px;
  padding-left: 10px;
  padding-right: 10px;
}

.search_result_creators,
.search_result_tracks {
  margin-top: 22px;
}

#explore_tracks_creator_tracks_v2 .search_result_title {
  position: relative;
  display: block;
  margin: 45px auto 0 auto;
}

#explore_tracks_creator_tracks_v2 .creator_title {
  position: relative;
  margin: 45px auto 0 auto;
  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;
}

#explore_tracks_creator_tracks_v2 .creator_title .avatar {
  border-radius: 50%;
  background-clip: padding-box;
  position: relative;
  overflow: hidden;
}

#explore_tracks_creator_tracks_v2 .creator_title .avatar img {
  border-radius: 50%;
  width: 96px;
  background-clip: padding-box;
}

#explore_tracks_creator_tracks_v2 .creator_title .info {
  position: relative;
  margin-left: 20px;
}

#explore_tracks_creator_tracks_v2 .creator_title .info .name {
  font-size: 1.7rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #181818;
}

#explore_tracks_creator_tracks_v2 .creator_title .info .title {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #767b76;
}

#explore_tracks_creator_tracks_v2 .explore_tracks_creator {
  margin-top: 30px;
}

html[lang=ja] #explore_tracks_title_v2 span.button.blue {
  width: 320px;
}

html[lang=fr] #explore_tracks_v2 #explore_tracks_title_v2 button.button.blue {
  width: 300px;
}

.track-card-featured_v2 {
  margin: 0 16px;
}

.track-card-featured_v2 .featured_track_card {
  position: relative;
  width: 288px;
  height: 340px;
  overflow: hidden;
  background: #fff;
  border-radius: 5px;
  background-clip: padding-box;
}

.track-card-featured_v2 .featured_track_card .info_block {
  top: 155px;
}

.track-creator-hidden .track-card-featured_v2 .featured_track_card .info_block {
  /* bullets added */
  min-height: auto !important;
  height: 6em;
  overflow: hidden;
}

#explore_tracks_life_conditions_v2 .explore_tracks_card_v2 {
  float: left;
}

.explore_tracks_card_v2 {
  position: relative;
  display: inline-block;
  margin-bottom: 30px;
  width: auto;
}

.explore_tracks_card_v2 .explore_track_card {
  border-radius: 5px;
  background-clip: padding-box;
  background-color: #ffffff;
  position: relative;
  height: 470px;
  overflow: hidden;
  will-change: opacity;
  -webkit-transition: none;
  transition: none;
}

.explore_tracks_card_v2 .explore_track_card.premium .info_block .bullets .mark {
  border-left: 1px solid #7fbc23;
  border-bottom: 1px solid #7fbc23;
}

.track-creator-hidden .explore_tracks_card_v2 .explore_track_card {
  height: 410px;
}

#explore_tracks_life_conditions_v2 .explore_tracks_card_v2 .explore_track_card {
  margin: 0 16px 32px 16px;
}

.explore_track_card {
  -webkit-box-shadow: 0 0 5px 2px rgba(00,0,00,0.1);
  box-shadow: 0 0 5px 2px rgba(00,0,00,0.1);
}

.featured_track_card,
.explore_track_card,
.condition_track_card {
  white-space: normal;
}

.featured_track_card .main_image,
.explore_track_card .main_image,
.condition_track_card .main_image {
  width: 100%;
  cursor: pointer;
}

.featured_track_card .main_image img,
.explore_track_card .main_image img,
.condition_track_card .main_image img {
  min-width: 320px;
  width: 100%;
}

.featured_track_card .recomended,
.explore_track_card .recomended,
.condition_track_card .recomended {
  border-radius: 3px;
  background-clip: padding-box;
  font-size: 1.2rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  background-color: #00aaea;
  position: absolute;
  top: 6px;
  left: 6px;
  color: #ffffff;
  height: 20px;
  line-height: 20px;
  padding: 0 4px;
}

.featured_track_card .coach,
.explore_track_card .coach,
.condition_track_card .coach {
  font-size: 1.2rem;
  font-family: OpenSansBold;
  font-weight: normal;
  position: absolute;
  width: 110px;
  height: 26px;
  line-height: 26px;
  top: 6px;
  right: 0;
  color: #54b64d;
  background-color: #ffffff;
  padding-left: 14px;
}

.featured_track_card .coach .coach_logo,
.explore_track_card .coach .coach_logo,
.condition_track_card .coach .coach_logo {
  background-image: url("/static/img/ana.png");
  background-size: 26px 26px;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-color: transparent;
  position: absolute;
  width: 26px;
  height: 26px;
  top: 0;
  left: -13px;
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .featured_track_card .coach .coach_logo,
  .explore_track_card .coach .coach_logo,
  .condition_track_card .coach .coach_logo {
    background-image: url("/static/img/ana.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .featured_track_card .coach .coach_logo,
  .explore_track_card .coach .coach_logo,
  .condition_track_card .coach .coach_logo {
    background-image: url("/static/img/ana.png");
  }
}

.featured_track_card .info_block,
.explore_track_card .info_block,
.condition_track_card .info_block {
  font-size: 1.8rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  color: #777;
  position: absolute;
  width: 100%;
  overflow: hidden;
  top: 194px;
  left: 0;
  background-color: #ffffff;
  padding: 11px 14px 11px 14px;
}

.featured_track_card .info_block .name,
.explore_track_card .info_block .name,
.condition_track_card .info_block .name {
  line-height: 18px;
}

.featured_track_card .info_block .track_main_title .link_as_title_track,
.explore_track_card .info_block .track_main_title .link_as_title_track,
.condition_track_card .info_block .track_main_title .link_as_title_track {
  color: black;
  font-size: 0.9em;
  font-weight: normal;
  text-decoration: none;
  color: #777;
  display: block;
  margin: 16px 0;
}

.featured_track_card .info_block .track_main_title span,
.explore_track_card .info_block .track_main_title span,
.condition_track_card .info_block .track_main_title span {
  display: block;
  cursor: pointer;
}

.featured_track_card .info_block .progress,
.explore_track_card .info_block .progress,
.condition_track_card .info_block .progress {
  position: relative;
  width: 100%;
  height: 14px;
  line-height: 14px;
  margin-top: 10px;
}

.featured_track_card .info_block .progress .part,
.explore_track_card .info_block .progress .part,
.condition_track_card .info_block .progress .part,
.featured_track_card .info_block .progress .dash,
.explore_track_card .info_block .progress .dash,
.condition_track_card .info_block .progress .dash {
  display: inline-block;
  float: left;
  position: relative;
  background-color: #909090;
}

.featured_track_card .info_block .progress .part.active,
.explore_track_card .info_block .progress .part.active,
.condition_track_card .info_block .progress .part.active,
.featured_track_card .info_block .progress .dash.active,
.explore_track_card .info_block .progress .dash.active,
.condition_track_card .info_block .progress .dash.active,
.featured_track_card .info_block .progress .part.completed,
.explore_track_card .info_block .progress .part.completed,
.condition_track_card .info_block .progress .part.completed,
.featured_track_card .info_block .progress .dash.completed,
.explore_track_card .info_block .progress .dash.completed,
.condition_track_card .info_block .progress .dash.completed {
  background-color: #00a7ef;
}

.featured_track_card .info_block .progress .part.active .inside_div,
.explore_track_card .info_block .progress .part.active .inside_div,
.condition_track_card .info_block .progress .part.active .inside_div,
.featured_track_card .info_block .progress .dash.active .inside_div,
.explore_track_card .info_block .progress .dash.active .inside_div,
.condition_track_card .info_block .progress .dash.active .inside_div,
.featured_track_card .info_block .progress .part.completed .inside_div,
.explore_track_card .info_block .progress .part.completed .inside_div,
.condition_track_card .info_block .progress .part.completed .inside_div,
.featured_track_card .info_block .progress .dash.completed .inside_div,
.explore_track_card .info_block .progress .dash.completed .inside_div,
.condition_track_card .info_block .progress .dash.completed .inside_div {
  display: none;
}

.featured_track_card .info_block .progress .part,
.explore_track_card .info_block .progress .part,
.condition_track_card .info_block .progress .part {
  border-radius: 50%;
  background-clip: padding-box;
  width: 14px;
  height: 14px;
}

.featured_track_card .info_block .progress .part.active:before,
.explore_track_card .info_block .progress .part.active:before,
.condition_track_card .info_block .progress .part.active:before,
.featured_track_card .info_block .progress .part.completed:before,
.explore_track_card .info_block .progress .part.completed:before,
.condition_track_card .info_block .progress .part.completed:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 14px;
  height: 14px;
  text-align: center;
  color: #ffffff;
  content: attr(data-copy);
  font-size: 11px;
}

.featured_track_card .info_block .progress .part.completed:before,
.explore_track_card .info_block .progress .part.completed:before,
.condition_track_card .info_block .progress .part.completed:before {
  line-height: 14px;
}

.featured_track_card .info_block .progress .part.active:before,
.explore_track_card .info_block .progress .part.active:before,
.condition_track_card .info_block .progress .part.active:before {
  line-height: 7px;
}

.featured_track_card .info_block .progress .part .inside_div,
.explore_track_card .info_block .progress .part .inside_div,
.condition_track_card .info_block .progress .part .inside_div {
  border-radius: 50%;
  background-clip: padding-box;
  position: absolute;
  width: 10px;
  height: 10px;
  top: 2px;
  left: 2px;
  background-color: #ffffff;
}

.featured_track_card .info_block .progress .dash,
.explore_track_card .info_block .progress .dash,
.condition_track_card .info_block .progress .dash {
  width: 5px;
  height: 2px;
  margin: 6px 2px;
}

.featured_track_card .info_block .joined,
.explore_track_card .info_block .joined,
.condition_track_card .info_block .joined {
  background-image: url("/static/img/explore_tracks/joined@x1.png");
  background-size: 29px 18px;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-color: transparent;
  color: #777;
  padding-left: 34px;
  line-height: 18px;
  font-size: 12px;
  margin-top: 10px;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .featured_track_card .info_block .joined,
  .explore_track_card .info_block .joined,
  .condition_track_card .info_block .joined {
    background-image: url("/static/img/explore_tracks/joined@x2.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .featured_track_card .info_block .joined,
  .explore_track_card .info_block .joined,
  .condition_track_card .info_block .joined {
    background-image: url("/static/img/explore_tracks/joined@x2.png");
  }
}

.featured_track_card .info_block .bullets,
.explore_track_card .info_block .bullets,
.condition_track_card .info_block .bullets {
  margin-top: 11px;
}

.featured_track_card .info_block .bullets ul,
.explore_track_card .info_block .bullets ul,
.condition_track_card .info_block .bullets ul {
  position: relative;
  font-size: 12px;
}

.featured_track_card .info_block .bullets ul li,
.explore_track_card .info_block .bullets ul li,
.condition_track_card .info_block .bullets ul li {
  position: relative;
  padding-left: 22px;
  line-height: 22px;
}

.featured_track_card .info_block .bullets ul li .mark,
.explore_track_card .info_block .bullets ul li .mark,
.condition_track_card .info_block .bullets ul li .mark {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: 12px;
  height: 5px;
  position: absolute;
  top: 7px;
  left: 5px;
  border-left: 1px solid #ff6e00;
  border-bottom: 1px solid #ff6e00;
}

.featured_track_card .info_block .creator,
.explore_track_card .info_block .creator,
.condition_track_card .info_block .creator {
  position: relative;
  bottom: 0;
  width: 100%;
  padding-left: 40px;
  margin-bottom: 4px;
  margin-top: 11px;
  display: block;
  color: inherit;
}

.featured_track_card .info_block .creator:hover,
.explore_track_card .info_block .creator:hover,
.condition_track_card .info_block .creator:hover {
  text-decoration: none;
}

.featured_track_card .info_block .creator .avatar,
.explore_track_card .info_block .creator .avatar,
.condition_track_card .info_block .creator .avatar {
  border-radius: 50%;
  background-clip: padding-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  overflow: hidden;
}

.featured_track_card .info_block .creator .avatar img,
.explore_track_card .info_block .creator .avatar img,
.condition_track_card .info_block .creator .avatar img {
  border-radius: 50%;
  background-clip: padding-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
}

.featured_track_card .info_block .creator .coach_logo,
.explore_track_card .info_block .creator .coach_logo,
.condition_track_card .info_block .creator .coach_logo {
  background-image: url("/static/img/ana.png");
  background-size: 26px 26px;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-color: transparent;
  position: absolute;
  width: 30px;
  height: 30px;
  top: 26px;
  left: 9px;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .featured_track_card .info_block .creator .coach_logo,
  .explore_track_card .info_block .creator .coach_logo,
  .condition_track_card .info_block .creator .coach_logo {
    background-image: url("/static/img/ana.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .featured_track_card .info_block .creator .coach_logo,
  .explore_track_card .info_block .creator .coach_logo,
  .condition_track_card .info_block .creator .coach_logo {
    background-image: url("/static/img/ana.png");
  }
}

.featured_track_card .info_block .creator .name,
.explore_track_card .info_block .creator .name,
.condition_track_card .info_block .creator .name {
  font-size: 14px;
}

.featured_track_card .info_block .creator .title,
.explore_track_card .info_block .creator .title,
.condition_track_card .info_block .creator .title {
  font-size: 12px;
  color: #9e9e9e;
}

.featured_track_card .action,
.explore_track_card .action,
.condition_track_card .action {
  position: absolute;
  bottom: 15px;
  left: 0;
  width: 100%;
  padding: 0 14px;
}

.featured_track_card .action > .button,
.explore_track_card .action > .button,
.condition_track_card .action > .button {
  font-size: 1.6rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  position: relative;
  bottom: 0;
  width: 100%;
  height: 48px;
  line-height: 48px;
  text-align: center;
  text-transform: uppercase;
}

.featured_track_card .action > .button > .premium,
.explore_track_card .action > .button > .premium,
.condition_track_card .action > .button > .premium {
  position: absolute;
  top: 13px;
  left: 16px;
  width: 18px;
}

.featured_track_card .info_block {
  min-height: 181px;
}

.featured_track_card .info_block .name {
  line-height: 20px;
}

.featured_track_card .info_block .name span {
  display: block;
}

.explore_tracks_card_creator_v2 {
  position: relative;
}

.explore_tracks_card_creator_v2 .creator_card {
  border-radius: 5px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 5px 2px rgba(00,0,00,0.1);
  box-shadow: 0 0 5px 2px rgba(00,0,00,0.1);
  position: relative;
  width: 100%;
  height: 220px;
  margin: 0 0 30px 0;
  overflow: hidden;
  cursor: pointer;
}

.explore_tracks_card_creator_v2 .creator_card .avatar {
  border-radius: 50%;
  background-clip: padding-box;
  position: relative;
  width: 96px;
  height: 96px;
  overflow: hidden;
  margin: 32px auto 0 auto;
}

.explore_tracks_card_creator_v2 .creator_card .avatar img {
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  width: 96px;
  height: 96px;
  background-clip: padding-box;
}

.explore_tracks_card_creator_v2 .creator_card .name {
  font-size: 1.7rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #181818;
  width: 100%;
  text-align: center;
  margin-top: 20px;
}

.explore_tracks_card_creator_v2 .creator_card .tracks_title {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #767b76;
  width: 100%;
  text-align: center;
  margin-top: 4px;
}

#application_block_modal {
  width: 325px;
  padding: 30px 20px;
  text-align: center;
  font-family: OpenSansSemibold;
  font-weight: normal;
  font-size: 1.6rem;
}

#application_block_modal h1 {
  font-size: 2rem;
  color: #00aaea;
  font-weight: bold;
  margin-bottom: 20px;
}

#application_block_modal p {
  color: #777;
}

#application_block_modal a {
  font-family: OpenSansBold;
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 10px;
}

#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 {
    padding: 30px;
  }
}

@media (min-width: 992px) {
  .PlusPromoModal {
    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;
}

/* LOCALE SPECIFIC DISCOUNT BAGE */

@media (max-width: 767.98px) {
  html[lang="es"] .PlusPromoModal_discountValue {
    font-size: 14px;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  html[lang="es"] .PlusPromoModal_discountValue {
    font-size: 16px;
  }
}

@media (min-width: 992px) {
  html[lang="es"] .PlusPromoModal_discountValue {
    font-size: 26px;
  }
}

@media (max-width: 991.98px) {
  html[lang="es"] .PlusPromoModal_discountText {
    font-size: 8px;
  }
}

@media (max-width: 991.98px) {
  html[lang="fr"] .PlusPromoModal_discountValue div:nth-child(1) {
    font-size: 10px;
  }
}

@media (min-width: 992px) {
  html[lang="fr"] .PlusPromoModal_discountValue div:nth-child(1) {
    font-size: 14px;
  }
}

@media (max-width: 991.98px) {
  html[lang="fr"] .PlusPromoModal_discountText {
    font-size: 8px;
  }
}

@media (min-width: 992px) {
  html[lang="fr"] .PlusPromoModal_discountText {
    font-size: 10px;
  }
}

@media (max-width: 991.98px) {
  html[lang="ja"] .PlusPromoModal_discountText {
    font-size: 7px;
  }
}

@media (min-width: 992px) {
  html[lang="ja"] .PlusPromoModal_discountText {
    font-size: 10px;
  }
}

@media (max-width: 991.98px) {
  html[lang="pt"] .PlusPromoModal_discountText {
    font-size: 9px;
  }
}

@media (min-width: 992px) {
  html[lang="pt"] .PlusPromoModal_discountText {
    font-size: 12px;
  }
}

@media (max-width: 991.98px) {
  html[lang="de"] .PlusPromoModal_discountText {
    font-size: 8px;
  }
}

@media (max-width: 991.98px) {
  html[lang="it"] .PlusPromoModal_discountValue div:nth-child(1) {
    font-size: 10px;
  }
}

@media (min-width: 992px) {
  html[lang="it"] .PlusPromoModal_discountValue div:nth-child(1) {
    font-size: 18px;
  }
}

#thread_rules {
  width: 870px;
  padding: 50px;
}

#thread_rules header {
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#thread_rules ol {
  padding: 0;
  list-style-position: inside;
}

#thread_rules ol li {
  margin-bottom: 15px;
}

#thread_rules ol li:last-child {
  margin-bottom: 0;
}

#completed_activity_status {
  max-width: 900px;
  min-width: 280px;
  background: url('/static/img/activity_reporter_bg_50x50.png') repeat;
}

#completed_activity_status .wrapper {
  padding: 15px;
}

#completed_activity_status .wrapper .instructions-container {
  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;
}

#completed_activity_status .wrapper .instructions-container.hidden {
  display: none;
}

#completed_activity_status .wrapper .instructions {
  -webkit-transition: height 200ms;
  transition: height 200ms;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  background: #fff;
  position: relative;
}

#completed_activity_status .wrapper .instructions.compass {
  display: none;
}

#completed_activity_status .wrapper .instructions .short-tip {
  font-size: 1.9rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #9C9C9C;
  padding: 10px 15px;
}

#completed_activity_status .wrapper .instructions input[type=checkbox] {
  display: none;
}

#completed_activity_status .wrapper .instructions input[type=checkbox]:checked ~ .content {
  display: block;
}

#completed_activity_status .wrapper .instructions input[type=checkbox]:checked ~ .toggle-instructions:before,
#completed_activity_status .wrapper .instructions input[type=checkbox]:checked ~ .toggle-instructions:after {
  top: 2px;
  border-top-color: transparent;
  border-bottom-color: #ff7a00;
}

#completed_activity_status .wrapper .instructions .content {
  padding-bottom: 20px;
}

#completed_activity_status .wrapper .instructions .content .content_wrap img {
  width: 186px;
  height: 168px;
  margin: 0 15px 5px 0;
  float: left;
}

@media (max-width: 575.98px) {
  #completed_activity_status .wrapper .instructions .content .content_wrap img {
    float: none;
    margin: 0 auto 10px;
    display: block;
  }
}

#completed_activity_status .wrapper .instructions .content .content_wrap .text {
  font-size: 1.5rem;
  font-family: OpenSansLight;
  font-weight: normal;
  line-height: 18px;
}

@media (max-width: 575.98px) {
  #completed_activity_status .wrapper .instructions .content .content_wrap .text {
    margin-top: 0;
  }
}

#completed_activity_status .wrapper .instructions .content .content_wrap .text ol {
  list-style: decimal inside;
}

#completed_activity_status .wrapper .instructions .content .content_wrap .text :first-child {
  margin-top: 0;
}

#completed_activity_status .wrapper .instructions .toggle-instructions .instruction_button {
  font-size: 1.1rem;
  font-family: OpenSansLight;
  font-weight: normal;
  background: #fff;
  border-radius: 3px;
  background-clip: padding-box;
  border: 1px solid #d7d7d2;
  position: absolute;
  bottom: -8px;
  left: 50%;
  margin-left: -67.5px;
  padding: 0 20px;
  text-decoration: none;
}

#completed_activity_status .wrapper .instructions .toggle-instructions .instruction_button > .pseudo {
  font: inherit;
  display: inline;
  color: #ff7a00;
}

#completed_activity_status .wrapper .instructions .toggle-instructions .instruction_button:before,
#completed_activity_status .wrapper .instructions .toggle-instructions .instruction_button:after {
  content: "";
  border-style: solid;
  border-width: 4px;
  border-color: transparent transparent #ff7a00 transparent;
  position: absolute;
  top: 2px;
}

#completed_activity_status .wrapper .instructions .toggle-instructions .instruction_button:before {
  left: 5px;
}

#completed_activity_status .wrapper .instructions .toggle-instructions .instruction_button:after {
  right: 5px;
}

#completed_activity_status .wrapper .instructions .toggle-instructions .instruction_button.show_instruction_bg:after,
#completed_activity_status .wrapper .instructions .toggle-instructions .instruction_button.show_instruction_bg:before {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  top: 6px;
}

#completed_activity_status .wrapper .saved_for_post_text {
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin-top: 0;
  padding: 20px 20px 20px 60px;
  background: url('/static/img/activity_viewer/paper_bg.png') repeat;
}

#completed_activity_status .wrapper .saved_for_post_text::after {
  display: block;
  clear: both;
  content: "";
}

#completed_activity_status .wrapper .saved_for_post_text::after {
  display: block;
  clear: both;
  content: "";
}

#completed_activity_status .wrapper .saved_for_post_text::after {
  display: block;
  clear: both;
  content: "";
}

#completed_activity_status .wrapper .saved_for_post_text::after {
  display: block;
  clear: both;
  content: "";
}

#completed_activity_status .wrapper .saved_for_post_text.hidden {
  display: none;
}

#completed_activity_status .wrapper .saved_for_post_text b,
#completed_activity_status .wrapper .saved_for_post_text strong {
  font-size: 1.6rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
}

#completed_activity_status .wrapper .compass_ana_logo {
  position: absolute;
  top: -4px;
  right: 32px;
  width: 45px;
  height: 45px;
}

#completed_activity_status .wrapper .compass_ana_logo.hidden {
  display: none;
}

#completed_activity_status .wrapper .compass_ana_logo img {
  position: absolute;
  top: 0;
  right: 0;
  width: 45px;
  height: 45px;
}

#completed_activity_status .wrapper .activity {
  margin-top: 15px;
  padding: 20px 0 0 40px;
  background: #fffcf6 url('/static/img/activity_viewer/red_vertical_lines.png') repeat-y scroll 0 0;
  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;
}

@media (max-width: 575.98px) {
  #completed_activity_status .wrapper .activity {
    background: #fffcf6;
    padding: 20px 0 0;
  }
}

#completed_activity_status .wrapper .activity .col_left {
  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;
}

#completed_activity_status .wrapper .activity.compass {
  margin-top: 0;
}

#completed_activity_status .wrapper .activity .text_block {
  width: 100%;
  margin: 20px 0 0;
}

#completed_activity_status .wrapper .activity .text_block p {
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  line-height: 21px;
  white-space: pre-line;
  word-wrap: break-word;
  text-align: justify;
}

#completed_activity_status .wrapper .activity .text_block p[data-title] {
  margin-top: 40px;
  position: relative;
  min-height: 21px;
}

#completed_activity_status .wrapper .activity .text_block p[data-title]:before {
  content: attr(data-title);
  color: #00aaea;
  display: block;
  position: absolute;
  bottom: 100%;
  left: -30px;
}

#completed_activity_status .wrapper .activity .text_block .paragr {
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  line-height: 21px;
  word-wrap: break-word;
  text-align: justify;
  margin-bottom: 10px;
}

#completed_activity_status .wrapper .activity .text_block .paragr .title {
  color: #00aaea;
}

#completed_activity_status .wrapper .activity .user-info {
  padding-left: 10px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

#completed_activity_status .wrapper .activity .user-info .button.share {
  line-height: normal;
  height: auto;
  padding: 5px 10px;
}

#completed_activity_status .wrapper .activity .user-info .game-text {
  margin: 0;
  font-family: 'OpenSansRegular';
  font-size: 16px;
  position: relative;
  padding-top: 20px;
}

#completed_activity_status .wrapper .activity .user-info .word-list {
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  list-style: circle outside;
  line-height: 25px;
}

#completed_activity_status .wrapper .activity .user-info a.username,
#completed_activity_status .wrapper .activity .user-info a.username:visited {
  color: #7B4408;
  float: left;
}

@media (max-width: 575.98px) {
  #completed_activity_status .wrapper .activity .user-info a.username,
  #completed_activity_status .wrapper .activity .user-info a.username:visited {
    float: none;
    width: 100%;
    margin: 0 0 10px;
    display: block;
  }
}

#completed_activity_status .wrapper .activity .user-info a.username:hover,
#completed_activity_status .wrapper .activity .user-info a.username:visited:hover {
  color: #7b4408;
}

#completed_activity_status .wrapper .activity .user-info .happy_face {
  float: right;
  position: relative;
}

@media (max-width: 575.98px) {
  #completed_activity_status .wrapper .activity .user-info .happy_face {
    float: none;
  }
}

#completed_activity_status .wrapper .activity .user-info .face-label {
  font-size: 1.3rem;
  font-family: OpenSansLight;
  color: #ff7a00;
  position: absolute;
  width: 100px;
  text-align: center;
  display: block;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  font-weight: normal;
}

#completed_activity_status .wrapper .activity .user-info time {
  font-size: 1.3rem;
  font-family: OpenSansLight;
  font-weight: normal;
  float: right;
  margin-top: 25px;
  line-height: 18px;
}

@media (max-width: 575.98px) {
  #completed_activity_status .wrapper .activity .user-info time {
    float: left;
    margin-top: 15px;
  }
}

@media (max-width: 767.98px) {
  #completed_activity_status .wrapper .activity .col-right {
    margin-top: 20px;
  }
}

#completed_activity_status .wrapper .activity .col-right .post-image {
  border: 1px solid #d7d7d2;
  background: #fff;
  padding: 10px;
  margin-bottom: 10px;
}

#completed_activity_status .wrapper .activity .col-right .post-image img {
  width: 100%;
}

#completed_activity_status .wrapper .activity .col-right .tags {
  width: 100%;
  margin-top: 5px;
}

#completed_activity_status .wrapper .activity .col-right .tags > li {
  position: relative;
  float: left;
}

#completed_activity_status .wrapper .activity .col-right .tags > li > a {
  background: #00aaea;
  border-radius: 3px;
  background-clip: padding-box;
  color: #fff;
  display: inline-block;
  line-height: 16px;
  margin: 0 2px 2px;
  padding: 0 5px;
  font-family: "OpenSansSemibold";
}

#completed_activity_status .wrapper .activity .col-right .tags > li > a.user {
  background: #ff7a00;
}

#completed_activity_status .wrapper .activity .col-right .tags > li > a:hover {
  text-decoration: none;
}

#completed_activity_status .wrapper .activity .col-right .tags > li .flyout {
  padding: 0;
}

#completed_activity_status .wrapper .activity .col-right .tags > li .flyout li {
  line-height: 22px;
  text-align: left;
}

#completed_activity_status .wrapper .activity .col-right .tags > li .flyout li:first-child {
  border-bottom: 1px solid #d7d7d2;
}

#completed_activity_status .wrapper .activity .col-right .tags > li .flyout li a,
#completed_activity_status .wrapper .activity .col-right .tags > li .flyout li a:visited {
  color: #777;
  display: block;
  padding: 0 10px;
  white-space: nowrap;
}

#completed_activity_status .wrapper .activity .col-right .tags > li .flyout li a:hover,
#completed_activity_status .wrapper .activity .col-right .tags > li .flyout li a:visited:hover {
  text-decoration: none;
  background: rgba(200, 200, 200, 0.5);
}

#completed_activity_status .wrapper .activity .col-right .tags > li .flyout li a span,
#completed_activity_status .wrapper .activity .col-right .tags > li .flyout li a:visited span {
  font-weight: 500;
}

#completed_activity_status .wrapper .post-likes {
  font-size: 1.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  position: relative;
  padding: 0 20px 20px 55px;
  background: #fffcf6 url('/static/img/activity_viewer/red_vertical_lines.png') repeat-y scroll 0 0;
}

@media (max-width: 575.98px) {
  #completed_activity_status .wrapper .post-likes {
    background: #fffcf6;
    padding: 20px 15px;
  }
}

#completed_activity_status .wrapper .post-likes span {
  font-size: 1.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #ff7a00;
}

#completed_activity_status .wrapper .post-likes .button {
  border-radius: 2px;
  background-clip: padding-box;
  margin-top: 8px;
  height: 22px;
  line-height: 22px;
}

#completed_activity_status .wrapper .post-likes .button .sprite-1 {
  position: relative;
  top: 3px;
  margin: 0 5px;
}

#completed_activity_status .wrapper .post-likes .call_report {
  width: 15px;
  height: 15px;
  font-size: 1.1rem;
  font-family: OpenSansLight;
  font-weight: normal;
  background: #d7d7d2;
  border-radius: 50%;
  background-clip: padding-box;
  position: absolute;
  right: 15px;
  top: 15px;
  color: #fff;
  line-height: 15px;
  text-align: center;
  cursor: pointer;
  padding: 0;
  overflow: hidden;
}

#completed_activity_status .wrapper .post-likes .call_report [data-action] {
  font-size: 1.1rem;
  font-family: OpenSansLight;
  font-weight: normal;
  border: 1px solid #d7d7d2;
  color: #ff7a00;
  display: none;
  position: absolute;
  bottom: 50%;
  left: 80%;
  background: #efefef;
  border-radius: 3px;
  background-clip: padding-box;
  font-style: normal;
  white-space: nowrap;
  line-height: 20px;
  padding: 0 5px;
  z-index: 5;
  min-width: 133px;
  width: auto;
  right: unset;
}

#completed_activity_status .wrapper .post-likes .call_report:hover {
  color: #fff;
  text-decoration: none;
  overflow: visible;
}

#completed_activity_status .wrapper .post-likes .call_report:hover [data-action=not_ready],
#completed_activity_status .wrapper .post-likes .call_report:hover [data-action=report],
#completed_activity_status .wrapper .post-likes .call_report:hover [data-action=reported] {
  display: block;
  cursor: default;
  text-decoration: none;
}

#completed_activity_status .wrapper .post-likes .call_report [data-action=report] {
  cursor: pointer;
  display: block;
}

#completed_activity_status .wrapper .post-likes .call_report [data-action=report]:hover {
  text-decoration: underline;
  cursor: pointer;
}

#completed_activity_status .wrapper .post-likes .rsbtn {
  display: inline-block;
  position: absolute;
  margin-top: 6px;
  margin-left: 10px;
}

#completed_activity_status .wrapper .comments {
  padding: 20px 40px 20px 55px;
  background: #fff url('/static/img/activity_viewer/red_vertical_lines.png') repeat-y scroll 0 0;
}

@media (max-width: 575.98px) {
  #completed_activity_status .wrapper .comments {
    background: #fff;
    padding: 20px 15px;
  }
}

#completed_activity_status .wrapper .comments .permission {
  font-size: 12px;
  color: #854414;
}

#completed_activity_status .wrapper .comments .permission span {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #333333;
}

#completed_activity_status .wrapper .comments .empty {
  height: 30px;
}

#completed_activity_status .wrapper .comments .edit {
  text-align: right;
}

#completed_activity_status .wrapper .comments .edit .button {
  line-height: normal;
  height: auto;
  padding: 5px 10px;
}

#completed_activity_status .wrapper .comments .title {
  font-size: 2.2rem;
  font-family: OpenSansLight;
  font-weight: normal;
  color: #00aaea;
  margin-bottom: 10px;
}

#completed_activity_status .wrapper .comments ul li {
  padding: 10px 0;
  margin-bottom: 15px;
  max-width: 545px;
  border-bottom: 1px solid #d7d7d2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#completed_activity_status .wrapper .comments ul li .user {
  display: block;
  float: left;
  text-align: center;
  margin: 5px 15px 0 0;
  width: 60px;
  min-width: 60px;
  position: relative;
}

#completed_activity_status .wrapper .comments ul li .body {
  font-size: 1.4rem;
  font-family: OpenSansLight;
  font-weight: normal;
  border-radius: 5px;
  background-clip: padding-box;
  position: relative;
  width: 100%;
}

@media (min-width: 576px) {
  #completed_activity_status .wrapper .comments ul li .body {
    max-width: calc(100% - 75px);
  }
}

@media (max-width: 767.98px) {
  #completed_activity_status .wrapper .comments ul li .body {
    margin-top: 5px;
  }
}

#completed_activity_status .wrapper .comments ul li .body .username {
  font-size: 1.4rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
}

#completed_activity_status .wrapper .comments ul li .body:hover .sprite-1 {
  opacity: 1;
}

#completed_activity_status .wrapper .comments ul li .body .sprite-1:focus {
  opacity: 1;
}

#completed_activity_status .wrapper .comments ul li .body .sprite-1 {
  position: absolute;
  top: 0;
  right: 5px;
  opacity: 0;
}

#completed_activity_status .wrapper .comments ul li .body .comment-text {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  min-height: 50px;
  margin-top: 8px;
  padding-right: 15px;
  word-wrap: break-word;
}

#completed_activity_status .wrapper .comments ul li .body .comment-text[contenteditable] ~ .button {
  display: block;
}

#completed_activity_status .wrapper .comments ul li .body .comment-text[contenteditable] ~ .sprite-1 {
  display: none;
}

#completed_activity_status .wrapper .comments ul li .body .button {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  display: none;
  height: 32px;
  width: auto;
  margin: 10px 0 0 auto;
  line-height: 32px;
  padding: 0 50px;
  text-align: center;
}

#completed_activity_status .wrapper .comments ul li .body [data-action=report] {
  bottom: 5px;
  right: 5px;
}

#completed_activity_status .wrapper .comments .comments-wrapper {
  padding-top: 0;
}

#completed_activity_status .wrapper .comments .comments-wrapper hr {
  margin: 0 0 40px 0;
  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%);
  border: 0;
  height: 2px;
}

#completed_activity_status .wrapper .comments .comments-wrapper hr::before {
  content: "";
  display: block;
  border-top: solid 1px #f9f9f9;
}

#completed_activity_status .wrapper .comments .comments-wrapper h2 {
  font-size: 2.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #00aaea;
}

#completed_activity_status .wrapper .comments .comments-wrapper .comments-component {
  max-width: 545px;
}

#completed_activity_status .share-container {
  display: inline-block;
  margin-top: 7px;
}

#completed_activity_status .share-container .viral-share {
  width: auto;
  z-index: 9;
}

#completed_activity_status .share-container .viral-share .button.share {
  width: 120px;
  text-align: center;
}

#completed_activity_status .share-container .viral-share .share-menu {
  left: 11px;
  top: 60px;
}

#completed_activity_status .share-container .viral-share .share-menu:before {
  left: 15%;
}

#completed_activity_status .share-container .viral-share .share-menu:after {
  left: 15%;
}

#completed_activity_status .share-container .viral-share .share-menu .button .image {
  vertical-align: top;
  margin-top: 8px;
  margin-bottom: 0;
}

#completed_activity_status .share-container.game {
  margin-top: 15px;
}

#completed_activity_status .wrapper.edit .compass_ana_logo {
  top: 6px;
}

#completed_activity_status .post_edit_field {
  position: relative;
  padding: 20px 20px 20px 60px;
  background: url('/static/img/activity_viewer/paper_bg.png') repeat;
  font-size: 1.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#completed_activity_status .post_edit_field span {
  color: #ff7a00;
  font-size: 1.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#completed_activity_status .post_edit_field .content_row {
  position: relative;
  width: 100%;
  display: inline-block;
}

#completed_activity_status .post_edit_field .content_row .content_column_left,
#completed_activity_status .post_edit_field .content_row .content_column_right {
  position: relative;
  display: inline-block;
  min-height: 150px;
}

#completed_activity_status .post_edit_field .content_row .content_column_left {
  position: relative;
  width: 400px;
  float: left;
}

#completed_activity_status .post_edit_field .content_row .content_column_left .compass_saved_post_data_edit .title {
  color: #505036;
  font-size: 1.6rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  line-height: 60px;
}

#completed_activity_status .post_edit_field .content_row .content_column_left .compass_saved_post_data_edit textarea {
  font-size: 1.6rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  color: #855219;
  -webkit-box-shadow: none;
  box-shadow: none;
  width: 400px;
  background: url(/static/img/activity_viewer/textarea-lines-bg.png) 0 27px repeat;
  border: 0;
  overflow: auto;
  vertical-align: top;
  line-height: 28px;
  padding: 0;
  height: 28px;
}

#completed_activity_status .post_edit_field .content_row .content_column_right {
  position: relative;
  width: 378px;
  margin-left: 20px;
}

#completed_activity_status .post_edit_field .content_row .content_column_right .content_image_frame {
  position: relative;
  display: inline-block;
  width: 378px;
  cursor: pointer;
}

#completed_activity_status .post_edit_field .content_row .content_column_right .content_image_frame img {
  position: relative;
  width: 378px;
  max-width: 378px;
  -webkit-box-shadow: 0 0 1px #888;
  box-shadow: 0 0 1px #888;
  border: 7px double #FFFFFF;
}

#completed_activity_status .post_edit_field .content_row .content_column_right .content_image_frame .content_image_scotch {
  position: absolute;
  width: 50px;
  height: 50px;
  top: -20px;
  background: url(/static/img/sprite-2.png) no-repeat;
  background-position-y: -285px;
}

#completed_activity_status .post_edit_field .content_row .content_column_right .content_image_frame .content_image_scotch.left {
  left: -12px;
  background-position-x: -893px;
}

#completed_activity_status .post_edit_field .content_row .content_column_right .content_image_frame .content_image_scotch.right {
  right: -12px;
  background-position-x: -967px;
}

#completed_activity_status .post_edit_field .content_row .content_column_right .content_upload_button {
  position: relative;
  width: 320px;
  height: 42px;
  margin: 10px auto;
  cursor: pointer;
  line-height: 42px;
  text-align: center;
  background: #FFF;
  border-radius: 55px;
  background-clip: padding-box;
  border: 1px #BBB solid;
}

#completed_activity_status .post_edit_field .content_row .content_column_right .content_upload_button:hover {
  border-color: #666;
}

#completed_activity_status .post_edit_field .content_row .content_column_right .content_upload_button:hover span.button_inner {
  color: #8b8b8b;
}

#completed_activity_status .post_edit_field .content_row .content_column_right .content_upload_button span.button_inner {
  position: relative;
  width: 100%;
  text-align: center;
  font-size: 1.2rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #f05a20;
}

#completed_activity_status .post_edit_field .content_row .content_column_right .content_upload_button span.icon {
  position: absolute;
  background: transparent url(/static/img/sprite-1.png) no-repeat;
  background-position: -24px -446px;
  width: 22px;
  height: 21px;
  display: block;
  top: 7px;
  left: 40px;
}

#completed_activity_status .post_edit_field .smiles_row {
  position: relative;
  display: inline-block;
  width: 100%;
  margin-top: 20px;
}

#completed_activity_status .post_edit_field .smiles_row .smiles_row_title {
  position: relative;
  display: inline-block;
  width: 183px;
  text-align: right;
  float: left;
  height: 70px;
  vertical-align: middle;
  line-height: 70px;
}

#completed_activity_status .post_edit_field .smiles_row .smiles_row_title div {
  display: inline-block;
  width: 100%;
  line-height: 18px;
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #7b4408;
}

#completed_activity_status .post_edit_field .smiles_row .smiles_row_faces {
  position: relative;
  display: inline-block;
  margin-left: 20px;
  height: 70px;
}

#completed_activity_status .post_edit_field .smiles_row .smiles_row_faces li.smile_item {
  display: inline-block;
  margin: 0 8px 0 8px;
  color: #b4b4b4;
  cursor: pointer;
  font-size: 1.3rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#completed_activity_status .post_edit_field .smiles_row .smiles_row_faces li.smile_item li {
  text-align: center;
}

#completed_activity_status .post_edit_field .smiles_row .smiles_row_faces li.smile_item .happy_face {
  background-position-y: -280px;
}

#completed_activity_status .post_edit_field .smiles_row .smiles_row_faces li.smile_item.selected {
  color: #f65f57;
  cursor: default;
}

#completed_activity_status .post_edit_field .smiles_row .smiles_row_faces li.smile_item.selected .happy_face {
  background-position-y: -334px;
}

#completed_activity_status .instructions.edit {
  position: relative;
  z-index: 10;
}

#completed_activity_status .post_edit_footer {
  display: block;
  position: relative;
  padding: 20px 40px 20px 60px;
  background: #fff url('/static/img/activity_viewer/red_vertical_lines.png') repeat;
}

#completed_activity_status .post_edit_footer .comunity_field {
  position: relative;
  display: inline-block;
  width: 70%;
}

#completed_activity_status .post_edit_footer .comunity_field span.who_can_see {
  float: left;
  line-height: 25px;
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  cursor: pointer;
}

#completed_activity_status .post_edit_footer .comunity_field span.who_can_see span.who_can_see_icon {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  background: url('/static/img/sprite-1.png') no-repeat;
  background-position: -166px -64px;
  height: 25px;
  width: 25px;
}

#completed_activity_status .post_edit_footer .comunity_field span.who_can_see a {
  color: #f05a20;
  text-decoration: none;
  line-height: 25px;
  margin-left: 35px;
}

#completed_activity_status .post_edit_footer .comunity_field span.who_can_see:hover span.who_can_see_icon {
  background-position: -166px -100px;
}

#completed_activity_status .post_edit_footer .comunity_field span.who_can_see:hover a {
  text-decoration: underline;
}

#completed_activity_status .post_edit_footer .comunity_field .who_can_see_selector {
  float: left;
  position: relative;
  display: inline-block;
  height: 28px;
  width: 300px;
  margin-left: 20px;
}

#completed_activity_status .post_edit_footer .comunity_field .who_can_see_selector .drop_down_list_main {
  display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#completed_activity_status .post_edit_footer .comunity_field .who_can_see_selector .drop_down_list_main .drop_down_list_selected {
  position: relative;
  display: inline-block;
  padding: 4px 34px 4px 10px;
  background-color: #efefef;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e5e4e4), to(#ffffff));
  background-image: linear-gradient(to bottom, #e5e4e4, #ffffff 100%);
  font-size: 1.3rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  border-radius: 4px;
  background-clip: padding-box;
  border: 1px #dbdbdb solid;
  cursor: pointer;
}

#completed_activity_status .post_edit_footer .comunity_field .who_can_see_selector .drop_down_list_main .drop_down_list_selected .drop_down_toggle {
  position: absolute;
  background-color: #dadada;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#cdcdcd), to(#eeeeee));
  background-image: linear-gradient(to bottom, #cdcdcd, #eeeeee 100%);
  width: 24px;
  height: 26px;
  top: 0;
  right: 0;
}

#completed_activity_status .post_edit_footer .comunity_field .who_can_see_selector .drop_down_list_main .drop_down_list_selected .drop_down_toggle .drop_down_toggle_caret {
  position: absolute;
  top: 12px;
  left: 8px;
  border-top: 4px solid #000;
  border-right: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid transparent;
}

#completed_activity_status .post_edit_footer .comunity_field .who_can_see_selector .drop_down_list_main .drop_down_list_items {
  position: relative;
  margin-top: 1px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  background-clip: padding-box;
  font-size: 1.3rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

#completed_activity_status .post_edit_footer .comunity_field .who_can_see_selector .drop_down_list_main .drop_down_list_items li.list_item {
  cursor: pointer;
  color: #333333;
  padding: 3px 15px;
}

#completed_activity_status .post_edit_footer .comunity_field .who_can_see_selector .drop_down_list_main .drop_down_list_items li.list_item:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: #0088cc;
}

#completed_activity_status .post_edit_footer .comunity_field .who_can_see_tooltip {
  cursor: default;
  position: absolute;
  width: 367px;
  height: 150px;
  top: -168px;
  left: -94px;
  background-color: #ffffff;
  border: 1px solid #DDDDDD;
  -webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15);
  font-size: 1.3rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  z-index: 11;
}

#completed_activity_status .post_edit_footer .comunity_field .who_can_see_tooltip p {
  margin: 25px 15px;
  line-height: 18px;
  color: #666666;
}

#completed_activity_status .post_edit_footer .comunity_field .who_can_see_tooltip .who_can_see_tooltip_close {
  position: absolute;
  top: 0;
  right: 0;
  color: #f78f20;
  font-size: 3rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  cursor: pointer;
}

#completed_activity_status .post_edit_footer .comunity_field .who_can_see_tooltip .who_can_see_tooltip_arrow {
  position: absolute;
  bottom: -32px;
  left: 90px;
  border: 16px solid #dddddd;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
}

#completed_activity_status .post_edit_footer .comunity_field .who_can_see_tooltip .who_can_see_tooltip_arrow .who_can_see_tooltip_arrow_inner {
  position: absolute;
  top: -16px;
  left: -14px;
  border: 14px solid #ffffff;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
}

#completed_activity_status .post_edit_footer .button_fileld {
  display: inline-block;
  width: 30%;
  text-align: right;
  float: right;
}

#completed_activity_status .post_edit_footer .button_fileld a {
  color: #aaaaaa;
  font-size: 1.5rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
}

#happiness_assessment_modal .progress_bar_container,
#recommended_track_assessment_modal .progress_bar_container {
  left: 105px;
  position: absolute;
  top: 680px;
  text-align: center;
  display: block;
  width: 560px;
  height: 18px;
}

#happiness_assessment_modal .progress_bar_container.hidden,
#recommended_track_assessment_modal .progress_bar_container.hidden {
  display: none;
}

#happiness_assessment_modal .progress_bar_container .quiz_progress_bar,
#recommended_track_assessment_modal .progress_bar_container .quiz_progress_bar {
  width: 100%;
}

#happiness_assessment_modal .progress_bar_container .quiz_progress_bar ul,
#recommended_track_assessment_modal .progress_bar_container .quiz_progress_bar ul {
  display: block;
  margin: 0 auto;
}

#happiness_assessment_modal .progress_bar_container .quiz_progress_bar ul li,
#recommended_track_assessment_modal .progress_bar_container .quiz_progress_bar ul li {
  background-position: -638px -729px;
  width: 42px;
  height: 18px;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
}

#happiness_assessment_modal .progress_bar_container .quiz_progress_bar ul li .answered_option,
#recommended_track_assessment_modal .progress_bar_container .quiz_progress_bar ul li .answered_option {
  position: absolute;
  left: 25px;
}

#happiness_assessment_modal .progress_bar_container .quiz_progress_bar ul li .answer_option,
#recommended_track_assessment_modal .progress_bar_container .quiz_progress_bar ul li .answer_option {
  position: absolute;
  left: 25px;
}

#happiness_assessment_modal .progress_bar_container .quiz_progress_bar ul li .quiz_pline,
#recommended_track_assessment_modal .progress_bar_container .quiz_progress_bar ul li .quiz_pline {
  position: absolute;
  left: -1px;
  top: 7px;
}

#happiness_assessment_modal .progress_bar_container .quiz_progress_bar ul li:first-child,
#recommended_track_assessment_modal .progress_bar_container .quiz_progress_bar ul li:first-child {
  background-position: -620px -729px;
  width: 17px;
}

#happiness_assessment_modal .progress_bar_container .quiz_progress_bar ul li:first-child .answer_option,
#recommended_track_assessment_modal .progress_bar_container .quiz_progress_bar ul li:first-child .answer_option {
  left: 0;
}

#happiness_assessment_modal .progress_bar_container .quiz_progress_bar ul li:first-child .answered_option,
#recommended_track_assessment_modal .progress_bar_container .quiz_progress_bar ul li:first-child .answered_option {
  left: 0;
}

#happiness_assessment_modal .progress_bar_container .quiz_progress_bar ul li:last-child,
#recommended_track_assessment_modal .progress_bar_container .quiz_progress_bar ul li:last-child {
  background-position: -940px -729px;
}

#happiness_assessment_modal .progress_bar_container .quiz_progress_bar ul li.answered_question .answer_option,
#recommended_track_assessment_modal .progress_bar_container .quiz_progress_bar ul li.answered_question .answer_option {
  display: none;
}

#happiness_assessment_modal .progress_bar_container .quiz_progress_bar ul li.not_answered_question .answered_option,
#recommended_track_assessment_modal .progress_bar_container .quiz_progress_bar ul li.not_answered_question .answered_option {
  display: none;
}

#happiness_assessment_modal .progress_bar_container .quiz_progress_bar ul li.not_answered_question .answer_option,
#recommended_track_assessment_modal .progress_bar_container .quiz_progress_bar ul li.not_answered_question .answer_option {
  display: none;
}

#happiness_assessment_modal .progress_bar_container .quiz_progress_bar ul li.not_answered_question .quiz_pline,
#recommended_track_assessment_modal .progress_bar_container .quiz_progress_bar ul li.not_answered_question .quiz_pline {
  display: none;
}

#happiness_assessment_modal .progress_bar_container .quiz_progress_bar ul li.current_question .answered_option,
#recommended_track_assessment_modal .progress_bar_container .quiz_progress_bar ul li.current_question .answered_option {
  display: none;
}

#recommended_track_assessment_modal .progress_bar_container {
  top: 605px;
}

#happiness_assessment_modal .questions_page ul.questions,
#recommended_track_assessment_modal .questions_page ul.questions {
  position: relative;
  top: 95px;
  margin-left: 50px;
}

#happiness_assessment_modal .questions_page ul.questions li,
#recommended_track_assessment_modal .questions_page ul.questions li {
  width: 730px;
}

#happiness_assessment_modal .questions_page ul.questions li .question_text,
#recommended_track_assessment_modal .questions_page ul.questions li .question_text {
  color: #00aaea;
  line-height: 22px;
  margin: 15px 0 20px;
  font-size: 2.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#happiness_assessment_modal .questions_page ul.questions li ul.answers,
#recommended_track_assessment_modal .questions_page ul.questions li ul.answers {
  margin: 15px 0 0;
  position: relative;
  width: 100%;
}

#happiness_assessment_modal .questions_page ul.questions li ul.answers li,
#recommended_track_assessment_modal .questions_page ul.questions li ul.answers li {
  width: 85px;
  color: #777;
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
  margin: 0 15px 0 0;
  font-size: 1.4rem;
  font-family: OpensansRegular;
  font-weight: normal;
  text-align: center;
  height: 90px;
}

#happiness_assessment_modal .questions_page ul.questions li ul.answers li .answer_choise,
#recommended_track_assessment_modal .questions_page ul.questions li ul.answers li .answer_choise {
  background: url('/static/img/happ_quiz_radio.png') no-repeat transparent;
  background-position: 0 0;
  margin: 0 auto;
  width: 30px;
  height: 30px;
}

#happiness_assessment_modal .questions_page ul.questions li ul.answers li .answer_choise:hover,
#recommended_track_assessment_modal .questions_page ul.questions li ul.answers li .answer_choise:hover {
  background-position: -30px 0;
}

#happiness_assessment_modal .questions_page ul.questions li ul.answers li .answer_choise.selected,
#recommended_track_assessment_modal .questions_page ul.questions li ul.answers li .answer_choise.selected {
  background: url('/static/img/happ_quiz_radio_2.png') no-repeat transparent;
  background-position: -30px 0;
}

#happiness_assessment_modal .questions_page ul.questions li ul.answers li .variant,
#recommended_track_assessment_modal .questions_page ul.questions li ul.answers li .variant {
  margin-top: 5px;
  text-align: center;
}

#happiness_assessment_first_result_modal,
#happiness_assessment_result_modal {
  max-width: 800px;
  padding: 30px 15px;
}

#happiness_assessment_first_result_modal.phq9-gad7,
#happiness_assessment_result_modal.phq9-gad7 {
  max-width: 885px;
}

#happiness_assessment_first_result_modal a,
#happiness_assessment_result_modal a,
#happiness_assessment_first_result_modal a:visited,
#happiness_assessment_result_modal a:visited,
#happiness_assessment_first_result_modal a:hover,
#happiness_assessment_result_modal a:hover,
#happiness_assessment_first_result_modal a:focus,
#happiness_assessment_result_modal a:focus {
  outline: none;
}

#happiness_assessment_first_result_modal .latest_score,
#happiness_assessment_result_modal .latest_score {
  font-size: 3rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #00aaea;
  text-align: center;
}

#happiness_assessment_first_result_modal .results,
#happiness_assessment_result_modal .results {
  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;
  margin: 30px 0;
}

#happiness_assessment_first_result_modal .results.flex_align_center,
#happiness_assessment_result_modal .results.flex_align_center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#happiness_assessment_first_result_modal .results.member,
#happiness_assessment_result_modal .results.member {
  margin: 80px 0;
}

@media (max-width: 767.98px) {
  #happiness_assessment_first_result_modal .results.member,
  #happiness_assessment_result_modal .results.member {
    margin: 30px 0;
  }
}

#happiness_assessment_first_result_modal .results.guest .results-section .score_number,
#happiness_assessment_result_modal .results.guest .results-section .score_number {
  min-width: 185px;
}

#happiness_assessment_first_result_modal .results .results-section.right,
#happiness_assessment_result_modal .results .results-section.right {
  max-width: 360px;
  margin: 30px 0 0 30px;
}

@media (max-width: 767.98px) {
  #happiness_assessment_first_result_modal .results .results-section.right,
  #happiness_assessment_result_modal .results .results-section.right {
    margin: 30px 0 0;
    padding: 0 10px;
    max-width: none;
  }
}

#happiness_assessment_first_result_modal .results .results-section .score_time,
#happiness_assessment_result_modal .results .results-section .score_time {
  font-size: 1.8rem;
  color: #777;
  font-size: 1.6rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  text-align: center;
  margin-bottom: 10px;
}

#happiness_assessment_first_result_modal .results .results-section .score_number,
#happiness_assessment_result_modal .results .results-section .score_number {
  font-size: 4.6rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  border-radius: 12px;
  background-clip: padding-box;
  background-color: #ff7a00;
  color: #ffffff;
  min-width: 230px;
  margin: 10px 0;
  padding: 15px 10px;
}

#happiness_assessment_first_result_modal .results .results-section .score_number.small,
#happiness_assessment_result_modal .results .results-section .score_number.small {
  height: 70px;
  overflow: hidden;
  padding: 10px;
}

#happiness_assessment_first_result_modal .results .results-section .score_number .positive_score,
#happiness_assessment_result_modal .results .results-section .score_number .positive_score,
#happiness_assessment_first_result_modal .results .results-section .score_number .satisfaction_score,
#happiness_assessment_result_modal .results .results-section .score_number .satisfaction_score {
  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;
}

#happiness_assessment_first_result_modal .results .results-section .score_number .positive_score button,
#happiness_assessment_result_modal .results .results-section .score_number .positive_score button,
#happiness_assessment_first_result_modal .results .results-section .score_number .satisfaction_score button,
#happiness_assessment_result_modal .results .results-section .score_number .satisfaction_score button {
  background: transparent;
}

#happiness_assessment_first_result_modal .results .results-section .score_number .positive_score .name,
#happiness_assessment_result_modal .results .results-section .score_number .positive_score .name,
#happiness_assessment_first_result_modal .results .results-section .score_number .satisfaction_score .name,
#happiness_assessment_result_modal .results .results-section .score_number .satisfaction_score .name {
  font-size: 1.4rem;
  font-family: OpenSansLight;
  font-weight: normal;
}

#happiness_assessment_first_result_modal .results .results-section .score_number .positive_score .score,
#happiness_assessment_result_modal .results .results-section .score_number .positive_score .score,
#happiness_assessment_first_result_modal .results .results-section .score_number .satisfaction_score .score,
#happiness_assessment_result_modal .results .results-section .score_number .satisfaction_score .score {
  font-size: 3rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  width: 60px;
  margin-left: 5px;
}

#happiness_assessment_first_result_modal .results .results-section .score_number .positive_score .score-lock,
#happiness_assessment_result_modal .results .results-section .score_number .positive_score .score-lock,
#happiness_assessment_first_result_modal .results .results-section .score_number .satisfaction_score .score-lock,
#happiness_assessment_result_modal .results .results-section .score_number .satisfaction_score .score-lock {
  width: 15px;
  height: 23px;
  line-height: 0;
}

#happiness_assessment_first_result_modal .results .results-section .result_block,
#happiness_assessment_result_modal .results .results-section .result_block {
  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;
  margin: 0 0 10px 0;
}

#happiness_assessment_first_result_modal .results .results-section .result_block .score_number_value,
#happiness_assessment_result_modal .results .results-section .result_block .score_number_value {
  font-size: 4.5rem;
  font-family: OpenSansBold;
  font-weight: normal;
  margin: 0 0 0 10px;
  line-height: 1em;
}

#happiness_assessment_first_result_modal .results .right_block,
#happiness_assessment_result_modal .results .right_block {
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #ff7a00;
  text-align: center;
}

#happiness_assessment_first_result_modal .results .right_block .score_value,
#happiness_assessment_result_modal .results .right_block .score_value {
  font-size: 6rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
}

#happiness_assessment_first_result_modal #suicide_note h1,
#happiness_assessment_result_modal #suicide_note h1 {
  padding: 20px;
}

#happiness_assessment_first_result_modal #suicide_note a,
#happiness_assessment_result_modal #suicide_note a {
  color: #ff7a00;
}

#happiness_assessment_first_result_modal #suicide_note .text-container,
#happiness_assessment_result_modal #suicide_note .text-container {
  margin: 20px auto 40px;
  max-width: 80%;
}

#happiness_assessment_first_result_modal #suicide_note #suicide_modal_description,
#happiness_assessment_result_modal #suicide_note #suicide_modal_description {
  font-size: 1.8rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
  line-height: 24px;
  text-align: left;
  padding: 20px 0;
}

#happiness_assessment_first_result_modal #suicide_note #suicide_confirm,
#happiness_assessment_result_modal #suicide_note #suicide_confirm {
  margin: 0 0 30px;
}

#happiness_assessment_first_result_modal .text-container .score_description,
#happiness_assessment_result_modal .text-container .score_description {
  font-size: 1.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #ff7a00;
}

#happiness_assessment_first_result_modal .text-container .score-blurb,
#happiness_assessment_result_modal .text-container .score-blurb {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
  line-height: 18px;
}

#happiness_assessment_first_result_modal .text-container .score-blurb a,
#happiness_assessment_result_modal .text-container .score-blurb a,
#happiness_assessment_first_result_modal .text-container .score-blurb a:visited,
#happiness_assessment_result_modal .text-container .score-blurb a:visited,
#happiness_assessment_first_result_modal .text-container .score-blurb a:hover,
#happiness_assessment_result_modal .text-container .score-blurb a:hover {
  color: #777;
  text-decoration: underline;
}

#happiness_assessment_first_result_modal .text-container p,
#happiness_assessment_result_modal .text-container p {
  margin-bottom: 10px;
}

#happiness_assessment_first_result_modal .text-container.student,
#happiness_assessment_result_modal .text-container.student {
  width: 50%;
  text-align: left;
}

@media (max-width: 767.98px) {
  #happiness_assessment_first_result_modal .text-container.student,
  #happiness_assessment_result_modal .text-container.student {
    margin-top: 20px;
    width: 100%;
  }
}

#happiness_assessment_first_result_modal .text-container.student .score_description,
#happiness_assessment_result_modal .text-container.student .score_description {
  color: #00aaea;
  font-size: 1.8rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  line-height: 27px;
}

#happiness_assessment_first_result_modal .text-container.student .score-blurb,
#happiness_assessment_result_modal .text-container.student .score-blurb {
  font-size: 1.8rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  line-height: 27px;
}

#happiness_assessment_first_result_modal .reward,
#happiness_assessment_result_modal .reward {
  text-align: center;
  font-size: 1.4rem;
  font-family: OpenSansSemibold;
  margin: -10px 0 40px 0;
}

#happiness_assessment_first_result_modal .reward-text,
#happiness_assessment_result_modal .reward-text {
  color: #81BA00;
}

#happiness_assessment_first_result_modal .stats-promo,
#happiness_assessment_result_modal .stats-promo {
  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;
  margin: 30px auto;
  max-width: 588px;
}

#happiness_assessment_first_result_modal .stats-promo h2,
#happiness_assessment_result_modal .stats-promo h2 {
  font-size: 2.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #00aaea;
  margin-bottom: 35px;
  width: 100%;
  text-align: center;
}

#happiness_assessment_first_result_modal .stats-promo .image-container,
#happiness_assessment_result_modal .stats-promo .image-container {
  width: 165px;
  position: relative;
  margin: 0 40px 0 55px;
}

#happiness_assessment_first_result_modal .stats-promo .image-container .base-graph,
#happiness_assessment_result_modal .stats-promo .image-container .base-graph {
  opacity: 0.25;
}

#happiness_assessment_first_result_modal .stats-promo .image-container .index-graph,
#happiness_assessment_result_modal .stats-promo .image-container .index-graph {
  position: absolute;
  width: 105%;
  top: 6px;
  left: -6px;
  max-width: none;
}

#happiness_assessment_first_result_modal .stats-promo .promo-container,
#happiness_assessment_result_modal .stats-promo .promo-container {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

#happiness_assessment_first_result_modal .stats-promo .promo-container .promo-line,
#happiness_assessment_result_modal .stats-promo .promo-container .promo-line {
  margin: 15px 0;
  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;
}

#happiness_assessment_first_result_modal .stats-promo .promo-container .promo-line .gear,
#happiness_assessment_result_modal .stats-promo .promo-container .promo-line .gear {
  width: 10px;
  height: 10px;
  background: url('/static/img/gear_img.png') no-repeat transparent;
  background-size: cover;
  margin: 0 5px 0 0;
}

#happiness_assessment_first_result_modal .stats-promo .promo-container .promo-line .benefit,
#happiness_assessment_result_modal .stats-promo .promo-container .promo-line .benefit {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

#happiness_assessment_first_result_modal .nav,
#happiness_assessment_result_modal .nav {
  text-align: center;
}

#happiness_assessment_first_result_modal .nav.student,
#happiness_assessment_result_modal .nav.student {
  margin-bottom: 30px;
}

#happiness_assessment_first_result_modal .nav .button,
#happiness_assessment_result_modal .nav .button {
  font-size: 1.6rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  text-transform: uppercase;
  height: 50px;
  line-height: 50px;
  padding: 0 40px;
}

#happiness_assessment_first_result_modal .nav .button.green,
#happiness_assessment_result_modal .nav .button.green {
  font-size: 1.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  position: relative;
  top: 5px;
  height: 46px;
  line-height: 46px;
  padding: 0 15px;
}

#happiness_assessment_first_result_modal .nav .button.green .sprite-1.flag-white,
#happiness_assessment_result_modal .nav .button.green .sprite-1.flag-white {
  margin-bottom: 2px;
  margin-left: 5px;
  vertical-align: middle;
}

#happiness_assessment_first_result_modal .nav .close-modal_wrap,
#happiness_assessment_result_modal .nav .close-modal_wrap {
  width: 100%;
  text-align: right;
  margin-top: 20px;
}

#happiness_assessment_first_result_modal .nav .close-modal,
#happiness_assessment_result_modal .nav .close-modal {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
  position: relative;
  background-color: transparent;
  text-decoration: underline !important;
  height: auto;
  line-height: 1em;
  padding: 5px 0;
}

#happiness_assessment_first_result_modal .nav .close-modal:hover,
#happiness_assessment_result_modal .nav .close-modal:hover {
  text-decoration: none;
}

#happiness_assessment_first_result_modal .nav .stats-link-container,
#happiness_assessment_result_modal .nav .stats-link-container {
  margin-top: 20px;
}

#happiness_assessment_first_result_modal .nav .stats-link-container .stats-link,
#happiness_assessment_result_modal .nav .stats-link-container .stats-link {
  background-color: transparent;
  font-size: 1.6rem;
  color: #777;
  text-decoration: underline !important;
}

#happiness_assessment_first_result_modal .face_block,
#happiness_assessment_result_modal .face_block {
  background: #ff7a00;
  width: 85px;
  height: 85px;
  border-radius: 50%;
  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;
  margin: 0 5%;
}

#happiness_assessment_first_result_modal .happy-face,
#happiness_assessment_result_modal .happy-face {
  display: inline-block;
}

#happiness_assessment_first_result_modal .happy-face.big,
#happiness_assessment_result_modal .happy-face.big {
  width: 45px;
  height: 45px;
}

#happiness_assessment_first_result_modal .happy-face.small,
#happiness_assessment_result_modal .happy-face.small {
  width: 35px;
  height: 35px;
}

#happiness_assessment_first_result_modal .happy-face.very-unhappy.big,
#happiness_assessment_result_modal .happy-face.very-unhappy.big {
  background-image: url("/static/img/happy-faces/very-unhappy-big.png");
  background-size: 45px 45px;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-color: transparent;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #happiness_assessment_first_result_modal .happy-face.very-unhappy.big,
  #happiness_assessment_result_modal .happy-face.very-unhappy.big {
    background-image: url("/static/img/happy-faces/very-unhappy@2x.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #happiness_assessment_first_result_modal .happy-face.very-unhappy.big,
  #happiness_assessment_result_modal .happy-face.very-unhappy.big {
    background-image: url("/static/img/happy-faces/very-unhappy@2x.png");
  }
}

#happiness_assessment_first_result_modal .happy-face.very-unhappy.small,
#happiness_assessment_result_modal .happy-face.very-unhappy.small {
  background-image: url("/static/img/happy-faces/very-unhappy-small.png");
  background-size: 35px 35px;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-color: transparent;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #happiness_assessment_first_result_modal .happy-face.very-unhappy.small,
  #happiness_assessment_result_modal .happy-face.very-unhappy.small {
    background-image: url("/static/img/happy-faces/very-unhappy@2x.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #happiness_assessment_first_result_modal .happy-face.very-unhappy.small,
  #happiness_assessment_result_modal .happy-face.very-unhappy.small {
    background-image: url("/static/img/happy-faces/very-unhappy@2x.png");
  }
}

#happiness_assessment_first_result_modal .happy-face.moderately-unhappy.big,
#happiness_assessment_result_modal .happy-face.moderately-unhappy.big {
  background-image: url("/static/img/happy-faces/moderately-unhappy-big.png");
  background-size: 45px 45px;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-color: transparent;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #happiness_assessment_first_result_modal .happy-face.moderately-unhappy.big,
  #happiness_assessment_result_modal .happy-face.moderately-unhappy.big {
    background-image: url("/static/img/happy-faces/moderately-unhappy@2x.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #happiness_assessment_first_result_modal .happy-face.moderately-unhappy.big,
  #happiness_assessment_result_modal .happy-face.moderately-unhappy.big {
    background-image: url("/static/img/happy-faces/moderately-unhappy@2x.png");
  }
}

#happiness_assessment_first_result_modal .happy-face.moderately-unhappy.small,
#happiness_assessment_result_modal .happy-face.moderately-unhappy.small {
  background-image: url("/static/img/happy-faces/moderately-unhappy-small.png");
  background-size: 35px 35px;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-color: transparent;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #happiness_assessment_first_result_modal .happy-face.moderately-unhappy.small,
  #happiness_assessment_result_modal .happy-face.moderately-unhappy.small {
    background-image: url("/static/img/happy-faces/moderately-unhappy@2x.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #happiness_assessment_first_result_modal .happy-face.moderately-unhappy.small,
  #happiness_assessment_result_modal .happy-face.moderately-unhappy.small {
    background-image: url("/static/img/happy-faces/moderately-unhappy@2x.png");
  }
}

#happiness_assessment_first_result_modal .happy-face.mildly-unhappy.big,
#happiness_assessment_result_modal .happy-face.mildly-unhappy.big {
  background-image: url("/static/img/happy-faces/mildly-unhappy-big.png");
  background-size: 45px 45px;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-color: transparent;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #happiness_assessment_first_result_modal .happy-face.mildly-unhappy.big,
  #happiness_assessment_result_modal .happy-face.mildly-unhappy.big {
    background-image: url("/static/img/happy-faces/mildly-unhappy@2x.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #happiness_assessment_first_result_modal .happy-face.mildly-unhappy.big,
  #happiness_assessment_result_modal .happy-face.mildly-unhappy.big {
    background-image: url("/static/img/happy-faces/mildly-unhappy@2x.png");
  }
}

#happiness_assessment_first_result_modal .happy-face.mildly-unhappy.small,
#happiness_assessment_result_modal .happy-face.mildly-unhappy.small {
  background-image: url("/static/img/happy-faces/mildly-unhappy-small.png");
  background-size: 35px 35px;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-color: transparent;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #happiness_assessment_first_result_modal .happy-face.mildly-unhappy.small,
  #happiness_assessment_result_modal .happy-face.mildly-unhappy.small {
    background-image: url("/static/img/happy-faces/mildly-unhappy@2x.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #happiness_assessment_first_result_modal .happy-face.mildly-unhappy.small,
  #happiness_assessment_result_modal .happy-face.mildly-unhappy.small {
    background-image: url("/static/img/happy-faces/mildly-unhappy@2x.png");
  }
}

#happiness_assessment_first_result_modal .happy-face.neutral.big,
#happiness_assessment_result_modal .happy-face.neutral.big {
  background-image: url("/static/img/happy-faces/neutral-big.png");
  background-size: 45px 45px;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-color: transparent;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #happiness_assessment_first_result_modal .happy-face.neutral.big,
  #happiness_assessment_result_modal .happy-face.neutral.big {
    background-image: url("/static/img/happy-faces/neutral@2x.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #happiness_assessment_first_result_modal .happy-face.neutral.big,
  #happiness_assessment_result_modal .happy-face.neutral.big {
    background-image: url("/static/img/happy-faces/neutral@2x.png");
  }
}

#happiness_assessment_first_result_modal .happy-face.neutral.small,
#happiness_assessment_result_modal .happy-face.neutral.small {
  background-image: url("/static/img/happy-faces/neutral-small.png");
  background-size: 35px 35px;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-color: transparent;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #happiness_assessment_first_result_modal .happy-face.neutral.small,
  #happiness_assessment_result_modal .happy-face.neutral.small {
    background-image: url("/static/img/happy-faces/neutral@2x.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #happiness_assessment_first_result_modal .happy-face.neutral.small,
  #happiness_assessment_result_modal .happy-face.neutral.small {
    background-image: url("/static/img/happy-faces/neutral@2x.png");
  }
}

#happiness_assessment_first_result_modal .happy-face.mildly-happy.big,
#happiness_assessment_result_modal .happy-face.mildly-happy.big {
  background-image: url("/static/img/happy-faces/mildly-happy-big.png");
  background-size: 45px 45px;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-color: transparent;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #happiness_assessment_first_result_modal .happy-face.mildly-happy.big,
  #happiness_assessment_result_modal .happy-face.mildly-happy.big {
    background-image: url("/static/img/happy-faces/mildly-happy@2x.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #happiness_assessment_first_result_modal .happy-face.mildly-happy.big,
  #happiness_assessment_result_modal .happy-face.mildly-happy.big {
    background-image: url("/static/img/happy-faces/mildly-happy@2x.png");
  }
}

#happiness_assessment_first_result_modal .happy-face.mildly-happy.small,
#happiness_assessment_result_modal .happy-face.mildly-happy.small {
  background-image: url("/static/img/happy-faces/mildly-happy-small.png");
  background-size: 35px 35px;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-color: transparent;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #happiness_assessment_first_result_modal .happy-face.mildly-happy.small,
  #happiness_assessment_result_modal .happy-face.mildly-happy.small {
    background-image: url("/static/img/happy-faces/mildly-happy@2x.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #happiness_assessment_first_result_modal .happy-face.mildly-happy.small,
  #happiness_assessment_result_modal .happy-face.mildly-happy.small {
    background-image: url("/static/img/happy-faces/mildly-happy@2x.png");
  }
}

#happiness_assessment_first_result_modal .happy-face.moderately-happy.big,
#happiness_assessment_result_modal .happy-face.moderately-happy.big {
  background-image: url("/static/img/happy-faces/moderately-happy-big.png");
  background-size: 45px 45px;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-color: transparent;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #happiness_assessment_first_result_modal .happy-face.moderately-happy.big,
  #happiness_assessment_result_modal .happy-face.moderately-happy.big {
    background-image: url("/static/img/happy-faces/moderately-happy@2x.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #happiness_assessment_first_result_modal .happy-face.moderately-happy.big,
  #happiness_assessment_result_modal .happy-face.moderately-happy.big {
    background-image: url("/static/img/happy-faces/moderately-happy@2x.png");
  }
}

#happiness_assessment_first_result_modal .happy-face.moderately-happy.small,
#happiness_assessment_result_modal .happy-face.moderately-happy.small {
  background-image: url("/static/img/happy-faces/moderately-happy-small.png");
  background-size: 35px 35px;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-color: transparent;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #happiness_assessment_first_result_modal .happy-face.moderately-happy.small,
  #happiness_assessment_result_modal .happy-face.moderately-happy.small {
    background-image: url("/static/img/happy-faces/moderately-happy@2x.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #happiness_assessment_first_result_modal .happy-face.moderately-happy.small,
  #happiness_assessment_result_modal .happy-face.moderately-happy.small {
    background-image: url("/static/img/happy-faces/moderately-happy@2x.png");
  }
}

#happiness_assessment_first_result_modal .happy-face.very-happy.big,
#happiness_assessment_result_modal .happy-face.very-happy.big {
  background-image: url("/static/img/happy-faces/very-happy-big.png");
  background-size: 45px 45px;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-color: transparent;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #happiness_assessment_first_result_modal .happy-face.very-happy.big,
  #happiness_assessment_result_modal .happy-face.very-happy.big {
    background-image: url("/static/img/happy-faces/very-happy@2x.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #happiness_assessment_first_result_modal .happy-face.very-happy.big,
  #happiness_assessment_result_modal .happy-face.very-happy.big {
    background-image: url("/static/img/happy-faces/very-happy@2x.png");
  }
}

#happiness_assessment_first_result_modal .happy-face.very-happy.small,
#happiness_assessment_result_modal .happy-face.very-happy.small {
  background-image: url("/static/img/happy-faces/very-happy-small.png");
  background-size: 35px 35px;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-color: transparent;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #happiness_assessment_first_result_modal .happy-face.very-happy.small,
  #happiness_assessment_result_modal .happy-face.very-happy.small {
    background-image: url("/static/img/happy-faces/very-happy@2x.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #happiness_assessment_first_result_modal .happy-face.very-happy.small,
  #happiness_assessment_result_modal .happy-face.very-happy.small {
    background-image: url("/static/img/happy-faces/very-happy@2x.png");
  }
}

#happiness_assessment_first_result_modal .happy-face.student.big,
#happiness_assessment_result_modal .happy-face.student.big {
  width: 65px;
  height: 65px;
}

#happiness_assessment_first_result_modal .happy-face.student.small,
#happiness_assessment_result_modal .happy-face.student.small {
  width: 35px;
  height: 35px;
}

#happiness_assessment_first_result_modal .happy-face.student.very-unhappy.big,
#happiness_assessment_result_modal .happy-face.student.very-unhappy.big {
  background-image: url("/static/img/happy-faces/very-unhappy-big.png");
  background-size: 65px 65px;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-color: transparent;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #happiness_assessment_first_result_modal .happy-face.student.very-unhappy.big,
  #happiness_assessment_result_modal .happy-face.student.very-unhappy.big {
    background-image: url("/static/img/happy-faces/very-unhappy@2x.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #happiness_assessment_first_result_modal .happy-face.student.very-unhappy.big,
  #happiness_assessment_result_modal .happy-face.student.very-unhappy.big {
    background-image: url("/static/img/happy-faces/very-unhappy@2x.png");
  }
}

#happiness_assessment_first_result_modal .happy-face.student.very-unhappy.small,
#happiness_assessment_result_modal .happy-face.student.very-unhappy.small {
  background-image: url("/static/img/happy-faces/very-unhappy-small.png");
  background-size: 35px 35px;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-color: transparent;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #happiness_assessment_first_result_modal .happy-face.student.very-unhappy.small,
  #happiness_assessment_result_modal .happy-face.student.very-unhappy.small {
    background-image: url("/static/img/happy-faces/very-unhappy@2x.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #happiness_assessment_first_result_modal .happy-face.student.very-unhappy.small,
  #happiness_assessment_result_modal .happy-face.student.very-unhappy.small {
    background-image: url("/static/img/happy-faces/very-unhappy@2x.png");
  }
}

#happiness_assessment_first_result_modal .happy-face.student.moderately-unhappy.big,
#happiness_assessment_result_modal .happy-face.student.moderately-unhappy.big {
  background-image: url("/static/img/happy-faces/moderately-unhappy-big.png");
  background-size: 65px 65px;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-color: transparent;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #happiness_assessment_first_result_modal .happy-face.student.moderately-unhappy.big,
  #happiness_assessment_result_modal .happy-face.student.moderately-unhappy.big {
    background-image: url("/static/img/happy-faces/moderately-unhappy@2x.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #happiness_assessment_first_result_modal .happy-face.student.moderately-unhappy.big,
  #happiness_assessment_result_modal .happy-face.student.moderately-unhappy.big {
    background-image: url("/static/img/happy-faces/moderately-unhappy@2x.png");
  }
}

#happiness_assessment_first_result_modal .happy-face.student.moderately-unhappy.small,
#happiness_assessment_result_modal .happy-face.student.moderately-unhappy.small {
  background-image: url("/static/img/happy-faces/moderately-unhappy-small.png");
  background-size: 35px 35px;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-color: transparent;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #happiness_assessment_first_result_modal .happy-face.student.moderately-unhappy.small,
  #happiness_assessment_result_modal .happy-face.student.moderately-unhappy.small {
    background-image: url("/static/img/happy-faces/moderately-unhappy@2x.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #happiness_assessment_first_result_modal .happy-face.student.moderately-unhappy.small,
  #happiness_assessment_result_modal .happy-face.student.moderately-unhappy.small {
    background-image: url("/static/img/happy-faces/moderately-unhappy@2x.png");
  }
}

#happiness_assessment_first_result_modal .happy-face.student.mildly-unhappy.big,
#happiness_assessment_result_modal .happy-face.student.mildly-unhappy.big {
  background-image: url("/static/img/happy-faces/mildly-unhappy-big.png");
  background-size: 65px 65px;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-color: transparent;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #happiness_assessment_first_result_modal .happy-face.student.mildly-unhappy.big,
  #happiness_assessment_result_modal .happy-face.student.mildly-unhappy.big {
    background-image: url("/static/img/happy-faces/mildly-unhappy@2x.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #happiness_assessment_first_result_modal .happy-face.student.mildly-unhappy.big,
  #happiness_assessment_result_modal .happy-face.student.mildly-unhappy.big {
    background-image: url("/static/img/happy-faces/mildly-unhappy@2x.png");
  }
}

#happiness_assessment_first_result_modal .happy-face.student.mildly-unhappy.small,
#happiness_assessment_result_modal .happy-face.student.mildly-unhappy.small {
  background-image: url("/static/img/happy-faces/mildly-unhappy-small.png");
  background-size: 35px 35px;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-color: transparent;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #happiness_assessment_first_result_modal .happy-face.student.mildly-unhappy.small,
  #happiness_assessment_result_modal .happy-face.student.mildly-unhappy.small {
    background-image: url("/static/img/happy-faces/mildly-unhappy@2x.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #happiness_assessment_first_result_modal .happy-face.student.mildly-unhappy.small,
  #happiness_assessment_result_modal .happy-face.student.mildly-unhappy.small {
    background-image: url("/static/img/happy-faces/mildly-unhappy@2x.png");
  }
}

#happiness_assessment_first_result_modal .happy-face.student.neutral.big,
#happiness_assessment_result_modal .happy-face.student.neutral.big {
  background-image: url("/static/img/happy-faces/neutral-big.png");
  background-size: 65px 65px;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-color: transparent;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #happiness_assessment_first_result_modal .happy-face.student.neutral.big,
  #happiness_assessment_result_modal .happy-face.student.neutral.big {
    background-image: url("/static/img/happy-faces/neutral@2x.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #happiness_assessment_first_result_modal .happy-face.student.neutral.big,
  #happiness_assessment_result_modal .happy-face.student.neutral.big {
    background-image: url("/static/img/happy-faces/neutral@2x.png");
  }
}

#happiness_assessment_first_result_modal .happy-face.student.neutral.small,
#happiness_assessment_result_modal .happy-face.student.neutral.small {
  background-image: url("/static/img/happy-faces/neutral-small.png");
  background-size: 35px 35px;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-color: transparent;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #happiness_assessment_first_result_modal .happy-face.student.neutral.small,
  #happiness_assessment_result_modal .happy-face.student.neutral.small {
    background-image: url("/static/img/happy-faces/neutral@2x.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #happiness_assessment_first_result_modal .happy-face.student.neutral.small,
  #happiness_assessment_result_modal .happy-face.student.neutral.small {
    background-image: url("/static/img/happy-faces/neutral@2x.png");
  }
}

#happiness_assessment_first_result_modal .happy-face.student.mildly-happy.big,
#happiness_assessment_result_modal .happy-face.student.mildly-happy.big {
  background-image: url("/static/img/happy-faces/mildly-happy-big.png");
  background-size: 65px 65px;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-color: transparent;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #happiness_assessment_first_result_modal .happy-face.student.mildly-happy.big,
  #happiness_assessment_result_modal .happy-face.student.mildly-happy.big {
    background-image: url("/static/img/happy-faces/mildly-happy@2x.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #happiness_assessment_first_result_modal .happy-face.student.mildly-happy.big,
  #happiness_assessment_result_modal .happy-face.student.mildly-happy.big {
    background-image: url("/static/img/happy-faces/mildly-happy@2x.png");
  }
}

#happiness_assessment_first_result_modal .happy-face.student.mildly-happy.small,
#happiness_assessment_result_modal .happy-face.student.mildly-happy.small {
  background-image: url("/static/img/happy-faces/mildly-happy-small.png");
  background-size: 35px 35px;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-color: transparent;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #happiness_assessment_first_result_modal .happy-face.student.mildly-happy.small,
  #happiness_assessment_result_modal .happy-face.student.mildly-happy.small {
    background-image: url("/static/img/happy-faces/mildly-happy@2x.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #happiness_assessment_first_result_modal .happy-face.student.mildly-happy.small,
  #happiness_assessment_result_modal .happy-face.student.mildly-happy.small {
    background-image: url("/static/img/happy-faces/mildly-happy@2x.png");
  }
}

#happiness_assessment_first_result_modal .happy-face.student.moderately-happy.big,
#happiness_assessment_result_modal .happy-face.student.moderately-happy.big {
  background-image: url("/static/img/happy-faces/moderately-happy-big.png");
  background-size: 65px 65px;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-color: transparent;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #happiness_assessment_first_result_modal .happy-face.student.moderately-happy.big,
  #happiness_assessment_result_modal .happy-face.student.moderately-happy.big {
    background-image: url("/static/img/happy-faces/moderately-happy@2x.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #happiness_assessment_first_result_modal .happy-face.student.moderately-happy.big,
  #happiness_assessment_result_modal .happy-face.student.moderately-happy.big {
    background-image: url("/static/img/happy-faces/moderately-happy@2x.png");
  }
}

#happiness_assessment_first_result_modal .happy-face.student.moderately-happy.small,
#happiness_assessment_result_modal .happy-face.student.moderately-happy.small {
  background-image: url("/static/img/happy-faces/moderately-happy-small.png");
  background-size: 35px 35px;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-color: transparent;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #happiness_assessment_first_result_modal .happy-face.student.moderately-happy.small,
  #happiness_assessment_result_modal .happy-face.student.moderately-happy.small {
    background-image: url("/static/img/happy-faces/moderately-happy@2x.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #happiness_assessment_first_result_modal .happy-face.student.moderately-happy.small,
  #happiness_assessment_result_modal .happy-face.student.moderately-happy.small {
    background-image: url("/static/img/happy-faces/moderately-happy@2x.png");
  }
}

#happiness_assessment_first_result_modal .happy-face.student.very-happy.big,
#happiness_assessment_result_modal .happy-face.student.very-happy.big {
  background-image: url("/static/img/happy-faces/very-happy-big.png");
  background-size: 65px 65px;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-color: transparent;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #happiness_assessment_first_result_modal .happy-face.student.very-happy.big,
  #happiness_assessment_result_modal .happy-face.student.very-happy.big {
    background-image: url("/static/img/happy-faces/very-happy@2x.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #happiness_assessment_first_result_modal .happy-face.student.very-happy.big,
  #happiness_assessment_result_modal .happy-face.student.very-happy.big {
    background-image: url("/static/img/happy-faces/very-happy@2x.png");
  }
}

#happiness_assessment_first_result_modal .happy-face.student.very-happy.small,
#happiness_assessment_result_modal .happy-face.student.very-happy.small {
  background-image: url("/static/img/happy-faces/very-happy-small.png");
  background-size: 35px 35px;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-color: transparent;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #happiness_assessment_first_result_modal .happy-face.student.very-happy.small,
  #happiness_assessment_result_modal .happy-face.student.very-happy.small {
    background-image: url("/static/img/happy-faces/very-happy@2x.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #happiness_assessment_first_result_modal .happy-face.student.very-happy.small,
  #happiness_assessment_result_modal .happy-face.student.very-happy.small {
    background-image: url("/static/img/happy-faces/very-happy@2x.png");
  }
}

#happiness_assessment_first_result_modal .phq9-gad7 .body-wrapper,
#happiness_assessment_result_modal .phq9-gad7 .body-wrapper {
  padding: 30px 40px 50px;
}

#happiness_assessment_first_result_modal .phq9-gad7 .body-wrapper .charts-wrapper svg text,
#happiness_assessment_result_modal .phq9-gad7 .body-wrapper .charts-wrapper svg text,
#happiness_assessment_first_result_modal .phq9-gad7 .body-wrapper .chart-wrapper svg text,
#happiness_assessment_result_modal .phq9-gad7 .body-wrapper .chart-wrapper svg text {
  fill: #777;
}

#happiness_assessment_first_result_modal .phq9-gad7 .body-wrapper .charts-wrapper svg text.label-name,
#happiness_assessment_result_modal .phq9-gad7 .body-wrapper .charts-wrapper svg text.label-name,
#happiness_assessment_first_result_modal .phq9-gad7 .body-wrapper .chart-wrapper svg text.label-name,
#happiness_assessment_result_modal .phq9-gad7 .body-wrapper .chart-wrapper svg text.label-name {
  font-size: 1.8rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  text-transform: capitalize;
}

#happiness_assessment_first_result_modal .phq9-gad7 .body-wrapper .charts-wrapper svg text.label-range,
#happiness_assessment_result_modal .phq9-gad7 .body-wrapper .charts-wrapper svg text.label-range,
#happiness_assessment_first_result_modal .phq9-gad7 .body-wrapper .chart-wrapper svg text.label-range,
#happiness_assessment_result_modal .phq9-gad7 .body-wrapper .chart-wrapper svg text.label-range {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  text-transform: capitalize;
}

#happiness_assessment_first_result_modal .phq9-gad7 .body-wrapper .charts-wrapper svg text.point-label,
#happiness_assessment_result_modal .phq9-gad7 .body-wrapper .charts-wrapper svg text.point-label,
#happiness_assessment_first_result_modal .phq9-gad7 .body-wrapper .chart-wrapper svg text.point-label,
#happiness_assessment_result_modal .phq9-gad7 .body-wrapper .chart-wrapper svg text.point-label {
  font-size: 2.1rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  line-height: normal;
}

#happiness_assessment_first_result_modal .phq9-gad7 .body-wrapper .charts-wrapper,
#happiness_assessment_result_modal .phq9-gad7 .body-wrapper .charts-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#happiness_assessment_first_result_modal .phq9-gad7 .body-wrapper .charts-wrapper .icon-arrows-wrapper,
#happiness_assessment_result_modal .phq9-gad7 .body-wrapper .charts-wrapper .icon-arrows-wrapper {
  text-align: center;
  width: 100px;
}

#happiness_assessment_first_result_modal .phq9-gad7 .body-wrapper .charts-wrapper .chart-wrapper,
#happiness_assessment_result_modal .phq9-gad7 .body-wrapper .charts-wrapper .chart-wrapper {
  width: calc(50% - 50px);
  text-align: center;
}

#happiness_assessment_first_result_modal .phq9-gad7 .body-wrapper .charts-wrapper .chart-wrapper .chart-title,
#happiness_assessment_result_modal .phq9-gad7 .body-wrapper .charts-wrapper .chart-wrapper .chart-title {
  font-size: 2.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
}

#happiness_assessment_first_result_modal .phq9-gad7 .body-wrapper .descriptions-wrapper,
#happiness_assessment_result_modal .phq9-gad7 .body-wrapper .descriptions-wrapper {
  text-align: center;
  font-size: 1.5rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#happiness_assessment_first_result_modal .phq9-gad7 .body-wrapper .descriptions-wrapper h2,
#happiness_assessment_result_modal .phq9-gad7 .body-wrapper .descriptions-wrapper h2 {
  color: #ff7a00;
  display: inline-block;
  font-size: 1.5rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
}

#happiness_assessment_first_result_modal .phq9-gad7.first-result .body-wrapper,
#happiness_assessment_result_modal .phq9-gad7.first-result .body-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 40px;
}

#happiness_assessment_first_result_modal .phq9-gad7.first-result .body-wrapper .chart-wrapper,
#happiness_assessment_result_modal .phq9-gad7.first-result .body-wrapper .chart-wrapper {
  width: 45%;
}

#happiness_assessment_first_result_modal .phq9-gad7.first-result .body-wrapper .descriptions-wrapper,
#happiness_assessment_result_modal .phq9-gad7.first-result .body-wrapper .descriptions-wrapper {
  width: 55%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  font-size: 1.5rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#happiness_assessment_first_result_modal .phq9-gad7.first-result .body-wrapper .descriptions-wrapper h2,
#happiness_assessment_result_modal .phq9-gad7.first-result .body-wrapper .descriptions-wrapper h2 {
  font-size: 2.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #ff7a00;
  margin-bottom: 20px;
}

#happiness_assessment_first_result_modal .phq9-gad7.first-result .body-wrapper .descriptions-wrapper .blurb,
#happiness_assessment_result_modal .phq9-gad7.first-result .body-wrapper .descriptions-wrapper .blurb {
  text-align: left;
}

#happiness_assessment_result_modal .results.member {
  margin: 50px 0 20px;
}

#happiness_assessment_result_modal .results.student {
  margin: 80px 0;
}

@media (max-width: 991.98px) {
  #happiness_assessment_result_modal .results .results-section {
    width: 100%;
  }
}

#happiness_assessment_result_modal .results .results-section.left .score_number {
  margin: 0 auto 30px auto;
  min-width: auto;
}

@media (max-width: 991.98px) {
  #happiness_assessment_result_modal .results .results-section.left .score_number {
    margin: 0 auto 10px auto;
  }
}

#happiness_assessment_result_modal .results .results-section.left .score_number .score_number_value {
  font-size: 3.6rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  line-height: 1.1em;
}

#happiness_assessment_result_modal .results .results-section.left .score_number .score_number_value[data-val-len="3"] {
  font-size: 3rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
}

#happiness_assessment_result_modal .results .results-section.right {
  margin: 0;
}

@media (max-width: 991.98px) {
  #happiness_assessment_result_modal .results .results-section.right {
    max-width: 360px;
  }
}

#happiness_assessment_result_modal .results .results-section.center {
  margin: 30px;
  text-align: center;
}

@media (max-width: 991.98px) {
  #happiness_assessment_result_modal .results .results-section.center img {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}

#happiness_assessment_result_modal .results .results-section .score_time {
  font-size: 1.5rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
}

#happiness_assessment_result_modal .results .results-section .be_back {
  margin: 10px auto;
  max-width: 205px;
}

#happiness_assessment_result_modal .results .results-section .be_back p {
  font-size: 1.2rem;
  font-family: OpenSansLight;
  font-weight: normal;
  line-height: 14px;
  text-align: center;
}

#happiness_assessment_result_modal .text-container {
  text-align: center;
  margin: 20px auto 40px;
  max-width: 80%;
}

#happiness_assessment_result_modal .text-container.student {
  margin: 0;
}

#track_level_complete_modal {
  width: 405px;
  background: #fff;
  background-size: 100%;
  border-radius: 10px;
  background-clip: padding-box;
  text-align: center;
}

#track_level_complete_modal .cash-rewards-earned {
  text-align: center;
  font-family: OpenSansRegular;
  font-size: 18px;
  padding: 28px 30px;
}

#track_level_complete_modal .cash-rewards-earned.completed-track-rewards {
  padding: 15px 32px;
  padding-top: 0;
  margin: 0;
}

#track_level_complete_modal .inside_medal {
  position: absolute;
  width: 94px;
  height: 115px;
  top: 0;
  left: 0;
}

#track_level_complete_modal .inside_medal.mask {
  top: 244px;
  height: 120px;
  background-color: #ffffff;
}

#track_level_complete_modal .medal {
  position: relative;
  margin: 55px auto 40px;
  text-align: center;
  width: 94px;
  height: 115px;
}

#track_level_complete_modal .medal span {
  font-size: 4.6rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #fff;
  line-height: 90px;
}

#track_level_complete_modal .name,
#track_level_complete_modal .sequence {
  color: #00aaea;
  padding: 0 20px;
  line-height: 22px;
  text-align: center;
  font-size: 1.8rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
}

#track_level_complete_modal .ribbon {
  position: relative;
  margin-top: 25px;
  width: 468px;
  left: -32px;
}

#track_level_complete_modal .congrats {
  color: #777;
  font-size: 2rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  text-align: center;
  position: relative;
  line-height: 52px;
  padding-bottom: 16px;
  z-index: 2;
}

#track_level_complete_modal .blocked {
  color: #777;
  font-size: 1.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  line-height: 22px;
  text-align: center;
  min-height: 30px;
}

#track_level_complete_modal .congrats_cashback {
  color: #777774;
  font-size: 2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  text-align: center;
  position: relative;
  padding-bottom: 16px;
  z-index: 2;
}

#track_level_complete_modal .congrats_cashback .congrats_premium {
  color: #81BA00;
  font-family: OpenSansSemiBold;
}

#track_level_complete_modal .continue {
  margin-top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

#track_level_complete_modal .continue div,
#track_level_complete_modal .continue button {
  -ms-flex-item-align: center;
  align-self: center;
}

#track_level_complete_modal .continue:not(.flexible) {
  text-align: center;
  margin-bottom: 71px;
}

#track_level_complete_modal .continue .explore_tracks {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  display: table;
  margin: 0 auto;
}

#track_level_complete_modal .continue .explore_tracks.transparent {
  color: #777;
  background: transparent;
}

#track_level_complete_modal .continue .explore_tracks:nth-child(2) {
  margin-top: 15px;
}

#track_level_complete_modal .continue .button {
  width: 114px;
}

#track_level_complete_modal .continue .button.orange {
  width: auto;
  height: 48px;
  font-size: 1.8rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  line-height: 48px;
}

#track_level_complete_modal .continue .button.orange.explore_tracks {
  min-width: 250px;
  margin: auto;
}

#track_level_complete_modal .continue.premium {
  margin: 35px auto;
}

#track_level_complete_modal .continue.premium .button {
  width: 150px;
}

#track_level_complete_modal .continue.premium .button.premium {
  font-size: 1.2rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  height: 40px;
  line-height: 30px;
  padding: 0 20px 0 30px;
  width: 170px;
}

#track_level_complete_modal .continue.premium .button.premium .flag-white {
  left: 15px;
}

#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 {
  color: #c82993;
}

#modal.animate .skill_text.thank {
  color: #fd8925;
}

#modal.animate .skill_text.aspire {
  color: #1da2df;
}

#modal.animate .skill_text.give {
  color: #1fc525;
}

#modal.animate .skill_text.empathize {
  color: #fc1923;
}

#modal.animate .skill_text.other {
  color: #f4d420;
}

#modal.animate .activity_name {
  position: relative;
  padding: 0 5%;
  max-height: 46px;
  font-size: 20px;
  text-align: center;
  line-height: 22px;
  font-family: OpenSansBold;
  margin: 0 auto 85px;
  top: 64px;
}

#modal.animate .activity_name.savor {
  color: #c82993;
}

#modal.animate .activity_name.thank {
  color: #fd8925;
}

#modal.animate .activity_name.aspire {
  color: #1da2df;
}

#modal.animate .activity_name.give {
  color: #1fc525;
}

#modal.animate .activity_name.empathize {
  color: #fc1923;
}

#modal.animate .activity_name.other {
  color: #f4d420;
}

#modal.animate .skill-icon-mask {
  background-color: #ffffff;
  position: absolute;
  top: 120px;
  left: 0;
  width: 100%;
  height: 150px;
}

#modal.animate .ribbon {
  position: relative;
  height: 75px;
  width: 100%;
  text-align: center;
  line-height: 75px;
  margin: 20px auto 10px auto;
  left: 0;
}

#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 {
  background-color: #C5158E;
}

#modal.animate .ribbon .message.thank {
  background-color: #FF773C;
}

#modal.animate .ribbon .message.aspire {
  background-color: #0AB0DE;
}

#modal.animate .ribbon .message.give {
  background-color: #23B043;
}

#modal.animate .ribbon .message.empathize {
  background-color: #FD3542;
}

#modal.animate .ribbon .message.other {
  background-color: #F5D422;
}

#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 {
  background-image: url(/static/img/modal_congrads/SAVOR_ribbon.png);
}

#modal.animate .ribbon .edge.thank {
  background-image: url(/static/img/modal_congrads/THANK_ribbon.png);
}

#modal.animate .ribbon .edge.aspire {
  background-image: url(/static/img/modal_congrads/ASPIRE_ribbon.png);
}

#modal.animate .ribbon .edge.give {
  background-image: url(/static/img/modal_congrads/GIVE_ribbon.png);
}

#modal.animate .ribbon .edge.empathize {
  background-image: url(/static/img/modal_congrads/EMPATHIZE_ribbon.png);
}

#modal.animate .ribbon .edge.other {
  background-image: url(/static/img/modal_congrads/other_ribbon.png);
}

#modal.animate .ribbon .edge.revive {
  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 .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 .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 {
  color: #c82993;
}

#modal.animate .bottom_part .score_container .progress .progress_circle.thank {
  color: #fd8925;
}

#modal.animate .bottom_part .score_container .progress .progress_circle.aspire {
  color: #1da2df;
}

#modal.animate .bottom_part .score_container .progress .progress_circle.give {
  color: #1fc525;
}

#modal.animate .bottom_part .score_container .progress .progress_circle.empathize {
  color: #fc1923;
}

#modal.animate .bottom_part .score_container .progress .progress_circle.other {
  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 {
  background-image: url(/static/img/modal_congrads/SAVOR_max.png);
}

#modal.animate .bottom_part .score_container .progress .progress_bar.aspire {
  background-image: url(/static/img/modal_congrads/ASPIRE_max.png);
}

#modal.animate .bottom_part .score_container .progress .progress_bar.empatize {
  background-image: url(/static/img/modal_congrads/EMPATHIZE_max.png);
}

#modal.animate .bottom_part .score_container .progress .progress_bar.give {
  background-image: url(/static/img/modal_congrads/GIVE_max.png);
}

#modal.animate .bottom_part .score_container .progress .progress_bar.thank {
  background-image: url(/static/img/modal_congrads/THANK_max.png);
}

#modal.animate .bottom_part .score_container .progress .progress_bar.revive {
  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;
}

#modal.animate .bottom_part .benefits .benefits_list .benefits_item {
  font-size: 16px;
  line-height: 24px;
  color: #777;
  width: 96%;
  margin-left: 4%;
  padding-left: 12px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}

#modal.animate .bottom_part .benefits .benefits_list li:before {
  content: "";
  position: absolute;
  top: calc(50% - 2.5px);
  left: 0;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: currentColor;
}

#modal.animate .bottom_part .benefits .benefits_list li.savor:before {
  color: #c82993;
}

#modal.animate .bottom_part .benefits .benefits_list li.thank:before {
  color: #fd8925;
}

#modal.animate .bottom_part .benefits .benefits_list li.aspire:before {
  color: #1da2df;
}

#modal.animate .bottom_part .benefits .benefits_list li.give:before {
  color: #1fc525;
}

#modal.animate .bottom_part .benefits .benefits_list li.empathize:before {
  color: #fc1923;
}

#modal.animate .bottom_part .benefits .benefits_list li.other:before {
  color: #f4d420;
}

#modal.animate .bottom_part .benefits .benefits_list li.revive:before {
  color: #2ac4c5;
}

#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 div.continue_btn {
  width: 120px;
  height: 36px;
  margin: 0 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;
}

#modal.animate div.continue_btn.simple {
  margin: 55px auto 0;
}

#recommended_track_result {
  max-width: 800px;
  padding: 55px 30px 60px;
  text-align: center;
}

#recommended_track_result .recommended_tracks_content h2 {
  font-size: 2.5rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  color: #00aaea;
  text-align: center;
}

#recommended_track_result .recommended_tracks_content .small-text {
  font-size: 1.6rem;
  font-family: OpenSansLight;
  font-weight: normal;
  margin-top: 20px;
  color: #777;
  text-align: center;
}

#recommended_track_result .recommended_tracks_content .recommended-track {
  margin: 40px 0 0 0;
  border: 1px solid #d7d7d2;
  border-radius: 5px;
}

#recommended_track_result .recommended_tracks_content .recommended-track .creator-section {
  position: absolute;
  left: 0;
  bottom: 0px;
  right: 0px;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 0 0 0 3px;
  background-clip: padding-box;
  text-align: left;
}

#recommended_track_result .recommended_tracks_content .recommended-track .creator-section > p {
  margin: 0;
}

#recommended_track_result .recommended_tracks_content .recommended-track .creator-section .creator-avatar {
  width: 34px;
  height: 34px;
  min-width: 34px;
  border-radius: 50%;
  margin: 10px 18px;
}

#recommended_track_result .recommended_tracks_content .recommended-track .creator-section .creator-name {
  font-size: 1.2rem;
  font-family: OpenSansItalic;
  font-weight: normal;
  color: #777;
  overflow: hidden;
  margin: 10px 0 0;
}

#recommended_track_result .recommended_tracks_content .recommended-track .creator-section .creator-name > span {
  font-size: 1.2rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
}

#recommended_track_result .recommended_tracks_content .recommended-track .creator-section .creator-title {
  font-size: 1.1rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin: 0 0 6px;
  color: #777;
  overflow: hidden;
}

#recommended_track_result .recommended_tracks_content .recommended-track a:hover {
  text-decoration: none;
}

#recommended_track_result .recommended_tracks_content .recommended-track.premium {
  border-right: 4px solid #81BA00;
}

#recommended_track_result .recommended_tracks_content .recommended-track .track-image {
  border-radius: 5px 0 0 5px;
  display: block;
}

@media (max-width: 767.98px) {
  #recommended_track_result .recommended_tracks_content .recommended-track .track-image {
    margin: 0 auto;
  }
}

#recommended_track_result .recommended_tracks_content .recommended-track .premium-badge {
  position: absolute;
  padding: 0 12px;
  height: 24px;
  right: 0px;
  top: 0;
  border-radius: 0 0 0 5px;
  background-clip: padding-box;
  background-color: #81BA00;
  color: #fff;
}

#recommended_track_result .recommended_tracks_content .recommended-track .premium-badge span {
  font-size: 1.2rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  text-align: center;
  text-transform: uppercase;
  line-height: 24px;
}

#recommended_track_result .recommended_tracks_content .recommended-track .track-name {
  display: inline-block;
  position: relative;
  margin: 15px 10px 10px;
  text-align: center;
}

#recommended_track_result .recommended_tracks_content .recommended-track .track-name span {
  font-size: 2.4rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  color: #ff7a00;
  line-height: 2.4rem;
  vertical-align: middle;
}

#recommended_track_result .recommended_tracks_content .recommended-track .track-descr {
  margin: 0 20px;
  font-size: 1.2rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  color: #777;
  margin-bottom: 12px;
}

#recommended_track_result .recommended_tracks_content .recommended-track a.button {
  height: 44px;
  padding-left: 10%;
  padding-right: 10%;
  margin: 12px;
  font-size: 1.8rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  line-height: 44px;
  text-transform: uppercase;
}

#recommended_track_result .recommended_tracks_content .recommended-track a.button .flag_shadowed {
  position: absolute;
  left: 204px;
  top: 8px;
}

#recommended_track_result .recommended_tracks_content .recommended-track .flag-star {
  position: absolute;
  left: -4px;
  top: -3px;
}

#recommended_track_result .recommended_tracks_content .other-header {
  margin: 50px 0 40px;
  font-size: 1.8rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#recommended_track_result .recommended_tracks_content .bottom-tracks {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#recommended_track_result .recommended_tracks_content .bottom-tracks a {
  margin: 10px auto;
}

#recommended_track_result .recommended_tracks_content .bottom-tracks a:hover {
  text-decoration: none;
}

#recommended_track_result .recommended_tracks_content .bottom-tracks .track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #d7d7d2;
  border-radius: 5px;
  height: 100px;
  width: 360px;
  overflow: hidden;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

#recommended_track_result .recommended_tracks_content .bottom-tracks .track .sub-track-link {
  margin-top: 16px;
}

#recommended_track_result .recommended_tracks_content .bottom-tracks .track .image-cell {
  width: 100%;
  text-align: left;
}

#recommended_track_result .recommended_tracks_content .bottom-tracks .track .image-cell img {
  height: 100%;
  width: auto;
}

#recommended_track_result .recommended_tracks_content .bottom-tracks .track .data-cell {
  padding: 0 12px;
  position: relative;
  width: 100%;
}

#recommended_track_result .recommended_tracks_content .bottom-tracks .track .try_free {
  font-size: 1.1rem;
  font-family: OpenSansBold;
  font-weight: normal;
  text-align: center;
  text-transform: uppercase;
  color: #777;
}

#recommended_track_result .recommended_tracks_content .bottom-tracks .track .track_name {
  margin: 22px auto 0;
  text-align: left;
  font-size: 1.4rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  line-height: 14px;
}

#recommended_track_result .recommended_tracks_content .bottom-tracks .track .premium-badge {
  position: absolute;
  height: 18px;
  right: 0px;
  padding: 0 8px;
  background: #81BA00;
  border-radius: 0 3px 0 3px;
  background-clip: padding-box;
  color: #fff;
}

#recommended_track_result .recommended_tracks_content .bottom-tracks .track .premium-badge span {
  position: relative;
  font-size: 0.9rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  line-height: 16px;
  text-transform: uppercase;
  text-align: center;
}

#recommended_track_result .browse_tracks {
  width: 100%;
  text-align: center;
  margin-top: 30px;
}

#recommended_track_result .browse_tracks a.browse-other {
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #ff7a00;
}

/*
  WCAG
*/

html[data-wcag-enabled=true] #recommended_track_result .track-descr,
html[data-wcag-enabled=true] #recommended_track_result .creator-title,
html[data-wcag-enabled=true] #recommended_track_result .creator-name,
html[data-wcag-enabled=true] #recommended_track_result .try_free,
html[data-wcag-enabled=true] #recommended_track_result .track-name,
html[data-wcag-enabled=true] #recommended_track_result .track-name span {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #recommended_track_result a,
html[data-wcag-enabled=true] #recommended_track_result h1,
html[data-wcag-enabled=true] #recommended_track_result h2,
html[data-wcag-enabled=true] #recommended_track_result h3,
html[data-wcag-enabled=true] #recommended_track_result h4 {
  color: #000000 !important;
}

#recommended_modal {
  width: 800px;
  height: 660px;
  text-align: center;
  overflow: hidden;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

#recommended_modal .options-container * {
  -webkit-transition: all 0.5s, color 0s;
  transition: all 0.5s, color 0s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}

#recommended_modal .options-container.no-animate * {
  -webkit-transition: none;
  transition: none;
}

#recommended_modal .options-container.no-animate * #back-button {
  display: none;
}

#recommended_modal .loader {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1;
}

#recommended_modal .exposed-option {
  position: absolute;
  height: 0;
  bottom: 0;
  width: 100%;
  z-index: 1;
  background-color: white;
}

#recommended_modal .exposed-option.expanded {
  height: 460px;
}

#recommended_modal .options-container > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

#recommended_modal #back-button {
  left: 25px;
  top: -115px;
  margin: 8px;
  position: absolute;
  background-color: transparent;
}

#recommended_modal button.browse-other {
  font-family: OpenSansSemiBold;
  font-size: 140%;
  color: #ff7a00;
}

#recommended_modal button.browse-other:hover {
  text-decoration: underline !important;
}

#recommended_modal #back-button svg {
  width: 25px;
  fill: white;
}

#recommended_modal .processing {
  z-index: 1;
}

#recommended_modal .options-container .collapsed {
  height: 200px !important;
  top: 0 !important;
  width: 100% !important;
  z-index: 1;
  border: none !important;
}

#recommended_modal .options-container .collapsed.self-option .icon path,
#recommended_modal .options-container .collapsed.talk-option .icon path,
#recommended_modal .options-container .collapsed.self-option rect,
#recommended_modal .options-container .collapsed.talk-option rect {
  fill: #ffffff;
}

#recommended_modal .options-container .collapsed.meet-option .icon path {
  stroke: #ffffff !important;
}

#recommended_modal .options-container .collapsed .option-content {
  background-color: #ff7a00;
  color: #ffffff;
}

#recommended_modal .options-container .collapsed .option-content .title {
  padding-bottom: 10px;
  width: 100%;
}

#recommended_modal .options-container .collapsed .option-content .icon {
  padding-bottom: 0;
  padding-top: 20px !important;
  height: auto !important;
}

#recommended_modal .options-container .collapsed .option-content button,
#recommended_modal .options-container .collapsed .option-content .description {
  height: 0 !important;
  opacity: 0 !important;
  padding: 0 !important;
  margin: 0 auto !important;
  min-height: 0px !important;
  overflow: hidden !important;
}

#recommended_modal .options-container {
  height: 100%;
  width: 100%;
  position: relative;
}

#recommended_modal .options-container .option-content:hover .description,
#recommended_modal .options-container .option-content:focus .description {
  opacity: 1;
}

#recommended_modal .options-container .option-content.square .description {
  max-width: 340px;
}

#recommended_modal .options-container .option-content.square .icon,
#recommended_modal .options-container .option-content.short .icon {
  padding-top: 40px;
}

#recommended_modal .options-container .option-content.square .title,
#recommended_modal .options-container .option-content.short .title {
  padding-top: 10px;
}

#recommended_modal .options-container .option-content.square button,
#recommended_modal .options-container .option-content.short button {
  margin: 10px 0;
}

#recommended_modal .options-container .option-content.horizontal .description {
  padding: 0 0 6px;
}

#recommended_modal .options-container .option-content.vertical.left .description {
  width: 70%;
}

#recommended_modal .options-container .option-content.short .description,
#recommended_modal .options-container .option-content.vertical .description {
  max-width: 320px;
}

#recommended_modal .options-container .option-content.vertical .icon {
  padding-top: 65px;
}

#recommended_modal .options-container .option-content.vertical .description {
  min-height: 95px;
  padding: 8px 20px;
}

#recommended_modal .options-container .option-content {
  background-color: #ffffff;
  margin: auto;
  color: #777774;
  font-family: OpenSansRegular;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#recommended_modal .options-container .option-content .icon {
  padding-top: 35px;
  padding-bottom: 10px;
}

#recommended_modal .options-container .option-content .title {
  font-size: 270%;
  width: 80%;
  -ms-flex-item-align: center;
  align-self: center;
  padding-bottom: 0px;
  font-family: OpenSansLight;
}

#recommended_modal .options-container .option-content .description {
  font-size: 160%;
  padding: 8px 20px 10px;
  opacity: 0;
  margin: 0 auto;
  line-height: 1.2;
}

#recommended_modal .options-container .option-content button.loading {
  background-color: transparent !important;
  color: transparent !important;
  pointer-events: none;
}

#recommended_modal .options-container .option-content button {
  background-color: #ff7a00;
  text-transform: uppercase;
  font-size: 140%;
  padding: 4px 34px;
  font-family: OpenSansSemiBold;
  height: 48px;
  margin: 8px 0 32px;
  -ms-flex-item-align: center;
  align-self: center;
  line-height: 1;
}

#recommended_modal .options-container .option-content button:hover,
#recommended_modal .options-container .option-content button:focus {
  background-color: #f07300;
}

#recommended_modal .self-talk-meet .self-option {
  height: 384px;
  width: 480px;
  position: absolute;
  left: 0;
  top: 0;
  border-right: 2px solid #d6d6d1;
}

#recommended_modal .self-talk-meet .talk-option {
  height: 384px;
  width: 320px;
  position: absolute;
  right: 0;
  top: 0;
}

#recommended_modal .self-talk-meet .meet-option {
  height: 276px;
  width: 800px;
  position: absolute;
  right: 0;
  top: 384px;
  border-top: 2px solid #d6d6d1;
}

#recommended_modal .self-talk .self-option {
  height: 660px;
  width: 480px;
  position: absolute;
  left: 0;
  top: 0;
  border-right: 2px solid #d6d6d1;
}

#recommended_modal .self-talk .self-option .description {
  width: 70%;
}

#recommended_modal .self-talk .talk-option {
  height: 660px;
  width: 320px;
  position: absolute;
  right: 0;
  top: 0;
}

#recommended_modal .self-talk .description {
  min-height: 80px !important;
}

#recommended_modal .talk-meet .talk-option {
  height: 660px;
  width: 480px;
  position: absolute;
  left: 0;
  top: 0;
  border-right: 2px solid #d6d6d1;
}

#recommended_modal .talk-meet .talk-option .title {
  width: 55%;
}

#recommended_modal .talk-meet .talk-option .description {
  width: 70%;
}

#recommended_modal .talk-meet .meet-option {
  height: 660px;
  width: 320px;
  position: absolute;
  right: 0;
  top: 0;
}

#recommended_modal .talk-meet .description {
  min-height: 80px;
}

#recommended_modal .meet-talk .meet-option {
  height: 660px;
  width: 480px;
  position: absolute;
  left: 0;
  top: 0;
  border-right: 2px solid #d6d6d1;
}

#recommended_modal .meet-talk .meet-option .title {
  width: 55%;
}

#recommended_modal .meet-talk .meet-option .description {
  width: 70%;
}

#recommended_modal .meet-talk .talk-option {
  height: 660px;
  width: 320px;
  position: absolute;
  right: 0;
  top: 0;
}

#recommended_modal .meet-talk .description {
  min-height: 80px;
}

#recommended_modal .talk-self .talk-option {
  height: 660px;
  width: 480px;
  position: absolute;
  left: 0;
  top: 0;
  border-right: 2px solid #d6d6d1;
}

#recommended_modal .talk-self .talk-option .title {
  width: 55%;
}

#recommended_modal .talk-self .talk-option .description {
  width: 70%;
}

#recommended_modal .talk-self .self-option {
  height: 660px;
  width: 320px;
  position: absolute;
  right: 0;
  top: 0;
}

#recommended_modal .talk-self .self-option .title {
  width: 95%;
}

#recommended_modal .talk-self .self-option .description {
  padding: 8px 10px;
}

#recommended_modal .talk-self .description {
  min-height: 60px;
}

#recommended_modal .self-meet .self-option {
  height: 660px;
  width: 480px;
  position: absolute;
  left: 0;
  top: 0;
  border-right: 2px solid #d6d6d1;
}

#recommended_modal .self-meet .meet-option {
  height: 660px;
  width: 320px;
  position: absolute;
  right: 0;
  top: 0;
}

#recommended_modal .meet-self .self-option {
  height: 660px;
  width: 320px;
  position: absolute;
  right: 0;
  top: 0;
}

#recommended_modal .meet-self .self-option .title {
  width: 90%;
}

#recommended_modal .meet-self .meet-option {
  height: 660px;
  width: 480px;
  position: absolute;
  left: 0;
  top: 0;
  border-right: 2px solid #d6d6d1;
}

#recommended_modal .meet-self .meet-option .title {
  width: 65%;
}

#recommended_modal .talk_block .first-text-note {
  font-size: 160%;
  font-family: OpenSansRegular;
  margin-top: 60px;
}

#recommended_modal .talk_block .second-text-note {
  font-size: 160%;
  font-family: OpenSansRegular;
  width: 60%;
  margin: auto;
  padding-top: 10px;
}

#recommended_modal .talk_block #chat-talkspace-logo {
  width: 100px;
  display: block;
  margin: 40px auto;
}

#recommended_modal .talk_block .talk-specialist-cancel {
  color: #777;
  font-size: 120%;
  text-decoration: underline !important;
  margin: 40px auto 0 !important;
  display: block;
  font-family: OpenSansRegular !important;
}

#recommended_modal .meet_block .talk-specialist-cancel {
  color: #777;
  font-size: 120%;
  text-decoration: underline !important;
  margin: 20px auto !important;
  display: block;
  font-family: OpenSansRegular !important;
}

#recommended_modal .option-title {
  font-size: 160%;
  margin: 50px 72px 10px;
  text-align: left;
  font-family: OpenSansRegular;
}

#recommended_modal #find-therapist,
#recommended_modal #chat-specialist {
  font-size: 140%;
  text-transform: uppercase;
  padding: 10px 50px;
  border-radius: 2px;
  height: auto;
  font-family: OpenSansBold;
  margin-top: 20px;
}

#recommended_modal .selector-container > * {
  width: 320px;
  height: 56px;
  margin: 14px 6px;
}

#recommended_modal .selector-container {
  display: inline-block;
  vertical-align: top;
}

#recommended_modal .selector-container ul li:hover {
  background-color: silver;
  cursor: pointer;
}

#recommended_modal .listbox {
  width: 320px;
  border-radius: 4px;
  border: solid 1px #d7d7d2;
  color: #777;
  background-color: white;
  font-family: OpenSansRegular;
  text-align: left;
  font-size: 160%;
  margin-top: 4px;
  position: absolute;
  z-index: 1;
  max-height: 210px;
  overflow-y: auto;
}

#recommended_modal .listbox .select_item {
  padding: 4px 8px;
}

#recommended_modal .listbox .focused,
#recommended_modal .listbox :focus {
  background-color: #d7d7d2;
}

#recommended_modal .listbox-button,
#recommended_modal #city-zip {
  width: 320px;
  border-radius: 4px;
  border: solid 1px #d7d7d2;
  color: #777;
  background-color: white;
  font-family: OpenSansRegular;
  text-align: left;
  height: 56px;
  padding: 0 10px;
  font-size: 160%;
  position: relative;
  line-height: 1;
}

#recommended_modal .listbox-button .triangle,
#recommended_modal #city-zip .triangle {
  border-color: #777 transparent transparent;
  position: absolute;
  top: 24px;
  right: 21px;
  border-style: solid;
  border-width: 10px;
}

#recommended_modal .listbox-button span.select,
#recommended_modal #city-zip span.select {
  text-overflow: ellipsis;
  width: 230px;
  overflow: hidden;
  white-space: nowrap;
  height: 22px;
  display: block;
}

#recommended_modal .listbox-button .dropdown-box,
#recommended_modal #city-zip .dropdown-box {
  position: absolute;
  background-color: #d7d7d2;
  width: 65px;
  height: 55px;
  right: 0;
  top: 0;
}

#recommended_modal .meet-option .icon svg,
#recommended_modal .talk-option .icon svg,
#recommended_modal .self-option .icon path,
#recommended_modal .self-option .icon rect {
  fill: #ff7a00;
  height: 40px;
}

#recommended_modal #find-therapist {
  margin-top: 70px;
}

/*
  WCAG
*/

html[data-wcag-enabled=true] #recommended_modal .exposed-option #back-button svg {
  fill: black !important;
}

html[data-wcag-enabled=true] #recommended_modal .options-container .option-content {
  color: #000000;
}

html[data-wcag-enabled=true] #recommended_modal .options-container .option-content path,
html[data-wcag-enabled=true] #recommended_modal .options-container .option-content rect {
  fill: black !important;
}

html[data-wcag-enabled=true] #recommended_modal .options-container .option-content .description {
  opacity: 1;
}

html[data-wcag-enabled=true] #recommended_modal .options-container .meet-option .option-content path {
  stroke: black !important;
  fill: none !important;
}

#recommended_self {
  text-align: center;
}

#recommended_self .recommended_tracks_content h2 {
  font-size: 180%;
  font-family: OpenSansRegular;
  color: #777;
  text-align: center;
  padding-top: 10px;
}

#recommended_self .recommended_tracks_content .small-text {
  font-size: 120%;
  font-family: OpenSansRegular;
  margin-top: 20px;
  color: #777;
  text-align: center;
}

#recommended_self .recommended_tracks_content .recommended-track {
  width: 640px;
  height: 170px;
  margin: 10px auto 0 auto;
  overflow: hidden;
  position: relative;
}

#recommended_self .recommended_tracks_content .recommended-track .creator-section {
  display: block;
  position: absolute;
  width: 312px;
  height: 64px;
  left: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 0 0 0 3px;
  background-clip: padding-box;
  text-align: left;
  overflow: hidden;
  z-index: 99;
}

#recommended_self .recommended_tracks_content .recommended-track .creator-section > p {
  margin: 0;
}

#recommended_self .recommended_tracks_content .recommended-track .creator-section .creator-avatar {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background-clip: padding-box;
  margin: 10px 18px;
}

#recommended_self .recommended_tracks_content .recommended-track .creator-section .creator-name {
  display: inline-block;
  position: absolute;
  width: auto;
  max-width: 240px;
  height: 16px;
  left: 60px;
  top: 8px;
  font-size: 90%;
  font-family: OpenSansItalic;
  font-weight: normal;
  color: #777;
  overflow: hidden;
}

#recommended_self .recommended_tracks_content .recommended-track .creator-section .creator-name > span {
  font-size: 90%;
  font-family: OpenSansBold;
}

#recommended_self .recommended_tracks_content .recommended-track .creator-section .creator-title {
  display: inline-block;
  position: absolute;
  max-width: 240px;
  max-height: 50px;
  left: 60px;
  top: 23px;
  font-size: 80%;
  font-family: OpenSansSemiBold;
  padding: 0 5px 0 0;
  color: #777;
  overflow: hidden;
  line-height: 1.2;
}

#recommended_self .recommended_tracks_content .recommended-track a:hover {
  text-decoration: none;
}

#recommended_self .recommended_tracks_content .recommended-track .img-container {
  display: inline-block;
  position: relative;
  width: 312px;
  height: 189px;
  float: left;
  z-index: 9;
}

#recommended_self .recommended_tracks_content .recommended-track .img-container.premium {
  border-right: 4px solid #81BA00;
}

#recommended_self .recommended_tracks_content .recommended-track .img-container .track-image {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 5px 0 0 5px;
  background-clip: padding-box;
}

#recommended_self .recommended_tracks_content .recommended-track .img-container .premium-badge {
  position: absolute;
  width: 80px;
  height: 24px;
  right: -4px;
  border-radius: 0 0 0 5px;
  background-clip: padding-box;
  background-color: #81BA00;
  color: #fff;
}

#recommended_self .recommended_tracks_content .recommended-track .img-container .premium-badge span {
  font-size: 1.2rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  text-align: center;
  text-transform: uppercase;
  line-height: 24px;
}

#recommended_self .recommended_tracks_content .recommended-track .img-container.premium .creator-section {
  width: 308px;
}

#recommended_self .recommended_tracks_content .recommended-track .section {
  display: inline-block;
  vertical-align: top;
  width: 320px;
  position: relative;
}

#recommended_self .recommended_tracks_content .recommended-track .section p {
  margin: 0;
}

#recommended_self .recommended_tracks_content .recommended-track .section .track-name {
  display: inline-block;
  position: relative;
  margin: 15px auto 0;
  text-align: center;
}

#recommended_self .recommended_tracks_content .recommended-track .section .track-name span {
  font-size: 140%;
  font-family: OpenSansSemiBold;
  color: #ff7a00;
}

#recommended_self .recommended_tracks_content .recommended-track .section .track-descr {
  display: inline-block;
  position: relative;
  height: auto;
  max-height: 55px;
  font-size: 90%;
  color: #777;
  overflow: hidden;
  font-family: OpenSansSemiBold;
  padding: 6px;
}

#recommended_self .recommended_tracks_content .recommended-track .section a.button {
  width: 225px;
  text-transform: uppercase;
  font-family: OpenSansBold;
  font-size: 120%;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-top: 10px;
}

#recommended_self .recommended_tracks_content .recommended-track .section a.button .flag_shadowed {
  position: absolute;
  left: 204px;
  top: 8px;
}

#recommended_self .recommended_tracks_content .recommended-track .section .flag-star {
  position: absolute;
  left: -4px;
  top: -3px;
}

#recommended_self .recommended_tracks_content .other-header {
  margin: 30px 0 10px;
  font-size: 180%;
  font-family: OpenSansRegular;
}

#recommended_self .recommended_tracks_content .bottom-tracks {
  height: 110px;
}

#recommended_self .recommended_tracks_content .bottom-tracks .track {
  border: 1px solid #d7d7d2;
  border-radius: 4px;
  width: 310px;
  height: 100px;
  overflow: hidden;
  display: inline-block;
  margin: 0 10px;
}

#recommended_self .recommended_tracks_content .bottom-tracks .track > a {
  display: block;
  height: 90px;
  margin: 5px 5px 5px 160px;
}

#recommended_self .recommended_tracks_content .bottom-tracks .track a:hover {
  text-decoration: none;
}

#recommended_self .recommended_tracks_content .bottom-tracks .track .data-cell {
  display: inline-block;
  vertical-align: top;
  position: relative;
}

#recommended_self .recommended_tracks_content .bottom-tracks .track .data-cell:nth-child(1) {
  width: 154px;
  float: left;
  margin-top: -5px;
  margin-left: -160px;
}

#recommended_self .recommended_tracks_content .bottom-tracks .track .data-cell .track-image {
  width: 170px;
  height: 100px;
  border-radius: 5px 0 0 5px;
  background-clip: padding-box;
  z-index: 10;
}

#recommended_self .recommended_tracks_content .bottom-tracks .track .data-cell .try_free {
  width: 100%;
  font-size: 1.1rem;
  font-family: OpenSansBold;
  font-weight: normal;
  text-align: center;
  text-transform: uppercase;
  color: #777;
  padding: 8px;
}

#recommended_self .recommended_tracks_content .bottom-tracks .track .data-cell .track_name {
  margin: 22px auto 0;
  font-family: OpenSansBold;
}

#recommended_self .recommended_tracks_content .bottom-tracks .track .data-cell .flag-star {
  position: absolute;
  left: -4px;
  top: -3px;
}

#recommended_self .recommended_tracks_content .bottom-tracks .track .data-cell .premium-badge {
  position: absolute;
  width: 55px;
  height: 18px;
  right: -6px;
  top: -6px;
  background: #81BA00;
  border-radius: 0 3px 0 3px;
  background-clip: padding-box;
  color: #fff;
}

#recommended_self .recommended_tracks_content .bottom-tracks .track .data-cell .premium-badge span {
  position: relative;
  font-size: 0.9rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  line-height: 16px;
  text-transform: uppercase;
  text-align: center;
}

#recommended_self .recommended_tracks_content .bottom-tracks.empty {
  height: auto;
}

#recommended_self .recommended_tracks_content.featured h2 {
  font-size: 2.7rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  margin-bottom: 10px;
}

#recommended_self .recommended_tracks_content.featured .other-header {
  text-align: center;
  margin: 20px 0;
  line-height: 18px;
  color: #5f5f5f;
}

#recommended_self .recommended_tracks_content.featured .other-header h3 {
  font-size: 2.2rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  margin: 0;
}

#recommended_self .recommended_tracks_content.featured .other-header span {
  font-size: 1.6rem;
  font-family: OpenSansLight;
  font-weight: normal;
  line-height: 14px;
  display: inline-block;
  margin-top: 15px;
}

#recommended_self .browse_tracks {
  width: 100%;
  text-align: center;
}

#recommended_self .browse_tracks a.browse-other {
  font-family: OpenSansSemiBold;
  font-size: 140%;
  color: #ff7a00;
}

html[lang=es] #recommended_self .recommended_tracks_content .bottom-tracks .track .data-cell .try_free {
  top: 66px;
}

html[lang=es] #recommended_self .recommended_tracks_content .recommended-track .img-container .creator-section p.creator-title {
  font-size: 0.8rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

html[lang=es] #recommended_self .recommended_tracks_content .recommended-track .section .track-descr {
  font-size: 1rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
}

html[lang=fr] #recommended_self .recommended_tracks_content .recommended-track .section a.button {
  font-size: 13px;
}

html[lang=fr] #recommended_self .recommended_tracks_content .bottom-tracks .track .data-cell .try_free {
  top: 60px;
}

html[lang=pt] #recommended_self .recommended_tracks_content .recommended-track .section a.button {
  font-size: 16px;
}

html[lang=pt] #recommended_self .recommended_tracks_content .bottom-tracks .track .data-cell .try_free {
  top: 60px;
}

html[lang=de] #recommended_self .recommended_tracks_content .recommended-track .section a.button {
  font-size: 16px;
}

html[lang=de] #recommended_self .recommended_tracks_content .recommended-track .img-container .creator-section .creator-title {
  line-height: 13px;
  font-size: 11px;
}

/*
  WCAG
*/

html[data-wcag-enabled=true] #recommended_self .track-descr,
html[data-wcag-enabled=true] #recommended_self .creator-title,
html[data-wcag-enabled=true] #recommended_self .creator-name,
html[data-wcag-enabled=true] #recommended_self .try_free,
html[data-wcag-enabled=true] #recommended_self .track-name,
html[data-wcag-enabled=true] #recommended_self .track-name span {
  color: #000000 !important;
}

html[data-wcag-enabled=true] #recommended_self a,
html[data-wcag-enabled=true] #recommended_self h1,
html[data-wcag-enabled=true] #recommended_self h2,
html[data-wcag-enabled=true] #recommended_self h3,
html[data-wcag-enabled=true] #recommended_self h4 {
  color: #000000 !important;
}

#customize_profile {
  max-width: 800px;
  padding: 25px;
}

#customize_profile .customize_profile .logo {
  margin-left: 20px;
}

#customize_profile .customize_profile section {
  margin: 20px 0;
}

#customize_profile .customize_profile section::after {
  display: block;
  clear: both;
  content: "";
}

#customize_profile .customize_profile section::after {
  display: block;
  clear: both;
  content: "";
}

#customize_profile .customize_profile section::after {
  display: block;
  clear: both;
  content: "";
}

#customize_profile .customize_profile section::after {
  display: block;
  clear: both;
  content: "";
}

#customize_profile .customize_profile .privacy_section {
  margin-top: 21px;
}

#customize_profile .customize_profile .privacy_section #privacy_section {
  text-align: center;
}

#customize_profile .customize_profile .privacy_section #privacy_section .title {
  font-size: 2.8rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  color: #00aaea;
  margin: 0;
}

#customize_profile .customize_profile .privacy_section #privacy_section .reminder {
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin: 10px auto 60px;
}

@media (max-width: 767.98px) {
  #customize_profile .customize_profile .privacy_section #privacy_section .reminder {
    margin: 10px auto 20px;
  }
}

#customize_profile .customize_profile .privacy_section .options_wrap {
  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;
  margin-bottom: 40px;
}

@media (max-width: 767.98px) {
  #customize_profile .customize_profile .privacy_section .options_wrap {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

#customize_profile .customize_profile .privacy_section .option {
  max-width: 300px;
  min-width: 240px;
  margin: 0 20px;
}

@media (max-width: 767.98px) {
  #customize_profile .customize_profile .privacy_section .option {
    margin: 10px 20px;
  }
}

#customize_profile .customize_profile .privacy_section .option_wrap_input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#customize_profile .customize_profile .privacy_section .option_wrap_input .check {
  margin-right: 10px;
}

#customize_profile .customize_profile .privacy_section .option_wrap_input .text {
  font-size: 2rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  line-height: 21px;
}

#customize_profile .customize_profile .privacy_section .option_wrap_description p {
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin: 5px 0 0 25px;
}

#customize_profile .customize_profile .privacy_section .option a {
  color: #777;
  display: inline-block;
}

#customize_profile .customize_profile .button-section {
  text-align: center;
  margin: 85px 0 45px;
}

@media (max-width: 767.98px) {
  #customize_profile .customize_profile .button-section {
    margin: 30px 0 20px;
  }
}

#customize_profile .customize_profile .button-section .button {
  font-size: 1.8rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  line-height: 50px;
  width: 180px;
  height: 50px;
  text-transform: uppercase;
}

#customize_profile .customize_profile .button-section .button.inactive {
  background-color: #b6b6b6;
  -webkit-box-shadow: 0 2px 0 #767676;
  box-shadow: 0 2px 0 #767676;
}

#customize_profile .customize_profile .link {
  width: 100%;
  text-align: right;
}

#customize_profile .customize_profile .link a {
  font-size: 1.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #777;
}

#private_mode_modal {
  width: 750px;
  padding: 25px 50px;
}

#private_mode_modal .logo {
  margin-left: 15px;
}

#private_mode_modal ul {
  margin: 20px 0 45px 15px;
  list-style-type: disc;
  color: #00aaea;
  font-size: 2.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
}

#private_mode_modal ul li {
  font-size: 1.6rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  margin: 15px 0 0 20px;
  color: #777;
}

#private_mode_modal ul li:first-child {
  margin-top: 25px;
}

#private_mode_modal .scientific {
  padding: 20px 0 20px 50px;
  position: relative;
  background: rgba(200, 200, 200, 0.25);
  border-radius: 10px;
  background-clip: padding-box;
}

#private_mode_modal .scientific .science {
  position: absolute;
  left: 20px;
  top: 23px;
}

#private_mode_modal .scientific .header {
  display: inline-block;
  width: 200px;
  color: #00aaea;
  font-size: 1.8rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
}

#private_mode_modal .scientific p {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin: 5px 0 0 0;
}

#private_mode_modal .scientific p a {
  font-size: 1.4rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  letter-spacing: 0.7px;
}

#private_mode_modal .nav-section {
  position: relative;
  margin-top: 25px;
  text-align: center;
}

#private_mode_modal .nav-section a {
  position: absolute;
  top: 20px;
  left: 0;
  color: #777;
  font-size: 1.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
}

#private_mode_modal .nav-section .button {
  font-size: 1.8rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  width: 200px;
}

#invites_granted_modal {
  background-color: #F0FFFE;
  width: 400px;
  text-align: center;
}

#invites_granted_modal .modal_inner {
  width: 100%;
  min-height: 350px;
}

#invites_granted_modal .modal_inner .top_section {
  padding-top: 60px;
}

#invites_granted_modal .modal_inner .top_section .img_delivered {
  width: 90px;
  height: 90px;
  margin: 0 auto;
  position: relative;
  top: 30px;
  background-position: -988px -100px;
}

#invites_granted_modal .modal_inner .top_section span {
  color: #00aaea;
  font-size: 2.4rem;
  font-family: OpenSansBold;
  font-weight: normal;
  display: block;
  position: relative;
  top: 48px;
  margin: 15px 0;
}

#invites_granted_modal .modal_inner .middle_section {
  background-color: #fff;
}

#invites_granted_modal .modal_inner .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: 9999;
  line-height: 50px;
}

#invites_granted_modal .modal_inner .middle_section .ribbon-congrats h1 {
  font-size: 1.8rem;
  font-family: OpenSansBold;
  font-weight: normal;
  text-shadow: 1px 1px #ffffff;
  color: #372f2b;
  text-transform: uppercase;
  letter-spacing: -1px;
}

#invites_granted_modal .modal_inner .bottom_section {
  background-color: #fff;
  height: 195px;
}

#invites_granted_modal .modal_inner .bottom_section .nav_container {
  position: relative;
  top: 140px;
  width: 100%;
}

#invites_granted_modal .modal_inner .bottom_section .nav_container .btn_invites {
  width: 100px;
  margin: 0 auto;
}

.old-default-signup-modal {
  max-width: 800px;
}

#get_for_phone_modal,
.old-default-signup-modal {
  padding: 30px;
}

#get_for_phone_modal .smart-select,
.old-default-signup-modal .smart-select {
  position: relative;
}

#get_for_phone_modal .smart-select .dropdown,
.old-default-signup-modal .smart-select .dropdown {
  position: absolute;
  left: 0;
  top: 42px;
  width: 100%;
  max-height: 200px;
  font: 15px/30px 'OpenSansRegular';
  list-style: none;
  background: #fff;
  overflow-y: auto;
  z-index: 1;
}

#get_for_phone_modal .smart-select li,
.old-default-signup-modal .smart-select li {
  border-left: 1px solid #d7d7d2;
  border-right: 1px solid #d7d7d2;
  padding: 5px;
}

#get_for_phone_modal .smart-select li:first-of-type,
.old-default-signup-modal .smart-select li:first-of-type {
  border-top: 1px solid #d7d7d2;
  border-radius: 3px 3px 0;
}

#get_for_phone_modal .smart-select li:last-of-type,
.old-default-signup-modal .smart-select li:last-of-type {
  border-bottom: 1px solid #d7d7d2;
  border-radius: 0 0 3px 3px;
}

#get_for_phone_modal .smart-select li.focused,
.old-default-signup-modal .smart-select li.focused,
#get_for_phone_modal .smart-select li:hover,
.old-default-signup-modal .smart-select li:hover {
  background: #FAFAFA;
  cursor: pointer;
}

#get_for_phone_modal .signup,
.old-default-signup-modal .signup {
  padding: 0 40px;
  margin-top: 20px;
  margin-bottom: 10px;
}

#get_for_phone_modal .signup img.logo,
.old-default-signup-modal .signup img.logo {
  width: 522px;
  margin: 0 auto 20px auto;
  display: block;
}

#get_for_phone_modal .title,
.old-default-signup-modal .title {
  font-size: 2.8rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
}

#get_for_phone_modal .title.center,
.old-default-signup-modal .title.center {
  text-align: center;
}

#get_for_phone_modal .subtitle,
.old-default-signup-modal .subtitle {
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#get_for_phone_modal .subtitle.center,
.old-default-signup-modal .subtitle.center {
  text-align: center;
}

#get_for_phone_modal .apple-signup,
.old-default-signup-modal .apple-signup {
  position: relative;
  text-align: center;
}

#get_for_phone_modal .apple-signup a.btn-apple,
.old-default-signup-modal .apple-signup a.btn-apple {
  font-size: 13px;
  font-family: OpenSansSemibold;
  text-decoration: none;
  border-radius: 5px 5px 5px 5px;
  background: none repeat scroll 0 0 black;
  margin: 10px 0;
  text-align: center;
  line-height: 46px;
  display: inline-block;
  color: #fff;
  max-width: 256px;
  width: 100%;
}

#get_for_phone_modal .apple-signup a.btn-apple .icon_apple,
.old-default-signup-modal .apple-signup a.btn-apple .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;
  margin-right: 4px;
  position: relative;
  right: -19px;
}

#get_for_phone_modal .fb-signup,
.old-default-signup-modal .fb-signup {
  position: relative;
  text-align: center;
}

#get_for_phone_modal .fb-signup a.fb-register,
.old-default-signup-modal .fb-signup a.fb-register {
  font-size: 13px;
  font-family: OpenSansSemibold;
  text-decoration: none;
  border-radius: 5px 5px 5px 5px;
  background: none repeat scroll 0 0 #0054a6;
  border-bottom: 2px solid #002040;
  margin: 10px 0;
  text-align: center;
  line-height: 44px;
  display: inline-block;
  color: #fff;
  max-width: 256px;
  width: 100%;
}

#get_for_phone_modal .fb-signup a.fb-register:hover,
.old-default-signup-modal .fb-signup a.fb-register:hover {
  background: #003a73;
}

#get_for_phone_modal .fb-signup a.fb-register .icon_fb,
.old-default-signup-modal .fb-signup a.fb-register .icon_fb {
  position: relative;
  height: 30px;
  width: 20px;
  top: 12px;
  left: 20px;
  float: left;
  background: url("/static/img/public_site/icon-facebook.png") no-repeat scroll 0 0 transparent;
}

#get_for_phone_modal .fb-signup span,
.old-default-signup-modal .fb-signup span {
  color: #afafaf;
  text-align: left;
  position: absolute;
  top: 3px;
  right: 60px;
  width: 155px;
  font-size: 10px;
  line-height: 14px;
}

#get_for_phone_modal .fb-signup .fb-error-container,
.old-default-signup-modal .fb-signup .fb-error-container {
  text-align: center;
  position: relative;
  font-size: 1.2rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  left: 0;
  color: #ff3131;
  line-height: 16px;
  max-width: 400px;
  margin: 3px auto 0;
}

#get_for_phone_modal .fb-signup .fb-error-container a,
.old-default-signup-modal .fb-signup .fb-error-container a {
  color: #ff3131;
  text-decoration: underline;
}

#get_for_phone_modal .seperator,
.old-default-signup-modal .seperator {
  position: relative;
  text-align: center;
  margin: 30px auto;
  line-height: 1px;
  background: #ccc;
  max-width: 280px;
  height: 1px;
  font-size: 1.6rem;
  font-family: proxima-nova;
  font-weight: normal;
}

#get_for_phone_modal .seperator span,
.old-default-signup-modal .seperator span {
  background: #fff;
  padding: 0 10px;
}

#get_for_phone_modal .seperator:before,
.old-default-signup-modal .seperator:before,
#get_for_phone_modal .seperator:after,
.old-default-signup-modal .seperator:after {
  content: "";
  background-color: #ccc;
  border-radius: 50%;
  width: 4px;
  height: 4px;
  position: absolute;
  top: 50%;
  margin-top: -2px;
}

#get_for_phone_modal .seperator:before,
.old-default-signup-modal .seperator:before {
  left: -2px;
}

#get_for_phone_modal .seperator:after,
.old-default-signup-modal .seperator:after {
  right: -2px;
}

#get_for_phone_modal form,
.old-default-signup-modal form {
  margin: 0 auto;
  max-width: 300px;
}

#get_for_phone_modal form label:not(.terms_box-label),
.old-default-signup-modal form label:not(.terms_box-label) {
  font-size: 1.7rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  text-align: center;
  margin-bottom: 10px;
}

#get_for_phone_modal form [type="text"],
.old-default-signup-modal form [type="text"],
#get_for_phone_modal form [type="email"],
.old-default-signup-modal form [type="email"],
#get_for_phone_modal form [type="password"],
.old-default-signup-modal form [type="password"],
#get_for_phone_modal form [type="tel"],
.old-default-signup-modal form [type="tel"] {
  width: 100%;
  margin-bottom: 25px;
  line-height: 26px;
  padding: 4px 8px;
  font-size: 1.8rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
}

#get_for_phone_modal form [type="text"]:focus::-webkit-input-placeholder,
.old-default-signup-modal form [type="text"]:focus::-webkit-input-placeholder,
#get_for_phone_modal form [type="email"]:focus::-webkit-input-placeholder,
.old-default-signup-modal form [type="email"]:focus::-webkit-input-placeholder,
#get_for_phone_modal form [type="password"]:focus::-webkit-input-placeholder,
.old-default-signup-modal form [type="password"]:focus::-webkit-input-placeholder,
#get_for_phone_modal form [type="tel"]:focus::-webkit-input-placeholder,
.old-default-signup-modal form [type="tel"]:focus::-webkit-input-placeholder {
  color: transparent;
}

#get_for_phone_modal form [type="text"]:focus::-moz-placeholder,
.old-default-signup-modal form [type="text"]:focus::-moz-placeholder,
#get_for_phone_modal form [type="email"]:focus::-moz-placeholder,
.old-default-signup-modal form [type="email"]:focus::-moz-placeholder,
#get_for_phone_modal form [type="password"]:focus::-moz-placeholder,
.old-default-signup-modal form [type="password"]:focus::-moz-placeholder,
#get_for_phone_modal form [type="tel"]:focus::-moz-placeholder,
.old-default-signup-modal form [type="tel"]:focus::-moz-placeholder {
  color: transparent;
}

#get_for_phone_modal form [type="text"]:focus:-ms-input-placeholder,
.old-default-signup-modal form [type="text"]:focus:-ms-input-placeholder,
#get_for_phone_modal form [type="email"]:focus:-ms-input-placeholder,
.old-default-signup-modal form [type="email"]:focus:-ms-input-placeholder,
#get_for_phone_modal form [type="password"]:focus:-ms-input-placeholder,
.old-default-signup-modal form [type="password"]:focus:-ms-input-placeholder,
#get_for_phone_modal form [type="tel"]:focus:-ms-input-placeholder,
.old-default-signup-modal form [type="tel"]:focus:-ms-input-placeholder {
  color: transparent;
}

#get_for_phone_modal form [type="text"]:focus::-ms-input-placeholder,
.old-default-signup-modal form [type="text"]:focus::-ms-input-placeholder,
#get_for_phone_modal form [type="email"]:focus::-ms-input-placeholder,
.old-default-signup-modal form [type="email"]:focus::-ms-input-placeholder,
#get_for_phone_modal form [type="password"]:focus::-ms-input-placeholder,
.old-default-signup-modal form [type="password"]:focus::-ms-input-placeholder,
#get_for_phone_modal form [type="tel"]:focus::-ms-input-placeholder,
.old-default-signup-modal form [type="tel"]:focus::-ms-input-placeholder {
  color: transparent;
}

#get_for_phone_modal form [type="text"]:focus::placeholder,
.old-default-signup-modal form [type="text"]:focus::placeholder,
#get_for_phone_modal form [type="email"]:focus::placeholder,
.old-default-signup-modal form [type="email"]:focus::placeholder,
#get_for_phone_modal form [type="password"]:focus::placeholder,
.old-default-signup-modal form [type="password"]:focus::placeholder,
#get_for_phone_modal form [type="tel"]:focus::placeholder,
.old-default-signup-modal form [type="tel"]:focus::placeholder {
  color: transparent;
}

#get_for_phone_modal form input.dotted,
.old-default-signup-modal form input.dotted {
  font-size: 1.8rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#get_for_phone_modal form .button.orange,
.old-default-signup-modal form .button.orange {
  line-height: 51px;
  height: 48px;
  padding: 0 55px;
  font-size: 2rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
}

#get_for_phone_modal form .button.orange.uppercase,
.old-default-signup-modal form .button.orange.uppercase {
  font-size: 1.8rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  text-align: center;
  text-transform: uppercase;
}

#get_for_phone_modal form .button.orange.disabled,
.old-default-signup-modal form .button.orange.disabled {
  background-color: #b6b6b6;
  -webkit-box-shadow: 0 2px 0 #767676;
  box-shadow: 0 2px 0 #767676;
  pointer-events: none;
}

#get_for_phone_modal form ::-webkit-input-placeholder,
.old-default-signup-modal form ::-webkit-input-placeholder {
  color: #d7d7d2;
  font-weight: normal;
}

#get_for_phone_modal form :-moz-placeholder,
.old-default-signup-modal form :-moz-placeholder {
  color: #d7d7d2;
  font-weight: normal;
  opacity: 1;
}

#get_for_phone_modal form ::-moz-placeholder,
.old-default-signup-modal form ::-moz-placeholder {
  color: #d7d7d2;
  font-weight: normal;
  opacity: 1;
}

#get_for_phone_modal form :-ms-input-placeholder,
.old-default-signup-modal form :-ms-input-placeholder {
  color: #d7d7d2;
  font-weight: normal;
}

#get_for_phone_modal form div,
.old-default-signup-modal form div {
  position: relative;
}

#get_for_phone_modal form div .error-container,
.old-default-signup-modal form div .error-container {
  text-align: center;
  position: relative;
  margin-top: -16px;
  font-size: 1.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  bottom: 5px;
  left: 0;
  color: #ff3131;
  line-height: 12px;
  width: 100%;
}

#get_for_phone_modal form div .error-container.long,
.old-default-signup-modal form div .error-container.long {
  width: 103%;
}

#get_for_phone_modal form div .error-container a,
.old-default-signup-modal form div .error-container a {
  color: #ff3131;
  text-decoration: underline;
}

#get_for_phone_modal form > div:last-child,
.old-default-signup-modal form > div:last-child {
  text-align: center;
  margin-top: 20px;
}

#get_for_phone_modal .featured_in,
.old-default-signup-modal .featured_in {
  text-align: center;
  position: relative;
  bottom: -15px;
}

#get_for_phone_modal .button-close.close,
.old-default-signup-modal .button-close.close {
  width: 33px;
  height: 33px;
  background: url('/static/img/strengths/button_close.png');
  cursor: pointer;
  display: block;
  text-transform: uppercase;
  text-decoration: none;
  z-index: 2000;
}

#get_for_phone_modal {
  max-width: 860px;
  height: auto;
  padding: 50px;
  text-align: center;
}

#get_for_phone_modal .phone_input {
  min-width: 300px;
}

#get_for_phone_modal .phone_logo {
  min-width: 200px;
}

#get_for_phone_modal .title.text-AS {
  font-size: 3.8rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin-bottom: 20px;
}

#get_for_phone_modal .container-old {
  margin: 40px 0 60px;
}

#get_for_phone_modal .container-old .phone_logo {
  max-width: 173px;
}

#get_for_phone_modal .container-old .col-6 {
  min-width: 150px;
}

#get_for_phone_modal form {
  margin: 0 0px 30px 0;
  display: inline-block;
  min-width: 150px;
  text-align: left;
  vertical-align: top;
}

#get_for_phone_modal form div .error-container {
  margin-top: 10px;
}

#get_for_phone_modal form [type="text"],
#get_for_phone_modal form [type="email"],
#get_for_phone_modal form [type="password"],
#get_for_phone_modal form [type="tel"] {
  margin-bottom: auto;
  line-height: 40px;
  height: 50px;
}

#get_for_phone_modal form > div {
  margin-bottom: 40px;
}

#get_for_phone_modal form h2 {
  margin-top: 70px;
  font-size: 2rem;
  font-family: OpenSansBold;
  font-weight: normal;
  color: #777;
}

#get_for_phone_modal form .title {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin-bottom: 10px !important;
  display: inline-block;
}

#get_for_phone_modal form .button.orange {
  width: 160px;
  height: 58px;
  font-size: 18px;
  line-height: 58px;
  text-align: center;
}

#get_for_phone_modal form .skip {
  color: #777;
  text-decoration: underline !important;
  font-size: 1.3rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin-left: 0;
  line-height: 58px;
  height: 58px;
  float: right;
}

#get_for_phone_modal form .sub-input-message {
  font-size: 0.9rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin-top: 4px;
}

#get_for_phone_modal form .button {
  padding: 0 65px;
  width: auto !important;
}

#get_for_phone_modal form .skip {
  font-size: 1.5rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin-left: 35px;
}

#get_for_phone_modal .disclaimer {
  text-align: center;
}

#get_for_phone_modal .disclaimer p {
  font-size: 0.9rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

html[data-wcag-enabled=true] #get_for_phone_modal form h2,
html[data-wcag-enabled=true] #get_for_phone_modal h1 {
  color: black;
}

.old-default-signup-modal form div .error-container {
  min-height: 16px;
}

@media only screen and (max-width: 356px) {
  #get_for_phone_modal,
  .old-default-signup-modal {
    padding: 10px;
  }

  .old-default-signup-modal {
    padding-bottom: 20px;
  }
}

@media only screen and (max-width: 450px) {
  .old-default-signup-modal .signup {
    padding: 0 10px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
}

#overlay800,
#signup_modal,
#prescription_code_modal,
#hamobu_modal,
#clario_disclosure_modal,
#login_modal,
#terms_modal,
#finish_signup_modal,
#choose_region_modal,
#partner_signup_modal,
#partner_email_modal,
#google_confirm_access_modal,
#microsoft_confirm_access_modal,
#partner_enter_id_modal,
#partner_additional_info_modal,
#confirm_employee_access_modal,
#partner_company_modal {
  max-width: 800px;
}

#google_confirm_access_modal .ModalForm_hintWrap {
  padding-right: 15px;
}

#hamobu_modal .ModalForm_group.w300px {
  width: 100%;
  max-width: 300px;
  margin: 0 auto !important;
}

#prescription_code_modal .ModalContent_subtitle {
  padding-left: 170px;
  padding-right: 170px;
}

#login_modal .ModalContent_subtitle,
#terms_modal .ModalContent_subtitle {
  padding-left: 45px;
  padding-right: 45px;
}

html[lang=pt] #signup_modal .fb-signup a.fb-register {
  font-size: 9px;
}

html[lang=fr] #get_for_phone_modal form .button.orange {
  padding: 0 20px;
  font-size: 16px;
}

html[lang=fr] #get_for_phone_modal form .skip {
  margin-left: 20px;
}

html[lang=de] #get_for_phone_modal form .skip {
  margin-left: 25px;
}

html[lang=pt] #get_for_phone_modal form .button.orange,
html[lang=de] #get_for_phone_modal form .button.orange,
html[lang=es] #get_for_phone_modal form .button.orange {
  padding: 0 30px;
}

html[lang="ja"] #signup_modal .signup .error-container {
  text-align: left;
}

#video_player_modal .video-content {
  width: 854px;
  height: 516px;
  background: #000;
  overflow: hidden;
}

#video_player_modal .video-content iframe {
  width: 854px;
  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: 768px) and (max-width: 1023px) {
  #video_player_modal .video-content {
    width: 750px;
    height: 418px;
  }

  #video_player_modal .video-content iframe {
    width: 750px;
    height: 418px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  #video_player_modal .video-content {
    width: 300px;
    height: 167px;
  }

  #video_player_modal .video-content iframe {
    width: 328px;
    height: 198px;
  }

  #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;
  }
}

#mode_selection {
  width: 800px;
  padding: 25px;
}

#mode_selection h1 {
  color: #777;
  font-size: 2.4rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  text-align: center;
  margin: 15px 0 30px;
}

#mode_selection section::after {
  display: block;
  clear: both;
  content: "";
}

#mode_selection section::after {
  display: block;
  clear: both;
  content: "";
}

#mode_selection section::after {
  display: block;
  clear: both;
  content: "";
}

#mode_selection section::after {
  display: block;
  clear: both;
  content: "";
}

#mode_selection section .option {
  font-size: 1.8rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  float: left;
}

#mode_selection section .option .check {
  float: left;
  margin: 3px 10px 0 0;
}

#mode_selection section .option .description {
  float: left;
  margin: -2px 0 0 0;
  font-size: 1.8rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
}

#mode_selection section .flexible {
  margin-top: 10px;
  margin-right: 0;
  padding: 0 0 0 45px;
}

#mode_selection section .question-title {
  color: #00aaea;
  font-size: 2rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  text-align: left;
  margin: 0 0 0 10px;
}

#mode_selection section.gender .option {
  min-width: 100px;
  margin-right: 60px;
}

#mode_selection section.gender .option .description {
  width: 70px;
}

#mode_selection section.gender .option:last-child {
  min-width: 148px;
  margin-right: 0;
}

#mode_selection section.gender .option:last-child .description {
  width: 140px;
}

#mode_selection section.gender .flexible {
  margin-bottom: 40px;
}

#mode_selection section.age .option {
  min-width: 103px;
}

#mode_selection section.age .option .description {
  width: 75px;
}

#mode_selection section.age .option:last-child {
  min-width: 130px;
}

#mode_selection section.age .option:last-child .description {
  width: 120px;
}

#mode_selection section.age .flexible {
  margin-bottom: 65px;
}

#mode_selection section.privacy_section {
  text-align: center;
}

#mode_selection section.privacy_section .flexible {
  margin: 12px 0 60px;
  padding: 0 20px 0 45px;
}

#mode_selection section.privacy_section .option {
  width: 46%;
  height: 40px;
}

#mode_selection section.privacy_section .option .check {
  float: left;
  margin: 3px 10px 0 0;
}

#mode_selection section.privacy_section .option .description {
  float: left;
  width: 250px;
  font-size: 1.5rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#mode_selection section.privacy_section .option .description .label {
  font-size: 1.8rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
}

#mode_selection section.privacy_section .option:last-child {
  width: auto;
}

#supervisor_preview_modal {
  width: 800px;
  height: 674px;
  min-width: 800px;
}

#supervisor_preview_modal .bulleted_message {
  max-width: 86%;
  padding: 20px 20px 0 0;
  background: #fff;
  margin-top: 0;
}

#supervisor_preview_modal .bulleted_message .title {
  font-size: 1.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  margin: 0;
}

#supervisor_preview_modal .bulleted_message .message {
  margin: 10px 0;
}

#supervisor_preview_modal .bulleted_message .message .checkmark {
  display: inline-block;
  vertical-align: top;
  width: 11px;
  height: 11px;
  background: url('/static/img/blue_checkmark.png') no-repeat transparent;
  margin-top: 3px;
}

#supervisor_preview_modal .bulleted_message .message .item {
  width: 85%;
  color: #999;
  font-size: 1.3rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
}

#supervisor_preview_modal .track_name {
  background-color: #ff7a00;
  padding: 14px 0;
  font-size: 2.8rem;
  font-family: OpenSansBold;
  font-weight: normal;
  border-radius: 5px 5px 0 0;
  background-clip: padding-box;
  color: #fff;
  text-align: center;
}

#supervisor_preview_modal .contents_list {
  display: inline-block;
  vertical-align: top;
  width: 310px;
  border-right: 1px solid #ABAAAA;
  overflow: auto;
  height: 607px;
  cursor: pointer;
}

#supervisor_preview_modal .contents_list .track_part .track_part_data {
  height: auto;
  width: calc(100% - 8px);
  margin-top: 4px;
  /* needs for WCAG keyboard outlines */
  margin-left: 4px;
  /* needs for WCAG keyboard outlines */
  border: none;
  padding: 0;
  overflow-x: visible;
}

#supervisor_preview_modal .contents_list .track_part .track_part_data .button-content {
  display: inline-block;
  padding: 13px 18px;
  background: #F2F2F2;
  min-width: 100%;
  text-align: left;
  margin: 0;
  line-height: 1.4;
  border: 1px solid #d6d5d4;
  border-radius: 0;
}

#supervisor_preview_modal .contents_list .track_part .track_part_data .part {
  font-size: 1.6rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #372f2b;
}

#supervisor_preview_modal .contents_list .track_part .track_part_data .name {
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #372f2b;
  line-height: 1.4;
  margin: 0;
}

#supervisor_preview_modal .contents_list .track_part .activities {
  display: none;
}

#supervisor_preview_modal .contents_list .track_part .activities.open {
  display: block;
}

#supervisor_preview_modal .contents_list .track_part .activities .activity .skill-icon {
  display: inline-block;
  vertical-align: top;
  width: 16px;
  text-align: center;
  margin: 0 10px 0 30px;
  background: none;
}

#supervisor_preview_modal .contents_list .track_part .activities .activity .skill-icon img {
  width: auto;
  height: auto;
}

#supervisor_preview_modal .contents_list .track_part .activities .activity .skill-icon.AS img {
  margin-top: 16px;
}

#supervisor_preview_modal .contents_list .track_part .activities .activity .skill-icon.EM img {
  margin-top: 14px;
}

#supervisor_preview_modal .contents_list .track_part .activities .activity .skill-icon.GI img {
  margin-top: 10px;
}

#supervisor_preview_modal .contents_list .track_part .activities .activity .skill-icon.OT img {
  margin-top: 12px;
}

#supervisor_preview_modal .contents_list .track_part .activities .activity .skill-icon.RE img {
  margin-top: 12px;
}

#supervisor_preview_modal .contents_list .track_part .activities .activity .skill-icon.SA img {
  margin-top: 8px;
  width: 14px;
}

#supervisor_preview_modal .contents_list .track_part .activities .activity .skill-icon.TH img {
  margin-top: 14px;
}

#supervisor_preview_modal .contents_list .track_part .activities .activity .activity_name {
  display: inline-block;
  vertical-align: top;
  font-size: 1.3rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
  width: 225px;
  line-height: 20px;
  padding: 3px 0;
  text-align: left;
}

#supervisor_preview_modal .contents_list .track_part .activities .activity:hover {
  background: #f2f2f2;
}

#supervisor_preview_modal .contents_list .track_part .activities .activity.selected {
  background: #f2f2f2;
}

#supervisor_preview_modal .contents_list .track_part .activities .tips {
  background: #fff;
  display: none;
}

#supervisor_preview_modal .contents_list .track_part .activities .tips .tip {
  font-size: 1.3rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
  width: calc(100% - 8px);
  margin: 0 4px;
  border-radius: 0;
  text-align: left;
}

#supervisor_preview_modal .contents_list .track_part .activities .tips .tip .text {
  padding: 3px 0;
  margin-left: 70px;
}

#supervisor_preview_modal .contents_list .track_part .activities .tips .tip:hover {
  background: #f2f2f2;
}

#supervisor_preview_modal .contents_list .track_part .activities .tips .tip.selected {
  background: #f2f2f2;
}

#supervisor_preview_modal .contents_list .track_part.selected {
  border: none;
}

#supervisor_preview_modal .contents_list .track_part.selected .track_part_data .part,
#supervisor_preview_modal .contents_list .track_part.selected .track_part_data .name {
  color: #00aaea;
}

#supervisor_preview_modal .content {
  display: inline-block;
  vertical-align: top;
  width: 480px;
  overflow-y: auto;
  padding: 20px 20px 10px;
  height: 607px;
}

#supervisor_preview_modal .content .supervisor_trackpart_preview .track_description {
  margin: 7px 0 0;
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#supervisor_preview_modal .content .supervisor_trackpart_preview .track_description p {
  display: inline-block;
  margin: 7px 0;
}

#supervisor_preview_modal .content .supervisor_trackpart_preview .track_description .pseudo {
  color: #ff7a00;
  font: 400 1.4rem "proxima-nova", sans-serif;
  white-space: normal;
  text-align: left;
}

#supervisor_preview_modal .content .supervisor_trackpart_preview .track_description .pseudo:hover {
  text-decoration: underline !important;
}

#supervisor_preview_modal .content .supervisor_activity_preview .title,
#supervisor_preview_modal .content .supervisor_activity_with_tip_preview .title {
  margin-bottom: 10px;
}

#supervisor_preview_modal .content .supervisor_activity_preview .title .icon,
#supervisor_preview_modal .content .supervisor_activity_with_tip_preview .title .icon {
  margin-right: 10px;
}

#supervisor_preview_modal .content .supervisor_activity_preview .title .icon.OT,
#supervisor_preview_modal .content .supervisor_activity_with_tip_preview .title .icon.OT {
  width: 22px;
  height: 22px;
  display: inline-block;
  background: url('/static/img/icon-other@2x.png');
  background-size: 21px 21px;
}

#supervisor_preview_modal .content .supervisor_activity_preview .title .activity_name,
#supervisor_preview_modal .content .supervisor_activity_with_tip_preview .title .activity_name {
  font-size: 1.6rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  display: inline-block;
  vertical-align: top;
  line-height: 19px;
}

#supervisor_preview_modal .content .supervisor_activity_preview .title .activity_name.SA,
#supervisor_preview_modal .content .supervisor_activity_with_tip_preview .title .activity_name.SA {
  line-height: 25px;
}

#supervisor_preview_modal .content .supervisor_activity_preview .title .activity_name.SA,
#supervisor_preview_modal .content .supervisor_activity_with_tip_preview .title .activity_name.SA {
  line-height: 25px;
}

#supervisor_preview_modal .content .supervisor_activity_preview .title .activity_name.SA,
#supervisor_preview_modal .content .supervisor_activity_with_tip_preview .title .activity_name.SA {
  line-height: 22px;
}

#supervisor_preview_modal .content .supervisor_activity_preview .title .activity_name.OT,
#supervisor_preview_modal .content .supervisor_activity_with_tip_preview .title .activity_name.OT {
  line-height: 22px;
}

#supervisor_preview_modal .content .supervisor_activity_preview .image,
#supervisor_preview_modal .content .supervisor_activity_with_tip_preview .image {
  margin-bottom: 10px;
}

#supervisor_preview_modal .content .supervisor_activity_preview .image img,
#supervisor_preview_modal .content .supervisor_activity_with_tip_preview .image img {
  max-height: 200px;
}

#supervisor_preview_modal .content .supervisor_activity_preview .image img.game,
#supervisor_preview_modal .content .supervisor_activity_with_tip_preview .image img.game {
  max-height: 100%;
}

#supervisor_preview_modal .content .supervisor_activity_preview .task,
#supervisor_preview_modal .content .supervisor_activity_with_tip_preview .task {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#supervisor_preview_modal .content .supervisor_activity_preview .tip_name,
#supervisor_preview_modal .content .supervisor_activity_with_tip_preview .tip_name {
  font-size: 1.5rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  line-height: 15px;
  margin-bottom: 10px;
}

#supervisor_preview_modal .content .supervisor_activity_preview .task-section,
#supervisor_preview_modal .content .supervisor_activity_with_tip_preview .task-section,
#supervisor_preview_modal .content .supervisor_activity_preview .plan-section,
#supervisor_preview_modal .content .supervisor_activity_with_tip_preview .plan-section {
  margin: 15px 0;
}

#supervisor_preview_modal .content .supervisor_activity_preview .task-section h2,
#supervisor_preview_modal .content .supervisor_activity_with_tip_preview .task-section h2,
#supervisor_preview_modal .content .supervisor_activity_preview .plan-section h2,
#supervisor_preview_modal .content .supervisor_activity_with_tip_preview .plan-section h2 {
  color: #00aaea;
  display: inline-block;
  vertical-align: top;
  width: 300px;
  text-align: left;
  margin-left: 10px;
  line-height: 42px;
  font-size: 2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#supervisor_preview_modal .content .supervisor_activity_preview .task-section .sign,
#supervisor_preview_modal .content .supervisor_activity_with_tip_preview .task-section .sign,
#supervisor_preview_modal .content .supervisor_activity_preview .plan-section .sign,
#supervisor_preview_modal .content .supervisor_activity_with_tip_preview .plan-section .sign {
  width: 42px;
  height: 42px;
  display: inline-block;
  vertical-align: top;
}

#supervisor_preview_modal .content .supervisor_activity_preview .task-section .sign.activity,
#supervisor_preview_modal .content .supervisor_activity_with_tip_preview .task-section .sign.activity,
#supervisor_preview_modal .content .supervisor_activity_preview .plan-section .sign.activity,
#supervisor_preview_modal .content .supervisor_activity_with_tip_preview .plan-section .sign.activity {
  background: url('/static/img/icon-step3.png') no-repeat transparent;
}

#supervisor_preview_modal .content .supervisor_activity_preview .task-section .sign.plan,
#supervisor_preview_modal .content .supervisor_activity_with_tip_preview .task-section .sign.plan,
#supervisor_preview_modal .content .supervisor_activity_preview .plan-section .sign.plan,
#supervisor_preview_modal .content .supervisor_activity_with_tip_preview .plan-section .sign.plan {
  background: url('/static/img/activity_viewer/icon-step2.png') no-repeat transparent;
}

#supervisor_preview_modal .content .supervisor_activity_preview .task-section .steps,
#supervisor_preview_modal .content .supervisor_activity_with_tip_preview .task-section .steps,
#supervisor_preview_modal .content .supervisor_activity_preview .plan-section .steps,
#supervisor_preview_modal .content .supervisor_activity_with_tip_preview .plan-section .steps {
  width: 375px;
}

#supervisor_preview_modal .content .supervisor_activity_preview .task-section .steps .label,
#supervisor_preview_modal .content .supervisor_activity_with_tip_preview .task-section .steps .label,
#supervisor_preview_modal .content .supervisor_activity_preview .plan-section .steps .label,
#supervisor_preview_modal .content .supervisor_activity_with_tip_preview .plan-section .steps .label {
  margin: 10px 0 10px 55px;
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#supervisor_preview_modal .content .supervisor_activity_preview .task-section .steps .label:first-child,
#supervisor_preview_modal .content .supervisor_activity_with_tip_preview .task-section .steps .label:first-child,
#supervisor_preview_modal .content .supervisor_activity_preview .plan-section .steps .label:first-child,
#supervisor_preview_modal .content .supervisor_activity_with_tip_preview .plan-section .steps .label:first-child {
  margin: 0 0 10px 55px;
}

#supervisor_preview_modal .content .supervisor_activity_preview .poll,
#supervisor_preview_modal .content .supervisor_activity_with_tip_preview .poll {
  text-align: center;
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#supervisor_preview_modal .content .supervisor_activity_preview .question,
#supervisor_preview_modal .content .supervisor_activity_with_tip_preview .question {
  font-size: 1.5rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  max-width: 380px;
  margin: 0 auto;
  background: none;
  width: 100%;
  height: auto;
  opacity: 1;
}

#supervisor_preview_modal .content .supervisor_activity_preview .quiz,
#supervisor_preview_modal .content .supervisor_activity_with_tip_preview .quiz {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#supervisor_preview_modal .content .supervisor_activity_preview .quiz .question,
#supervisor_preview_modal .content .supervisor_activity_with_tip_preview .quiz .question {
  margin: 15px 0;
}

#supervisor_preview_modal .content .supervisor_activity_preview .answer_button,
#supervisor_preview_modal .content .supervisor_activity_with_tip_preview .answer_button {
  text-align: center;
  position: relative;
  text-transform: uppercase;
  width: 300px;
  height: 62px;
  line-height: 60px;
  font-size: 1.5rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #fff;
  margin: 5px auto;
  background: url('/static/img/answer-blue.png') no-repeat transparent;
  background-size: cover;
  padding: 0 5px;
}

#supervisor_preview_modal .content .supervisor_activity_preview .answer_button span,
#supervisor_preview_modal .content .supervisor_activity_with_tip_preview .answer_button span {
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
}

#supervisor_preview_modal .content .supervisor_activity_preview .answer_button .tick,
#supervisor_preview_modal .content .supervisor_activity_with_tip_preview .answer_button .tick {
  width: 24px;
  height: 24px;
  background: url('/static/img/correct_answer_tick.png') no-repeat transparent;
  position: absolute;
  top: 19px;
  left: 263px;
}

#supervisor_preview_modal .content .supervisor_activity_preview .answer_button.correct,
#supervisor_preview_modal .content .supervisor_activity_with_tip_preview .answer_button.correct {
  background: url('/static/img/answer-correct.png') no-repeat transparent;
  background-size: 300px 62px;
  padding: 0 40px;
}

#supervisor_preview_modal .content .supervisor_activity_preview .why_matters,
#supervisor_preview_modal .content .supervisor_activity_with_tip_preview .why_matters {
  color: #00aaea;
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  text-align: center;
  margin: 15px 0 0;
}

#supervisor_preview_modal .content .supervisor_activity_preview .divider,
#supervisor_preview_modal .content .supervisor_activity_with_tip_preview .divider {
  height: 1px;
  width: 90%;
  margin: 20px auto 10px;
  background: #EBEBEB;
}

#supervisor_preview_modal .content .supervisor_activity_preview .finish,
#supervisor_preview_modal .content .supervisor_activity_with_tip_preview .finish {
  margin: 35px 0;
}

#supervisor_preview_modal .content .supervisor_activity_preview .finish div,
#supervisor_preview_modal .content .supervisor_activity_with_tip_preview .finish div {
  display: inline-block;
  vertical-align: top;
}

#supervisor_preview_modal .content .supervisor_activity_preview .finish .image,
#supervisor_preview_modal .content .supervisor_activity_with_tip_preview .finish .image {
  width: 30%;
  margin-top: 5px;
}

#supervisor_preview_modal .content .supervisor_activity_preview .finish .task,
#supervisor_preview_modal .content .supervisor_activity_with_tip_preview .finish .task {
  width: 65%;
  margin-left: 10px;
}

#supervisor_preview_modal .content .supervisor_activity_preview .finish .task *:first-child,
#supervisor_preview_modal .content .supervisor_activity_with_tip_preview .finish .task *:first-child {
  margin-top: 0;
}

/*
  ====================================================================
 * This styling is Incapsulated for intro slides by ID
 * 1) #intro-slides-modal
  ====================================================================
*/

#intro-slides-modal {
  max-width: 800px;
  overflow: hidden;
}

#intro-slides-modal span.SA {
  background: #c5168a;
}

#intro-slides-modal span.TH {
  background: #ff7a00;
}

#intro-slides-modal span.AS {
  background: #00aaea;
}

#intro-slides-modal span.GI {
  background: #06b709;
}

#intro-slides-modal span.EM {
  background: #ff3131;
}

#intro-slides-modal span.RE {
  background: #2ac4c5;
}

#intro-slides-modal #intro-slides {
  overflow: hidden;
  position: relative;
  /*------------------------------------*\
      HEADING
    \*------------------------------------*/
  /*------------------------------------*\
      TEXT
    \*------------------------------------*/
  /*------------------------------------*\
      SLIDE HEADER & SLIDE BODY
    \*------------------------------------*/
  /*------------------------------------*\
      NAV BUTTONS
    \*------------------------------------*/
  /*------------------------------------*\
      HEADER NAV
    \*------------------------------------*/
  /*------------------------------------*\
      BLOCK LIST
    \*------------------------------------*/
  /*------------------------------------*\
      SKILL LIST
    \*------------------------------------*/
  /*------------------------------------*\
      CHART-SECTION
    \*------------------------------------*/
  /*------------------------------------*\
      CHART
    \*------------------------------------*/
  /*------------------------------------*\
      INFO LIST
    \*------------------------------------*/
  /*------------------------------------*\
      CASH REWARDS
    \*------------------------------------*/
  /*------------------------------------*\
      FIRST ACTIVITIES (THE LAST SLIDE)
    \*------------------------------------*/
  /*------------------------------------*\
      'COACH' SLIDE
    \*------------------------------------*/
  /*================================================================================================================ \
      ANIMATION ACTIVATION
    \*-===============================================================================================================*/
  /*------------------------------------*\
      ANIMATING THE FIRST SLIDE WITH DELAY
      the position in arrays the child number to animate
    \*------------------------------------*/
  /*------------------------------------*\
      ANIMATING THE SECOND SLIDE WITH DELAY
    \*------------------------------------*/
  /*------------------------------------*\
      KEYFRAMES
    \*------------------------------------*/
  /* TEMPORARY HERE TILL LESS UPDATE */
}

#intro-slides-modal #intro-slides .slide-container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#intro-slides-modal #intro-slides .intro-slide {
  position: relative;
  width: 100%;
}

#intro-slides-modal #intro-slides .intro-slide .slide-body {
  min-height: 600px;
  padding: 45px 20px 35px 20px;
}

#intro-slides-modal #intro-slides .heading {
  font-size: 2.8rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
}

#intro-slides-modal #intro-slides .text {
  font-size: 2.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin: 0;
}

#intro-slides-modal #intro-slides .text span {
  font-weight: bold;
}

#intro-slides-modal #intro-slides .text--small {
  font-size: 1.5rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin: 0;
  line-height: 1.5;
}

#intro-slides-modal #intro-slides .slide-header {
  position: relative;
  padding: 30px 100px;
  text-align: center;
  background-color: #ff7a00;
  min-height: 145px;
}

#intro-slides-modal #intro-slides .slide-header > * {
  color: white;
}

#intro-slides-modal #intro-slides .back,
#intro-slides-modal #intro-slides .forward,
#intro-slides-modal #intro-slides .finish {
  opacity: 0.5;
  position: absolute;
  top: 50%;
  padding: 0;
}

#intro-slides-modal #intro-slides .back:hover,
#intro-slides-modal #intro-slides .forward:hover,
#intro-slides-modal #intro-slides .finish:hover {
  opacity: 1;
}

#intro-slides-modal #intro-slides .back {
  left: 20px;
  margin-top: -15.5px;
}

#intro-slides-modal #intro-slides .forward,
#intro-slides-modal #intro-slides .finish {
  right: 20px;
  margin-top: -15.5px;
}

#intro-slides-modal #intro-slides .finish {
  margin-top: -23px;
}

#intro-slides-modal #intro-slides .next {
  font-size: 1.3rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  position: absolute;
  right: 25px;
  bottom: 10px;
  color: #919191 !important;
  padding: 0;
  height: auto;
  line-height: normal;
  background: transparent;
}

#intro-slides-modal #intro-slides .next:not(.js-close)::after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  display: inline-block;
  height: 8px;
  width: 8px;
  margin-left: 5px;
  margin-right: 5px;
  border-top: 2px solid #5e5e5e;
  border-right: 2px solid #5e5e5e;
  content: '';
}

#intro-slides-modal #intro-slides .header-nav {
  position: absolute;
  width: 100%;
  top: 110px;
  left: 0;
  text-align: center;
}

#intro-slides-modal #intro-slides .header-nav > li {
  display: inline-block;
  position: relative;
  width: 5px;
  height: 5px;
  margin: 0 10px;
  -webkit-box-shadow: 0 0 0 2px #ff7a00, 0 0 0 4px #fff;
  box-shadow: 0 0 0 2px #ff7a00, 0 0 0 4px #fff;
  background: #fff;
  border-radius: 50%;
  z-index: 1;
}

#intro-slides-modal #intro-slides .header-nav > li::before {
  position: absolute;
  top: 2px;
  left: -18px;
  width: 16px;
  height: 2px;
  background: #fff;
  content: '';
}

#intro-slides-modal #intro-slides .header-nav > li.active {
  -webkit-box-shadow: none;
  box-shadow: none;
  width: 13px;
  height: 13px;
  top: 4px;
  margin: 0 6px;
}

#intro-slides-modal #intro-slides .header-nav > li.active::before {
  background: none;
}

#intro-slides-modal #intro-slides .header-nav > li p {
  margin-top: 40%;
}

#intro-slides-modal #intro-slides .block-list {
  max-width: 800px;
  min-width: 385px;
  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;
}

#intro-slides-modal #intro-slides .block-list .spacer {
  width: 33%;
  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;
}

#intro-slides-modal #intro-slides .block-list .spacer p {
  font-size: 1.3rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  z-index: 2;
  color: #777774;
  padding: 5px 5px 5px 30px;
}

#intro-slides-modal #intro-slides .block-list .intro-block {
  max-width: 215px;
  min-width: 170px;
  width: 33%;
  background: #ff7a00;
  border-radius: 20px;
  margin: 2px 0;
  position: relative;
}

#intro-slides-modal #intro-slides .block-list .intro-block p {
  font-family: OpenSansSemiBold;
  color: #fff;
  font-size: 1.5rem;
  text-align: center;
  font-weight: normal;
  margin: 0 auto 6px;
}

#intro-slides-modal #intro-slides .block-list .intro-block img {
  position: absolute;
  right: 0;
}

#intro-slides-modal #intro-slides .block-list li {
  min-height: 160px;
}

#intro-slides-modal #intro-slides .block-list li:nth-child(1) {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

#intro-slides-modal #intro-slides .block-list li:nth-child(2) {
  background: url('/static/img/track_presentation/track_presentation_growline2.png') no-repeat bottom left;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

#intro-slides-modal #intro-slides .block-list li:nth-child(3) {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5;
}

#intro-slides-modal #intro-slides .block-list li:nth-child(4) {
  -webkit-box-ordinal-group: 9;
  -ms-flex-order: 8;
  order: 8;
  background: url('/static/img/track_presentation/track_presentation_growline3.png') no-repeat top left;
}

#intro-slides-modal #intro-slides .block-list li:nth-child(5) {
  position: relative;
  -webkit-box-ordinal-group: 8;
  -ms-flex-order: 7;
  order: 7;
}

#intro-slides-modal #intro-slides .block-list li:nth-child(6) {
  -webkit-box-ordinal-group: 7;
  -ms-flex-order: 6;
  order: 6;
  background: url('/static/img/track_presentation/track_presentation_growline4.png') no-repeat top right;
}

#intro-slides-modal #intro-slides .block-list li:nth-child(7) {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}

#intro-slides-modal #intro-slides .block-list li:nth-child(8) {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
  background: url('/static/img/track_presentation/track_presentation_growline1.png') no-repeat bottom right;
}

#intro-slides-modal #intro-slides .block-list li:nth-child(9) {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
}

#intro-slides-modal #intro-slides .block-list li span {
  display: block;
  margin: 15px auto 10px auto;
}

#intro-slides-modal #intro-slides .skill-list {
  text-align: center;
  background: url('/static/img/track_presentation/track_presentation_skills_bg.png');
  background-repeat: repeat-x;
  background-position: 0 110px;
}

#intro-slides-modal #intro-slides .skill-list > li {
  display: inline-block;
  width: 120px;
  vertical-align: top;
  line-height: 1.3;
  margin-bottom: 55px;
}

#intro-slides-modal #intro-slides .skill-list > li .skill-icon-color {
  height: 28px;
  margin: 0 auto;
  opacity: 0.05;
}

#intro-slides-modal #intro-slides .skill-list > li .name {
  font-size: 1.4rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  height: 20px;
  opacity: 0.05;
  margin: 5px 0 0;
}

#intro-slides-modal #intro-slides .skill-list > li .spoiler {
  font-size: 1.3rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  height: 10px;
  opacity: 0.05;
}

#intro-slides-modal #intro-slides .skill-list > li .bar {
  position: relative;
  height: 260px;
  margin: 55px 0 30px;
}

#intro-slides-modal #intro-slides .skill-list > li .bar span {
  opacity: 0.05;
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 40px;
  max-height: 260px;
  margin-left: -20px;
  border-radius: 10px;
}

#intro-slides-modal #intro-slides .skill-list > li .desc {
  font-size: 1.3rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  opacity: 0;
}

#intro-slides-modal #intro-slides .chart-section {
  overflow: hidden;
  max-width: 690px;
  margin: 50px auto 0 auto;
  line-height: 1.3;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#intro-slides-modal #intro-slides .chart-section > * {
  margin: 0 auto;
}

#intro-slides-modal #intro-slides .chart {
  position: relative;
  max-width: 460px;
  width: 100%;
  margin: auto;
  padding-right: 20px;
}

#intro-slides-modal #intro-slides .chart .chart_cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

#intro-slides-modal #intro-slides .chart .chart_cont .chart_left {
  width: 7%;
  position: relative;
}

#intro-slides-modal #intro-slides .chart .chart_cont .chart_left p {
  color: #ff7a00;
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
  position: absolute;
  top: 30%;
  left: -80px;
  width: 180px;
  font-size: 100%;
  line-height: 1.3;
}

#intro-slides-modal #intro-slides .chart .chart_cont .chart_right {
  width: 93%;
}

#intro-slides-modal #intro-slides .chart .chart_cont .chart_right .chart_line {
  height: 45px;
  position: relative;
}

#intro-slides-modal #intro-slides .chart .chart_cont .chart_right .chart_line:before {
  position: absolute;
  content: '';
  right: 0;
  width: 90%;
  top: 10px;
  border-bottom: 3px dotted #c6c5c4;
}

#intro-slides-modal #intro-slides .chart .chart_cont .chart_right .chart_number_wrap {
  position: relative;
}

#intro-slides-modal #intro-slides .chart .chart_cont .chart_right .chart_number_wrap .chart_number {
  position: absolute;
  top: -20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  padding-left: 60px;
}

#intro-slides-modal #intro-slides .chart .chart_cont .chart_right .chart_number_wrap .chart_number span {
  color: #c6c5c4;
  font-weight: bold;
}

#intro-slides-modal #intro-slides .chart .chart_cont .chart_right .chart_text {
  text-align: center;
  margin: 10px;
}

#intro-slides-modal #intro-slides .chart .chart_cont .chart_right .chart_text p {
  color: #ff7a00;
  font-size: 100%;
  line-height: 1.3;
}

#intro-slides-modal #intro-slides .curve {
  position: absolute;
  height: 230px;
  margin-left: 90px;
  bottom: 140px;
  width: 0;
  background: url('/static/img/track_presentation/track_presentation_chart_curve.png') no-repeat;
}

#intro-slides-modal #intro-slides .circle {
  opacity: 0;
  position: absolute;
  right: 0;
  bottom: -15px;
  width: 30px;
  height: 30px;
  -webkit-box-shadow: 0 0 0 5px #fff, 0 0 0 20px rgba(30, 186, 223, 0.2);
  box-shadow: 0 0 0 5px #fff, 0 0 0 20px rgba(30, 186, 223, 0.2);
  border-radius: 50%;
  background: #1EBADF;
}

@media (max-width: 767.98px) {
  #intro-slides-modal #intro-slides .info-list {
    margin: 0 auto 50px;
    text-align: center;
  }
}

#intro-slides-modal #intro-slides .info-list > li {
  max-width: 200px;
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  padding: 20px 10px;
  border: 1px solid #d7d7d2;
  text-align: center;
}

#intro-slides-modal #intro-slides .info-list > li:first-child {
  border-radius: 5px 5px 0 0;
}

#intro-slides-modal #intro-slides .info-list > li:nth-child(even) {
  border-top: none;
}

#intro-slides-modal #intro-slides .info-list > li:last-child {
  border-radius: 0 0 5px 5px;
}

@media (max-width: 767.98px) {
  #intro-slides-modal #intro-slides .info-list > li {
    display: inline-block;
  }

  #intro-slides-modal #intro-slides .info-list > li:first-child {
    border-radius: 5px;
  }

  #intro-slides-modal #intro-slides .info-list > li:nth-child(even) {
    border-top: none;
  }

  #intro-slides-modal #intro-slides .info-list > li:last-child {
    border-radius: 5px;
  }
}

#intro-slides-modal #intro-slides .info-list > li:first-child {
  border-radius: 5px 5px 0 0;
}

#intro-slides-modal #intro-slides .info-list > li:nth-child(even) {
  border-top: 1px solid #d7d7d2;
}

#intro-slides-modal #intro-slides .info-list > li:last-child {
  border-radius: 0 0 5px 5px;
}

#intro-slides-modal #intro-slides .info-list span {
  display: block;
}

#intro-slides-modal #intro-slides .info-list .number {
  font-size: 4.5rem;
  font-family: OpenSansBold;
  font-weight: normal;
  color: #d7d7d2;
}

#intro-slides-modal #intro-slides .info-list .period {
  color: #d7d7d2;
}

#intro-slides-modal #intro-slides .slide-cashreward .slide-body {
  text-align: center;
  padding: 20px 20px 0 20px;
}

#intro-slides-modal #intro-slides .slide-cashreward .slide-front-image {
  margin: 0 auto;
}

#intro-slides-modal #intro-slides .slide-cashreward .slide-front-image img {
  /* v2 mockup */
  width: 650px;
  margin-left: 8px;
  margin-top: 20px;
}

#intro-slides-modal #intro-slides .slide-cashreward .cash-reward-columns {
  margin: -70px auto 0 auto;
}

#intro-slides-modal #intro-slides .slide-cashreward .coins {
  height: 154px;
}

#intro-slides-modal #intro-slides .slide-cashreward .coins,
#intro-slides-modal #intro-slides .slide-cashreward .infos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#intro-slides-modal #intro-slides .slide-cashreward .cash-reward-column {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 180px;
  padding: 0 13px;
  /* v2 mockup */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#intro-slides-modal #intro-slides .slide-cashreward .coins .cash-reward-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

#intro-slides-modal #intro-slides .slide-cashreward .coins .cash-reward-column img:not(:first-child) {
  margin-bottom: -34px;
}

#intro-slides-modal #intro-slides .slide-cashreward .coins .cash-reward-column img {
  /* v2 mockup */
  width: 100px;
}

#intro-slides-modal #intro-slides .slide-cashreward .infos {
  /* v2 mockup */
  margin-top: 7px;
}

#intro-slides-modal #intro-slides .slide-cashreward .infos .cash-reward-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

#intro-slides-modal #intro-slides .slide-cashreward .infos .cash-reward-column h2 {
  margin: 0;
  color: #00aaea;
  font-family: OpenSansBold;
  font-size: 1.4rem;
}

#intro-slides-modal #intro-slides .slide-cashreward .infos .cash-reward-column h3 {
  margin: 0;
  font-family: OpenSansBold;
  font-size: 2rem;
  padding: 3px;
}

#intro-slides-modal #intro-slides .slide-cashreward .infos .cash-reward-column p {
  margin: 0;
  font-size: 1.3rem;
  font-family: OpenSansSemiBold;
  line-height: 1.25;
  max-width: 100%;
}

#intro-slides-modal #intro-slides .first-activities {
  padding: 25px;
  font-family: OpenSansRegular, sans-serif;
  font-size: 20px;
}

#intro-slides-modal #intro-slides .first-activities .title-text {
  margin-bottom: 28px;
  text-align: center;
}

#intro-slides-modal #intro-slides .first-activities .activities {
  text-align: center;
}

#intro-slides-modal #intro-slides .first-activities .activities .activity,
#intro-slides-modal #intro-slides .first-activities .activities .delimiter {
  float: left;
}

#intro-slides-modal #intro-slides .first-activities .activities .activity {
  width: 340px;
  height: 423px;
  border: 1px solid #d7d7d2;
  border-radius: 5px;
  padding: 10px;
  text-align: center;
}

#intro-slides-modal #intro-slides .first-activities .activities .activity a {
  text-decoration: none;
  color: #777;
  outline: none;
}

#intro-slides-modal #intro-slides .first-activities .activities .activity .img-container {
  display: block;
  width: 100%;
  height: 240px;
  line-height: 240px;
}

#intro-slides-modal #intro-slides .first-activities .activities .activity .img-container img {
  vertical-align: middle;
  max-width: 320px;
  max-height: 240px;
}

#intro-slides-modal #intro-slides .first-activities .activities .activity .activity-text {
  display: block;
  height: 62px;
  margin-top: 18px;
  text-align: center;
  overflow: hidden;
}

#intro-slides-modal #intro-slides .first-activities .activities .activity .activity-text .activity-name {
  font-family: OpenSansSemibold, sans-serif;
  font-weight: bold;
}

#intro-slides-modal #intro-slides .first-activities .activities .activity .activity-text .task-name {
  margin-top: 5px;
}

#intro-slides-modal #intro-slides .first-activities .activities .activity .button {
  width: 233px;
  height: 54px;
  margin-bottom: 5px;
  line-height: 58px;
  font-weight: bold;
  font-size: 16px;
}

#intro-slides-modal #intro-slides .first-activities .activities .delimiter {
  height: 423px;
  width: 65px;
  position: relative;
}

#intro-slides-modal #intro-slides .first-activities .activities .delimiter::before {
  content: 'or';
  width: 35px;
  height: 35px;
  line-height: 35px;
  position: absolute;
  top: 50%;
  left: 15px;
  z-index: 1;
  border-radius: 50%;
  background-color: #e9e9e9;
  font-size: 16px;
  font-weight: bold;
}

#intro-slides-modal #intro-slides .coach-intro-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

#intro-slides-modal #intro-slides .coach-intro-slide__elem {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 40%;
  flex: 1 0 40%;
  padding: 35px 5px;
  min-width: 240px;
  max-width: 300px;
  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: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

#intro-slides-modal #intro-slides .coach-intro-slide__icon {
  height: 105px;
  width: 105px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

#intro-slides-modal #intro-slides .coach-intro-slide__icon_1 {
  background-image: url('/static/img/get_to_know_slide/feature_icon_1.png');
}

#intro-slides-modal #intro-slides .coach-intro-slide__icon_2 {
  background-image: url('/static/img/get_to_know_slide/feature_icon_2.png');
}

#intro-slides-modal #intro-slides .coach-intro-slide__icon_3 {
  background-image: url('/static/img/get_to_know_slide/feature_icon_3.png');
}

#intro-slides-modal #intro-slides .coach-intro-slide__icon_4 {
  background-image: url('/static/img/get_to_know_slide/feature_icon_4.png');
}

#intro-slides-modal #intro-slides .coach-intro-slide__title {
  font-family: OpenSansSemibold, sans-serif;
  font-weight: bold;
  margin: 1em 0 0;
  font-size: 1.7rem;
}

#intro-slides-modal #intro-slides .coach-intro-slide__descr {
  font-family: OpenSansRegular;
  margin: 0.5em 0 0;
  font-size: 1.45rem;
}

#intro-slides-modal #intro-slides .intro-slide.viewed .coach-intro-slide__elem .coach-intro-slide__icon {
  -webkit-animation: scaleIn 0.2s ease var(--anim-delay) both;
  animation: scaleIn 0.2s ease var(--anim-delay) both;
}

#intro-slides-modal #intro-slides .intro-slide.viewed .coach-intro-slide__elem .coach-intro-slide__title {
  -webkit-animation: scaleIn 0.2s ease calc(var(--anim-delay) + 0.25s) both;
  animation: scaleIn 0.2s ease calc(var(--anim-delay) + 0.25s) both;
}

#intro-slides-modal #intro-slides .intro-slide.viewed .coach-intro-slide__elem .coach-intro-slide__descr {
  -webkit-animation: scaleIn 0.2s ease calc(var(--anim-delay) + 0.5s) both;
  animation: scaleIn 0.2s ease calc(var(--anim-delay) + 0.5s) both;
}

#intro-slides-modal #intro-slides .intro-slide.viewed .block-list > li:nth-child(1) {
  opacity: 0;
  -webkit-animation: scaleIn 0.2s ease 1s forwards;
  animation: scaleIn 0.2s ease 1s forwards;
}

#intro-slides-modal #intro-slides .intro-slide.viewed .block-list > li:nth-child(3) {
  opacity: 0;
  -webkit-animation: scaleIn 0.2s ease 2.5s forwards;
  animation: scaleIn 0.2s ease 2.5s forwards;
}

#intro-slides-modal #intro-slides .intro-slide.viewed .block-list > li:nth-child(5) {
  opacity: 0;
  -webkit-animation: scaleIn 0.2s ease 4s forwards;
  animation: scaleIn 0.2s ease 4s forwards;
}

#intro-slides-modal #intro-slides .intro-slide.viewed .block-list > li:nth-child(7) {
  opacity: 0;
  -webkit-animation: scaleIn 0.2s ease 5.5s forwards;
  animation: scaleIn 0.2s ease 5.5s forwards;
}

#intro-slides-modal #intro-slides .intro-slide.viewed .block-list > li:nth-child(2) {
  opacity: 0;
  -webkit-animation: fadeIn 1s ease 1.5s forwards;
  animation: fadeIn 1s ease 1.5s forwards;
  overflow: hidden;
}

#intro-slides-modal #intro-slides .intro-slide.viewed .block-list > li:nth-child(2) .pseudo {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: #fff;
  -webkit-animation: growLine 1s ease 1.5s forwards;
  animation: growLine 1s ease 1.5s forwards;
}

#intro-slides-modal #intro-slides .intro-slide.viewed .block-list > li:nth-child(2) > p {
  opacity: 0;
  -webkit-animation: fadeIn 1s ease 1.5s forwards;
  animation: fadeIn 1s ease 1.5s forwards;
}

#intro-slides-modal #intro-slides .intro-slide.viewed .block-list > li:nth-child(4) {
  opacity: 0;
  -webkit-animation: fadeIn 1s ease 3s forwards;
  animation: fadeIn 1s ease 3s forwards;
  overflow: hidden;
}

#intro-slides-modal #intro-slides .intro-slide.viewed .block-list > li:nth-child(4) .pseudo {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: #fff;
  -webkit-animation: growLine 1s ease 3s forwards;
  animation: growLine 1s ease 3s forwards;
}

#intro-slides-modal #intro-slides .intro-slide.viewed .block-list > li:nth-child(4) > p {
  opacity: 0;
  -webkit-animation: fadeIn 1s ease 3s forwards;
  animation: fadeIn 1s ease 3s forwards;
}

#intro-slides-modal #intro-slides .intro-slide.viewed .block-list > li:nth-child(6) {
  opacity: 0;
  -webkit-animation: fadeIn 1s ease 4.5s forwards;
  animation: fadeIn 1s ease 4.5s forwards;
  overflow: hidden;
}

#intro-slides-modal #intro-slides .intro-slide.viewed .block-list > li:nth-child(6) .pseudo {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: #fff;
  -webkit-animation: growLine 1s ease 4.5s forwards;
  animation: growLine 1s ease 4.5s forwards;
}

#intro-slides-modal #intro-slides .intro-slide.viewed .block-list > li:nth-child(6) > p {
  opacity: 0;
  -webkit-animation: fadeIn 1s ease 4.5s forwards;
  animation: fadeIn 1s ease 4.5s forwards;
}

#intro-slides-modal #intro-slides .intro-slide.viewed .block-list > li:nth-child(8) {
  opacity: 0;
  -webkit-animation: fadeIn 1s ease 6s forwards;
  animation: fadeIn 1s ease 6s forwards;
  overflow: hidden;
}

#intro-slides-modal #intro-slides .intro-slide.viewed .block-list > li:nth-child(8) .pseudo {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: #fff;
  -webkit-animation: growLine 1s ease 6s forwards;
  animation: growLine 1s ease 6s forwards;
}

#intro-slides-modal #intro-slides .intro-slide.viewed .block-list > li:nth-child(8) > p {
  opacity: 0;
  -webkit-animation: fadeIn 1s ease 6s forwards;
  animation: fadeIn 1s ease 6s forwards;
}

#intro-slides-modal #intro-slides .intro-slide.viewed .skill-list > li:nth-child(1) .name,
#intro-slides-modal #intro-slides .intro-slide.viewed .skill-list > li:nth-child(1) .spoiler,
#intro-slides-modal #intro-slides .intro-slide.viewed .skill-list > li:nth-child(1) .skill-icon-color {
  -webkit-animation: fadeIn 0.25s ease 1s forwards;
  animation: fadeIn 0.25s ease 1s forwards;
}

#intro-slides-modal #intro-slides .intro-slide.viewed .skill-list > li:nth-child(1) .bar > span {
  animation: fadeIn 0.5s ease 1s forwards, animHeight1 0.75s ease 1s forwards;
  -webkit-animation: fadeIn 0.5s ease 1s forwards, animHeight1 0.75s ease 1s forwards;
}

#intro-slides-modal #intro-slides .intro-slide.viewed .skill-list > li:nth-child(1) .desc {
  -webkit-animation: zoomIn 0.5s ease 1.75s forwards;
  animation: zoomIn 0.5s ease 1.75s forwards;
}

#intro-slides-modal #intro-slides .intro-slide.viewed .skill-list > li:nth-child(2) .name,
#intro-slides-modal #intro-slides .intro-slide.viewed .skill-list > li:nth-child(2) .spoiler,
#intro-slides-modal #intro-slides .intro-slide.viewed .skill-list > li:nth-child(2) .skill-icon-color {
  -webkit-animation: fadeIn 0.25s ease 2.75s forwards;
  animation: fadeIn 0.25s ease 2.75s forwards;
}

#intro-slides-modal #intro-slides .intro-slide.viewed .skill-list > li:nth-child(2) .bar > span {
  animation: fadeIn 0.5s ease 2.75s forwards, animHeight2 0.75s ease 2.75s forwards;
  -webkit-animation: fadeIn 0.5s ease 2.75s forwards, animHeight2 0.75s ease 2.75s forwards;
}

#intro-slides-modal #intro-slides .intro-slide.viewed .skill-list > li:nth-child(2) .desc {
  -webkit-animation: zoomIn 0.5s ease 3.5s forwards;
  animation: zoomIn 0.5s ease 3.5s forwards;
}

#intro-slides-modal #intro-slides .intro-slide.viewed .skill-list > li:nth-child(3) .name,
#intro-slides-modal #intro-slides .intro-slide.viewed .skill-list > li:nth-child(3) .spoiler,
#intro-slides-modal #intro-slides .intro-slide.viewed .skill-list > li:nth-child(3) .skill-icon-color {
  -webkit-animation: fadeIn 0.25s ease 4.5s forwards;
  animation: fadeIn 0.25s ease 4.5s forwards;
}

#intro-slides-modal #intro-slides .intro-slide.viewed .skill-list > li:nth-child(3) .bar > span {
  animation: fadeIn 0.5s ease 4.5s forwards, animHeight3 0.75s ease 4.5s forwards;
  -webkit-animation: fadeIn 0.5s ease 4.5s forwards, animHeight3 0.75s ease 4.5s forwards;
}

#intro-slides-modal #intro-slides .intro-slide.viewed .skill-list > li:nth-child(3) .desc {
  -webkit-animation: zoomIn 0.5s ease 5.25s forwards;
  animation: zoomIn 0.5s ease 5.25s forwards;
}

#intro-slides-modal #intro-slides .intro-slide.viewed .skill-list > li:nth-child(4) .name,
#intro-slides-modal #intro-slides .intro-slide.viewed .skill-list > li:nth-child(4) .spoiler,
#intro-slides-modal #intro-slides .intro-slide.viewed .skill-list > li:nth-child(4) .skill-icon-color {
  -webkit-animation: fadeIn 0.25s ease 6.25s forwards;
  animation: fadeIn 0.25s ease 6.25s forwards;
}

#intro-slides-modal #intro-slides .intro-slide.viewed .skill-list > li:nth-child(4) .bar > span {
  animation: fadeIn 0.5s ease 6.25s forwards, animHeight4 0.75s ease 6.25s forwards;
  -webkit-animation: fadeIn 0.5s ease 6.25s forwards, animHeight4 0.75s ease 6.25s forwards;
}

#intro-slides-modal #intro-slides .intro-slide.viewed .skill-list > li:nth-child(4) .desc {
  -webkit-animation: zoomIn 0.5s ease 7s forwards;
  animation: zoomIn 0.5s ease 7s forwards;
}

#intro-slides-modal #intro-slides .intro-slide.viewed .skill-list > li:nth-child(5) .name,
#intro-slides-modal #intro-slides .intro-slide.viewed .skill-list > li:nth-child(5) .spoiler,
#intro-slides-modal #intro-slides .intro-slide.viewed .skill-list > li:nth-child(5) .skill-icon-color {
  -webkit-animation: fadeIn 0.25s ease 8s forwards;
  animation: fadeIn 0.25s ease 8s forwards;
}

#intro-slides-modal #intro-slides .intro-slide.viewed .skill-list > li:nth-child(5) .bar > span {
  animation: fadeIn 0.5s ease 8s forwards, animHeight5 0.75s ease 8s forwards;
  -webkit-animation: fadeIn 0.5s ease 8s forwards, animHeight5 0.75s ease 8s forwards;
}

#intro-slides-modal #intro-slides .intro-slide.viewed .skill-list > li:nth-child(5) .desc {
  -webkit-animation: zoomIn 0.5s ease 8.75s forwards;
  animation: zoomIn 0.5s ease 8.75s forwards;
}

#intro-slides-modal #intro-slides .intro-slide.viewed .skill-list > li:nth-child(6) .name,
#intro-slides-modal #intro-slides .intro-slide.viewed .skill-list > li:nth-child(6) .spoiler,
#intro-slides-modal #intro-slides .intro-slide.viewed .skill-list > li:nth-child(6) .skill-icon-color {
  -webkit-animation: fadeIn 0.25s ease 9.75s forwards;
  animation: fadeIn 0.25s ease 9.75s forwards;
}

#intro-slides-modal #intro-slides .intro-slide.viewed .skill-list > li:nth-child(6) .bar > span {
  animation: fadeIn 0.5s ease 9.75s forwards, animHeight6 0.75s ease 9.75s forwards;
  -webkit-animation: fadeIn 0.5s ease 9.75s forwards, animHeight6 0.75s ease 9.75s forwards;
}

#intro-slides-modal #intro-slides .intro-slide.viewed .skill-list > li:nth-child(6) .desc {
  -webkit-animation: zoomIn 0.5s ease 10.5s forwards;
  animation: zoomIn 0.5s ease 10.5s forwards;
}

#intro-slides-modal #intro-slides .intro-slide.viewed .chart > .curve {
  -webkit-animation: animWidth 0.5s linear 1.2s forwards;
  animation: animWidth 0.5s linear 1.2s forwards;
}

#intro-slides-modal #intro-slides .intro-slide.viewed .chart > .curve.freezeAnim {
  -webkit-animation: none;
  animation: none;
  width: 350px;
}

#intro-slides-modal #intro-slides .intro-slide.viewed .chart > .curve .circle {
  -webkit-animation: scaleIn 0.1s ease 1s forwards, animDotPos 0.6s linear 1.2s forwards;
  animation: scaleIn 0.1s ease 1s forwards, animDotPos 0.6s linear 1.2s forwards;
}

#intro-slides-modal #intro-slides .intro-slide.viewed .chart > .curve .circle.freezeAnim {
  -webkit-animation: none;
  animation: none;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  bottom: 190px;
}

#intro-slides-modal #intro-slides .intro-slide.viewed .info-list > li:first-child .number {
  -webkit-animation: colorChange 1s ease 2s forwards, zoomIn 0.5s ease 2s forwards;
  animation: colorChange 1s ease 2s forwards, zoomIn 0.5s ease 2s forwards;
}

#intro-slides-modal #intro-slides .intro-slide.viewed .info-list > li:first-child .period {
  -webkit-animation: colorChange 1s ease 2s forwards;
  animation: colorChange 1s ease 2s forwards;
}

#intro-slides-modal #intro-slides .intro-slide.viewed .info-list > li:last-child .number {
  -webkit-animation: colorChange 1s ease 2.75s forwards, zoomIn 0.5s ease 2.75s forwards;
  animation: colorChange 1s ease 2.75s forwards, zoomIn 0.5s ease 2.75s forwards;
}

#intro-slides-modal #intro-slides .intro-slide.viewed .info-list > li:last-child .period {
  -webkit-animation: colorChange 1s ease 2.75s forwards;
  animation: colorChange 1s ease 2.75s forwards;
}

@-webkit-keyframes fadeIn {
  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  to {
    opacity: 1;
  }
}

@-webkit-keyframes growLine {
  from {
    width: 100%;
  }

  to {
    width: 0;
    background: none;
  }
}

@keyframes growLine {
  from {
    width: 100%;
  }

  to {
    width: 0;
    background: none;
  }
}

@-webkit-keyframes animHeight1 {
  from {
    height: 45%;
  }

  to {
    height: 95%;
  }
}

@keyframes animHeight1 {
  from {
    height: 45%;
  }

  to {
    height: 95%;
  }
}

@-webkit-keyframes animHeight2 {
  from {
    height: 30%;
  }

  to {
    height: 80%;
  }
}

@keyframes animHeight2 {
  from {
    height: 30%;
  }

  to {
    height: 80%;
  }
}

@-webkit-keyframes animHeight3 {
  from {
    height: 70%;
  }

  to {
    height: 90%;
  }
}

@keyframes animHeight3 {
  from {
    height: 70%;
  }

  to {
    height: 90%;
  }
}

@-webkit-keyframes animHeight4 {
  from {
    height: 45%;
  }

  to {
    height: 85%;
  }
}

@keyframes animHeight4 {
  from {
    height: 45%;
  }

  to {
    height: 85%;
  }
}

@-webkit-keyframes animHeight5 {
  from {
    height: 30%;
  }

  to {
    height: 92%;
  }
}

@keyframes animHeight5 {
  from {
    height: 30%;
  }

  to {
    height: 92%;
  }
}

@-webkit-keyframes animHeight6 {
  from {
    height: 20%;
  }

  to {
    height: 80%;
  }
}

@keyframes animHeight6 {
  from {
    height: 20%;
  }

  to {
    height: 80%;
  }
}

@-webkit-keyframes animWidth {
  from {
    width: 0;
  }

  to {
    width: 350px;
  }
}

@keyframes animWidth {
  from {
    width: 0;
  }

  to {
    width: 350px;
  }
}

@-webkit-keyframes colorChange {
  to {
    color: #ff7a00;
  }
}

@keyframes colorChange {
  to {
    color: #ff7a00;
  }
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
  }

  40% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }

  60% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  80% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
  }

  40% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }

  60% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  80% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes scaleIn {
  0% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0;
  }

  90% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes scaleIn {
  0% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0;
  }

  90% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes animDotPos {
  0% {
    bottom: 0;
    right: 0;
  }

  10% {
    bottom: 42px;
    right: -30%;
  }

  15% {
    bottom: 72px;
    right: -30%;
  }

  20% {
    bottom: 95px;
    right: -30%;
  }

  30% {
    bottom: 125px;
    right: -20%;
  }

  40% {
    bottom: 148px;
    right: -15%;
  }

  50% {
    bottom: 165px;
    right: -15%;
  }

  60% {
    bottom: 175px;
    right: -10%;
  }

  70% {
    bottom: 185px;
    right: -8%;
  }

  80% {
    bottom: 188px;
    right: 0;
  }

  90% {
    bottom: 188px;
    right: 0;
  }

  100% {
    bottom: 188px;
    right: 0;
  }
}

@keyframes animDotPos {
  0% {
    bottom: 0;
    right: 0;
  }

  10% {
    bottom: 42px;
    right: -30%;
  }

  15% {
    bottom: 72px;
    right: -30%;
  }

  20% {
    bottom: 95px;
    right: -30%;
  }

  30% {
    bottom: 125px;
    right: -20%;
  }

  40% {
    bottom: 148px;
    right: -15%;
  }

  50% {
    bottom: 165px;
    right: -15%;
  }

  60% {
    bottom: 175px;
    right: -10%;
  }

  70% {
    bottom: 185px;
    right: -8%;
  }

  80% {
    bottom: 188px;
    right: 0;
  }

  90% {
    bottom: 188px;
    right: 0;
  }

  100% {
    bottom: 188px;
    right: 0;
  }
}

#intro-slides-modal #intro-slides .new-slide.slide-1 .slide-body {
  padding: 90px 80px 40px;
}

#intro-slides-modal #intro-slides .new-slide.slide-1 .slide-body .blocks-wrapper {
  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;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#intro-slides-modal #intro-slides .new-slide.slide-1 .slide-body .blocks-wrapper .block-wrapper {
  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;
  padding: 45px 10px 20px;
  width: 160px;
  min-height: 270px;
  height: 100%;
  background: #ff7a00;
  border-radius: 20px;
}

#intro-slides-modal #intro-slides .new-slide.slide-1 .slide-body .blocks-wrapper .block-wrapper .message-wrapper {
  color: white;
  font-size: 1.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  text-align: center;
}

#intro-slides-modal #intro-slides .new-slide.slide-1 .slide-body .bottom-message-wrapper {
  text-align: center;
  margin-top: 80px;
  border: 2px solid orange;
  border-radius: 5px;
  padding: 10px;
  font-size: 1.5rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
}

@media all and (max-width: 837px) {
  #intro-slides-modal #intro-slides .new-slide.slide-1 .slide-body {
    padding: 30px;
  }

  #intro-slides-modal #intro-slides .new-slide.slide-1 .slide-body .blocks-wrapper {
    width: 160px;
    margin: 0 auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  #intro-slides-modal #intro-slides .new-slide.slide-1 .slide-body .blocks-wrapper .arrow-wrapper {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    margin: 25px;
  }

  #intro-slides-modal #intro-slides .new-slide.slide-1 .slide-body .bottom-message-wrapper {
    margin-top: 30px;
    margin-bottom: 20px;
  }
}

#intro-slides-modal #intro-slides .new-slide.slide-2.ensemble .slide-header .heading {
  font-size: 2.45rem;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  #intro-slides-modal #intro-slides .new-slide.slide-2.ensemble .slide-header .heading {
    font-size: 2.1rem;
  }
}

@media screen and (max-width: 767px) {
  #intro-slides-modal #intro-slides .new-slide.slide-2.ensemble .slide-header .heading {
    font-size: 1.7rem;
  }
}

#intro-slides-modal #intro-slides .new-slide.slide-3 .slide-body .blocks-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 40px;
}

#intro-slides-modal #intro-slides .new-slide.slide-3 .slide-body .blocks-wrapper .block-wrapper {
  width: 50%;
  text-align: center;
  padding: 40px;
}

#intro-slides-modal #intro-slides .new-slide.slide-3 .slide-body .blocks-wrapper .block-wrapper .icon-wrapper {
  margin-bottom: 10px;
}

#intro-slides-modal #intro-slides .new-slide.slide-3 .slide-body .blocks-wrapper .block-wrapper .title {
  font-size: 1.7rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  margin-bottom: 7px;
}

#intro-slides-modal #intro-slides .new-slide.slide-3 .slide-body .blocks-wrapper .block-wrapper .description {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#intro-slides-modal #intro-slides:not(.classic-slides-pack) .header-nav {
  top: 115px;
}

html[data-disabled-animations="true"] #intro-slides-modal #intro-slides .circle {
  left: 90%;
}

html[data-disabled-animations="true"] #intro-slides-modal #intro-slides .curve {
  width: 350px;
}

.cash-rewards-sticker {
  position: absolute;
  background: url("/static/img/icons/cash-rewards/cash_rewards_sticker.svg") no-repeat;
  right: -2px;
  top: -2px;
  width: 100px;
  height: 100px;
  border-radius: 5px;
}

.cash-rewards-sticker-text {
  -webkit-transform: rotate(47deg);
  -ms-transform: rotate(47deg);
  transform: rotate(47deg);
  max-width: 50px;
  font-size: 1.4rem;
  line-height: 1.4rem;
  color: #fff;
  position: absolute;
  top: 8px;
  left: 41px;
  text-align: center;
  font-family: OpenSansSemiBold;
  text-transform: uppercase;
}

#happify_quiz_modal {
  min-height: 700px;
  max-width: 800px;
  position: relative;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Main layout */
  /* Questions page */
  /* Progress-bar styling */
  /* Intro page styling */
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #happify_quiz_modal:after {
    content: "";
    min-height: inherit;
    font-size: 0;
    visibility: hidden;
  }
}

#happify_quiz_modal .rsbtn {
  position: absolute;
}

#happify_quiz_modal .modal-inner {
  position: relative;
  padding: 0;
  width: 100%;
  min-height: 100%;
  overflow: hidden;
  border-radius: 10px 10px 0 0;
  background-clip: padding-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #happify_quiz_modal .modal-inner:after {
    content: "";
    min-height: auto;
    font-size: 0;
    visibility: hidden;
  }
}

#happify_quiz_modal .privacy {
  text-align: center;
  position: relative;
}

#happify_quiz_modal .privacy .confidencial_copy {
  margin: 15px auto;
  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;
}

#happify_quiz_modal .privacy .confidencial_copy .inside {
  line-height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#happify_quiz_modal .privacy .confidencial_copy .inside a {
  color: #777;
  font-family: 'OpenSansSemibold';
  padding-left: 3px;
}

#happify_quiz_modal .privacy .confidencial_copy .inside .icon.key {
  -webkit-transform: scale(0.75, 0.75);
  -ms-transform: scale(0.75, 0.75);
  transform: scale(0.75, 0.75);
  margin-top: -2px;
  margin-right: 2px;
}

#happify_quiz_modal .featured_in {
  margin-top: 35px;
  text-align: center;
}

#happify_quiz_modal .screens {
  max-width: 800px;
  overflow: hidden;
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#happify_quiz_modal .screens .screen {
  top: 0;
  height: 100%;
  position: relative;
  width: 100%;
}

#happify_quiz_modal .screens .screen.active {
  z-index: 1;
}

#happify_quiz_modal .screens .screen.next,
#happify_quiz_modal .screens .screen.prev {
  position: absolute;
}

#happify_quiz_modal .screens .happify_quiz_intro_screen .intro_slide .section:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#happify_quiz_modal .screens.results {
  height: 715px;
}

#happify_quiz_modal .screens.results .screen {
  top: 30px;
}

#happify_quiz_modal .screens .arrow-prev,
#happify_quiz_modal .screens .arrow-next {
  width: 50px;
  height: 50px;
  background-size: 17px 31px;
  position: absolute;
  cursor: pointer;
  top: 20%;
  z-index: 99;
  padding: 0;
}

#happify_quiz_modal .screens .arrow-prev {
  background: url('/static/img/strengths/arrow_back.png') no-repeat;
  background-position: 50%;
}

#happify_quiz_modal .screens .arrow-next {
  background: url('/static/img/strengths/arrow_forward.png') no-repeat;
  background-position: 50%;
  right: 0;
}

#happify_quiz_modal .quiz_questions_page .question,
#happify_quiz_modal .work_assessment_intro_2 .question {
  position: relative;
  background: #00aaea;
  color: #fff;
  width: 100%;
  height: 100%;
  min-height: 300px;
  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;
  opacity: 1;
  cursor: default;
  margin: 0 auto;
  text-align: center;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #happify_quiz_modal .quiz_questions_page .question:after,
  #happify_quiz_modal .work_assessment_intro_2 .question:after {
    content: "";
    min-height: inherit;
    font-size: 0;
    visibility: hidden;
  }
}

#happify_quiz_modal .quiz_questions_page .question:before,
#happify_quiz_modal .work_assessment_intro_2 .question:before {
  content: '';
  height: 100%;
  width: 120%;
  left: 0;
  top: 0;
  position: absolute;
  background: #00aaea;
}

#happify_quiz_modal .quiz_questions_page .question span,
#happify_quiz_modal .work_assessment_intro_2 .question span {
  font-size: 3.6rem;
  font-family: OpenSansLight;
  font-weight: normal;
  padding: 0 10%;
  position: relative;
  z-index: 1;
  width: 100%;
}

#happify_quiz_modal .quiz_questions_page .answers,
#happify_quiz_modal .work_assessment_intro_2 .answers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 100%;
  width: 100%;
  padding: 60px 35px 30px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: auto;
}

@media (max-width: 767.98px) {
  #happify_quiz_modal .quiz_questions_page .answers,
  #happify_quiz_modal .work_assessment_intro_2 .answers {
    padding: 30px 0;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #happify_quiz_modal .quiz_questions_page .answers:after,
  #happify_quiz_modal .work_assessment_intro_2 .answers:after {
    content: "";
    min-height: inherit;
    font-size: 0;
    visibility: hidden;
  }
}

#happify_quiz_modal .quiz_questions_page .answers .intro2_text,
#happify_quiz_modal .work_assessment_intro_2 .answers .intro2_text {
  line-height: normal;
  font-size: 1.8rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  text-align: center;
  margin: 40px auto 20px;
  padding: 0 10px;
}

#happify_quiz_modal .quiz_questions_page .answers .answer-container,
#happify_quiz_modal .work_assessment_intro_2 .answers .answer-container {
  cursor: pointer;
  width: 75px;
  margin: 10px 30px 0;
  white-space: normal;
}

#happify_quiz_modal .quiz_questions_page .answers .answer-container:hover,
#happify_quiz_modal .work_assessment_intro_2 .answers .answer-container:hover {
  text-decoration: none;
}

#happify_quiz_modal .quiz_questions_page .answers .answer-container:focus,
#happify_quiz_modal .work_assessment_intro_2 .answers .answer-container:focus {
  outline: none;
}

#happify_quiz_modal .quiz_questions_page .answers .answer-container .answer-circle,
#happify_quiz_modal .work_assessment_intro_2 .answers .answer-container .answer-circle {
  width: 67px;
  height: 67px;
  display: inline-block;
  margin: 0 auto;
  border-radius: 50%;
  background: url('/static/img/strengths/answer-circle.png');
  background-size: 67px 67px;
}

#happify_quiz_modal .quiz_questions_page .answers .answer-container:hover .answer-circle,
#happify_quiz_modal .work_assessment_intro_2 .answers .answer-container:hover .answer-circle {
  background: url("/static/img/strengths/answer_hover.png") no-repeat transparent;
  background-size: 67px 67px;
}

#happify_quiz_modal .quiz_questions_page .answers .answer-container.selected .answer-circle,
#happify_quiz_modal .work_assessment_intro_2 .answers .answer-container.selected .answer-circle {
  background: url("/static/img/strengths/answer_mousedown.png") no-repeat transparent;
  background-size: 67px 67px;
}

#happify_quiz_modal .quiz_questions_page .answers .answer-container .text,
#happify_quiz_modal .work_assessment_intro_2 .answers .answer-container .text {
  font-size: 1.2rem;
  font-family: OpenSansBold;
  font-weight: normal;
  color: #777;
  width: 100%;
  margin: 10px auto;
  text-align: center;
  text-transform: uppercase;
}

#happify_quiz_modal .quiz_questions_page .answers .button.blue,
#happify_quiz_modal .work_assessment_intro_2 .answers .button.blue {
  font-size: 2rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  display: block;
  width: 100%;
  max-width: 260px;
  margin: 0 auto;
  height: 64px;
  text-align: center;
  line-height: 64px;
}

#happify_quiz_modal .quiz_questions_page .multi_answers,
#happify_quiz_modal .work_assessment_intro_2 .multi_answers {
  width: 85%;
  height: 240px;
  margin: 0 auto;
  padding: 10px 0 0;
}

#happify_quiz_modal .quiz_questions_page .multi_answers .answers-column,
#happify_quiz_modal .work_assessment_intro_2 .multi_answers .answers-column {
  display: inline-block;
  vertical-align: top;
  line-height: normal;
}

#happify_quiz_modal .quiz_questions_page .multi_answers .answers-column .answer,
#happify_quiz_modal .work_assessment_intro_2 .multi_answers .answers-column .answer {
  display: block;
  cursor: pointer;
  margin: 10px 0;
}

#happify_quiz_modal .quiz_questions_page .multi_answers .answers-column .answer .checkbox,
#happify_quiz_modal .work_assessment_intro_2 .multi_answers .answers-column .answer .checkbox {
  width: 20px;
  height: 20px;
  background-image: url("/static/img/q17.png");
  background-size: 58px 20px;
  background-repeat: no-repeat;
  background-position: -20px 0;
  background-color: transparent;
  display: inline-block;
  vertical-align: top;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #happify_quiz_modal .quiz_questions_page .multi_answers .answers-column .answer .checkbox,
  #happify_quiz_modal .work_assessment_intro_2 .multi_answers .answers-column .answer .checkbox {
    background-image: url("/static/img/q17@2x.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #happify_quiz_modal .quiz_questions_page .multi_answers .answers-column .answer .checkbox,
  #happify_quiz_modal .work_assessment_intro_2 .multi_answers .answers-column .answer .checkbox {
    background-image: url("/static/img/q17@2x.png");
  }
}

#happify_quiz_modal .quiz_questions_page .multi_answers .answers-column .answer .answer-text,
#happify_quiz_modal .work_assessment_intro_2 .multi_answers .answers-column .answer .answer-text {
  font-size: 1.2rem;
  font-family: OpenSansBold;
  font-weight: normal;
  color: #777;
  vertical-align: middle;
  width: auto;
  text-align: left;
  margin-left: 10px;
  text-transform: uppercase;
  max-width: 80%;
}

#happify_quiz_modal .quiz_questions_page .multi_answers .answers-column .answer.selected .checkbox,
#happify_quiz_modal .work_assessment_intro_2 .multi_answers .answers-column .answer.selected .checkbox {
  background-position: 0 0;
}

#happify_quiz_modal .quiz_questions_page .multi_answers .answers-column:first-child,
#happify_quiz_modal .work_assessment_intro_2 .multi_answers .answers-column:first-child {
  width: 46%;
  margin-left: 8px;
}

#happify_quiz_modal .quiz_questions_page .multi_answers .answers-column:nth-child(2),
#happify_quiz_modal .work_assessment_intro_2 .multi_answers .answers-column:nth-child(2) {
  width: 52%;
}

#happify_quiz_modal .quiz_questions_page .multi_answers .button.blue,
#happify_quiz_modal .work_assessment_intro_2 .multi_answers .button.blue {
  display: block;
  width: 260px;
  margin: 30px auto 0;
  height: 55px;
  text-align: center;
  line-height: 55px;
  font-size: 20px;
}

#happify_quiz_modal .work_assessment_intro_2 .question {
  padding: 0 30px;
}

#happify_quiz_modal .work_assessment_intro_2 .question span {
  font-size: 3rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#happify_quiz_modal .progress-container {
  text-align: center;
}

#happify_quiz_modal .happify_quiz_progress_bar {
  margin: 15px 0;
  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;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#happify_quiz_modal .happify_quiz_progress_bar .progress-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#happify_quiz_modal .happify_quiz_progress_bar .progress-section .circle {
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  font-size: 1.4rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  background: #d0d0d1;
  border-radius: 50%;
  background-clip: padding-box;
  color: #ffffff;
  margin: 0 2px;
}

#happify_quiz_modal .happify_quiz_progress_bar .progress-section .circle.small {
  display: none;
  border: 2px solid #d0d0d1;
  width: 12.5px;
  height: 12.5px;
  background: #fff;
}

#happify_quiz_modal .happify_quiz_progress_bar .progress-section .line {
  background: #d0d0d1;
  height: 3px;
  width: 37px;
}

#happify_quiz_modal .happify_quiz_progress_bar .progress-section.open .circle {
  background: #00aaea;
}

#happify_quiz_modal .happify_quiz_progress_bar .progress-section.open .circle.small {
  background: #fff;
}

#happify_quiz_modal .happify_quiz_progress_bar .progress-section.open .circle.small.selected {
  background: #00aaea;
  border: none;
}

#happify_quiz_modal .happify_quiz_progress_bar .progress-section.open .line {
  background: #00aaea;
}

#happify_quiz_modal .happify_quiz_progress_bar .progress-section.open .line.subline {
  background: #d0d0d1;
}

#happify_quiz_modal .happify_quiz_progress_bar .progress-section.open .line.subline.selected {
  background: #00aaea;
}

#happify_quiz_modal .happify_quiz_progress_bar .progress-section.extended .circle.small {
  display: inline-block;
}

#happify_quiz_modal .happify_quiz_progress_bar.hidden {
  display: none;
}

#happify_quiz_modal .happify_quiz_intro_screen {
  height: 100%;
}

#happify_quiz_modal .happify_quiz_intro_screen .intro_slide {
  /* Work Assessment */
  /* Sel Assessment */
  /* Track Recommender */
}

#happify_quiz_modal .happify_quiz_intro_screen .intro_slide .section:first-child {
  background: url('/static/img/assessment/bg_image_skills.png?v=2.0') no-repeat #f7f9fa;
  background-size: cover;
  width: 100%;
  min-height: 300px;
  border-bottom: 2px solid #D2D1CE;
  padding: 5%;
}

#happify_quiz_modal .happify_quiz_intro_screen .intro_slide .section .text-container {
  font-size: 3.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #00aaea;
  width: 53%;
}

#happify_quiz_modal .happify_quiz_intro_screen .intro_slide .section .text-container h2 {
  font-size: 3.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #00aaea;
}

@media (max-width: 575.98px) {
  #happify_quiz_modal .happify_quiz_intro_screen .intro_slide .section .text-container {
    width: 100%;
  }
}

#happify_quiz_modal .happify_quiz_intro_screen .intro_slide .section .image-container {
  position: relative;
  width: 45%;
}

@media (max-width: 575.98px) {
  #happify_quiz_modal .happify_quiz_intro_screen .intro_slide .section .image-container {
    width: 100%;
  }
}

#happify_quiz_modal .happify_quiz_intro_screen .intro_slide .section .image-container img {
  height: auto;
}

#happify_quiz_modal .happify_quiz_intro_screen .intro_slide .section .image-container img.base-graph {
  opacity: 0.5;
  padding: 0;
}

#happify_quiz_modal .happify_quiz_intro_screen .intro_slide .section .image-container img.index-graph {
  top: 0;
  right: 0;
  position: absolute;
  width: 100%;
}

#happify_quiz_modal .happify_quiz_intro_screen .intro_slide .section p {
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  text-align: center;
  margin: 7% 0;
  line-height: normal;
  -ms-flex-preferred-size: 70%;
  flex-basis: 70%;
}

#happify_quiz_modal .happify_quiz_intro_screen .intro_slide .section:nth-child(2) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 100%;
  width: 100%;
}

#happify_quiz_modal .happify_quiz_intro_screen .intro_slide .nav {
  margin-bottom: 20px;
  width: 100%;
}

#happify_quiz_modal .happify_quiz_intro_screen .intro_slide .nav .button {
  font-size: 2rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  max-width: 320px;
  width: 90%;
  margin: 0 auto;
  display: block;
  height: 70px;
}

#happify_quiz_modal .happify_quiz_intro_screen .intro_slide .reward {
  text-align: center;
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin: -40px 0 40px 0;
  line-height: normal;
}

#happify_quiz_modal .happify_quiz_intro_screen .intro_slide .reward-text {
  color: #81BA00;
}

#happify_quiz_modal .happify_quiz_intro_screen .intro_slide.work_assessment .partner {
  width: 90%;
  font-size: 1.4rem;
  font-family: OpenSansBold;
  font-weight: normal;
  color: #666662;
  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-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-right: 10%;
  margin-top: 40px;
}

#happify_quiz_modal .happify_quiz_intro_screen .intro_slide.work_assessment .partner .text {
  width: 160px;
}

#happify_quiz_modal .happify_quiz_intro_screen .intro_slide.work_assessment .partner .image {
  width: 160px;
}

#happify_quiz_modal .happify_quiz_intro_screen .intro_slide.work_assessment .nav {
  margin-bottom: 10px;
}

#happify_quiz_modal .happify_quiz_intro_screen .intro_slide.work_assessment .nav .button.blue {
  font-size: 18px;
}

#happify_quiz_modal .happify_quiz_intro_screen .intro_slide.work_assessment .section {
  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;
}

#happify_quiz_modal .happify_quiz_intro_screen .intro_slide.work_assessment .section .text-container {
  font-size: 34px;
  width: 70%;
  text-align: left;
}

#happify_quiz_modal .happify_quiz_intro_screen .intro_slide.work_assessment .section .image-container {
  width: 25%;
}

#happify_quiz_modal .happify_quiz_intro_screen .intro_slide.work_assessment .section .image-container img:first-child {
  opacity: 1;
  width: 125px;
}

#happify_quiz_modal .happify_quiz_intro_screen .intro_slide.work_assessment .section:nth-child(2) {
  width: 94%;
}

#happify_quiz_modal .happify_quiz_intro_screen .intro_slide.work_assessment .section:nth-child(2) p {
  font-size: 20px;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}

#happify_quiz_modal .happify_quiz_intro_screen .intro_slide.sel_assessment {
  width: 800px;
}

#happify_quiz_modal .happify_quiz_intro_screen .intro_slide.sel_assessment .nav .button.blue {
  font-size: 18px;
}

#happify_quiz_modal .happify_quiz_intro_screen .intro_slide.sel_assessment .section .text-container {
  font-size: 34px;
  text-align: left;
  margin: 0 auto;
  padding-left: 70px;
}

#happify_quiz_modal .happify_quiz_intro_screen .intro_slide.sel_assessment .section .image-container {
  width: 125px;
}

#happify_quiz_modal .happify_quiz_intro_screen .intro_slide.sel_assessment .section .image-container img:first-child {
  opacity: 1;
  margin-left: 15%;
  width: 125px;
  height: 139px;
}

#happify_quiz_modal .happify_quiz_intro_screen .intro_slide.sel_assessment .section:nth-child(2) p {
  font-size: 20px;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}

#happify_quiz_modal .happify_quiz_intro_screen .intro_slide.track_recommender .section .text-container {
  padding: 0 30px;
  font-size: 3.6rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
}

#happify_quiz_modal .happify_quiz_intro_screen .intro_slide.track_recommender .section .text-container span {
  line-height: 42px;
}

#happify_quiz_modal .happify_quiz_intro_screen .intro_slide.track_recommender .section .image-container {
  padding: 70px 0 0 40px;
}

#happify_quiz_modal .happify_quiz_intro_screen .intro_slide.track_recommender .section .image-container img:first-child {
  width: 280px;
  opacity: 1;
  top: 70px;
  left: 40px;
}

#happify_quiz_modal .happify_quiz_intro_screen .intro_slide.track_recommender .section p {
  margin: 20px 0;
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
}

#happify_quiz_modal .happify_quiz_intro_screen .intro_slide.track_recommender .section:nth-child(2) {
  padding: 20px 97px;
}

#happify_quiz_modal .happify_quiz_intro_screen .intro_slide.happiness_assessment.phq9_gad7 .section .image-container {
  text-align: center;
  width: 42%;
}

@media (max-width: 575.98px) {
  #happify_quiz_modal .happify_quiz_intro_screen .intro_slide.happiness_assessment.phq9_gad7 .section .image-container {
    padding-top: 20px;
  }
}

#happify_quiz_modal .happify_quiz_intro_screen .intro_slide.happiness_assessment.phq9_gad7 .section .image-container svg {
  width: 216px;
}

#happify_quiz_modal .happify_quiz_intro_screen .intro_slide.happiness_assessment.phq9_gad7 .section .text-container {
  width: 55%;
}

#sel_assessment_feedback_modal .sprite-1.close {
  background: url('/static/img/strengths/button_close.png') no-repeat transparent;
  background-position: -1px -1px;
}

.happiness_assessment .happify_quiz_intro_question.design_0 .question {
  position: relative;
  background: #00aaea;
  border-radius: 10px 10px 0 0;
  background-clip: padding-box;
  color: #fff;
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 0 50px;
  opacity: 1;
}

.happiness_assessment .happify_quiz_intro_question.design_0 .question span {
  vertical-align: middle;
  line-height: normal;
  display: inline-block;
  font-size: 3rem;
  font-family: OpenSansLight;
  font-weight: normal;
}

.happiness_assessment .happify_quiz_intro_question.design_0 .button.blue {
  font-size: 2rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  display: block;
  width: 260px;
  height: 55px;
  margin: 95px auto 0;
  text-transform: uppercase;
  line-height: 55px;
  text-align: center;
  cursor: pointer;
  position: relative;
  z-index: 4;
  -webkit-box-shadow: 0 2px 0 #00729e;
  box-shadow: 0 2px 0 #00729e;
  background: #00aaea;
}

#happify_quiz_modal .intro_slide.track_recommender .section:nth-child(1),
#watson-assessment-modal .intro_slide.track_recommender .section:nth-child(1) {
  height: 280px;
  overflow: hidden;
}

#happify_quiz_modal .intro_slide.track_recommender .section:nth-child(1) .image-container,
#watson-assessment-modal .intro_slide.track_recommender .section:nth-child(1) .image-container {
  padding: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}

#happify_quiz_modal .intro_slide.track_recommender .section:nth-child(1) .image-container img:first-child,
#watson-assessment-modal .intro_slide.track_recommender .section:nth-child(1) .image-container img:first-child {
  width: 460px;
  position: relative;
  left: 0;
  top: 30px;
}

#happify_quiz_modal .intro_slide.track_recommender .section:nth-child(1) .image-container img.custom:first-child,
#watson-assessment-modal .intro_slide.track_recommender .section:nth-child(1) .image-container img.custom:first-child {
  height: auto;
  max-height: 100%;
  width: auto;
  max-width: 100%;
  top: 0;
}

#happify_quiz_modal .intro_slide.track_recommender .section:nth-child(2) .text-container,
#watson-assessment-modal .intro_slide.track_recommender .section:nth-child(2) .text-container {
  padding: 0;
  font-size: 32px;
  line-height: normal;
  width: 100%;
  text-align: center;
}

/* ====================================================================
 * styling encapsulated by/with
 *    - CLASS .confirm-modal
 *
 *  used for/in:
 *    - #track_level_progression_modal
 *    - #take_medal_modal
 *    - #ensemble_track_part
 *    - #change_track_modal
 * ================================================================== */

/* removing default overlay box shadow */

#track_level_progression_modal,
#take_medal_modal,
#ensemble_track_part,
#change_track_modal {
  -webkit-box-shadow: none;
  box-shadow: none;
  max-width: 730px;
}

#ensemble_track_part {
  background-image: url('/static/img/modal_congrads/track_part_bg.png');
}

#track_mandatory_completed_modal {
  -webkit-box-shadow: none;
  box-shadow: none;
  max-width: 732px;
  max-height: 331px;
}

#track_mandatory_completed_modal .button {
  text-transform: none;
}

.confirm-modal {
  padding: 40px 30px 30px;
  /*------------------------------------*\
  CONGRATS
\*------------------------------------*/
  /*------------------------------------*\
    HEADING GROUP
  \*------------------------------------*/
  /*------------------------------------*\
    CONTENT
  \*------------------------------------*/
  /*------------------------------------*\
    BUTTON GROUP
  \*------------------------------------*/
}

.confirm-modal .congrats {
  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;
}

.confirm-modal .congrats .modalTitle {
  padding: 1.5rem;
}

.confirm-modal hgroup {
  line-height: 1.5;
  text-align: center;
}

.confirm-modal h2,
.confirm-modal h3 {
  margin: 0;
  color: #00aaea;
  font-weight: normal;
}

.confirm-modal h2 {
  font-size: 2.3rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
}

.confirm-modal h3,
.confirm-modal h4 {
  font-size: 1.65rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
}

.confirm-modal .rewards {
  font-size: 1.65rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  margin: 0;
  color: #777774;
}

.confirm-modal .rewards_text {
  color: #81BA00;
}

.confirm-modal .message_trp,
.confirm-modal .title_trp {
  font-size: 2.3rem;
  font-family: OpenSans;
  font-weight: normal;
  color: #7E7E78;
}

.confirm-modal .message_trp {
  line-height: 31px;
  margin: 15px 0 15px 0;
}

.confirm-modal .title_trp {
  line-height: 31px;
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.confirm-modal .title_trp .title_text {
  line-height: 80px;
}

.confirm-modal .title_trp .title_medal {
  display: inline-block;
  width: 94px;
}

.confirm-modal .message {
  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;
  width: 100%;
  padding: 40px 0 35px;
}

.confirm-modal .message .message-icon {
  margin-right: 15px;
}

@media (max-width: 767.98px) {
  .confirm-modal .message .message-icon {
    margin: 0 auto;
  }
}

.confirm-modal .message .message-icon.warning-icon {
  width: 45px;
  height: 45px;
}

.confirm-modal .message .message-text {
  font-size: 1.8rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

@media (max-width: 767.98px) {
  .confirm-modal .message .message-text {
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    text-align: center;
  }
}

.confirm-modal.finish-mandatory .message {
  padding: 18px 0 35px;
}

.confirm-modal .btn-group {
  text-align: center;
  width: 100%;
}

.confirm-modal .btn-group.trp {
  margin: 15px 0 15px 0;
}

.confirm-modal .button {
  font-size: 1.5rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  display: inline-block;
  min-width: 200px;
  height: 50px;
  line-height: 50px;
  text-transform: uppercase;
  margin: 10px;
}

.confirm-modal .button.orange {
  -webkit-box-shadow: 0 4px 0 #b35500;
  box-shadow: 0 4px 0 #b35500;
}

.confirm-modal .button.light-gray {
  -webkit-box-shadow: 0 4px 0 #c5c5c5;
  box-shadow: 0 4px 0 #c5c5c5;
}

.confirm-modal .button_trp {
  text-transform: none;
}

.cash-rewards-subtitle {
  margin: 0;
  margin-top: 5px;
}

.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;
}

#activity_completed_modal,
#skill_level_modal {
  margin-top: 70px;
  text-align: center;
  min-height: 340px;
  width: 100%;
  max-width: 395px;
  background-color: #fff;
}

#activity_completed_modal #modal.animate .ribbon,
#skill_level_modal #modal.animate .ribbon {
  position: relative;
  left: 0;
  margin: 0 auto 10px auto;
  height: 75px;
  width: 100%;
  text-align: center;
  line-height: 75px;
}

#activity_completed_modal #modal.animate .ribbon .message,
#skill_level_modal #modal.animate .ribbon .message {
  position: absolute;
  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: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-transform: uppercase;
  top: 0;
  left: 0;
  height: 75px;
  width: 100%;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  font-size: 20px;
  line-height: normal;
  color: #fff;
}

#activity_completed_modal #modal.animate .ribbon .message.SA,
#skill_level_modal #modal.animate .ribbon .message.SA {
  background-color: #c5168a;
}

#activity_completed_modal #modal.animate .ribbon .message.TH,
#skill_level_modal #modal.animate .ribbon .message.TH {
  background-color: #ff7a00;
}

#activity_completed_modal #modal.animate .ribbon .message.AS,
#skill_level_modal #modal.animate .ribbon .message.AS {
  background-color: #00aaea;
}

#activity_completed_modal #modal.animate .ribbon .message.GI,
#skill_level_modal #modal.animate .ribbon .message.GI {
  background-color: #06b709;
}

#activity_completed_modal #modal.animate .ribbon .message.EM,
#skill_level_modal #modal.animate .ribbon .message.EM {
  background-color: #ff3131;
}

#activity_completed_modal #modal.animate .ribbon .message.OT,
#skill_level_modal #modal.animate .ribbon .message.OT {
  background-color: #f4d420;
}

#activity_completed_modal #modal.animate .ribbon .message.RE,
#skill_level_modal #modal.animate .ribbon .message.RE {
  background-color: #2ac4c5;
}

#activity_completed_modal #modal.animate .ribbon .message span,
#skill_level_modal #modal.animate .ribbon .message span {
  text-transform: uppercase;
}

#activity_completed_modal #modal.animate .ribbon .shadow,
#skill_level_modal #modal.animate .ribbon .shadow {
  position: absolute;
  bottom: -10px;
  left: 10px;
  opacity: 0.3;
  margin: 0 auto;
  height: 10px;
  width: 95%;
  background-color: #cecece;
}

#activity_completed_modal #modal.animate .ribbon .edge,
#skill_level_modal #modal.animate .ribbon .edge {
  height: 45px;
  width: 32px;
  background-repeat: no-repeat;
}

#activity_completed_modal #modal.animate .ribbon .edge.SA,
#skill_level_modal #modal.animate .ribbon .edge.SA {
  background-image: url(/static/img/modal_congrads/SAVOR_ribbon.png);
}

#activity_completed_modal #modal.animate .ribbon .edge.TH,
#skill_level_modal #modal.animate .ribbon .edge.TH {
  background-image: url(/static/img/modal_congrads/THANK_ribbon.png);
}

#activity_completed_modal #modal.animate .ribbon .edge.AS,
#skill_level_modal #modal.animate .ribbon .edge.AS {
  background-image: url(/static/img/modal_congrads/ASPIRE_ribbon.png);
}

#activity_completed_modal #modal.animate .ribbon .edge.GI,
#skill_level_modal #modal.animate .ribbon .edge.GI {
  background-image: url(/static/img/modal_congrads/GIVE_ribbon.png);
}

#activity_completed_modal #modal.animate .ribbon .edge.EM,
#skill_level_modal #modal.animate .ribbon .edge.EM {
  background-image: url(/static/img/modal_congrads/EMPATHIZE_ribbon.png);
}

#activity_completed_modal #modal.animate .ribbon .edge.OT,
#skill_level_modal #modal.animate .ribbon .edge.OT {
  background-image: url(/static/img/modal_congrads/other_ribbon.png);
}

#activity_completed_modal #modal.animate .ribbon .edge.RE,
#skill_level_modal #modal.animate .ribbon .edge.RE {
  background-image: url(/static/img/modal_congrads/revive_ribbon.png);
}

#activity_completed_modal #modal.animate .ribbon .edge.left,
#skill_level_modal #modal.animate .ribbon .edge.left {
  position: absolute;
  background-position: 0 -15px;
  top: 15px;
  left: -32px;
}

#activity_completed_modal #modal.animate .ribbon .edge.right,
#skill_level_modal #modal.animate .ribbon .edge.right {
  position: absolute;
  background-position: -441px -15px;
  top: 15px;
  right: -32px;
}

#activity_completed_modal .modal-inner .skill-icon-large,
#skill_level_modal .modal-inner .skill-icon-large {
  position: absolute;
  left: 50%;
  margin-left: -57px;
  height: 129px;
  width: 122px;
  top: -70px;
  border-radius: 50%;
  background-clip: padding-box;
}

#activity_completed_modal .modal-inner .activity_name,
#skill_level_modal .modal-inner .activity_name {
  font-size: 2rem;
  font-family: OpenSansBold;
  font-weight: normal;
}

#activity_completed_modal .modal-inner .scores_block,
#skill_level_modal .modal-inner .scores_block {
  position: relative;
  margin: 0 auto 10px auto;
  display: inline-block;
  font-size: 1.5rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  width: 80%;
}

#activity_completed_modal .modal-inner .scores_block .score_row,
#skill_level_modal .modal-inner .scores_block .score_row {
  position: relative;
  width: 100%;
}

#activity_completed_modal .modal-inner .scores_block .score_row .text_cell,
#skill_level_modal .modal-inner .scores_block .score_row .text_cell {
  text-align: left;
  position: relative;
  width: 70%;
  float: left;
}

#activity_completed_modal .modal-inner .scores_block .score_row .scores_cell,
#skill_level_modal .modal-inner .scores_block .score_row .scores_cell {
  text-align: right;
  position: relative;
  width: 30%;
  float: left;
}

#activity_completed_modal .modal-inner .notification_container,
#skill_level_modal .modal-inner .notification_container {
  position: relative;
  margin-top: 25px;
  padding: 0 10px;
  color: #777;
  font-size: 1.8rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#activity_completed_modal .modal-inner .rewards_container,
#skill_level_modal .modal-inner .rewards_container {
  width: 100%;
  text-align: center;
  font-family: OpenSansRegular;
  font-size: 18px;
  font-weight: normal;
  color: #777774;
  padding: 10px 20px;
}

#activity_completed_modal .modal-inner .rewards_container .premium,
#skill_level_modal .modal-inner .rewards_container .premium {
  color: #81BA00;
  font-family: OpenSansBold;
  font-weight: 700;
}

#activity_completed_modal .modal-inner .benefit-container,
#skill_level_modal .modal-inner .benefit-container {
  text-align: left;
  padding: 10px 20px;
}

#activity_completed_modal .modal-inner .benefit-container h3,
#skill_level_modal .modal-inner .benefit-container h3 {
  font-size: 1.6rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
}

#activity_completed_modal .modal-inner .benefit-container ul,
#skill_level_modal .modal-inner .benefit-container ul {
  list-style: none;
}

#activity_completed_modal .modal-inner .benefit-container ul li,
#skill_level_modal .modal-inner .benefit-container ul li {
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
  line-height: 24px;
  position: relative;
  margin-left: 13px;
}

#activity_completed_modal .modal-inner .benefit-container ul li:after,
#skill_level_modal .modal-inner .benefit-container ul li:after {
  border-radius: 50%;
  background-clip: padding-box;
  content: '';
  position: absolute;
  left: -12px;
  top: 10px;
  width: 5px;
  height: 5px;
}

#activity_completed_modal .modal-inner .games_additional,
#skill_level_modal .modal-inner .games_additional {
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 15px;
  text-align: left;
}

#activity_completed_modal .modal-inner .games_additional .header_additional,
#skill_level_modal .modal-inner .games_additional .header_additional {
  padding: 20px 0;
  border-top: 2px solid #f4f4f4;
  font-family: OpenSansSemiBold;
}

#activity_completed_modal .modal-inner .games_additional .link_additional,
#skill_level_modal .modal-inner .games_additional .link_additional {
  color: #777;
}

#activity_completed_modal .modal-inner .buttons-container,
#skill_level_modal .modal-inner .buttons-container {
  margin: 30px 0;
}

#activity_completed_modal .modal-inner .buttons-container .button.orange,
#skill_level_modal .modal-inner .buttons-container .button.orange {
  font-size: 1.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  width: 120px;
  height: 35px;
  line-height: 35px;
}

#activity_completed_modal .modal-inner .buttons-container .button.orange.uppercase,
#skill_level_modal .modal-inner .buttons-container .button.orange.uppercase {
  text-transform: uppercase;
}

#activity_completed_modal .modal-inner .buttons-container .button.secondary,
#skill_level_modal .modal-inner .buttons-container .button.secondary {
  font-size: 1.3rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  width: 120px;
  height: 36px;
  line-height: 36px;
}

#activity_completed_modal .modal-inner .buttons-container .share-container,
#skill_level_modal .modal-inner .buttons-container .share-container {
  width: 125px;
  display: inline-block;
  vertical-align: top;
}

#activity_completed_modal .modal-inner .buttons-container .share-container .viral-share,
#skill_level_modal .modal-inner .buttons-container .share-container .viral-share {
  width: 120px;
}

#activity_completed_modal .modal-inner .links-container,
#skill_level_modal .modal-inner .links-container {
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #372f2b;
  margin-bottom: 40px;
}

#activity_completed_modal .modal-inner .skill-icon-large,
#skill_level_modal .modal-inner .skill-icon-large {
  left: 50%;
  width: 114px;
  height: 114px;
  margin-left: -57px;
  top: -70px;
  overflow: hidden;
}

#activity_completed_modal .modal-inner .skill-icon-large .second,
#skill_level_modal .modal-inner .skill-icon-large .second {
  width: 57px;
  height: 114px;
}

#activity_completed_modal .modal-inner .skill-icon-large .skill-icon-white,
#skill_level_modal .modal-inner .skill-icon-large .skill-icon-white {
  position: absolute;
  top: 27px;
  left: 27px;
}

#activity_completed_modal .modal-inner.SA .skill-icon-large,
#skill_level_modal .modal-inner.SA .skill-icon-large {
  background-color: #c5168a;
}

#activity_completed_modal .modal-inner.SA .skill-icon-large .second,
#skill_level_modal .modal-inner.SA .skill-icon-large .second {
  background-color: #b1147d;
}

#activity_completed_modal .modal-inner.SA .activity_name,
#skill_level_modal .modal-inner.SA .activity_name,
#activity_completed_modal .modal-inner.SA .benefit-container,
#skill_level_modal .modal-inner.SA .benefit-container,
#activity_completed_modal .modal-inner.SA .message span,
#skill_level_modal .modal-inner.SA .message span,
#activity_completed_modal .modal-inner.SA .header_additional,
#skill_level_modal .modal-inner.SA .header_additional {
  color: #c5168a;
}

#activity_completed_modal .modal-inner.SA .ribbon,
#skill_level_modal .modal-inner.SA .ribbon {
  background: url('/static/img/modal_congrads/SAVOR_ribbon.png') no-repeat;
  background-position: center;
}

#activity_completed_modal .modal-inner.SA li:after,
#skill_level_modal .modal-inner.SA li:after {
  background: #c5168a;
}

#activity_completed_modal .modal-inner.TH .skill-icon-large,
#skill_level_modal .modal-inner.TH .skill-icon-large {
  background-color: #ff7a00;
}

#activity_completed_modal .modal-inner.TH .skill-icon-large .second,
#skill_level_modal .modal-inner.TH .skill-icon-large .second {
  background-color: #e56e00;
}

#activity_completed_modal .modal-inner.TH .activity_name,
#skill_level_modal .modal-inner.TH .activity_name,
#activity_completed_modal .modal-inner.TH .benefit-container,
#skill_level_modal .modal-inner.TH .benefit-container,
#activity_completed_modal .modal-inner.TH .message span,
#skill_level_modal .modal-inner.TH .message span,
#activity_completed_modal .modal-inner.TH .header_additional,
#skill_level_modal .modal-inner.TH .header_additional {
  color: #ff7a00;
}

#activity_completed_modal .modal-inner.TH .ribbon,
#skill_level_modal .modal-inner.TH .ribbon {
  background: url('/static/img/modal_congrads/THANK_ribbon.png') no-repeat;
  background-position: center;
}

#activity_completed_modal .modal-inner.TH li:after,
#skill_level_modal .modal-inner.TH li:after {
  background: #ff7a00;
}

#activity_completed_modal .modal-inner.GI .skill-icon-large,
#skill_level_modal .modal-inner.GI .skill-icon-large {
  background-color: #06b709;
}

#activity_completed_modal .modal-inner.GI .skill-icon-large .second,
#skill_level_modal .modal-inner.GI .skill-icon-large .second {
  background-color: #05a408;
}

#activity_completed_modal .modal-inner.GI .activity_name,
#skill_level_modal .modal-inner.GI .activity_name,
#activity_completed_modal .modal-inner.GI .benefit-container,
#skill_level_modal .modal-inner.GI .benefit-container,
#activity_completed_modal .modal-inner.GI .message span,
#skill_level_modal .modal-inner.GI .message span,
#activity_completed_modal .modal-inner.GI .header_additional,
#skill_level_modal .modal-inner.GI .header_additional {
  color: #06b709;
}

#activity_completed_modal .modal-inner.GI .ribbon,
#skill_level_modal .modal-inner.GI .ribbon {
  background: url('/static/img/modal_congrads/GIVE_ribbon.png') no-repeat;
  background-position: center;
}

#activity_completed_modal .modal-inner.GI li:after,
#skill_level_modal .modal-inner.GI li:after {
  background: #06b709;
}

#activity_completed_modal .modal-inner.AS .skill-icon-large,
#skill_level_modal .modal-inner.AS .skill-icon-large {
  background-color: #00aaea;
}

#activity_completed_modal .modal-inner.AS .skill-icon-large .second,
#skill_level_modal .modal-inner.AS .skill-icon-large .second {
  background-color: #0099d2;
}

#activity_completed_modal .modal-inner.AS .activity_name,
#skill_level_modal .modal-inner.AS .activity_name,
#activity_completed_modal .modal-inner.AS .benefit-container,
#skill_level_modal .modal-inner.AS .benefit-container,
#activity_completed_modal .modal-inner.AS .message span,
#skill_level_modal .modal-inner.AS .message span,
#activity_completed_modal .modal-inner.AS .header_additional,
#skill_level_modal .modal-inner.AS .header_additional {
  color: #00aaea;
}

#activity_completed_modal .modal-inner.AS .ribbon,
#skill_level_modal .modal-inner.AS .ribbon {
  background: url('/static/img/modal_congrads/ASPIRE_ribbon.png') no-repeat;
  background-position: center;
}

#activity_completed_modal .modal-inner.AS li:after,
#skill_level_modal .modal-inner.AS li:after {
  background: #00aaea;
}

#activity_completed_modal .modal-inner.EM .skill-icon-large,
#skill_level_modal .modal-inner.EM .skill-icon-large {
  background-color: #ff3131;
}

#activity_completed_modal .modal-inner.EM .skill-icon-large .second,
#skill_level_modal .modal-inner.EM .skill-icon-large .second {
  background-color: #e52c2c;
}

#activity_completed_modal .modal-inner.EM .activity_name,
#skill_level_modal .modal-inner.EM .activity_name,
#activity_completed_modal .modal-inner.EM .benefit-container,
#skill_level_modal .modal-inner.EM .benefit-container,
#activity_completed_modal .modal-inner.EM .message span,
#skill_level_modal .modal-inner.EM .message span,
#activity_completed_modal .modal-inner.EM .header_additional,
#skill_level_modal .modal-inner.EM .header_additional {
  color: #ff3131;
}

#activity_completed_modal .modal-inner.EM .ribbon,
#skill_level_modal .modal-inner.EM .ribbon {
  background: url('/static/img/modal_congrads/EMPATHIZE_ribbon.png') no-repeat;
  background-position: center;
}

#activity_completed_modal .modal-inner.EM li:after,
#skill_level_modal .modal-inner.EM li:after {
  background: #ff3131;
}

#activity_completed_modal .modal-inner.OT .skill-icon-large,
#skill_level_modal .modal-inner.OT .skill-icon-large {
  background-color: #f4d420;
}

#activity_completed_modal .modal-inner.OT .skill-icon-large .second,
#skill_level_modal .modal-inner.OT .skill-icon-large .second {
  background-color: #dbbe1d;
}

#activity_completed_modal .modal-inner.OT .activity_name,
#skill_level_modal .modal-inner.OT .activity_name,
#activity_completed_modal .modal-inner.OT .benefit-container,
#skill_level_modal .modal-inner.OT .benefit-container,
#activity_completed_modal .modal-inner.OT .message span,
#skill_level_modal .modal-inner.OT .message span,
#activity_completed_modal .modal-inner.OT .header_additional,
#skill_level_modal .modal-inner.OT .header_additional {
  color: #f4d420;
}

#activity_completed_modal .modal-inner.OT .ribbon,
#skill_level_modal .modal-inner.OT .ribbon {
  background: url('/static/img/modal_congrads/other_ribbon.png') no-repeat;
  background-position: center;
}

#activity_completed_modal .modal-inner.OT li:after,
#skill_level_modal .modal-inner.OT li:after {
  background: #f4d420;
}

#activity_completed_modal .modal-inner.RE .skill-icon-large,
#skill_level_modal .modal-inner.RE .skill-icon-large {
  background-color: #2ac4c5;
}

#activity_completed_modal .modal-inner.RE .skill-icon-large .second,
#skill_level_modal .modal-inner.RE .skill-icon-large .second {
  background-color: #29b6b8;
}

#activity_completed_modal .modal-inner.RE .activity_name,
#skill_level_modal .modal-inner.RE .activity_name,
#activity_completed_modal .modal-inner.RE .benefit-container,
#skill_level_modal .modal-inner.RE .benefit-container,
#activity_completed_modal .modal-inner.RE .message span,
#skill_level_modal .modal-inner.RE .message span,
#activity_completed_modal .modal-inner.RE .header_additional,
#skill_level_modal .modal-inner.RE .header_additional {
  color: #2ac4c5;
}

#activity_completed_modal .modal-inner.RE .ribbon,
#skill_level_modal .modal-inner.RE .ribbon {
  background: url('/static/img/modal_congrads/revive_ribbon.png') no-repeat;
  background-position: center;
}

#activity_completed_modal .modal-inner.RE li:after,
#skill_level_modal .modal-inner.RE li:after {
  background: #2ac4c5;
}

#activity_completed_modal .modal-inner.kindness_chain,
#skill_level_modal .modal-inner.kindness_chain {
  padding-bottom: 1px;
}

#activity_completed_modal .modal-inner.kindness_chain .links-container,
#skill_level_modal .modal-inner.kindness_chain .links-container {
  margin: 0;
  padding-bottom: 40px;
}

#activity_completed_modal .modal-inner.kindness_chain .buttons-container,
#skill_level_modal .modal-inner.kindness_chain .buttons-container {
  margin: 40px 0;
}

#activity_completed_modal .modal-inner.kindness_chain .buttons-container .button.orange,
#skill_level_modal .modal-inner.kindness_chain .buttons-container .button.orange {
  height: 46px;
  line-height: 46px;
}

#activity_completed_modal .modal-inner .ribbon .message span,
#skill_level_modal .modal-inner .ribbon .message span {
  color: #fff;
}

#skill_level_modal .unlock-section {
  border-radius: 5px;
  background-clip: padding-box;
  border: 2px solid rgba(0, 0, 0, 0.1);
  width: 90%;
  margin: 30px auto;
  padding: 10px 25px;
  text-align: left;
}

#skill_level_modal .unlock-section .message {
  text-align: center;
}

#skill_level_modal .unlock-section .unlocked-activities {
  padding: 10px 0;
  text-align: left;
  list-style: none;
}

#skill_level_modal .unlock-section .unlocked-activities li {
  color: #777;
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#skill_level_modal .unlock-section .unlocked-message {
  margin: 10px 0 0;
  font-size: 1.6rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
}

#skill_level_modal .unlock-section .unlocked-message .disclaimer {
  color: #777;
  font-size: 1.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin-top: 5px;
  text-align: center;
}

#skill_level_modal .modal-inner.SA .unlock-section .message,
#skill_level_modal .modal-inner.SA .unlocked-message,
#skill_level_modal .modal-inner.SA .unlocked-message .disclaimer a {
  color: #c5168a;
}

#skill_level_modal .modal-inner.TH .unlock-section .message,
#skill_level_modal .modal-inner.TH .unlocked-message,
#skill_level_modal .modal-inner.TH .unlocked-message .disclaimer a {
  color: #ff7a00;
}

#skill_level_modal .modal-inner.GI .unlock-section .message,
#skill_level_modal .modal-inner.GI .unlocked-message,
#skill_level_modal .modal-inner.GI .unlocked-message .disclaimer a {
  color: #06b709;
}

#skill_level_modal .modal-inner.AS .unlock-section .message,
#skill_level_modal .modal-inner.AS .unlocked-message,
#skill_level_modal .modal-inner.AS .unlocked-message .disclaimer a {
  color: #00aaea;
}

#skill_level_modal .modal-inner.EM .unlock-section .message,
#skill_level_modal .modal-inner.EM .unlocked-message,
#skill_level_modal .modal-inner.EM .unlocked-message .disclaimer a {
  color: #ff3131;
}

#skill_level_modal .modal-inner.OT .unlock-section .message,
#skill_level_modal .modal-inner.OT .unlocked-message,
#skill_level_modal .modal-inner.OT .unlocked-message .disclaimer a {
  color: #f4d420;
}

#skill_level_modal .modal-inner.RE .unlock-section .message,
#skill_level_modal .modal-inner.RE .unlocked-message,
#skill_level_modal .modal-inner.RE .unlocked-message .disclaimer a {
  color: #2ac4c5;
}

#kindless_chain_modal {
  margin-top: 70px;
}

#kindless_chain_modal .reply-col {
  width: 60%;
  margin: 50px auto;
  text-align: left;
}

#kindless_chain_modal .reply-col h3 {
  font-size: 2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #372f2b;
}

#kindless_chain_modal .reply-col .happy-faces {
  margin-top: 30px;
}

#kindless_chain_modal .reply-col .happy-faces li {
  width: 24%;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  cursor: pointer;
  color: #d7d7d2;
}

#kindless_chain_modal .reply-col .happy-faces li .face {
  width: 50px;
  height: 50px;
  margin: 0 auto;
}

#kindless_chain_modal .reply-col .happy-faces li .face.mademyday {
  background: url('/static/img/kindless_chain/LP/smiley_made_my_day_default.png') no-repeat transparent;
  background-size: cover;
}

#kindless_chain_modal .reply-col .happy-faces li .face.flattered {
  background: url('/static/img/kindless_chain/LP/smiley_flattered_default.png') no-repeat transparent;
  background-size: cover;
}

#kindless_chain_modal .reply-col .happy-faces li .face.thankyou {
  background: url('/static/img/kindless_chain/LP/smiley_thank_you_default.png') no-repeat transparent;
  background-size: cover;
}

#kindless_chain_modal .reply-col .happy-faces li .face.shock {
  background: url('/static/img/kindless_chain/LP/smiley_shock_default.png') no-repeat transparent;
  background-size: cover;
}

#kindless_chain_modal .reply-col .happy-faces li .description {
  width: 65px;
  margin: 0 auto;
  padding-bottom: 5px;
  line-height: 18px;
  margin-top: 5px;
}

#kindless_chain_modal .reply-col .happy-faces li.selected {
  font-family: OpenSansSemibold;
  color: #ff7a00;
}

#kindless_chain_modal .reply-col .happy-faces li.selected .description {
  border-bottom: 2px solid #ff7a00;
}

#kindless_chain_modal .reply-col .happy-faces li.selected .face.mademyday {
  background: url('/static/img/kindless_chain/LP/smiley_made_my_day_active.png') no-repeat transparent;
  background-size: cover;
}

#kindless_chain_modal .reply-col .happy-faces li.selected .face.flattered {
  background: url('/static/img/kindless_chain/LP/smiley_flattered_active.png') no-repeat transparent;
  background-size: cover;
}

#kindless_chain_modal .reply-col .happy-faces li.selected .face.thankyou {
  background: url('/static/img/kindless_chain/LP/smiley_thank_you_active.png') no-repeat transparent;
  background-size: cover;
}

#kindless_chain_modal .reply-col .happy-faces li.selected .face.shock {
  background: url('/static/img/kindless_chain/LP/smiley_shock_active.png') no-repeat transparent;
  background-size: cover;
}

#kindless_chain_modal .reply-col form {
  width: 100%;
  margin: 30px 0 0;
}

#kindless_chain_modal .reply-col form input[type=text] {
  width: 100%;
  height: 38px;
  padding: 10px 15px;
  font-size: 1.3rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
  margin-bottom: 10px;
}

#kindless_chain_modal .reply-col form textarea {
  width: 100%;
  font-size: 1.3rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  height: 120px;
  color: #777;
  padding: 10px 15px;
}

#kindless_chain_modal .reply-col form .buttons-container {
  height: 50px;
  margin-top: 20px;
}

#kindless_chain_modal .reply-col form .buttons-container input[type=submit] {
  width: 190px;
  font-size: 1.6rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  height: 50px;
  line-height: 50px;
  float: right;
}

#kindless_chain_modal .reply-col form .buttons-container a {
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  text-decoration: underline;
  float: left;
  color: #777;
  line-height: normal;
  display: inline-block;
  text-align: center;
  width: 140px;
  margin-top: 3px;
}

#kindless_chain_modal .reply-col form .buttons-container span.congrats {
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #058f07;
  float: right;
  line-height: 50px;
}

html[lang=zh] #activity_completed_modal .modal-inner .benefit-container {
  position: relative;
  top: 10px;
}

#gift_confirmation_modal {
  text-align: center;
  background-color: #fff;
  width: 800px;
  min-height: 500px;
  padding: 50px;
}

#gift_confirmation_modal h1 {
  color: #ff7a00;
  font-size: 3rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  max-width: 470px;
  margin: 0 auto;
}

#gift_confirmation_modal .sub {
  font-size: 1.5rem;
  font-family: OpenSansRegular;
  margin: 30px 0 40px;
  font-weight: normal;
}

#gift_confirmation_modal .text {
  font-size: 1.8rem;
  font-family: OpenSansRegular;
  margin: 40px auto 50px;
  font-weight: normal;
  max-width: 500px;
}

#gift_confirmation_modal .buttons .button {
  font-size: 16px;
  width: 150px;
  height: 55px;
  line-height: 55px;
  text-align: center;
}

html[data-wcag-enabled=true] #gift_confirmation_modal {
  text-align: center;
  background-color: #fff;
  width: 800px;
  min-height: 500px;
  padding: 50px;
}

html[data-wcag-enabled=true] #gift_confirmation_modal h1 {
  color: black;
  font-size: 3rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  max-width: 470px;
  margin: 0 auto;
}

@media only screen and (min-width: 320px) and (max-width: 1024px) {
  #gift_confirmation_modal {
    width: 90% !important;
    padding: 50px 5% !important;
  }

  #gift_confirmation_modal h1 {
    max-width: 75% !important;
    font-size: 26px !important;
  }

  #gift_confirmation_modal .sub {
    margin: 30px auto 40px !important;
    max-width: 80% !important;
    font-size: 1.8rem !important;
    font-family: OpenSansSemibold !important;
    font-weight: normal !important;
  }
}

@media only screen and (min-width: 320px) and (max-width: 1024px) {
  #gift_activated_modal {
    width: 80% !important;
    padding: 125px 10% 80px !important;
  }

  #gift_activated_modal h1 {
    text-align: center;
    font-size: 2.4rem;
    font-family: OpenSansBold;
    font-weight: normal;
    color: #777;
  }

  #gift_activated_modal p {
    text-align: center;
    font-size: 1.8rem;
    font-family: OpenSansSemibold;
    font-weight: normal;
  }

  #gift_activated_modal .app-stores {
    margin-top: 80px;
  }

  #gift_activated_modal .app-stores .button {
    line-height: 40;
    width: 135px;
    height: 40px;
    display: block;
    margin: 20px auto;
  }

  #gift_activated_modal .app-stores .button.apple-app-store {
    background: url('/static/img/apple_app_store_135x40.png') no-repeat;
    background-size: cover;
  }

  #gift_activated_modal .app-stores .button.google-play {
    background: url('/static/img/google_play_135x40.png') no-repeat;
    background-size: cover;
  }
}

@media only screen and (min-width: 320px) and (max-width: 405px) {
  #gift_activated_modal br {
    display: none;
  }
}

#change_space_modal {
  text-align: left;
  background-color: #fff;
  width: 1024px;
  padding: 50px;
}

#change_space_modal h1 {
  color: #00aaea;
  font-size: 2.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  text-align: left;
}

#change_space_modal .partnerspaces {
  padding-top: 20px;
}

#change_space_modal .partnerspaces .column {
  vertical-align: top;
  margin: 0 5px;
}

#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,
#change_space_modal .partnerspaces .space button {
  font-size: 1.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  min-width: 90%;
  max-width: 90%;
  line-height: 30px;
  height: auto;
  min-height: 30px;
  text-align: center;
  padding: 3px 7px;
}

#change_space_modal .partnerspaces .space a.button span,
#change_space_modal .partnerspaces .space 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;
}

#change_space_modal .partnerspaces .space.partner_space a.button {
  font-size: 1.2rem;
  font-family: OpenSansBold;
  font-weight: normal;
}

#sel_assessment_feedback_modal {
  width: 800px;
  height: 650px;
  padding: 0;
  position: relative;
  text-align: center;
}

@media all and (max-width: 780px) {
  #sel_assessment_feedback_modal {
    max-width: calc(800px / 1.3);
  }
}

@media all and (max-width: 600px) {
  #sel_assessment_feedback_modal {
    max-width: calc(800px / 1.8);
  }
}

#sel_assessment_feedback_modal section {
  text-align: center;
  height: 50%;
}

#sel_assessment_feedback_modal section h1 {
  color: #00aaea;
  font-size: 3.4rem;
  font-family: OpenSansLight;
  font-weight: normal;
  line-height: normal;
  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;
  height: 100%;
  padding: 0px 10px;
}

#sel_assessment_feedback_modal section:nth-child(1) {
  min-height: 324px;
}

#sel_assessment_feedback_modal section:nth-child(2) {
  border-top: 1px solid #e0e0e0;
  background: url('/static/img/strengths/strengths_bg.png') no-repeat #eaf1ef;
}

#sel_assessment_feedback_modal section:nth-child(2) .button.blue {
  width: 320px;
  height: 70px;
  font-size: 18px;
  font-family: OpenSansSemibold;
  line-height: 70px;
  margin-top: 110px;
}

#work_assessment_feedback_modal {
  max-width: 800px;
  min-height: 650px;
  padding: 40px 40px;
}

@media all and (max-width: 780px) {
  #work_assessment_feedback_modal {
    max-width: calc(800px / 1.3);
  }
}

@media all and (max-width: 600px) {
  #work_assessment_feedback_modal {
    max-width: calc(800px / 1.8);
  }
}

#work_assessment_feedback_modal .button-close {
  position: absolute;
  top: -12px;
  right: -13px;
  border-radius: 5px;
}

#work_assessment_feedback_modal section:nth-child(1) {
  text-align: center;
  border-bottom: 2px solid #F1F0F0;
}

#work_assessment_feedback_modal section:nth-child(1) h1 {
  font-size: 2.8rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin-bottom: 40px;
  color: #00aaea;
}

#work_assessment_feedback_modal section:nth-child(2) {
  padding: 30px 65px;
}

@media all and (max-width: 650px) {
  #work_assessment_feedback_modal section:nth-child(2) {
    padding: 30px;
  }
}

#work_assessment_feedback_modal section:nth-child(2) .sub {
  font-size: 1.8rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
}

#work_assessment_feedback_modal section:nth-child(2) .section {
  padding: 10px 0;
}

#work_assessment_feedback_modal section:nth-child(2) .section .title {
  color: #00aaea;
  font-size: 2.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
}

#work_assessment_feedback_modal section:nth-child(2) .section .result {
  font-size: 2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
}

#work_assessment_feedback_modal section:nth-child(2) .section .result .score {
  color: #00aaea;
  font-size: 2rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
}

#work_assessment_feedback_modal section:nth-child(2) .section .result .description {
  font-size: 2rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
}

#work_assessment_feedback_modal .nav {
  text-align: center;
}

#work_assessment_feedback_modal .nav .button.blue {
  width: 320px;
  height: 70px;
  font-size: 18px;
  font-family: OpenSansSemibold;
  line-height: 70px;
}

#portal_settings_confirm_modal {
  width: 750px;
  padding: 25px 50px;
  font-size: 1.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  text-align: center;
}

#portal_settings_confirm_modal .nav-section {
  position: relative;
  margin-top: 25px;
  text-align: center;
}

#portal_settings_confirm_modal .nav-section .button.orange,
#portal_settings_confirm_modal .nav-section .button.light-gray {
  min-width: 160px;
  padding: 0 25px;
  height: 40px;
  font-size: 1.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  line-height: 40px;
  text-transform: uppercase;
  margin: 0 5px;
}

#track_level_expired {
  width: 675px;
}

#track_level_expired .top {
  background: #F7F9FA;
  border-bottom: 2px solid #d9d9d7;
  height: 200px;
}

#track_level_expired .top h1 {
  font-size: 3.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #00aaea;
  width: 355px;
  margin: 0 auto;
  line-height: 200px;
  text-align: center;
}

#track_level_expired .top h1 span.bold {
  font-family: 'OpenSansSemibold';
}

#track_level_expired .bottom {
  height: 300px;
  text-align: center;
}

#track_level_expired .bottom h2 {
  font-size: 2.3rem;
  font-family: OpenSansRegular;
  color: #b7b7b7;
  font-weight: normal;
  width: 400px;
  margin: 0 auto;
  text-align: center;
  line-height: 180px;
}

#track_level_expired .bottom .button {
  height: 50px;
  line-height: 50px;
  font-size: 1.6rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  text-transform: uppercase;
  position: relative;
  top: -10px;
  width: auto;
  max-width: 625px;
}

#track_level_expired h1 span,
#track_level_expired h2 span {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
}

html[lang=es] #track_level_expired h1 {
  width: 490px;
}

html[lang=pt] #track_level_expired h1 {
  width: 450px;
}

html[lang=fr] #track_level_expired .bottom .button {
  font-size: 12px;
}

html[lang=fr] #track_level_expired h1 {
  font-size: 3.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  width: 490px;
}

html[lang=fr] #track_level_expired h2 {
  width: 440px;
}

html[lang=de] #track_level_complete_modal .congrats {
  line-height: 24px;
}

html[lang=de] #track_level_expired h1 {
  font-size: 3.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  width: 540px;
}

html[lang=ja] #track_level_expired h1 {
  font-size: 2.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  width: 510px;
}

html[lang=ja] #track_level_expired h2 {
  font-size: 2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  width: 410px;
}

html[lang=zh] #track_level_expired h1 {
  font-size: 3.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  width: 500px;
}

body#public_home.sub #humana_flow_data_modal,
#humana_flow_data_modal {
  width: 800px;
  padding: 30px;
}

body#public_home.sub #humana_flow_data_modal .humana_logo img,
#humana_flow_data_modal .humana_logo img {
  width: 136px;
}

body#public_home.sub #humana_flow_data_modal h4.humana,
#humana_flow_data_modal h4.humana {
  font-size: 3rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  line-height: normal;
  text-align: center;
  color: #86C547;
  margin: 25px 0 0;
}

body#public_home.sub #humana_flow_data_modal .sub,
#humana_flow_data_modal .sub {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  line-height: 18px;
  text-align: center;
  max-width: 500px;
  margin: 10px auto 0;
  width: 100%;
}

body#public_home.sub #humana_flow_data_modal form,
#humana_flow_data_modal form {
  width: 300px;
  margin: 30px auto 0;
  text-align: center;
}

body#public_home.sub #humana_flow_data_modal form label span,
#humana_flow_data_modal form label span {
  text-align: left;
  display: block;
  font-size: 1.5rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
}

body#public_home.sub #humana_flow_data_modal form .error-container,
#humana_flow_data_modal form .error-container {
  position: relative;
  visibility: visible;
  color: #ff3131;
  font-size: 1.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin: 3px auto;
  text-align: center;
  display: block;
  min-height: 18px;
}

body#public_home.sub #humana_flow_data_modal form .error-container.hidden,
#humana_flow_data_modal form .error-container.hidden {
  display: block;
  visibility: hidden;
}

body#public_home.sub #humana_flow_data_modal form .dob,
#humana_flow_data_modal form .dob {
  position: relative;
  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;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

body#public_home.sub #humana_flow_data_modal form .dob label,
#humana_flow_data_modal form .dob label {
  font-size: 1.5rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  text-align: center;
  width: 50px;
}

body#public_home.sub #humana_flow_data_modal form .dob label:last-child,
#humana_flow_data_modal form .dob label:last-child {
  width: 60px;
}

body#public_home.sub #humana_flow_data_modal form input:not([type=submit]),
#humana_flow_data_modal form input:not([type=submit]) {
  width: 100%;
  height: 50px;
  padding: 4px 8px;
  font-size: 1.5rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
}

body#public_home.sub #humana_flow_data_modal form input[name=dob-day],
#humana_flow_data_modal form input[name=dob-day] {
  padding: 4px 13px;
}

body#public_home.sub #humana_flow_data_modal form input[name=dob-year],
#humana_flow_data_modal form input[name=dob-year] {
  padding: 4px 12px;
}

body#public_home.sub #humana_flow_data_modal form .button.orange,
#humana_flow_data_modal form .button.orange {
  line-height: 48px;
  height: 48px;
  padding: 0 55px;
  font-size: 1.8rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  text-align: center;
  text-transform: uppercase;
  margin: 20px 0 0;
}

body#public_home.sub #humana_flow_data_modal form span.title,
#humana_flow_data_modal form span.title {
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

.trainer-autocomplete {
  z-index: 99999;
  background: #fff;
  max-width: 600px;
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
}

.trainer-autocomplete li:hover {
  border: 1px solid #bbbbbb;
}

#ai_trainer_modal {
  width: 800px;
  padding: 40px 75px 55px;
  color: #777;
}

#ai_trainer_modal .subtitle {
  font-size: 2rem;
  font-family: OpenSansLight;
  font-weight: normal;
  color: #777;
  margin: 5px;
}

#ai_trainer_modal .head {
  font-size: 3.6rem;
  font-family: OpenSansLight;
  font-weight: normal;
  color: #00aaea;
  text-align: center;
}

#ai_trainer_modal .head span {
  vertical-align: middle;
}

#ai_trainer_modal .head .icon {
  margin-right: 11px;
  background-image: url(/static/img/ai_trainer_icon.png);
  width: 37px;
  height: 42px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  #ai_trainer_modal .head .icon .icon {
    background-image: url(/static/img/ai_trainer_icon_2x.png);
    background-size: 37px 42px;
  }
}

#ai_trainer_modal .body {
  margin-top: 35px;
}

#ai_trainer_modal .body .tabs .tab-button {
  margin: 0px 10px 0px 10px;
  font-size: 1.8rem;
  font-family: OpenSansLight;
  font-weight: normal;
  cursor: pointer;
  display: inline-block;
}

#ai_trainer_modal .body .tabs .tab-button.selected {
  color: #ff7a00;
  text-decoration: underline;
  pointer-events: none;
}

#ai_trainer_modal .body .tabs .tab-content {
  padding-top: 5px;
}

#ai_trainer_modal .body .tabs .tab-content .tab {
  display: none;
}

#ai_trainer_modal .body .tabs .tab-content .tab.selected {
  display: block;
}

#ai_trainer_modal .body .tabs .tab-content .tab .label-block {
  margin: 5px;
  font-size: 15px;
}

#ai_trainer_modal .body .tabs .tab-content .tab.classifiers .left {
  width: 73%;
  float: left;
}

#ai_trainer_modal .body .tabs .tab-content .tab.classifiers .right {
  width: 26%;
  float: left;
}

#ai_trainer_modal .body .tabs .tab-content .tab.classifiers .dropdown {
  margin-left: 32px;
  margin-top: 10px;
  margin-right: 10px;
}

#ai_trainer_modal .body .tabs .tab-content .tab.classifiers .label {
  margin-top: 20px;
  margin-left: 32px;
}

#ai_trainer_modal .body .tabs .tab-content .tab.classifiers .row {
  margin-left: -32px;
}

#ai_trainer_modal .body .tabs .tab-content .tab.classifiers .row .label {
  margin-top: 23px;
  margin-left: 32px;
  text-align: right;
  width: 85px;
  margin-right: 10px;
  display: inline-block;
}

#ai_trainer_modal .body .tabs .tab-content .tab.classifiers .row .dropdown {
  display: inline-block;
  margin-left: 0;
}

#ai_trainer_modal .body .tabs .tab-content .tab.classifiers .responses-quantity {
  padding-left: 32px;
}

#ai_trainer_modal .body .tabs .tab-content .tab.classifiers .responses-quantity .dropdown {
  margin-left: 10px;
}

#ai_trainer_modal .body .tabs .tab-content .tab.classifiers .classifiers-sort {
  margin-left: -32px;
}

#ai_trainer_modal .body .tabs .tab-content .tab.mirroring .left {
  width: 73%;
  float: left;
}

#ai_trainer_modal .body .tabs .tab-content .tab.mirroring .right {
  width: 26%;
  float: left;
}

#ai_trainer_modal .body .tabs .tab-content .tab.mirroring .dropdown {
  margin-left: 32px;
  margin-top: 10px;
  margin-right: 10px;
}

#ai_trainer_modal .body .tabs .tab-content .tab.mirroring .label {
  margin-top: 20px;
  margin-left: 32px;
}

#ai_trainer_modal .body .tabs .tab-content .tab.mirroring .responses-quantity {
  padding-left: 32px;
}

#ai_trainer_modal .body .tabs .tab-content .tab.mirroring .responses-quantity .dropdown {
  margin-left: 10px;
}

#ai_trainer_modal .body .tabs .tab-content .tab.mirroring .row {
  margin-left: -32px;
}

#ai_trainer_modal .body .tabs .tab-content .tab.mirroring .row .label {
  margin-top: 23px;
  margin-left: 32px;
  text-align: right;
  width: 85px;
  margin-right: 10px;
  display: inline-block;
}

#ai_trainer_modal .body .tabs .tab-content .tab.mirroring .row .dropdown {
  display: inline-block;
  margin-left: 0;
}

#ai_trainer_modal .body .tabs .tab-content .tab.mirroring .mirroring-sort {
  margin-left: -32px;
}

#ai_trainer_modal .body .tabs .tab-content .tab .label {
  font-size: 1.6rem;
  font-family: OpenSansLight;
  font-weight: normal;
}

#ai_trainer_modal .body .tabs .tab-content .tab .responses-quantity {
  font-size: 1.6rem;
  font-family: OpenSansLight;
  font-weight: normal;
}

#ai_trainer_modal .body .tabs .tab-content .tab .responses-quantity .dropdown {
  display: inline-block;
  width: 120px;
  margin-left: 20px;
}

#ai_trainer_modal .body .tabs .tab-content .tab .responses-quantity input {
  width: 50px;
  height: 45px;
  border-radius: 3px;
  border: 1px solid #bbbbbb;
  text-align: center;
  margin: 0 10px;
  color: #777;
}

#ai_trainer_modal .body .results-container {
  margin-top: 90px;
}

#ai_trainer_modal .body .results-container .found-counter {
  text-align: center;
  margin: 0 auto;
}

#ai_trainer_modal .body .results-container .found-counter .found-count {
  font-size: 3.6rem;
  font-family: OpenSansBold;
  font-weight: normal;
  color: #00aaea;
}

#ai_trainer_modal .body .results-container .found-counter .message {
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#ai_trainer_modal .footer {
  text-align: center;
  width: 100%;
  margin: 20px;
  float: left;
}

#ai_trainer_modal .footer .button {
  font-size: 1.9rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  height: 55px;
  line-height: 55px;
  padding: 0 100px;
}

#ai_trainer_modal .footer .button:disabled {
  opacity: 0.5;
}

#ai_trainer_modal .date-wrapper {
  margin-top: 10px;
}

#ai_trainer_modal .date-wrapper .date-label {
  font-size: 1.6rem;
  font-family: OpenSansLight;
  font-weight: normal;
  text-align: left;
  width: 100px;
  margin: 0;
  display: inline-block;
}

#ai_trainer_modal .date-wrapper .date-input {
  padding-left: 10px;
  font-size: 1.5rem;
  border: 1px solid #bbbbbb;
  border-radius: 3px;
  color: inherit;
}

#ai_trainer_modal .checkbox-button,
#ai_trainer_modal .radio-button {
  width: 25px;
  display: block;
  position: relative;
  margin-top: 23px;
}

#ai_trainer_modal .checkbox-button label,
#ai_trainer_modal .radio-button label {
  cursor: pointer;
  position: absolute;
  width: 19px;
  height: 19px;
  top: 0;
  left: 0;
  background: transparent;
  border: 1px solid #bbbbbb;
  border-radius: 50%;
}

#ai_trainer_modal .checkbox-button label:after,
#ai_trainer_modal .radio-button label:after {
  content: '';
  position: absolute;
  width: 15px;
  height: 15px;
  background: transparent;
  top: 1px;
  left: 1px;
  border-radius: 50%;
}

#ai_trainer_modal .checkbox-button label span,
#ai_trainer_modal .radio-button label span {
  font-size: 1.6rem;
  font-family: OpenSansLight;
  font-weight: normal;
  margin-left: 30px;
  line-height: 16px;
  white-space: nowrap;
}

#ai_trainer_modal .checkbox-button input[type=checkbox],
#ai_trainer_modal .radio-button input[type=checkbox],
#ai_trainer_modal .checkbox-button input[type=radio],
#ai_trainer_modal .radio-button input[type=radio] {
  visibility: hidden;
}

#ai_trainer_modal .checkbox-button input[type=checkbox]:checked + label:after,
#ai_trainer_modal .radio-button input[type=checkbox]:checked + label:after,
#ai_trainer_modal .checkbox-button input[type=radio]:checked + label:after,
#ai_trainer_modal .radio-button input[type=radio]:checked + label:after {
  background: #ff7a00;
}

#ai_trainer_modal .dropdown {
  width: 350px;
  height: 50px;
  border: 1px solid #bbbbbb;
  border-radius: 3px;
  position: relative;
  display: inline-block;
}

#ai_trainer_modal .dropdown .dropdown-btn {
  height: 50px;
  width: 100%;
  padding-left: 10px;
  position: relative;
  font-size: 1.5rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  line-height: 46px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#ai_trainer_modal .dropdown .dropdown-btn * {
  vertical-align: middle;
  pointer-events: none;
}

#ai_trainer_modal .dropdown .dropdown-btn span {
  height: 50px;
  display: inline-block;
  overflow: hidden;
}

#ai_trainer_modal .dropdown .dropdown-btn.open:after {
  -webkit-transform: scaleY(-1);
  -ms-transform: scaleY(-1);
  transform: scaleY(-1);
  top: -2px;
}

#ai_trainer_modal .dropdown .dropdown-btn:after {
  position: absolute;
  display: inline-block;
  right: 10px;
  top: 6px;
  content: url(/static/img/explore_tracks/arrow-select-menu.png);
}

#ai_trainer_modal .dropdown .dropdown-list {
  display: none;
  position: absolute;
  border-radius: 3px;
  border: 1px solid #bbbbbb;
  width: 100%;
  max-height: 250px;
  overflow: auto;
  z-index: 99999;
  background: white;
}

#ai_trainer_modal .dropdown .dropdown-list.show {
  display: block;
}

#ai_trainer_modal .dropdown .dropdown-list .dropdown-item {
  cursor: pointer;
  display: block;
  height: 40px;
  line-height: 36px;
  padding-left: 10px;
  font-size: 1.5rem;
  font-family: OpenSansLight;
  font-weight: normal;
}

#ai_trainer_modal .dropdown .dropdown-list .dropdown-item * {
  vertical-align: middle;
}

#ai_trainer_modal .dropdown .dropdown-list .dropdown-item:hover {
  background: #ebebe8;
}

#ai_trainer_modal .dropdown .dropdown-list .dropdown-item:hover .user-rating-sprite.tons-ico {
  width: 26px;
  height: 27px;
  background-position: -78px 0;
}

#ai_trainer_modal .dropdown .dropdown-list .dropdown-item:hover .user-rating-sprite.alot-ico {
  width: 26px;
  height: 27px;
  background-position: -52px 0;
}

#ai_trainer_modal .dropdown .dropdown-list .dropdown-item:hover .user-rating-sprite.soso-ico {
  width: 26px;
  height: 27px;
  background-position: -26px 0;
}

#ai_trainer_modal .dropdown .dropdown-list .dropdown-item:hover .user-rating-sprite.nah-ico {
  width: 26px;
  height: 27px;
  background-position: 0 0;
}

#ai_trainer_modal .user-rating-sprite {
  background-image: url(/static/img/ai_trainer_user_rating_icons.png);
  display: inline-block;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
  #ai_trainer_modal .user-rating-sprite {
    background-image: url(/static/img/ai_trainer_user_rating_icons_2x.png);
    background-size: 208px 27px;
  }
}

#ai_trainer_modal .user-rating-sprite {
  margin-right: 20px;
}

#ai_trainer_modal .user-rating-sprite.tons-ico {
  width: 26px;
  height: 27px;
  background-position: -182px 0;
}

#ai_trainer_modal .user-rating-sprite.alot-ico {
  width: 26px;
  height: 27px;
  background-position: -156px 0;
}

#ai_trainer_modal .user-rating-sprite.soso-ico {
  width: 26px;
  height: 27px;
  background-position: -130px 0;
}

#ai_trainer_modal .user-rating-sprite.nah-ico {
  width: 26px;
  height: 27px;
  background-position: -104px 0;
}

#ai_trainer_modal .hide {
  display: none;
}

#activity_exit_modal {
  width: 310px;
  height: 260px;
  padding: 50px 20px;
  text-align: center;
}

#activity_exit_modal h1 {
  font-size: 2rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #00aaea;
  margin-bottom: 30px;
}

#activity_exit_modal .button {
  padding: 0 22px;
  line-height: 41px;
  height: 41px;
  font-size: 1.5rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  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: 1.2rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  text-decoration: underline;
}

#activity_exit_modal .link-action button.pseudo {
  text-decoration: underline !important;
  padding: 0;
  border: none;
  background: 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;
}

#lng_confirmation_modal {
  width: 800px;
  padding: 125px 77px 85px;
}

#lng_confirmation_modal .text {
  font-size: 2.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#lng_confirmation_modal .button-area {
  margin: 70px auto 0;
  width: 446px;
}

#lng_confirmation_modal .button-area .button {
  width: 200px;
  height: 60px;
  line-height: 64px;
  text-align: center;
  font-size: 1.6rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
}

#lng_confirmation_modal .button-area .button:first-child {
  margin-right: 40px;
}

#image_picker {
  max-width: 876px;
  width: 100%;
}

.hip_main {
  position: relative;
  width: 100%;
  padding: 6px;
  border: 1px solid rgba(102, 102, 102, 0.17);
  border-radius: 6px;
}

.hip_main.alt {
  margin: 0 auto;
  background-color: #ffffff;
}

.hip_main.alt .close-circle.close {
  position: absolute;
  top: -12px;
  right: -12px;
}

.hip_main .hip-main-frame {
  position: relative;
  width: 100%;
  border: 1px solid #EEE;
  border-radius: 5px;
}

.hip_main .hip-main-title {
  position: relative;
  color: #10bcd7;
  font-size: 1.8rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  width: 100%;
  height: 60px;
  padding-left: 15px;
  line-height: 60px;
}

.hip_main .hip-main-body {
  position: relative;
  width: 100%;
}

.hip_main .hip-main-body .hip-tabs-row {
  position: relative;
  width: 100%;
}

.hip_main .hip-main-body .hip-tabs-row .tab-list {
  position: relative;
  width: 100%;
  margin: 0;
  list-style-type: none;
  padding-left: 127px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
  .hip_main .hip-main-body .hip-tabs-row .tab-list {
    padding-left: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 26px;
  }
}

.hip_main .hip-main-body .hip-tabs-row .tab-list .tab-item {
  position: relative;
  margin-left: -52px;
}

.hip_main .hip-main-body .hip-tabs-row .tab-list .tab-item button {
  cursor: pointer;
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  line-height: 45px;
  position: relative;
  display: block;
  width: 219px;
  height: 40px;
  text-align: center;
  color: #777;
  text-decoration: none;
  background-image: url(/static/img/explore_tracks/tab-sprite.png);
  background-position: top 2px center;
  background-color: transparent;
}

.hip_main .hip-main-body .hip-tabs-row .tab-list .tab-item button:hover {
  color: #e5561f;
}

.hip_main .hip-main-body .hip-tabs-row .tab-list .tab-item.active {
  z-index: 101;
}

.hip_main .hip-main-body .hip-tabs-row .tab-list .tab-item.active button {
  cursor: default;
  background-position: bottom -18px center;
  font-size: 1.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #e5561f;
}

.hip_main .hip-main-body .hip-content-row {
  position: relative;
  width: 100%;
  padding: 0 25px 20px 25px;
}

.hip_main .hip-main-body .hip-content-row .hip-content-frame {
  position: relative;
  width: 100%;
  border: 1px solid #d3d3d3;
}

.hip_content {
  background-color: #fdfbf7;
  position: relative;
  width: 100%;
  overflow: hidden;
}

.hip_content .hip_content_pbar {
  width: 100%;
  height: 30px;
  line-height: 30px;
  text-align: center;
}

.hip_content .hip_content_pbar > div {
  width: 100%;
}

.hip_content .hip_content_pbar ul.pager {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.hip_content .hip_content_pbar ul.pager button {
  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;
}

.hip_content .hip_content_pbar ul.pager button.selected {
  background: url(/static/img/jcarousel/blue-dot.png) no-repeat scroll 0 0 transparent;
}

.hip_content .hip_content_pbar span {
  width: 12px;
  height: 12px;
  border: 1px solid #d6d9d9;
  background-color: #f8f8f8;
  border-radius: 50%;
  display: inline-block;
  cursor: pointer;
}

.hip_content .hip_content_pbar span:hover {
  border-color: #00c1e2;
}

.hip_content .hip_content_pbar span.selected {
  background-color: #00c1e2;
  cursor: default;
}

.hip_content .hip_scroll_button {
  position: absolute;
  width: 24px;
  height: 24px;
  border: 1px solid #ddd;
  border-radius: 2px;
  background-color: #ffffff;
  top: 45%;
  cursor: pointer;
}

.hip_content .hip_scroll_button.next {
  right: 12px;
}

.hip_content .hip_scroll_button.prev {
  left: 12px;
}

.hip_content .hip_scroll_button .arrow {
  position: absolute;
  width: 24px;
  height: 24px;
}

.hip_content .hip_scroll_button.next:after {
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #00aaea;
  margin: 5px 0 0 8px;
}

.hip_content .hip_scroll_button.prev:after {
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 6px solid #00aaea;
  margin: 5px 0 0 8px;
}

.hip_content .hip_scroll_button:after {
  width: 0;
  height: 0;
  content: '';
  position: absolute;
}

.hip_content .hip_content_doc {
  width: 100%;
  overflow: hidden;
}

.hip_content .hip_content_doc .hip_gallery_page {
  position: absolute;
  padding: 30px 35px 0;
  top: 0;
  width: 806px;
}

@media screen and (max-width: 767px) {
  .hip_content .hip_content_doc .hip_gallery_page {
    padding: 30px 0 0;
  }
}

.hip_content .hip_content_doc .hip_gallery_page ul.items_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;
}

.hip_content .hip_content_doc .hip_gallery_page ul.items_list li.item {
  position: relative;
  margin: 0 11px 12px 11px;
}

.hip_content .hip_content_doc .hip_gallery_page ul.items_list li.item .hip_gallery_item {
  position: relative;
  border: 1px solid #cdcdcd;
  padding: 3px;
  overflow: hidden;
  cursor: pointer;
  height: auto;
}

.hip_content .hip_content_doc .hip_gallery_page ul.items_list li.item .hip_gallery_item .hip_item_inner {
  position: relative;
  background-color: #fff;
  overflow: hidden;
  width: 147px;
  height: 114px;
  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;
}

.hip_content .hip_content_doc .hip_gallery_page ul.items_list li.item .hip_gallery_item .hip_item_inner img {
  height: 100%;
  max-width: initial;
}

.hip_content .hip_uploader {
  position: relative;
  top: 45%;
  width: 100%;
  height: 400px;
  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;
  outline: 2px dashed #cdcdcd;
  outline-offset: -15px;
  -webkit-transition: ease-in outline-offset 150ms;
  transition: ease-in outline-offset 150ms;
}

.hip_content .hip_uploader .progress_bar {
  display: none;
  color: #F67D3E;
  font-size: 1.8rem;
  font-family: OpenSansBold;
  font-weight: normal;
  line-height: 40px;
}

.hip_content .hip_uploader form {
  display: block;
}

.hip_content .hip_uploader.progress .progress_bar {
  display: block;
}

.hip_content .hip_uploader.progress form {
  display: none;
}

.hip_content .hip_uploader.dragging {
  outline-offset: -20px;
  background: white;
}

.hip_content .hip_uploader label#btn_choose_file {
  height: 51px;
  line-height: 40px;
  width: 193px;
  margin: 0 auto;
  display: block;
  text-align: center;
  white-space: nowrap;
  color: #ffffff;
  background: url(/static/img/btn_primary_background.svg) no-repeat #F67D3E;
  font-size: 1.8rem;
  font-family: OpenSansBold;
  font-weight: normal;
  cursor: pointer;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  border: 5px solid #eeeeee;
  border-radius: 555px;
}

.s_dropdown {
  position: relative;
  margin: 0 auto;
  width: 100%;
  font-size: 1.8rem;
  font-family: OpenSansLight;
  font-weight: normal;
}

.s_dropdown .s_dropdown_body {
  cursor: pointer;
  position: relative;
  border-radius: 5px;
  background-clip: padding-box;
  height: 47px;
  border: 1px solid #d7d7d1;
  color: #777;
  line-height: 47px;
  width: 100%;
}

.s_dropdown .s_dropdown_body .s_triangle_icon_conteiner {
  position: absolute;
  background-color: #cdcdcd;
  top: 0;
  right: 0;
  width: 45px;
  height: 45px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.s_dropdown .s_dropdown_body .s_triangle_icon_conteiner .s_triangle_icon {
  position: absolute;
  top: 18px;
  left: 14px;
  width: 0;
  height: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-top: 9px solid #454545;
  border-bottom: none;
}

.s_dropdown .s_dropdown_body .label {
  margin-left: 12px;
}

.s_dropdown .s_dropdown_body .label.placeholder {
  color: #d7d7d1;
}

.s_dropdown .s_dropdown_content {
  display: none;
  position: absolute;
  left: 0;
  top: 50px;
  z-index: 99999;
  width: 100%;
  background-color: #ffffff;
  border: 1px solid #d7d7d1;
  max-height: 218px;
  overflow-y: auto;
  border-radius: 5px;
  background-clip: padding-box;
}

.s_dropdown .s_dropdown_content .dropdown_item {
  cursor: pointer;
  line-height: 36px;
  padding-left: 12px;
  color: #231a15;
}

.s_dropdown .s_dropdown_content .dropdown_item:hover {
  background-color: #00aaea;
  color: #ffffff;
}

#gdpr_confirmation_modal {
  width: 740px;
  height: 600px;
  padding: 70px 65px;
  text-align: center;
}

#gdpr_confirmation_modal h1 {
  color: #00aaea;
  font-size: 3.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#gdpr_confirmation_modal .disclaimer {
  margin: 70px 0 110px;
}

#gdpr_confirmation_modal .disclaimer p {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#gdpr_confirmation_modal .button.orange {
  width: 240px;
  height: 50px;
  font-size: 1.8rem;
  font-family: OpenSansBold;
  font-weight: normal;
  line-height: 50px;
  margin-top: 40px;
}

html[lang=fr] #gdpr_confirmation_modal .disclaimer {
  margin: 60px 0 80px;
}

html[lang=fr] #gdpr_confirmation_modal .terms_box {
  width: 60%;
}

html[lang=de] #gdpr_confirmation_modal .disclaimer {
  margin: 70px 0 70px;
}

html[lang=de] #gdpr_confirmation_modal .terms_box {
  width: 60%;
}

html[lang=ja] #gdpr_confirmation_modal .disclaimer {
  margin: 70px 0 90px;
}

html[lang=zh] #gdpr_confirmation_modal .disclaimer {
  margin: 90px 0 140px;
}

#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;
}

.transcript .search {
  border: 1px solid #d7d7d2;
  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;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.transcript .search__form {
  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;
}

.transcript .search__field {
  margin: 0 10px 0 0;
}

.transcript .search__field_hidden {
  display: none;
}

.transcript .search__refresh {
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  display: block;
  height: 30px;
  width: 30px;
  background-image: url('/static/img/transcript/retake_blue.png');
  background-size: 60%;
  background-color: #fff;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  border-radius: 50%;
  border: 1px solid #00aaea;
}

.transcript .search__refresh:hover,
.transcript .search__refresh:active {
  background-color: #00aaea;
  background-image: url('/static/img/transcript/retake_white.png');
  border: none;
}

.transcript .search__refresh:hover {
  -webkit-transform: rotate(35deg);
  -ms-transform: rotate(35deg);
  transform: rotate(35deg);
}

.transcript .search__refresh:active {
  -webkit-transform: rotate(355deg);
  -ms-transform: rotate(355deg);
  transform: rotate(355deg);
}

.transcript .search__label {
  margin: 0 5px 0 0;
  color: #00aaea;
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

.transcript .search__select,
.transcript .search__input {
  border: 1px solid #d7d7d2;
  padding: 4px;
  border-radius: 3px;
  background: #fff;
  color: #000;
}

.transcript .search__select[disabled],
.transcript .search__input[disabled] {
  background: #d7d7d2;
}

.transcript .search__autocomplete {
  border: 1px solid #d7d7d2;
  padding: 10px 0;
  max-height: 300px;
  max-width: 700px;
  background: #fff;
  border-radius: 3px;
  overflow: auto;
}

.transcript .search__autocomplete .ui-menu-item-wrapper {
  border-bottom: 1px solid #d7d7d2;
  color: #000;
  padding: 0 10px;
}

.transcript .search__autocomplete .ui-menu-item-wrapper.ui-state-active {
  background-color: #cef2ff;
  margin: 0;
}

.transcript .results:empty {
  height: 0;
}

.transcript .results__body {
  border: 1px solid #d7d7d2;
  resize: vertical;
  overflow: auto;
  height: 200px;
}

.transcript .results__title {
  font-size: 1.2rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  border: 1px solid #d7d7d2;
  border-bottom: none;
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  padding: 5px 0;
}

.transcript .results__title .results__data {
  border: none;
}

.transcript .results__not-found {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin: 30px 0 0;
  display: block;
  color: #000;
  text-align: center;
}

.transcript .results__button {
  font-size: 1.2rem;
  font-family: OpenSansLight;
  font-weight: normal;
  border-bottom: 1px solid #d7d7d2;
  background: #fff;
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%;
  padding: 2px 0;
  text-align: left;
  height: auto;
  line-height: normal;
  border-radius: 0;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  white-space: normal;
}

.transcript .results__button:nth-child(odd) {
  background: #ececec;
}

.transcript .results__button:disabled {
  opacity: 0.7;
}

.transcript .results__button.selected {
  background: #cef2ff;
}

.transcript .results__button:hover {
  background: #beffc7;
}

.transcript .results__button:active {
  background: #cef2ff;
}

.transcript .results__data {
  border-right: 1px solid #d7d7d2;
  padding: 0 5px;
  word-break: break-word;
}

.transcript .results__data_changer > span:last-child {
  visibility: hidden;
  opacity: 0;
  position: absolute;
}

.transcript .results__data_changer:hover > span:first-child {
  visibility: hidden;
  opacity: 0;
  position: absolute;
}

.transcript .results__data_changer:hover > span:last-child {
  visibility: visible;
  opacity: 1;
}

.transcript .results__data_answer {
  width: 45%;
}

.transcript .results__data_description {
  width: 33%;
}

.transcript .results__data_name,
.transcript .results__data_username {
  width: 10%;
}

.transcript .results__data_date {
  width: 10%;
}

.transcript .results__data_version {
  width: 6%;
}

.transcript .results__data_prompt {
  width: 39%;
}

.transcript .results__data_id,
.transcript .results__data_seqno {
  width: 7%;
}

.transcript .results__data_locale {
  width: 6%;
}

.transcript .results__data_status {
  width: 12%;
  background-repeat: no-repeat;
  background-position: 4px 4px;
  background-size: 10px;
  padding-left: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.transcript .results__data_status[data-status=completed] {
  background-image: url('/static/img/transcript/completed.png');
}

.transcript .results__data_status[data-status=failed],
.transcript .results__data_status[data-status=replay_failed] {
  background-image: url('/static/img/transcript/failed.png');
}

.transcript .results__data_status[data-status=started] {
  background-image: url('/static/img/transcript/started.png');
}

.transcript .results__tooltip {
  max-height: 300px;
  max-width: 700px;
}

.transcript .results__tooltip-wrap {
  border: 1px solid #d7d7d2;
  background: #fff;
  border-radius: 3px;
  padding: 5px;
}

.transcript .results__tooltip-button {
  font-size: 1rem;
  font-family: OpenSansBold;
  font-weight: normal;
  color: #000;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  border-radius: 20px;
  margin-left: 5px;
  width: 15px;
  height: 15px;
  text-align: center;
  line-height: 15px;
}

.transcript .results__tooltip-button:hover {
  background: #06b709;
  color: #fff;
}

.transcript .results__tooltip-title {
  font-size: 1.2rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  color: #000;
  padding: 0 0 0 5px;
  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;
}

.transcript .results__tooltip-title:before,
.transcript .results__tooltip-title:after {
  display: none;
}

.transcript .results__tooltip-title .ui-dialog-titlebar-close {
  font-size: 1rem;
  font-family: OpenSansBold;
  font-weight: normal;
  position: static;
  width: 20px;
  height: 20px;
  padding: 0;
  text-indent: 0;
  margin: 0;
}

.transcript .results__tooltip-title .ui-dialog-titlebar-close .ui-button-icon,
.transcript .results__tooltip-title .ui-dialog-titlebar-close .ui-button-icon-space {
  display: none;
}

.transcript .results__tooltip-content {
  word-break: break-word;
  color: #000;
  padding: 5px;
}

.transcript .details__body {
  border: 1px solid #d7d7d2;
  height: 500px;
  overflow: auto;
  resize: vertical;
}

.transcript .details__log-wrap {
  -webkit-transition: background 0.2s linear;
  transition: background 0.2s linear;
}

.transcript .details__log-wrap.targeted {
  background: #fdffb1;
}

.transcript .details__log-wrap.targeted .details__log {
  background: transparent;
}

.transcript .details__log-wrap.selected {
  background: #cef2ff;
}

.transcript .details__log-wrap.selected .details__log {
  background: transparent;
}

.transcript .details__log-wrap:hover {
  background: #beffc7;
}

.transcript .details__log-wrap:hover .details__log {
  background: transparent;
}

.transcript .details__log-wrap:active {
  background: #cef2ff;
}

.transcript .details__log-wrap:active .details__log {
  background: transparent;
}

.transcript .details__log {
  border-bottom: 1px solid #d7d7d2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  cursor: pointer;
  padding: 2px 5px;
}

.transcript .details__log_question {
  background: #ececec;
}

.transcript .details__log_question .details__text {
  font-size: 1.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 90%;
  flex: 1 1 90%;
  margin-right: 10px;
}

.transcript .details__log_answer .details__text {
  width: 100%;
}

.transcript .details__text {
  display: block;
  border-radius: 5px;
  color: #000;
  margin: 0;
}

.transcript .details__count {
  font-size: 1.2rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  background: #777;
  border-radius: 20px;
  margin: 0 5px 0 auto;
  padding: 0 5px;
  color: #fff;
}

.transcript .details__title {
  border: 1px solid #d7d7d2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px;
  height: 40px;
  margin-bottom: 10px;
}

.transcript .details__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0 0 0 10px;
}

.transcript .details__info .info__item {
  margin: 0 10px 0 0;
}

.transcript .details__info .info__item_right {
  margin: 0 0 0 auto;
}

.transcript .details__info .info__title {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #000;
}

.transcript .details__info .info__value {
  font-size: 1.4rem;
  font-family: OpenSansLight;
  font-weight: normal;
  color: #000;
}

.transcript .details__change-dialog {
  display: inline-block;
  width: 30px;
  height: 30px;
  padding: 5px;
  border-radius: 5px;
  background-repeat: no-repeat;
  background-size: 70%;
  background-color: #fff;
  background-position: center;
  border: 1px solid #00aaea;
}

.transcript .details__change-dialog:hover {
  background-color: #00aaea;
  background-image: url('/static/img/transcript/arrow_white.png') !important;
}

.transcript .details__change-dialog:disabled {
  background-image: url('/static/img/transcript/arrow_white.png') !important;
  background-color: #d7d7d2;
}

.transcript .details__change-dialog[data-nav="prev"] {
  background-image: url('/static/img/transcript/arrow_blue.png');
}

.transcript .details__change-dialog[data-nav="next"] {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  background-image: url('/static/img/transcript/arrow_blue.png');
}

.transcript .functions__body {
  border: 1px solid #d7d7d2;
  overflow: auto;
  resize: vertical;
  height: 500px;
}

.transcript .functions__tabs {
  border: 1px solid #d7d7d2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: 40px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 10px;
}

.transcript .functions__tab {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 12px;
  margin: 5px 2px;
}

.transcript .functions__block.invisible {
  opacity: 0;
  visibility: hidden;
  display: none;
}

.transcript .functions .variables__title {
  font-size: 1.2rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #000;
  padding: 5px 0;
  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;
  margin: 0;
}

.transcript .functions .variables__wrapper {
  border-bottom: 1px solid #d7d7d2;
  margin-bottom: 5px;
  padding: 0 5px;
}

.transcript .functions .variables__lgv {
  color: #000;
  display: block;
  margin: 0 0 5px 0;
}

.transcript .functions .variables__property_link {
  cursor: pointer;
}

.transcript .functions .variables__property_link:hover {
  text-decoration: underline;
}

.transcript .functions .variables__value {
  font-size: 1.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

.transcript .functions .function__wrapper {
  border-bottom: 1px solid #d7d7d2;
  margin-bottom: 5px;
  padding: 0 5px;
}

.transcript .functions .function__title {
  font-size: 1.2rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #000;
  padding: 5px 0;
  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;
  margin: 0;
}

.transcript .functions .function__class {
  color: #000;
  display: block;
  margin: 0 0 5px 0;
}

.transcript .functions .function__value {
  font-size: 1.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

.transcript {
  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;
}

.transcript__title {
  border-bottom: 1px solid #777;
  margin: 0 0 10px;
  width: 100%;
  padding: 0 10px 10px 0;
  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;
}

.transcript__title h2 {
  font-size: 1.8rem;
  font-family: OpenSansBold;
  font-weight: normal;
  color: #777;
}

.transcript__types {
  margin: 0 auto 0 10px;
}

.transcript__search {
  width: 100%;
  margin: 0 0 10px;
}

.transcript__results {
  width: 100%;
  margin: 0 0 10px;
}

.transcript__details {
  width: 74%;
}

.transcript__details:empty {
  display: none;
}

.transcript__functions {
  width: 25%;
  margin-left: auto;
}

.transcript__functions:empty {
  display: none;
}

.transcript__functions .accordion__body {
  width: 100%;
  display: none;
}

.transcript__functions .accordion__toggle {
  background: transparent;
  height: auto;
  line-height: normal;
  color: #000;
  font-size: 14px;
}

.transcript__feedback .feedback {
  padding: 10px;
}

.transcript__feedback .feedback__asana {
  background: #ff7a00;
  color: #fff;
}

#transcript__feedback {
  width: 800px;
}

.dictionary .filter {
  border: 1px solid #d7d7d2;
  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;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.dictionary .filter__form {
  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;
}

.dictionary .filter__field,
.dictionary .filter__filter {
  margin: 0 10px 0 0;
}

.dictionary .filter__field_hidden,
.dictionary .filter__filter_hidden {
  display: none;
}

.dictionary .filter__label {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #00aaea;
  margin: 0 5px 0 0;
}

.dictionary .filter .select2,
.dictionary .filter__select,
.dictionary .filter__input {
  border: 1px solid #d7d7d2;
  padding: 4px;
  border-radius: 3px;
  background: #fff;
  color: #000;
}

.dictionary .filter .select2[disabled],
.dictionary .filter__select[disabled],
.dictionary .filter__input[disabled] {
  background: #d7d7d2;
}

.dictionary .filter .select2-container--default {
  min-width: 120px;
}

.dictionary .filter .select2-container--default .select2-selection__choice {
  border: 1px solid #cef2ff;
  background-color: transparent;
  padding: 0;
  margin: 0;
  padding-left: 10px;
  margin-right: 5px;
}

.dictionary .filter .select2-container--default .select2-selection__choice__remove {
  height: auto;
  line-height: normal;
  border: 0;
  font-size: 14px;
  padding: 0 2px;
}

.dictionary .filter .select2-container--default .select2-selection__arrow {
  height: 23px;
}

.dictionary .filter .select2-container--default .select2-selection--single,
.dictionary .filter .select2-container--default .select2-selection--multiple {
  border: none;
  border-radius: 0;
  height: 18px;
  min-height: 18px;
  padding: 0;
}

.dictionary .filter .select2-container--default .select2-search__field {
  margin: 0;
}

.dictionary .filter .select2-container--default .select2-selection__rendered {
  line-height: 18px;
}

.dictionary .filter .select2-container--default .select2-results__option {
  color: #000;
}

.dictionary .filter .select2-container--default .select2-results__option--selected {
  background: #d7d7d2;
}

.dictionary .filter .select2-container--default .select2-results__option--highlighted {
  background: #ececec;
}

.dictionary .results:empty {
  height: 0;
}

.dictionary .results__body {
  border: 1px solid #d7d7d2;
  resize: vertical;
  overflow: auto;
  height: 300px;
}

.dictionary .results__title {
  font-size: 1.2rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  border: 1px solid #d7d7d2;
  border-bottom: none;
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  padding: 5px 0;
}

.dictionary .results__title .results__subject {
  background: none;
}

.dictionary .results__title .results__lg:hover {
  background: transparent;
}

.dictionary .results__title .results__data {
  border-right: none;
}

.dictionary .results__not-found {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin: 30px 0 0;
  display: block;
  color: #000;
  text-align: center;
}

.dictionary .results__item {
  font-size: 1.2rem;
  font-family: OpenSansLight;
  font-weight: normal;
  border-bottom: 1px solid #d7d7d2;
  border-top: 1px solid #d7d7d2;
  background: #fff;
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  margin-bottom: 5px;
}

.dictionary .results__item:disabled {
  opacity: 0.7;
}

.dictionary .results__subject {
  background: #ececec;
  border-right: 1px solid #d7d7d2;
  padding: 2px 5px;
  width: 10%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.dictionary .results__count {
  font-size: 1.2rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  background: #777;
  border-radius: 20px;
  margin: 0 0 0 auto;
  padding: 0 5px;
  color: #fff;
}

.dictionary .results__lgs {
  width: 90%;
}

.dictionary .results__lg {
  border-bottom: 1px solid #d7d7d2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
}

.dictionary .results__lg:last-child {
  border-bottom: none;
}

.dictionary .results__lg:active {
  background: #cef2ff;
}

.dictionary .results__lg.selected {
  background: #cef2ff;
}

.dictionary .results__lg:hover {
  background: #beffc7;
}

.dictionary .results__data {
  border-right: 1px solid #d7d7d2;
  padding: 2px 5px;
  word-break: break-word;
  width: 25%;
  position: relative;
}

.dictionary .results__data:hover .results__tooltip {
  display: block;
}

.dictionary .results__tooltip {
  border: 1px solid #777;
  display: none;
  width: 100%;
  position: absolute;
  top: 17px;
  left: 5px;
  background: #fff;
  padding: 2px 5px;
  z-index: 1;
}

.dictionary .results__tooltip_title {
  font-size: 1.2rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  color: #000;
  display: block;
}

.dictionary .results__tooltip_value {
  border: 1px solid #d7d7d2;
  padding: 0 5px;
  margin: 0 2px 2px 0;
  display: inline-block;
  border-radius: 5px;
  text-align: center;
}

.dictionary .details {
  border: 1px solid #d7d7d2;
  padding: 10px;
}

.dictionary .details__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.dictionary .details__title {
  border-bottom: 1px solid #d7d7d2;
  padding: 0 0 5px 0;
  margin-bottom: 5px;
  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;
}

.dictionary .details__form {
  width: 50%;
}

.dictionary .details__info {
  width: 50%;
  padding-left: 10px;
}

.dictionary .details__values {
  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-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.dictionary .details__label {
  font-size: 1.2rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  border-bottom: none;
  color: #000;
  display: inline-block;
}

.dictionary .details__label_m0 {
  margin: 0;
}

.dictionary .details__textarea {
  border: 1px solid #d7d7d2;
  width: 100%;
  min-height: 100px;
  max-height: 120px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  -webkit-transition: none;
  transition: none;
}

.dictionary .details__textarea[readonly] {
  background: transparent;
}

.dictionary .details__field,
.dictionary .details__block {
  margin-bottom: 10px;
}

.dictionary .details__data {
  border: 1px solid #d7d7d2;
  color: #000;
  display: block;
  max-height: 200px;
  min-height: 120px;
  overflow: auto;
  padding: 2px 0;
}

.dictionary .details__value {
  padding: 0 5px;
  margin: 2px 2px 0 0;
  display: inline-block;
}

.dictionary .details__value_m0 {
  margin: 0;
}

.dictionary .details__value_p0 {
  padding: 0;
}

.dictionary .details__wrap {
  margin: 5px 0;
  padding: 0 5px;
}

.dictionary .details__table {
  border-top: 1px solid #d7d7d2;
  border-bottom: 1px solid #d7d7d2;
}

.dictionary .details__tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
}

.dictionary .details__tr:nth-child(even) {
  background: #ececec;
}

.dictionary .details__td {
  padding: 2px 5px;
  border-right: 1px solid #d7d7d2;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.dictionary .details__td:last-child {
  border-right: none;
}

.dictionary .details__item {
  color: #000;
  margin-right: 10px;
}

.dictionary .details__save {
  display: block;
}

.dictionary .details__message {
  font-size: 1.2rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  margin: 0 5px 0 auto;
  display: none;
}

.dictionary .details__message[data-type=success] {
  color: #06b709;
}

.dictionary .details__message[data-type=error] {
  color: #ff3131;
}

.dictionary {
  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;
}

.dictionary__title {
  border-bottom: 1px solid #777;
  margin: 0 0 10px;
  width: 100%;
  padding: 0 10px 10px 0;
  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;
}

.dictionary__title h2 {
  font-size: 1.8rem;
  font-family: OpenSansBold;
  font-weight: normal;
  color: #777;
}

.dictionary__types {
  margin: 0 auto 0 10px;
}

.dictionary__filter {
  width: 100%;
  margin: 0 0 10px;
}

.dictionary__results {
  width: 100%;
  margin: 0 0 10px;
}

.dictionary__details {
  width: 100%;
  margin: 0 0 10px;
}

.skins .filter {
  border: 1px solid #d7d7d2;
  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;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.skins .filter__form {
  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;
}

.skins .filter__field,
.skins .filter__filter {
  margin: 0 10px 0 0;
}

.skins .filter__field_hidden,
.skins .filter__filter_hidden {
  display: none;
}

.skins .filter__label {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #00aaea;
  margin: 0 5px 0 0;
}

.skins .filter .select2,
.skins .filter__select,
.skins .filter__input {
  border: 1px solid #d7d7d2;
  padding: 4px;
  border-radius: 3px;
  background: #fff;
  color: #000;
}

.skins .filter .select2[disabled],
.skins .filter__select[disabled],
.skins .filter__input[disabled] {
  background: #d7d7d2;
}

.skins .filter .select2-container--default {
  min-width: 120px;
}

.skins .filter .select2-container--default .select2-selection__choice {
  border: 1px solid #cef2ff;
  background-color: transparent;
  padding: 0;
  margin: 0;
  padding-left: 10px;
  margin-right: 5px;
}

.skins .filter .select2-container--default .select2-selection__choice__remove {
  height: auto;
  line-height: normal;
  border: 0;
  font-size: 14px;
  padding: 0 2px;
}

.skins .filter .select2-container--default .select2-selection__arrow {
  height: 23px;
}

.skins .filter .select2-container--default .select2-selection--single,
.skins .filter .select2-container--default .select2-selection--multiple {
  border: none;
  border-radius: 0;
  height: 18px;
  min-height: 18px;
  padding: 0;
}

.skins .filter .select2-container--default .select2-search__field {
  margin: 0;
}

.skins .filter .select2-container--default .select2-selection__rendered {
  line-height: 18px;
}

.skins .filter .select2-container--default .select2-results__option {
  color: #000;
}

.skins .filter .select2-container--default .select2-results__option--selected {
  background: #d7d7d2;
}

.skins .filter .select2-container--default .select2-results__option--highlighted {
  background: #ececec;
}

.skins .results:empty {
  height: 0;
}

.skins .results__body {
  border: 1px solid #d7d7d2;
  resize: vertical;
  overflow: auto;
  height: 550px;
}

.skins .results__title {
  font-size: 1.2rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  border: 1px solid #d7d7d2;
  border-bottom: none;
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  padding: 5px 0;
}

.skins .results__title .results__data {
  border-right: none;
}

.skins .results__not-found {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin: 30px 0 0;
  display: block;
  color: #000;
  text-align: center;
}

.skins .results__item {
  font-size: 1.2rem;
  font-family: OpenSansLight;
  font-weight: normal;
  border-bottom: 1px solid #d7d7d2;
  background: #fff;
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  cursor: pointer;
}

.skins .results__item:nth-child(odd) {
  background: #ececec;
}

.skins .results__item:disabled {
  opacity: 0.7;
}

.skins .results__item.target {
  background: #fdffb1;
}

.skins .results__item.selected {
  background: #cef2ff;
}

.skins .results__item:hover {
  background: #beffc7;
}

.skins .results__item:active {
  background: #cef2ff;
}

.skins .results__count {
  font-size: 1.2rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  background: #777;
  border-radius: 20px;
  margin: 0 0 0 auto;
  padding: 0 5px;
  color: #fff;
}

.skins .results__data {
  border-right: 1px solid #d7d7d2;
  padding: 2px 5px;
  word-break: break-word;
  width: 25%;
  position: relative;
}

.skins .results__data:last-child {
  border-right: none;
}

.skins .results__data_changer > span:last-child {
  visibility: hidden;
  opacity: 0;
  position: absolute;
}

.skins .results__data_changer:hover > span:first-child {
  visibility: hidden;
  opacity: 0;
  position: absolute;
}

.skins .results__data_changer:hover > span:last-child {
  visibility: visible;
  opacity: 1;
}

.skins .results__data_name {
  width: 50%;
}

.skins .results__data_created_at,
.skins .results__data_updated_at {
  width: 25%;
}

.skins .creator {
  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;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

.skins .creator__load:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  background-image: url("/static/img/skins/spinner.svg");
  background-repeat: no-repeat;
  background-position: center;
}

.skins .creator__title {
  font-size: 1.3rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  border-bottom: 1px solid #d7d7d2;
  margin: 0 0 10px;
  padding: 2px 0 5px;
  color: #000;
  width: 100%;
}

.skins .creator__form {
  width: 100%;
}

.skins .creator__field {
  margin: 0 0 10px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.skins .creator__label {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #00aaea;
  margin: 0 5px 0 0;
}

.skins .creator__submit {
  margin: 0 0 0 10px;
  display: block;
}

.skins .creator__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.skins .creator__message {
  font-size: 1.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin: 2px 0 0 auto;
  display: none;
}

.skins .creator__message[data-type=error] {
  color: #ff3131;
}

.skins .creator__message[data-type=success] {
  color: #06b709;
}

.skins .creator__dialog {
  max-height: 300px;
  max-width: 700px;
}

.skins .creator__dialog-wrap {
  border: 1px solid #d7d7d2;
  -webkit-box-shadow: 0 5px 30px -10px #777;
  box-shadow: 0 5px 30px -10px #777;
  background: #fff;
  border-radius: 3px;
  padding: 5px;
}

.skins .creator__dialog-button {
  font-size: 1rem;
  font-family: OpenSansBold;
  font-weight: normal;
  color: #000;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  border-radius: 20px;
  margin-left: 5px;
  width: 15px;
  height: 15px;
  text-align: center;
  line-height: 15px;
}

.skins .creator__dialog-button:hover {
  background: #06b709;
  color: #fff;
}

.skins .creator__dialog-title {
  font-size: 1.2rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  border-bottom: 1px solid #d7d7d2;
  color: #000;
  padding: 0 0 5px 5px;
  margin: 0 0 5px;
  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;
}

.skins .creator__dialog-title:before,
.skins .creator__dialog-title:after {
  display: none;
}

.skins .creator__dialog-title .ui-dialog-titlebar-close {
  font-size: 1rem;
  font-family: OpenSansBold;
  font-weight: normal;
  position: static;
  width: 20px;
  height: 20px;
  padding: 0;
  text-indent: 0;
  margin: 0;
}

.skins .creator__dialog-title .ui-dialog-titlebar-close .ui-button-icon,
.skins .creator__dialog-title .ui-dialog-titlebar-close .ui-button-icon-space {
  display: none;
}

.skins .creator__dialog-content {
  word-break: break-word;
  color: #000;
  padding: 5px;
  margin: 0;
  overflow: visible;
}

.skins .creator .select2,
.skins .creator__select,
.skins .creator__input {
  border: 1px solid #d7d7d2;
  padding: 4px;
  border-radius: 3px;
  background: #fff;
  color: #000;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.skins .creator .select2[disabled],
.skins .creator__select[disabled],
.skins .creator__input[disabled] {
  background: #d7d7d2;
}

.skins .creator .select2-container--default {
  min-width: 120px;
}

.skins .creator .select2-container--default .dropdown-wrapper .select2-container--default {
  top: 28px !important;
  left: 0 !important;
}

.skins .creator .select2-container--default .select2-dropdown {
  border: 1px solid #d7d7d2;
}

.skins .creator .select2-container--default .select2-selection__choice {
  border: 1px solid #cef2ff;
  background-color: transparent;
  padding: 0;
  margin: 0;
  padding-left: 10px;
  margin-right: 5px;
}

.skins .creator .select2-container--default .select2-selection__choice__remove {
  height: auto;
  line-height: normal;
  border: 0;
  font-size: 14px;
  padding: 0 2px;
}

.skins .creator .select2-container--default .select2-selection__arrow {
  height: 23px;
}

.skins .creator .select2-container--default .select2-selection--single,
.skins .creator .select2-container--default .select2-selection--multiple {
  border: none;
  border-radius: 0;
  height: 18px;
  min-height: 18px;
  padding: 0;
}

.skins .creator .select2-container--default .select2-search__field {
  margin: 0;
}

.skins .creator .select2-container--default .select2-selection__rendered {
  line-height: 18px;
}

.skins .creator .select2-container--default .select2-selection__placeholder {
  color: #777;
}

.skins .creator .select2-container--default .select2-results__option {
  color: #000;
}

.skins .creator .select2-container--default .select2-results__option--selected {
  background: #d7d7d2;
}

.skins .creator .select2-container--default .select2-results__option--highlighted {
  background: #ececec;
}

.skins {
  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;
}

.skins__title {
  border-bottom: 1px solid #777;
  margin: 0 0 10px;
  width: 100%;
  padding: 0 10px 10px 0;
  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;
}

.skins__title h2 {
  font-size: 1.8rem;
  font-family: OpenSansBold;
  font-weight: normal;
  color: #777;
}

.skins__filter {
  width: 100%;
  margin: 0 0 10px;
}

.skins__results {
  width: 100%;
  margin: 0 0 10px;
}

.skins__creator {
  width: 100%;
}

.AnnaStudio__title {
  border-bottom: 2px solid #777;
  margin: 10px 0;
  padding: 0 0 10px;
  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;
}

.AnnaStudio__title h1 {
  font-size: 2.4rem;
  font-family: OpenSansBold;
  font-weight: normal;
  color: #777;
  line-height: 1em;
}

.AnnaStudio__tab {
  margin-left: 10px;
}

.AnnaStudio__button {
  font-size: 1.2rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #00aaea;
  height: auto;
  line-height: normal;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  padding: 2px 10px;
  border-radius: 5px;
  background-color: #fff;
  border: 1px solid #00aaea;
}

.AnnaStudio__button_hidden {
  display: none;
}

.AnnaStudio__button.enabled {
  background-color: #00aaea;
  color: #fff !important;
  border: none;
}

.AnnaStudio__button.danger {
  color: #fff;
  background-color: #ff3131;
  border: none;
}

.AnnaStudio__button:hover,
.AnnaStudio__button:active {
  text-decoration: none;
  background-color: #00aaea;
  color: #fff !important;
}

.AnnaStudio__button:disabled {
  background-color: #d7d7d2;
  color: #fff;
  border: none;
}

.AnnaStudio__button:visited {
  color: #00aaea;
}

.AnnaStudio__locale {
  border: 1px solid #d7d7d2;
  padding: 4px;
  border-radius: 3px;
  background: #fff;
  color: #000;
  margin: 0 0 0 auto;
}

.AnnaStudio__locale[disabled] {
  background: #d7d7d2;
}

.AnnaStudio .ui-widget-overlay {
  background: #fff;
  opacity: 0.7;
}

.AnnaStudio .confirm {
  border: 1px solid #d7d7d2;
  -webkit-box-shadow: 0 5px 30px -10px #777;
  box-shadow: 0 5px 30px -10px #777;
  background: #fff;
  border-radius: 3px;
  padding: 5px;
}

.AnnaStudio .confirm__close {
  text-indent: 0;
  color: #fff;
  background-color: #ff7a00;
}

html[data-whatintent='keyboard'] .AnnaStudio input:focus,
html[data-whatintent='mouse'] .AnnaStudio input:focus,
html[data-whatintent='keyboard'][data-wcag-enabled="true"] .AnnaStudio input:focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] .AnnaStudio input:focus,
html[data-whatintent='keyboard'] .AnnaStudio textarea:focus,
html[data-whatintent='mouse'] .AnnaStudio textarea:focus,
html[data-whatintent='keyboard'][data-wcag-enabled="true"] .AnnaStudio textarea:focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] .AnnaStudio textarea:focus,
html[data-whatintent='keyboard'] .AnnaStudio a:focus,
html[data-whatintent='mouse'] .AnnaStudio a:focus,
html[data-whatintent='keyboard'][data-wcag-enabled="true"] .AnnaStudio a:focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] .AnnaStudio a:focus,
html[data-whatintent='keyboard'] .AnnaStudio area:focus,
html[data-whatintent='mouse'] .AnnaStudio area:focus,
html[data-whatintent='keyboard'][data-wcag-enabled="true"] .AnnaStudio area:focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] .AnnaStudio area:focus,
html[data-whatintent='keyboard'] .AnnaStudio button:focus,
html[data-whatintent='mouse'] .AnnaStudio button:focus,
html[data-whatintent='keyboard'][data-wcag-enabled="true"] .AnnaStudio button:focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] .AnnaStudio button:focus,
html[data-whatintent='keyboard'] .AnnaStudio label:focus,
html[data-whatintent='mouse'] .AnnaStudio label:focus,
html[data-whatintent='keyboard'][data-wcag-enabled="true"] .AnnaStudio label:focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] .AnnaStudio label:focus,
html[data-whatintent='keyboard'] .AnnaStudio img:focus,
html[data-whatintent='mouse'] .AnnaStudio img:focus,
html[data-whatintent='keyboard'][data-wcag-enabled="true"] .AnnaStudio img:focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] .AnnaStudio img:focus,
html[data-whatintent='keyboard'] .AnnaStudio select:focus,
html[data-whatintent='mouse'] .AnnaStudio select:focus,
html[data-whatintent='keyboard'][data-wcag-enabled="true"] .AnnaStudio select:focus,
html[data-whatintent='mouse'][data-wcag-enabled="true"] .AnnaStudio select:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: 0 !important;
}

#transcript_record_modal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 50%;
  min-width: 500px;
  padding: 32px;
}

#transcript_record_modal .header .modalTitle {
  font-size: 3rem;
  font-weight: bold;
}

#transcript_record_modal .body {
  margin: 16px 0;
}

#transcript_record_modal .body #submit_form .input_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 8px 0;
  width: 80%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#transcript_record_modal .body #submit_form .input_row .label_text {
  width: 20%;
}

#transcript_record_modal .body #submit_form .input_row .input_text,
#transcript_record_modal .body #submit_form .input_row .input_select {
  width: 70%;
}

#transcript_record_modal .body #submit_form .input_row .remove {
  width: 33px;
  height: 33px;
  background-position: -17px -321px;
}

#transcript_record_modal .footer {
  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-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#transcript_record_modal .footer #add_form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: start;
  align-self: flex-start;
  width: 80%;
}

#transcript_record_modal .footer #add_form .autocomplete {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 80%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#transcript_record_modal .footer #add_form .autocomplete label {
  white-space: nowrap;
  margin-right: 8px;
}

#transcript_record_modal .footer #add_form .autocomplete .inputWrapper {
  position: relative;
  width: 70%;
  height: 32px;
}

#transcript_record_modal .footer #add_form .autocomplete .inputWrapper .autocomplete-list {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  top: 100%;
  left: 0;
  right: 0;
}

#transcript_record_modal .footer #add_form .autocomplete .inputWrapper .autocomplete-list div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
}

#transcript_record_modal .footer #add_form .autocomplete .inputWrapper .autocomplete-list div:hover {
  background-color: #e9e9e9;
}

#transcript_record_modal .footer #add_form .autocomplete .inputWrapper .autocomplete-list div.active {
  background-color: #00aaea;
  color: #ffffff;
}

#transcript_record_modal .footer #add_form input {
  border: 1px solid transparent;
  background-color: #f1f1f1;
  font-size: 16px;
  height: 32px;
  line-height: 32px;
}

#transcript_record_modal .footer #add_form input[type=text] {
  padding: 10px;
  background-color: #f1f1f1;
  width: 100%;
}

#transcript_record_modal .footer #add_form input[type=submit] {
  width: 20%;
  background-color: #00aaea;
  color: #fff;
  margin-left: 8px;
}

#transcript_record_modal .footer input[type=submit] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: end;
  align-self: flex-end;
}

#transcript_record_modal .footer .btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 30%;
  margin-top: 16px;
}

#transcript_record_modal .footer .btns .continue_btn {
  background-color: #00aaea;
  color: #fff;
}

#transcript_record_modal .footer .btns .cancel_btn {
  background-color: #ff3131;
  color: #fff;
}

@media only screen and (min-width: 320px) and (max-width: 1024px) {
  #coach_pay_confirm {
    padding: 125px 8%;
    width: 92%;
    text-align: center;
  }

  #coach_pay_confirm h1 {
    font-size: 2.4rem;
    font-family: OpenSansSemibold;
    font-weight: normal;
    color: #00aaea;
    line-height: 32px;
    margin: 0 0 50px;
  }

  #coach_pay_confirm .description {
    margin: 0 0 50px;
    font-size: 1.6rem;
    font-family: OpenSansRegular;
    font-weight: normal;
    color: #777;
  }

  #coach_pay_confirm .description .bold {
    font-size: 1.6rem;
    font-family: OpenSansSemibold;
    font-weight: normal;
  }

  #coach_pay_confirm .button {
    width: 100%;
    max-width: 320px;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
  }

  #pay_confirm_modal {
    width: 92% !important;
    padding: 60px 5% 80px !important;
  }

  #pay_confirm_modal h1 {
    text-align: center;
    font-size: 2rem;
    font-family: OpenSansBold;
    font-weight: normal;
    color: #777;
  }

  #pay_confirm_modal p {
    text-align: center;
    font-size: 1.6rem;
    font-family: OpenSansSemibold;
    font-weight: normal;
    max-width: 90%;
    margin: 30px auto;
  }

  #pay_confirm_modal p:nth-child(3) {
    max-width: 80%;
  }

  #pay_confirm_modal p .orange {
    color: #ff7a00;
  }

  #pay_confirm_modal .app-stores {
    margin-top: 80px;
  }

  #pay_confirm_modal .app-stores .button {
    line-height: 40;
    width: 135px;
    height: 40px;
    display: block;
    margin: 20px auto;
  }

  #pay_confirm_modal .app-stores .button.apple-app-store {
    background: url('/static/img/apple_app_store_135x40.png') no-repeat;
  }

  #pay_confirm_modal .app-stores .button.google-play {
    background: url('/static/img/google_play_135x40.png') no-repeat;
  }

  #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;
  }
}

.button-close {
  width: 33px;
  height: 33px;
  background: url('/static/img/strengths/button_close.png');
  cursor: pointer;
  display: block;
  text-transform: uppercase;
  text-decoration: none;
  z-index: 2000;
}

.overlay {
  z-index: 9999;
  position: fixed;
  overflow: auto;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.92);
  padding: 0;
  height: 100%;
}

.overlay.black {
  background: rgba(0, 0, 0, 0.7);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
}

.overlay-semitransparent {
  background: rgba(255, 255, 255, 0.5);
}

.overlay.without_padding {
  padding: 0;
}

.overlay .ov_body {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  min-height: 100%;
  padding: 20px 35px;
  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;
  position: relative;
}

@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 > [tabindex='0']:last-child,
.overlay .ov_body .ov_inner > [tabindex='0']:first-child {
  position: absolute;
}

.overlay .ov_body .ov_inner .ov_content {
  margin: 0;
  width: 100%;
  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 button:active {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.overlay .ov_body .ov_inner .ov_content .close {
  position: absolute;
  top: -12px;
  right: -13px;
  z-index: 999;
}

.overlay .ov_body .ov_inner .ov_content.no-shadow {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.overlay.video {
  background: rgba(0, 0, 0, 0.5);
}

@media only screen and (min-width: 320px) and (max-width: 1023px) {
  .overlay.video {
    padding: 0;
  }
}

#track_level_complete_modal .buttons-container.reward,
#skill_level_modal .buttons-container.reward,
#activity_completed_modal .buttons-container.reward {
  margin: 30px 0 0;
}

#track_level_complete_modal .reward,
#skill_level_modal .reward,
#activity_completed_modal .reward {
  text-align: center;
}

#track_level_complete_modal .reward .star,
#skill_level_modal .reward .star,
#activity_completed_modal .reward .star {
  width: 21px;
  height: 30px;
  display: inline-block;
  background: url('/static/img/star_reward.png') no-repeat transparent;
  line-height: 21px;
  vertical-align: top;
  background-size: contain;
}

#track_level_complete_modal .reward .text,
#skill_level_modal .reward .text,
#activity_completed_modal .reward .text {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  display: inline-block;
  vertical-align: top;
}

#track_level_complete_modal .reward .text a,
#skill_level_modal .reward .text a,
#activity_completed_modal .reward .text a {
  font-family: 'OpenSansSemibold';
}

#track_level_complete_modal .reward .continue,
#skill_level_modal .reward .continue,
#activity_completed_modal .reward .continue {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin: 20px 0 0;
  min-height: 50px;
}

#track_level_complete_modal .reward .continue a,
#skill_level_modal .reward .continue a,
#activity_completed_modal .reward .continue a,
#track_level_complete_modal .reward .continue button,
#skill_level_modal .reward .continue button,
#activity_completed_modal .reward .continue button {
  color: #777;
  background: none;
  font-family: OpenSansRegular;
  padding: 0;
  line-height: normal;
  height: auto;
  border-radius: 0;
}

#track_level_complete_modal .reward .continue a:hover,
#skill_level_modal .reward .continue a:hover,
#activity_completed_modal .reward .continue a:hover,
#track_level_complete_modal .reward .continue button:hover,
#skill_level_modal .reward .continue button:hover,
#activity_completed_modal .reward .continue button:hover {
  text-decoration: underline;
}

#track_level_complete_modal .reward.prize,
#skill_level_modal .reward.prize,
#activity_completed_modal .reward.prize {
  border-top: 2px solid #f4d420;
  padding-top: 28px;
  background: #f8f8f8;
}

#track_level_complete_modal .reward.prize .text,
#skill_level_modal .reward.prize .text,
#activity_completed_modal .reward.prize .text {
  font-size: 1.6rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #00aaea;
  width: 260px;
  margin: 0 15px;
  line-height: normal;
}

#track_level_complete_modal .reward.grand_prize .text,
#skill_level_modal .reward.grand_prize .text,
#activity_completed_modal .reward.grand_prize .text {
  color: #777;
  width: 186px;
  margin: 0 15px;
  padding-bottom: 30px;
}

#track_level_complete_modal .continue .reward .button.orange {
  font-size: 1.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  padding: 0 35px;
  margin-top: 28px;
  width: auto;
}

#track_level_complete_modal .continue .reward.grand_prize .button.orange {
  margin-top: 0;
}

#track_level_complete_modal .continue.reward {
  padding: 0;
  margin-bottom: 0;
}

#skill_level_modal .modal-inner .buttons-container .button.orange,
#activity_completed_modal .modal-inner .buttons-container .button.orange {
  font-size: 1.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  padding: 0 35px;
  margin-top: 28px;
  width: auto;
}

#skill_level_modal .modal-inner .buttons-container .button.orange.send_another,
#activity_completed_modal .modal-inner .buttons-container .button.orange.send_another {
  margin-top: 0;
}

@media only screen and (max-width: 650px) {
  .overlay .ov_body {
    padding: 5px 10px;
  }
}

@media only screen and (max-width: 256px) {
  .overlay .ov_body {
    padding: 0 5px;
  }
}

#page_lock_modal {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
}

@-webkit-keyframes pulseblue {
  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 pulseblue {
  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);
  }
}

@-webkit-keyframes pulseblue-bottom {
  from {
    -webkit-box-shadow: 0 15px 20px -15px rgba(0,115,165,0.65), inset 0 1px 0 rgba(255,255,255,0.5);
    box-shadow: 0 15px 20px -15px rgba(0,115,165,0.65), inset 0 1px 0 rgba(255,255,255,0.5);
  }

  10% {
    -webkit-box-shadow: 0 15px 20px -15px #0073a5, inset 0 1px 0 rgba(255,255,255,0.5);
    box-shadow: 0 15px 20px -15px #0073a5, inset 0 1px 0 rgba(255,255,255,0.5);
  }

  90% {
    -webkit-box-shadow: 0 15px 20px -15px #0073a5, inset 0 1px 0 rgba(255,255,255,0.5);
    box-shadow: 0 15px 20px -15px #0073a5, inset 0 1px 0 rgba(255,255,255,0.5);
  }

  to {
    -webkit-box-shadow: 0 15px 20px -15px rgba(0,115,165,0.65), inset 0 1px 0 rgba(255,255,255,0.5);
    box-shadow: 0 15px 20px -15px rgba(0,115,165,0.65), inset 0 1px 0 rgba(255,255,255,0.5);
  }
}

@keyframes pulseblue-bottom {
  from {
    -webkit-box-shadow: 0 15px 20px -15px rgba(0,115,165,0.65), inset 0 1px 0 rgba(255,255,255,0.5);
    box-shadow: 0 15px 20px -15px rgba(0,115,165,0.65), inset 0 1px 0 rgba(255,255,255,0.5);
  }

  10% {
    -webkit-box-shadow: 0 15px 20px -15px #0073a5, inset 0 1px 0 rgba(255,255,255,0.5);
    box-shadow: 0 15px 20px -15px #0073a5, inset 0 1px 0 rgba(255,255,255,0.5);
  }

  90% {
    -webkit-box-shadow: 0 15px 20px -15px #0073a5, inset 0 1px 0 rgba(255,255,255,0.5);
    box-shadow: 0 15px 20px -15px #0073a5, inset 0 1px 0 rgba(255,255,255,0.5);
  }

  to {
    -webkit-box-shadow: 0 15px 20px -15px rgba(0,115,165,0.65), inset 0 1px 0 rgba(255,255,255,0.5);
    box-shadow: 0 15px 20px -15px rgba(0,115,165,0.65), inset 0 1px 0 rgba(255,255,255,0.5);
  }
}

.popover {
  width: 305px;
  border: 2px solid #e6e6e6;
  z-index: 999;
  position: absolute;
  background: #fff;
  line-height: normal;
  opacity: 0;
  border-radius: 6px;
  background-clip: padding-box;
  -webkit-transition: opacity 150ms linear;
  transition: opacity 150ms linear;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-box-shadow: 0 0 15px rgba(50, 50, 50, 0.25);
  box-shadow: 0 0 15px rgba(50, 50, 50, 0.25);
}

.popover.noclose .content {
  border-radius: 0 0 6px 6px;
  background-clip: padding-box;
}

.popover.noclose footer,
.popover.noclose .footer {
  display: none;
}

.popover.wide {
  width: 410px;
}

.popover#premium-activities-popover.right .footer {
  text-align: right;
}

.popover#premium-activities-popover.right .header,
.popover#premium-activities-popover.right .content {
  text-align: left;
}

.popover#premium-activities-popover.right::before,
.popover#premium-activities-popover.right::after {
  top: 15%;
}

.popover.bottom:before {
  top: -30px;
}

.popover.top:before {
  bottom: -30px;
  border-color: #fff transparent transparent;
}

.popover.left:before {
  top: 50%;
  right: -30px;
  left: auto;
  margin-top: -15px;
  border-color: transparent transparent transparent #FFF;
}

.popover.right:before {
  top: 50%;
  left: -15px;
  right: auto;
  margin-top: -15px;
  border-color: transparent #FFF transparent transparent;
}

.popover:before {
  left: 50%;
  margin-left: -15px;
  z-index: 2;
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 15px;
  border-color: transparent transparent #fff;
}

.popover:after {
  border-style: solid;
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  z-index: 1;
}

.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: -37px;
}

.popover.top:after {
  border-color: rgba(0, 0, 0, 0.06) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  bottom: -37px;
  border-width: 18px;
  left: 50%;
  margin-left: -18px;
}

.popover.left:after {
  top: 50%;
  right: -37px;
  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: -37px;
  right: auto;
  margin-top: -17px;
  border-width: 17px;
  border-color: transparent rgba(0, 0, 0, 0.06) transparent transparent;
}

.popover header,
.popover .header {
  color: #777;
  background: #fff;
  line-height: 43px;
  letter-spacing: -1.2px;
  padding: 5px 10px 0;
  position: relative;
  z-index: 1;
  font-size: 2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  border-radius: 6px 6px 0 0;
  background-clip: padding-box;
}

.popover header .icon,
.popover .header .icon {
  vertical-align: middle;
  margin: -1px 5px 0;
}

.popover header.privacy-header,
.popover .header.privacy-header {
  background-image: url('/static/img/fueled/info_icn.png');
  background-position: 12px 12px;
  background-repeat: no-repeat;
  padding-left: 45px;
  line-height: 25px;
  padding-top: 10px;
  margin-bottom: 10px;
}

.popover .content {
  color: #777;
  padding: 0 30px 10px 50px;
  background: #FFF;
  min-height: 42px;
  line-height: 22px;
  font-size: 1.6rem;
  font-family: OpenSansLight;
  font-weight: normal;
}

.popover .content a.track_link {
  color: #777;
  text-decoration: underline;
}

.popover .content p {
  margin: 0 0 8px;
}

.popover .content p:last-child {
  margin: 0;
}

.popover footer,
.popover .footer {
  text-align: right;
  padding: 0 10px 10px;
}

.popover footer .previous,
.popover .footer .previous {
  color: #777;
  float: left;
  cursor: pointer;
}

.popover footer .previous:before,
.popover .footer .previous:before {
  content: "<\00a0";
}

.popover.hint {
  -webkit-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.4);
  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.4);
  background: none no-repeat scroll 0 0 #fff;
  border: 1px solid #DDD;
  padding: 0 0 0 10px;
  text-align: left;
  border-radius: 0;
  background-clip: padding-box;
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #7A7A7A;
}

.popover.hint .title {
  line-height: 24px;
  margin: 25px 0 0 15px;
}

.popover.hint p {
  margin: 0 15px 25px;
}

.popover.hint:before {
  display: none;
}

.popover.hint:after {
  display: none;
}

.popover.hint .close {
  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: 5px;
  right: 5px;
  z-index: 3090;
  padding: 0;
}

html[lang=de] .popover header {
  font-size: 1.9rem;
}

#track_preview {
  margin-top: 60px;
}

#track_preview #content_height {
  position: relative;
}

#track_preview .btn-track-preview {
  font-size: 1.4rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  position: absolute;
  top: 0;
  left: 15px;
  padding: 10px 3rem;
  line-height: normal;
  color: #ff7a00;
  background: none;
  border: none;
  outline: 0;
  z-index: 1;
}

#track_preview .rsbtn {
  position: absolute;
  top: -19px;
  left: 120px;
}

#track_preview .bottom-panel {
  -webkit-transition: bottom 0.3s ease;
  transition: bottom 0.3s ease;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  bottom: 0;
  margin: 50px 0 -160px 0;
  background: white;
  border-top: 2px solid #e6e6e6;
}

#track_preview .bottom-panel.sticky {
  position: fixed;
  left: 0;
  width: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 2;
  bottom: 0;
  -webkit-transition: bottom 0.3s ease;
  transition: bottom 0.3s ease;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

@media (max-width: 767.98px) {
  #track_preview .bottom-panel.sticky {
    position: static;
  }
}

#track_preview .bottom-panel h2 {
  font-size: 2.8rem;
  font-family: OpenSansRegular;
  margin: 5px 0 10px;
  display: block;
  font-weight: normal;
  line-height: 1;
  color: #777;
}

#track_preview .bottom-panel .author-avatar,
#track_preview .bottom-panel .title,
#track_preview .bottom-panel .name,
#track_preview .bottom-panel .position {
  display: inline-block;
  vertical-align: middle;
  color: #777;
}

#track_preview .bottom-panel .title {
  text-transform: none;
  font-size: 1.3rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  font-style: italic;
}

#track_preview .bottom-panel .name,
#track_preview .bottom-panel .position {
  font-size: 1.4rem;
  font-family: OpenSansBold;
  font-weight: normal;
}

#track_preview .bottom-panel .author-avatar {
  margin-right: 10px;
  height: 30px;
  border-radius: 50%;
}

#track_preview .bottom-panel .btn {
  font-family: OpenSansBold;
  font-weight: normal;
  padding: 22px 10px;
  max-width: 100%;
  font-size: 1.7rem;
  line-height: 1.2;
  color: white;
  background: #00aaea;
  -webkit-box-shadow: 0 3px 0 #00729e;
  box-shadow: 0 3px 0 #00729e;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
  border-radius: 5px;
  outline: none;
  white-space: normal;
}

#track_preview .bottom-panel .btn:hover {
  background: #00a6e5;
}

.track-preview-audiotutorial {
  font-family: OpenSansRegular;
  font-size: 14px;
}

.track-preview-audiotutorial .hap_main.minimal {
  width: 100%;
}

.track-preview-audiotutorial .hap_main.minimal > .hap_title {
  margin-top: -14px;
  top: 50%;
  height: 28px;
  line-height: 28px;
  right: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .track-preview-audiotutorial .hap_main.minimal > .hap_title {
    font-size: 13px;
  }
}

.track-preview-main-content {
  background: #fff;
}

#track_preview.track-creator-hidden .bottom-panel h2 {
  margin-top: 15px;
}

.TrackPromoBnr {
  position: relative;
}

@media (min-width: 992px) {
  .TrackPromoBnr {
    height: 430px;
  }
}

.TrackPromoBnr_trackPicture {
  height: 430px;
  border-radius: 5px 0 0 0;
  background: center no-repeat;
  background-size: cover;
}

.TrackPromoBnr_author {
  position: relative;
  background: #fff;
  border-radius: 0px 5px 0 0;
}

@media (min-width: 992px) {
  .TrackPromoBnr_author {
    height: 430px;
  }
}

.TrackPromoBnr_author-fullText {
  height: auto;
}

@media (min-width: 992px) {
  .TrackPromoBnr_author-fullText {
    max-height: 1500px;
    overflow-y: auto;
    position: absolute;
    -webkit-box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.1);
    z-index: 2;
    right: 0;
    left: 0;
  }
}

.TrackPromoBnr_authorAvatar {
  position: relative;
  display: inline-block;
  padding: 0 8px 8px 0;
}

.TrackPromoBnr_authorPhoto {
  width: 86px;
  height: 86px;
  border-radius: 50%;
  display: block;
}

.TrackPromoBnr_avatarLabel {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 40px;
  height: 40px;
  background: center no-repeat;
  background-size: contain;
}

.TrackPromoBnr_trackLabel {
  font-size: 1.9rem;
  font-family: OpenSansBold;
  position: absolute;
  top: 0;
  display: block;
  padding: 15px 40px;
  text-transform: uppercase;
  color: white;
}

.TrackPromoBnr_trackLabel-recommended {
  left: 0;
  border-radius: 5px 0 5px 0;
  background: #00aaea;
}

.TrackPromoBnr_trackLabel-premium {
  right: 0;
  border-radius: 0 0 0 5px;
  background: #76b102;
}

.TrackPromoBnr_trackLabel-digitalCoach {
  right: 0;
  font-family: "OpenSansSemibold";
  border-radius: 0;
  background: #fff;
  color: #4fb448;
  line-height: 40px;
  padding: 0 10px 0 20px;
}

.TrackPromoBnr_trackIco {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  left: -20px;
  background-size: 100% 100%;
}

.TrackPromoBnr_shareWrap {
  position: absolute;
  right: 0;
  top: 0;
}

.TrackPromoBnr_shareWrap .viral-share {
  width: auto;
}

.TrackPromoBnr_shareWrap > div > .share {
  font-family: "OpenSansBold" !important;
  font-size: 1.6rem !important;
  font-weight: normal !important;
  padding: 0;
  line-height: normal;
  border: 0 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  background: none !important;
  color: #777 !important;
}

.TrackPromoBnr_shareWrap > div > .share > img {
  display: none;
}

.TrackPromoBnr_shareWrap > div > .share:after {
  margin-left: 5px;
  vertical-align: middle;
  content: url("/static/img/share_icon.png");
}

.TrackPromoBnr_authorTitle {
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  white-space: nowrap;
  overflow: hidden;
}

.TrackPromoBnr_authorDegree {
  font-size: 1.4rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
}

.TrackPromoBnr_authorCoworker .content {
  display: inline-block;
  font-size: 1.4rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
}

.TrackPromoBnr_authorCoworker .tooltip {
  width: 15px;
  height: 15px;
  line-height: 15px;
  border-radius: 50%;
  text-align: center;
  display: inline-block;
  background: #d0d0d0;
  color: white;
  cursor: pointer;
  position: relative;
}

.TrackPromoBnr_authorCoworker .tooltip:hover {
  background: #777;
}

.TrackPromoBnr_authorCoworker .tooltip:hover .tooltip-container,
.TrackPromoBnr_authorCoworker .tooltip:focus .tooltip-container {
  display: block;
}

.TrackPromoBnr_authorCoworker .tooltip-container {
  position: absolute;
  display: none;
  -webkit-box-shadow: 0px 3px rgba(0, 0, 0, 0.07);
  box-shadow: 0px 3px rgba(0, 0, 0, 0.07);
  padding: 15px 20px;
  background: #ffffff;
  border: 1px solid #d0d0d0;
  border-radius: 5px;
  text-align: left;
  min-width: 230px;
  z-index: 999;
  top: -55px;
  right: 35px;
  font-size: 1.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
  line-height: 18px;
}

.TrackPromoBnr_authorCoworker .tooltip-container::after {
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg);
  position: absolute;
  top: 48px;
  right: -14px;
  background: inherit;
  width: 25px;
  height: 25px;
  border-bottom: 1px solid #d0d0d0;
  border-left: 1px solid #d0d0d0;
  border-radius: 0 100% 0 0;
  content: "";
}

.TrackPromoBnr_authorCoworker .tooltip p {
  font-size: 1.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin: 0;
  line-height: 1.8;
  color: #777;
}

.TrackPromoBnr_authorBio {
  font-size: 1.5rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  line-height: 1.5;
  margin: 0;
}

.TrackPromoBnr_authorBio > a {
  font-weight: bold;
  font-size: 1.4rem;
  white-space: nowrap;
}

.TrackPromoBnr_titleBar {
  width: 100%;
  min-height: 128px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 123, 0, 0.55)), color-stop(85%, #ff7b00));
  background-image: linear-gradient(180deg, rgba(255, 123, 0, 0.55), #ff7b00 85%);
  position: absolute;
  bottom: 0;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .TrackPromoBnr_titleBar {
    width: 930px;
  }
}

@media (min-width: 1200px) {
  .TrackPromoBnr_titleBar {
    width: 1110px;
  }
}

.TrackPromoBnr_title {
  line-height: 1.2;
  font-weight: normal;
  color: white;
}

@media (max-width: 991.98px) {
  .TrackPromoBnr_title {
    font-size: 3rem;
    font-family: OpenSansRegular;
    font-weight: normal;
  }
}

@media (min-width: 992px) {
  .TrackPromoBnr_title {
    font-size: 3.3rem;
    font-family: OpenSansRegular;
    font-weight: normal;
  }
}

.TrackPromoBnr_title_skip_main {
  position: absolute;
  z-index: 1000;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 128px;
}

.TrackPromoBnr_title_skip_main .TrackPromoBnr_title.skip_nav_target {
  margin-left: 33px;
}

@media (max-width: 991.98px) {
  .TrackPromoBnr_title_skip_main {
    visibility: hidden;
  }
}

.TrackPromoBnr_btnWrap > .track-preview-action > .btn {
  width: 100%;
  font-size: 1.6rem;
  font-family: OpenSansBold;
  font-weight: normal;
  line-height: 1.2;
  background: #00aaea;
  text-align: center;
  -webkit-box-shadow: 0 3px 0 #00729e;
  box-shadow: 0 3px 0 #00729e;
  height: auto;
  display: block;
  border-radius: 5px;
  color: white;
  text-transform: uppercase;
}

.TrackPromoBnr_btnWrap > .track-preview-action > .btn:hover {
  background: #00a6e5;
}

@media (max-width: 991.98px) {
  .TrackPromoBnr_btnWrap > .track-preview-action > .btn {
    padding: 16px 8px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .TrackPromoBnr_btnWrap > .track-preview-action > .btn {
    margin: 0 auto;
    padding: 22px 8px;
  }
}

@media (min-width: 1200px) {
  .TrackPromoBnr_btnWrap > .track-preview-action > .btn {
    margin: 0 auto;
    padding: 28px 10px;
    font-size: 1.7rem;
    font-family: OpenSansBold;
    font-weight: normal;
  }
}

#track-preview-description .description {
  padding: 40px 0;
  border-top: 2px solid #ff7a00;
  border-bottom: 2px solid #e6e6e6;
}

#track-preview-description .description > p {
  font-size: 1.8rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
}

#track-preview-description .description > p:not(:last-of-type) {
  margin: 0 0 20px;
}

#track-preview-description .description > p:last-of-type {
  margin: 0;
}

.track-creator-hidden #track-preview-description .description {
  border-top: none;
  padding-top: 20px;
}

#track_preview .benefits {
  padding: 20px 0;
}

#track_preview .benefits h2 {
  font-size: 1.85rem;
  font-family: OpenSansBold;
  font-weight: normal;
  color: #777;
}

@media (min-width: 992px) {
  #track_preview .benefits .benefits-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

#track_preview .benefits .benefit-list {
  margin: 20px 0;
}

#track_preview .benefits .benefit-list > li {
  font-size: 2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  padding-right: 20px;
  font-style: italic;
  line-height: 1.55;
  color: #777;
  padding-left: 15px;
  position: relative;
}

#track_preview .benefits .benefit-list > li::before {
  content: "";
  position: absolute;
  top: calc(50% - 3px);
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #00aaea;
}

#track_preview .benefits .counter {
  text-align: center;
}

@media (max-width: 991.98px) {
  #track_preview .benefits .counter {
    border-top: 2px solid #ff7a00;
    padding-top: 11px;
  }
}

@media (min-width: 992px) {
  #track_preview .benefits .counter {
    border-left: 2px solid #e6e6e6;
    padding-left: 6px;
  }
}

#track_preview .benefits .counter span {
  display: block;
}

#track_preview .benefits .counter span:nth-of-type(1) {
  font-size: 3.5rem;
  font-family: OpenSansBold;
  font-weight: normal;
  margin-bottom: 10px;
  color: #00aaea;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  #track_preview .benefits .counter span:nth-of-type(1) {
    font-size: 3.8rem;
  }
}

@media (min-width: 1200px) {
  #track_preview .benefits .counter span:nth-of-type(1) {
    font-size: 4.5rem;
  }
}

#track_preview .benefits .counter span:nth-of-type(2) {
  font-size: 1.55rem;
  font-family: OpenSansBold;
  font-weight: normal;
  color: #777;
}

#track_preview.track-creator-hidden .benefits {
  padding: 20px 0 0 30px;
}

#track_preview.track-creator-hidden .benefits .benefits-details {
  border-bottom: 2px solid #e6e6e6;
}

#track_preview.track-creator-hidden .benefits .benefits-details .benefit-list > li {
  font-size: 1.8rem;
}

/* ====================================================================
 * styling encapsulated by/with
 *    - by #track-preview-promotion
 *
 *  used for/in:
 *    - track preview page (#track preview)
 *
* ================================================================== */

#track-preview-promotion {
  padding: 30px;
  /*------------------------------------*\
      PROMOTION COVER
  \*------------------------------------*/
  /*------------------------------------*\
      PROMOTION DETAILS
  \*------------------------------------*/
  /*------------------------------------*\
      STORE ICONS
  \*------------------------------------*/
}

#track-preview-promotion a {
  outline: none;
}

#track-preview-promotion a:hover {
  text-decoration: none;
}

#track-preview-promotion p {
  margin: 0;
}

#track-preview-promotion .promotion-cover {
  display: inline-block;
  width: 20%;
  vertical-align: top;
}

#track-preview-promotion .promotion-cover a {
  display: inline-block;
}

#track-preview-promotion .promotion-cover img {
  width: 130px;
}

#track-preview-promotion .promotion-details {
  display: inline-block;
  width: 79%;
  padding: 10px 30px;
  vertical-align: top;
}

#track-preview-promotion .promotion-details a {
  display: inline-block;
}

#track-preview-promotion .promotion-details h2 {
  font-size: 1.8rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  color: #777;
}

#track-preview-promotion .promotion-details h3 {
  font-size: 1.7rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  color: #00aaea;
}

#track-preview-promotion .promotion-details .subtitle {
  font-size: 1.5rem;
  font-family: OpenSansBold;
  font-weight: normal;
  color: #b3b3b3;
}

#track-preview-promotion .promotion-details .description {
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
}

#track-preview-promotion .promotion-details .store-list {
  margin-top: 25px;
}

#track-preview-promotion .promotion-details .store-list > li {
  display: inline-block;
  margin: 0 5px 7px 0;
}

#track-preview-promotion .promotion-details .store-list a {
  font-size: 1.6rem;
  font-family: OpenSansBold;
  font-weight: normal;
  display: block;
  padding: 10px;
  cursor: pointer;
  background: #F5F5F5;
  border: none;
  border-radius: 5px;
  color: #777;
}

#track-preview-promotion .store-icon {
  width: 19px;
  height: 19px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}

#track-preview-promotion .store-icon.amazon {
  background: url("/static/img/tracks/promos/amazon_icon.png") no-repeat;
}

#track-preview-promotion .store-icon.bn {
  background: url("/static/img/tracks/promos/bn_icon.png") no-repeat;
}

#track-preview-promotion .store-icon.ibook {
  background: url("/static/img/tracks/promos/ibook_icon.png") no-repeat;
}

#track-preview-promotion .store-icon.indiebound {
  background: url("/static/img/tracks/promos/indiebound_icon.jpg") no-repeat;
}

#track-preview-progress {
  padding-bottom: 10px;
  border-bottom: 2px solid #e6e6e6;
  overflow: hidden;
}

#track-preview-progress .medal-bar {
  float: left;
}

#track-preview-progress .medal-bar > span {
  display: inline-block;
  vertical-align: middle;
}

#track-preview-progress .medal-bar .medal {
  position: relative;
  top: 5px;
  margin-left: 4px;
}

#track-preview-progress .tooltip {
  width: 15px;
  height: 15px;
  line-height: 15px;
  border-radius: 50%;
  text-align: center;
  display: inline-block;
  background: #d0d0d0;
  color: white;
  cursor: pointer;
  margin: 20px 4px;
}

#track-preview-progress .tooltip:hover {
  background: #777;
}

#track-preview-progress .tooltip:hover .tooltip-container {
  display: block;
}

#track-preview-progress .tooltip:focus .tooltip-container {
  display: block;
}

#track-preview-progress .tooltip-container {
  -webkit-box-shadow: 0 3px rgba(0, 0, 0, 0.07);
  box-shadow: 0 3px rgba(0, 0, 0, 0.07);
  top: 20px;
  left: 115px;
  position: absolute;
  display: none;
  padding: 15px 20px;
  background: #fff;
  border: 1px solid #d0d0d0;
  border-radius: 5px;
  text-align: left;
  z-index: 999;
}

#track-preview-progress .tooltip-container::after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 23px;
  left: -14px;
  background: inherit;
  width: 25px;
  height: 25px;
  border-bottom: 1px solid #d0d0d0;
  border-left: 1px solid #d0d0d0;
  border-radius: 0 100% 0 0;
  content: "";
}

#track-preview-progress .tooltip h3 {
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin: 0 0 10px;
  background: #fff;
  font-weight: bold;
  color: #ff7a00;
}

#track-preview-progress .tooltip p {
  font-size: 1.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin: 0;
  line-height: 1.8;
  color: #777;
}

#track-preview-progress .progress-bar {
  float: right;
  margin-top: 5px;
  height: 45px;
  line-height: 42px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(47%, rgba(0, 0, 0, 0)), color-stop(47%, #cccbc9), color-stop(53%, #cccbc9), color-stop(53%, rgba(0, 0, 0, 0)));
  background: linear-gradient(rgba(0, 0, 0, 0) 47%, #cccbc9 47%, #cccbc9 53%, rgba(0, 0, 0, 0) 53%);
}

#track-preview-progress .progress-bar > li {
  display: inline-block;
  width: 15px;
  height: 15px;
  line-height: 34px;
  margin: 0 10px;
  border: 3px solid #cccbc9;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 5px white;
  box-shadow: 0 0 0 5px white;
  background: white;
  vertical-align: middle;
}

#track-preview-progress .progress-bar > li:first-of-type {
  margin: 0 10px 0 0;
}

#track-preview-progress .progress-bar > li:last-of-type {
  margin: 0 0 0 10px;
}

#track-preview-progress .progress-bar > li.redo {
  background: #cccbc9;
  border: none;
}

#track-preview-progress .progress-bar > li[data-part-status="current"],
#track-preview-progress .progress-bar > li[data-part-status="completed"] {
  width: 35px;
  height: 35px;
  margin: 0 5px;
  border: none;
  background: #00aaea;
  vertical-align: middle;
  text-align: center;
  color: white;
}

#track-preview-progress .progress-bar > li[data-part-status="completed"]::before {
  font-size: 2.4rem;
  font-family: OpenSansBold;
  font-weight: normal;
  content: attr(data-track-part);
}

#track-preview-progress .progress-bar > li[data-part-status="current"] {
  position: relative;
}

#track-preview-progress .progress-bar > li[data-part-status="current"]::before {
  font-size: 2.4rem;
  font-family: OpenSansBold;
  font-weight: normal;
  content: "...";
  top: -6px;
  left: 7px;
  position: absolute;
}

.js-track-preview-rewards {
  padding: 20px 0px;
  border-bottom: none;
  /*------------------------------------*\
 CASH REWARDS
\*------------------------------------*/
}

.js-track-preview-rewards .tooltip-rewards {
  width: 15px;
  height: 15px;
  line-height: 15px;
  border-radius: 50%;
  text-align: center;
  display: inline-block;
  background: #d0d0d0;
  color: white;
  cursor: pointer;
  margin: 20px 4px;
  position: relative;
}

.js-track-preview-rewards .tooltip-rewards:hover {
  background: #777;
}

.js-track-preview-rewards .tooltip-rewards:hover > div {
  display: block;
}

.js-track-preview-rewards .tooltip-rewards:focus > div {
  display: block;
}

.js-track-preview-rewards .tooltip-rewards .tooltip-rewards-container {
  -webkit-box-shadow: 0px 3px rgba(0, 0, 0, 0.07);
  box-shadow: 0px 3px rgba(0, 0, 0, 0.07);
  top: -50px;
  left: 50px;
  position: absolute;
  display: none;
  padding: 15px 20px;
  background: #fff;
  border: 1px solid #d0d0d0;
  border-radius: 5px;
  text-align: left;
  z-index: 999;
  width: 200px;
}

.js-track-preview-rewards .tooltip-rewards .tooltip-rewards-container::after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 43px;
  left: -14px;
  background: inherit;
  width: 25px;
  height: 25px;
  border-bottom: 1px solid #d0d0d0;
  border-left: 1px solid #d0d0d0;
  border-radius: 0 100% 0 0;
  content: '';
}

.js-track-preview-rewards .tooltip-rewards h3 {
  font-size: 1.6rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  margin: 0 0 10px;
  background: #fff;
  color: #ff7a00;
}

.js-track-preview-rewards .tooltip-rewards p {
  font-size: 1.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin: 0;
  line-height: 1.8;
  color: #777;
}

.js-track-preview-rewards .rewards {
  background: #f3f9ea;
  padding: 10px 20px;
}

.js-track-preview-rewards .rewards-container {
  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;
}

.js-track-preview-rewards .rewards-title {
  font-size: 14px;
  font-family: OpenSansSemiBold;
  color: #81BA00;
  text-transform: uppercase;
  margin-right: 10px;
}

.js-track-preview-rewards .rewards-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 5px 0px;
}

.js-track-preview-rewards .rewards-image {
  padding: 0px 10px;
}

.js-track-preview-rewards .rewards-text {
  color: #81BA00;
  font-size: 1.2rem;
  font-family: OpenSansBold;
  font-weight: normal;
}

.js-track-preview-rewards .rewards-paragraph {
  font-family: OpenSansRegular;
  font-weight: normal;
  font-size: 13px;
  margin: 0;
  color: #777;
  line-height: normal;
}

.js-track-preview-rewards .rewards-paragraph span {
  font-weight: bold;
}

.js-track-preview-rewards .rewards .rewards-items .rewards-item {
  margin-bottom: 20px;
  line-height: 1.2rem;
  padding: 0;
  padding-left: 40px;
}

html.MSIE.v9 li[data-part-status='current'] {
  padding-left: 17px !important;
}

html[lang=es] #track-preview-progress .tooltip-container {
  width: 186px;
}

.track-creator-hidden #track-preview-progress {
  padding: 20px 30px;
  border: none;
  overflow: visible;
  position: relative;
  /* anchor for .tooltip-container */
}

.track-creator-hidden #track-preview-progress .tooltip .tooltip-container {
  top: 10px;
}

#track-preview-testimonials h2 {
  font-size: 2.2rem;
  font-family: OpenSansRegular;
  margin: 40px 0 20px;
  font-weight: normal;
  color: #777;
}

#track-preview-testimonials .testimonial {
  margin: 0;
  padding: 20px 0;
}

#track-preview-testimonials .testimonial p {
  margin: 0;
}

#track-preview-testimonials .testimonial-avatar {
  float: left;
  width: 50px;
  height: 50px;
  margin: 0 10px 10px 0;
  border-radius: 50%;
}

#track-preview-testimonials .testimonial-title {
  font-size: 1.6rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  color: #00aaea;
}

#track-preview-testimonials .testimonial p.testimonial-quote {
  margin-top: 15px;
}

#track-preview-testimonials .testimonial-quote {
  font-size: 1.35rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  font-style: italic;
  line-height: 1.6;
  color: #777;
}

#track-preview-testimonials .testimonial footer,
#track-preview-testimonials .testimonial .footer {
  text-align: right;
}

#track-preview-testimonials .testimonial-author {
  font-size: 1.4rem;
  font-family: OpenSansBold;
  font-weight: normal;
  font-style: italic;
  color: #777;
}

#content_height {
  position: relative;
}

html[lang="es"] #track-preview-banner .viral-share > .button {
  font-size: 15px;
}

html[lang="es"] #track-preview-banner .track-author {
  padding-right: 8px;
  padding-left: 18px;
}

html[lang="es"] #track-preview-banner .digital_coach {
  left: 73px;
}

html[lang="es"] #track_preview .bottom-panel .position,
html[lang="fr"] #track_preview .bottom-panel .position {
  text-transform: none;
}

html[lang="fr"] #track-preview-testimonials h2 {
  text-transform: none;
}

html[lang="fr"] #track-preview-banner .viral-share > .button {
  font-size: 15px;
}

html[lang="pt"] #track-preview-testimonials h2 {
  text-transform: none;
}

html[lang="pt"] #track-preview-banner .viral-share > .button {
  font-size: 15px;
}

[data-view=RecommendedActivity] .cell {
  padding: 20px;
}

[data-view=RecommendedActivity] h3 {
  font-size: 1.8rem;
  font-family: OpenSansLight;
  margin: 0 0 10px;
  font-weight: normal;
}

[data-view=RecommendedActivity] img {
  width: 133px;
  height: 120px;
  border-radius: 5px;
  background-clip: padding-box;
}

[data-view=RecommendedActivity] a:hover {
  text-decoration: none;
}

[data-view=RecommendedActivity] .title {
  width: 75%;
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
  height: 120px;
}

[data-view=RecommendedActivity] .title h2 {
  margin: -9px 0 0;
}

[data-view=RecommendedActivity] .title h2 span:first-child {
  font-size: 1.8rem;
  font-family: OpenSansLight;
  font-weight: normal;
  color: #ff7a00;
  line-height: 33px;
}

[data-view=RecommendedActivity] .title h2 span.pencil_blue {
  margin-left: 5px;
  vertical-align: middle;
}

[data-view=RecommendedActivity] .title a.button {
  padding: 0 12px 0 10px;
  font-size: 1.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  height: 40px;
  line-height: 40px;
}

[data-view=RecommendedActivity] .title a.button .flag {
  margin-left: 10px;
  position: relative;
  top: 5px;
}

[data-view=RecommendedActivity] .text {
  display: inline-block;
  width: 80%;
  height: 50px;
}

[data-view=SkillLevels] .cell {
  padding: 10px 0;
}

[data-view=SkillLevels] .cell .score-container {
  margin: 8px 0 8px 25px;
}

[data-view=SkillLevels] .cell .score-container .score-background {
  vertical-align: middle;
  position: relative;
}

[data-view=SkillLevels] .cell .score-container .score-background > * {
  vertical-align: middle;
}

[data-view=SkillLevels] .cell .score-container .score-background .score-bar {
  text-align: right;
  margin-top: 2px;
}

[data-view=SkillLevels] .cell .score-container .score-background .score-bar .score-lvl {
  margin: 3px 4px 0 0;
}

[data-view=SkillLevels] .cell .score-container .score-background .score-bar .score-lvl span {
  font-size: 0.8rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #ffffff;
  text-align: center;
  display: inline-block;
  position: relative;
  top: -2px;
  left: -5px;
}

[data-view=SkillLevels] .cell .score-container .score-background .score-icon {
  position: absolute;
  left: -15px;
}

[data-view=SkillLevels] .cell .score-container .score-title {
  display: inline-block;
  text-transform: capitalize;
  vertical-align: middle;
  font-size: 1.3rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin-left: 10px;
}

[data-view="SkillsListLocked"] {
  background: #ffffff;
  border-radius: 5px;
  background-clip: padding-box;
  padding: 10px;
}

[data-view="SkillsListLocked"] .locked-content {
  width: 90%;
  height: 100px;
  border: 1px solid #cccccc;
  background: #fdfdf7;
  border-radius: 5px;
  background-clip: padding-box;
  position: relative;
  margin: 0 auto 20px;
  text-align: center;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}

[data-view="SkillsListLocked"] .locked-content h1 {
  font-size: 2rem;
  font-family: OpenSansLight;
  font-weight: normal;
  color: #00aaea;
  margin: 16px 0;
}

[data-view="SkillsList"] div.skills-tab,
[data-view="SkillsListActivityPackage"] div.skills-tab {
  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;
}

[data-view="SkillsList"] div.skills-tab .skill,
[data-view="SkillsListActivityPackage"] div.skills-tab .skill {
  text-align: left;
  background-color: transparent;
  background-image: url("/static/img/skill_menu_tab.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  color: #b4b4b4;
  cursor: pointer;
  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;
  font-size: 16px;
  width: 171px;
  height: 38px;
  position: relative;
}

[data-view="SkillsList"] div.skills-tab .skill:active,
[data-view="SkillsListActivityPackage"] div.skills-tab .skill:active {
  -webkit-box-shadow: none;
  box-shadow: none;
}

[data-view="SkillsList"] div.skills-tab .skill:first-child,
[data-view="SkillsListActivityPackage"] div.skills-tab .skill:first-child {
  margin-left: 0;
}

[data-view="SkillsList"] div.skills-tab .skill .skill-name,
[data-view="SkillsListActivityPackage"] div.skills-tab .skill .skill-name {
  text-transform: capitalize;
  margin-left: 4px;
  font-size: 1.6rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
}

[data-view="SkillsList"] div.skills-tab .skill:hover,
[data-view="SkillsListActivityPackage"] div.skills-tab .skill:hover,
[data-view="SkillsList"] div.skills-tab .skill.active,
[data-view="SkillsListActivityPackage"] div.skills-tab .skill.active {
  text-decoration: none;
}

[data-view="SkillsList"] div.skills-tab .skill:hover[data-skill_id="SA"] .skill-icon-gray,
[data-view="SkillsListActivityPackage"] div.skills-tab .skill:hover[data-skill_id="SA"] .skill-icon-gray,
[data-view="SkillsList"] div.skills-tab .skill.active[data-skill_id="SA"] .skill-icon-gray,
[data-view="SkillsListActivityPackage"] div.skills-tab .skill.active[data-skill_id="SA"] .skill-icon-gray {
  background-position-y: -156px;
}

[data-view="SkillsList"] div.skills-tab .skill:hover[data-skill_id="SA"] .skill-name,
[data-view="SkillsListActivityPackage"] div.skills-tab .skill:hover[data-skill_id="SA"] .skill-name,
[data-view="SkillsList"] div.skills-tab .skill.active[data-skill_id="SA"] .skill-name,
[data-view="SkillsListActivityPackage"] div.skills-tab .skill.active[data-skill_id="SA"] .skill-name {
  color: #c5168a;
}

[data-view="SkillsList"] div.skills-tab .skill:hover[data-skill_id="TH"] .skill-icon-gray,
[data-view="SkillsListActivityPackage"] div.skills-tab .skill:hover[data-skill_id="TH"] .skill-icon-gray,
[data-view="SkillsList"] div.skills-tab .skill.active[data-skill_id="TH"] .skill-icon-gray,
[data-view="SkillsListActivityPackage"] div.skills-tab .skill.active[data-skill_id="TH"] .skill-icon-gray {
  background-position-y: -158px;
}

[data-view="SkillsList"] div.skills-tab .skill:hover[data-skill_id="TH"] .skill-name,
[data-view="SkillsListActivityPackage"] div.skills-tab .skill:hover[data-skill_id="TH"] .skill-name,
[data-view="SkillsList"] div.skills-tab .skill.active[data-skill_id="TH"] .skill-name,
[data-view="SkillsListActivityPackage"] div.skills-tab .skill.active[data-skill_id="TH"] .skill-name {
  color: #ff7a00;
}

[data-view="SkillsList"] div.skills-tab .skill:hover[data-skill_id="AS"] .skill-icon-gray,
[data-view="SkillsListActivityPackage"] div.skills-tab .skill:hover[data-skill_id="AS"] .skill-icon-gray,
[data-view="SkillsList"] div.skills-tab .skill.active[data-skill_id="AS"] .skill-icon-gray,
[data-view="SkillsListActivityPackage"] div.skills-tab .skill.active[data-skill_id="AS"] .skill-icon-gray {
  background-position-y: -156px;
}

[data-view="SkillsList"] div.skills-tab .skill:hover[data-skill_id="AS"] .skill-name,
[data-view="SkillsListActivityPackage"] div.skills-tab .skill:hover[data-skill_id="AS"] .skill-name,
[data-view="SkillsList"] div.skills-tab .skill.active[data-skill_id="AS"] .skill-name,
[data-view="SkillsListActivityPackage"] div.skills-tab .skill.active[data-skill_id="AS"] .skill-name {
  color: #00aaea;
}

[data-view="SkillsList"] div.skills-tab .skill:hover[data-skill_id="GI"] .skill-icon-gray,
[data-view="SkillsListActivityPackage"] div.skills-tab .skill:hover[data-skill_id="GI"] .skill-icon-gray,
[data-view="SkillsList"] div.skills-tab .skill.active[data-skill_id="GI"] .skill-icon-gray,
[data-view="SkillsListActivityPackage"] div.skills-tab .skill.active[data-skill_id="GI"] .skill-icon-gray {
  background-position-y: -156px;
}

[data-view="SkillsList"] div.skills-tab .skill:hover[data-skill_id="GI"] .skill-name,
[data-view="SkillsListActivityPackage"] div.skills-tab .skill:hover[data-skill_id="GI"] .skill-name,
[data-view="SkillsList"] div.skills-tab .skill.active[data-skill_id="GI"] .skill-name,
[data-view="SkillsListActivityPackage"] div.skills-tab .skill.active[data-skill_id="GI"] .skill-name {
  color: #06b709;
}

[data-view="SkillsList"] div.skills-tab .skill:hover[data-skill_id="EM"] .skill-icon-gray,
[data-view="SkillsListActivityPackage"] div.skills-tab .skill:hover[data-skill_id="EM"] .skill-icon-gray,
[data-view="SkillsList"] div.skills-tab .skill.active[data-skill_id="EM"] .skill-icon-gray,
[data-view="SkillsListActivityPackage"] div.skills-tab .skill.active[data-skill_id="EM"] .skill-icon-gray {
  background-position-y: -156px;
}

[data-view="SkillsList"] div.skills-tab .skill:hover[data-skill_id="EM"] .skill-name,
[data-view="SkillsListActivityPackage"] div.skills-tab .skill:hover[data-skill_id="EM"] .skill-name,
[data-view="SkillsList"] div.skills-tab .skill.active[data-skill_id="EM"] .skill-name,
[data-view="SkillsListActivityPackage"] div.skills-tab .skill.active[data-skill_id="EM"] .skill-name {
  color: #ff3131;
}

[data-view="SkillsList"] div.skills-tab .skill:hover[data-skill_id="RE"] .skill-icon-gray,
[data-view="SkillsListActivityPackage"] div.skills-tab .skill:hover[data-skill_id="RE"] .skill-icon-gray,
[data-view="SkillsList"] div.skills-tab .skill.active[data-skill_id="RE"] .skill-icon-gray,
[data-view="SkillsListActivityPackage"] div.skills-tab .skill.active[data-skill_id="RE"] .skill-icon-gray {
  background-position-y: -156px;
}

[data-view="SkillsList"] div.skills-tab .skill:hover[data-skill_id="RE"] .skill-name,
[data-view="SkillsListActivityPackage"] div.skills-tab .skill:hover[data-skill_id="RE"] .skill-name,
[data-view="SkillsList"] div.skills-tab .skill.active[data-skill_id="RE"] .skill-name,
[data-view="SkillsListActivityPackage"] div.skills-tab .skill.active[data-skill_id="RE"] .skill-name {
  color: #2ac4c5;
}

[data-view="SkillsList"] div.skills-tab .skill.active[data-skill_id="SA"],
[data-view="SkillsListActivityPackage"] div.skills-tab .skill.active[data-skill_id="SA"] {
  background-position: 0 -40px;
}

[data-view="SkillsList"] div.skills-tab .skill.active[data-skill_id="TH"],
[data-view="SkillsListActivityPackage"] div.skills-tab .skill.active[data-skill_id="TH"] {
  background-position: 0 -80px;
}

[data-view="SkillsList"] div.skills-tab .skill.active[data-skill_id="AS"],
[data-view="SkillsListActivityPackage"] div.skills-tab .skill.active[data-skill_id="AS"] {
  background-position: 0 -120px;
}

[data-view="SkillsList"] div.skills-tab .skill.active[data-skill_id="GI"],
[data-view="SkillsListActivityPackage"] div.skills-tab .skill.active[data-skill_id="GI"] {
  background-position: 0 -160px;
}

[data-view="SkillsList"] div.skills-tab .skill.active[data-skill_id="EM"],
[data-view="SkillsListActivityPackage"] div.skills-tab .skill.active[data-skill_id="EM"] {
  background-position: 0 -200px;
}

[data-view="SkillsList"] div.skills-tab .skill.active[data-skill_id="RE"],
[data-view="SkillsListActivityPackage"] div.skills-tab .skill.active[data-skill_id="RE"] {
  background-position: 0 -240px;
}

[data-view="SkillsList"] .no_activity_cards,
[data-view="SkillsListActivityPackage"] .no_activity_cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 180px;
  color: #787873;
  font-weight: 300;
  font-style: italic;
  font-size: 24px;
  line-height: 28.13px;
}

[data-view="SkillsList"] .activity_cards,
[data-view="SkillsListActivityPackage"] .activity_cards {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (max-width: 575.98px) {
  [data-view="SkillsList"] .activity_cards,
  [data-view="SkillsListActivityPackage"] .activity_cards {
    padding: 20px 0;
  }
}

@media (min-width: 576px) {
  [data-view="SkillsList"] .activity_cards,
  [data-view="SkillsListActivityPackage"] .activity_cards {
    padding: 20px 14px;
  }
}

[data-view="SkillsList"] .activity_cards:after,
[data-view="SkillsListActivityPackage"] .activity_cards:after {
  content: "";
  margin-right: auto;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

[data-view="SkillsList"] .activity_cards.SA,
[data-view="SkillsListActivityPackage"] .activity_cards.SA {
  background-color: #dec4dc;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d0aecf), to(#f3e5f0));
  background-image: linear-gradient(to bottom, #d0aecf, #f3e5f0 100%);
}

[data-view="SkillsList"] .activity_cards.TH,
[data-view="SkillsListActivityPackage"] .activity_cards.TH {
  background-color: #fbdcc1;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fbd4b5), to(#fce7d3));
  background-image: linear-gradient(to bottom, #fbd4b5, #fce7d3 100%);
}

[data-view="SkillsList"] .activity_cards.AS,
[data-view="SkillsListActivityPackage"] .activity_cards.AS {
  background-color: #cce8f5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#c2e5f4), to(#dcecf6));
  background-image: linear-gradient(to bottom, #c2e5f4, #dcecf6 100%);
}

[data-view="SkillsList"] .activity_cards.GI,
[data-view="SkillsListActivityPackage"] .activity_cards.GI {
  background-color: #d3e2bd;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#cbddb1), to(#dfe9cf));
  background-image: linear-gradient(to bottom, #cbddb1, #dfe9cf 100%);
}

[data-view="SkillsList"] .activity_cards.EM,
[data-view="SkillsListActivityPackage"] .activity_cards.EM {
  background-color: #f8ddd4;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f8d2d3), to(#f8edd6));
  background-image: linear-gradient(to bottom, #f8d2d3, #f8edd6 100%);
}

[data-view="SkillsList"] .activity_cards.OT,
[data-view="SkillsListActivityPackage"] .activity_cards.OT {
  background-color: #f9ede0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f8eddd), to(#fbeee4));
  background-image: linear-gradient(to bottom, #f8eddd, #fbeee4 100%);
}

[data-view="SkillsList"] .activity_cards.RE,
[data-view="SkillsListActivityPackage"] .activity_cards.RE {
  background-color: #bceded;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#a0e5e6), to(#e5f8f8));
  background-image: linear-gradient(to bottom, #a0e5e6, #e5f8f8 100%);
}

[data-view="SkillsList"] .activity_cards.screen,
[data-view="SkillsListActivityPackage"] .activity_cards.screen {
  display: block;
}

[data-view="SkillsList"] .activity_cards.buffer,
[data-view="SkillsListActivityPackage"] .activity_cards.buffer {
  display: none;
}

[data-view="SkillsList"] .activity_cards .skill_activity_card-inner,
[data-view="SkillsListActivityPackage"] .activity_cards .skill_activity_card-inner {
  position: relative;
  height: 95px;
  background: #fff;
  border-radius: 4px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 10px 10px -10px #505050;
  box-shadow: 0 10px 10px -10px #505050;
}

[data-view="SkillsList"] .activity_cards .skill_activity_card-inner > .pseudo,
[data-view="SkillsListActivityPackage"] .activity_cards .skill_activity_card-inner > .pseudo {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  overflow: visible;
  text-align: left;
  text-decoration: none !important;
}

[data-view="SkillsList"] .activity_cards .skill_activity_card,
[data-view="SkillsListActivityPackage"] .activity_cards .skill_activity_card {
  padding: 0 14px 11px;
}

@media (max-width: 767.98px) {
  [data-view="SkillsList"] .activity_cards .skill_activity_card,
  [data-view="SkillsListActivityPackage"] .activity_cards .skill_activity_card {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  [data-view="SkillsList"] .activity_cards .skill_activity_card,
  [data-view="SkillsListActivityPackage"] .activity_cards .skill_activity_card {
    width: 50%;
  }
}

@media (min-width: 992px) {
  [data-view="SkillsList"] .activity_cards .skill_activity_card,
  [data-view="SkillsListActivityPackage"] .activity_cards .skill_activity_card {
    width: 33.33333%;
  }
}

[data-view="SkillsList"] .activity_cards .skill_activity_card .activity,
[data-view="SkillsListActivityPackage"] .activity_cards .skill_activity_card .activity {
  width: 100%;
  height: 100%;
  text-decoration: none;
}

[data-view="SkillsList"] .activity_cards .skill_activity_card .activity.activity_free,
[data-view="SkillsListActivityPackage"] .activity_cards .skill_activity_card .activity.activity_free,
[data-view="SkillsList"] .activity_cards .skill_activity_card .activity.js-new_activity,
[data-view="SkillsListActivityPackage"] .activity_cards .skill_activity_card .activity.js-new_activity {
  display: inline-block;
}

[data-view="SkillsList"] .activity_cards .skill_activity_card .activity.locked .icon-new,
[data-view="SkillsListActivityPackage"] .activity_cards .skill_activity_card .activity.locked .icon-new {
  display: none;
}

[data-view="SkillsList"] .activity_cards .skill_activity_card .card-inner,
[data-view="SkillsListActivityPackage"] .activity_cards .skill_activity_card .card-inner {
  width: 100%;
  height: 100%;
  display: block;
  padding: 10px 0 0 10px;
}

[data-view="SkillsList"] .activity_cards .skill_activity_card .card-inner.selected,
[data-view="SkillsListActivityPackage"] .activity_cards .skill_activity_card .card-inner.selected {
  outline: 4px solid #000 !important;
}

[data-view="SkillsList"] .activity_cards .skill_activity_card img,
[data-view="SkillsListActivityPackage"] .activity_cards .skill_activity_card img {
  /* .size(72px); */
  border-radius: 3px;
  background-clip: padding-box;
}

[data-view="SkillsList"] .activity_cards .skill_activity_card .name,
[data-view="SkillsListActivityPackage"] .activity_cards .skill_activity_card .name {
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
  font-size: 1.4rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  width: calc(100% - 95px);
  padding-right: 25px;
  white-space: normal;
}

[data-view="SkillsList"] .activity_cards .skill_activity_card .name-locked,
[data-view="SkillsListActivityPackage"] .activity_cards .skill_activity_card .name-locked {
  width: 146px;
  height: 38px;
  background-color: #f9f7f7;
  color: #b4b4b4;
  display: inline-block;
  margin: 20px 0 0 30px;
  vertical-align: top;
  font-size: 2rem;
  font-family: OpenSansLight;
  font-weight: normal;
  text-align: center;
  padding-top: 5px;
}

[data-view="SkillsList"] .activity_cards .skill_activity_card .icon-new,
[data-view="SkillsListActivityPackage"] .activity_cards .skill_activity_card .icon-new {
  width: 32px;
  height: 32px;
  background-size: cover;
}

[data-view="SkillsList"] .activity_cards .skill_activity_card .icon-new,
[data-view="SkillsListActivityPackage"] .activity_cards .skill_activity_card .icon-new,
[data-view="SkillsList"] .activity_cards .skill_activity_card .user-started,
[data-view="SkillsListActivityPackage"] .activity_cards .skill_activity_card .user-started {
  position: absolute;
  top: -16px;
  right: -13px;
}

[data-view="SkillsList"] .activity_cards .skill_activity_card .lock,
[data-view="SkillsListActivityPackage"] .activity_cards .skill_activity_card .lock {
  border-radius: 4px;
  background-clip: padding-box;
  border-top: 5px solid #81BA00;
  width: 100%;
  text-align: right;
  position: absolute;
  top: 0;
  left: 0;
}

[data-view="SkillsList"] .activity_cards .skill_activity_card .lock .flag-star,
[data-view="SkillsListActivityPackage"] .activity_cards .skill_activity_card .lock .flag-star {
  position: relative;
  top: -3px;
  margin-right: 7px;
}

[data-view="SkillsList"] .activity_cards .skill_activity_card .unlock,
[data-view="SkillsListActivityPackage"] .activity_cards .skill_activity_card .unlock {
  opacity: 0;
  -webkit-transition: opacity 0.1s linear;
  transition: opacity 0.1s linear;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  position: absolute;
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 4px;
  background-clip: padding-box;
  top: 0;
  left: 0;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (max-width: 1199.98px) {
  [data-view="SkillsList"] .activity_cards .skill_activity_card .unlock,
  [data-view="SkillsListActivityPackage"] .activity_cards .skill_activity_card .unlock {
    padding: 20px 0;
  }
}

[data-view="SkillsList"] .activity_cards .skill_activity_card .unlock .button-section,
[data-view="SkillsListActivityPackage"] .activity_cards .skill_activity_card .unlock .button-section {
  margin: 0 0 0 15px;
  display: block;
}

@media (max-width: 575.98px) {
  [data-view="SkillsList"] .activity_cards .skill_activity_card .unlock .button-section,
  [data-view="SkillsListActivityPackage"] .activity_cards .skill_activity_card .unlock .button-section {
    margin: 0 0 0 5px;
  }
}

[data-view="SkillsList"] .activity_cards .skill_activity_card .unlock .button-section .paragraph,
[data-view="SkillsListActivityPackage"] .activity_cards .skill_activity_card .unlock .button-section .paragraph {
  font-size: 1.3rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #81BA00;
  margin: 0;
  text-align: center;
  display: block;
}

[data-view="SkillsList"] .activity_cards .skill_activity_card .unlock .button-section .button.green,
[data-view="SkillsListActivityPackage"] .activity_cards .skill_activity_card .unlock .button-section .button.green {
  text-transform: uppercase;
  margin-top: 5px;
  font-size: 12px;
  line-height: 31px;
  height: auto;
}

[data-view="SkillsList"] .activity_cards .skill_activity_card .unlock .button-section .button.green .flag-white,
[data-view="SkillsListActivityPackage"] .activity_cards .skill_activity_card .unlock .button-section .button.green .flag-white {
  vertical-align: middle;
  margin-left: 3px;
  margin-top: -1px;
}

[data-view="SkillsList"] .activity_cards .skill_activity_card:hover .unlock,
[data-view="SkillsListActivityPackage"] .activity_cards .skill_activity_card:hover .unlock {
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  opacity: 1;
}

[data-view="SkillsList"] .SA .name,
[data-view="SkillsListActivityPackage"] .SA .name {
  color: #c5168a;
}

[data-view="SkillsList"] .TH .name,
[data-view="SkillsListActivityPackage"] .TH .name {
  color: #ff7a00;
}

[data-view="SkillsList"] .AS .name,
[data-view="SkillsListActivityPackage"] .AS .name {
  color: #00aaea;
}

[data-view="SkillsList"] .GI .name,
[data-view="SkillsListActivityPackage"] .GI .name {
  color: #06b709;
}

[data-view="SkillsList"] .EM .name,
[data-view="SkillsListActivityPackage"] .EM .name {
  color: #ff3131;
}

[data-view="SkillsList"] .OT .name,
[data-view="SkillsListActivityPackage"] .OT .name {
  color: #f4d420;
}

[data-view="SkillsList"] .RE .name,
[data-view="SkillsListActivityPackage"] .RE .name {
  color: #2ac4c5;
}

[data-view="SkillsListActivityPackage"] .activity_cards .skill_activity_card-inner {
  -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
}

[data-view="SkillsListActivityPackage"] .skill_activity_card {
  position: relative;
}

[data-view="SkillsListActivityPackage"] .skill_activity_card .skill-icon-color {
  position: absolute;
  right: 30px;
  bottom: 25px;
}

html[lang="zh"] [data-view="SkillsList"] div.skills-tab .skill[data-skill_id="EM"] .skill-icon-gray {
  margin-left: 51px;
}

html[lang="zh"] [data-view="SkillsList"].TH .name {
  color: #ff7a00;
}

html[lang="ja"] [data-view="SkillsList"] div.skills-tab .skill[data-skill_id="SA"] .skill-name {
  font-size: 14px;
}

html[lang="ja"] [data-view="SkillsList"].GI .name {
  color: #06b709;
}

html[lang="ja"] [data-view="SkillsList"].OT .name {
  color: #f4d420;
}

html[lang="de"] [data-view="SkillsList"] div.skills-tab .skill .skill-name {
  font-size: 1.1rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
}

html[lang="fr"] div.skills-tab .skill .skill-name {
  font-size: 1.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
}

.skill_game_activies_wrap {
  position: relative;
}

.skill_game_activies_wrap .shadow {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  position: absolute;
  top: 0;
  z-index: 1;
}

.skill_game_activies_wrap .shadow.right {
  left: 0;
}

.skill_game_activies_wrap .shadow.left {
  right: 0;
}

.skill_game_activies_wrap .arrow {
  width: 17px;
  height: 30px;
  top: 135px;
  cursor: pointer;
  position: absolute;
  border-radius: 0;
  z-index: 2;
}

.skill_game_activies_wrap .arrow.hidden {
  display: none;
}

.skill_game_activies_wrap .arrow.left {
  background: url("/static/img/game_activities/slider_back.png") no-repeat transparent;
  background-position: 0 7px;
  left: 15px;
}

.skill_game_activies_wrap .arrow.right {
  background: url("/static/img/game_activities/slider_next_gray.png") no-repeat transparent;
  background-position: 0 7px;
  right: 15px;
}

.skill_game_activies_wrap .carousel_container {
  padding: 46px 50px 0;
  overflow: hidden;
  height: 298px;
}

.skill_game_activies_wrap .carousel_container .slick-track {
  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;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
}

.skill_game_activies_wrap .game-card-wrap {
  display: inline-block;
}

@media (max-width: 575.98px) {
  .skill_game_activies_wrap .game-card-wrap {
    padding: 4px 8px 0;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .skill_game_activies_wrap .game-card-wrap {
    padding: 4px 10px 0;
  }
}

@media (min-width: 768px) {
  .skill_game_activies_wrap .game-card-wrap {
    padding: 4px 20px 0;
  }
}

.skill_game_activies_wrap .game-card {
  height: 200px;
  max-width: 215px;
  display: block;
}

.skill_game_activies_wrap .game-card .inner {
  width: 215px;
  height: 200px;
  position: relative;
}

.skill_game_activies_wrap .game-card img {
  width: 100%;
  height: auto;
  margin-top: 0;
  border-radius: 5px;
  background-clip: padding-box;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}

.skill_game_activies_wrap .game-card .game-card-link {
  display: block;
}

.skill_game_activies_wrap .game-card .game-card-link:hover {
  text-decoration: none;
}

.skill_game_activies_wrap .game-card .lock {
  border-radius: 5px;
  background-clip: padding-box;
  border-top: 5px solid #81BA00;
  width: 100%;
  text-align: right;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}

.skill_game_activies_wrap .game-card .lock .flag-star {
  position: relative;
  top: -3px;
  margin-right: 7px;
}

.skill_game_activies_wrap .game-card .unlock {
  opacity: 0;
  -webkit-transition: opacity 0.1s linear;
  transition: opacity 0.1s linear;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  position: absolute;
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 5px;
  background-clip: padding-box;
  top: 0;
  padding: 30px 0;
}

.skill_game_activies_wrap .game-card .unlock .button-section {
  color: #81BA00;
  margin: 20px auto 0;
  font-size: 1.3rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

.skill_game_activies_wrap .game-card .unlock .button-section .button.green {
  text-transform: uppercase;
  margin-top: 0;
  font-size: 12px;
}

.skill_game_activies_wrap .game-card .unlock .button-section .button.green .flag-white {
  vertical-align: middle;
  margin-left: 3px;
  margin-top: -1px;
}

.skill_game_activies_wrap .game-card:hover .unlock {
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  opacity: 1;
  z-index: 99;
}

.skill-icon-color,
.skill-icon-white,
.skill-icon-gray,
.skill-icon-black {
  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-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;
}

#skills h1:first-child {
  font-size: 2.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
  margin-bottom: 10px;
  margin-left: 20px;
  display: inline-block;
}

#skills h1:first-child.locked {
  width: 656px;
}

.Firefox #home [data-view=CurrentTrack] .recommended-tracks {
  padding: 10px 20px 5px;
}

.Firefox #home [data-view=CurrentTrack] .suggestions {
  padding: 18px 20px 17px;
}

.Firefox #home [data-view=CurrentTrack] .next-track {
  padding: 18px 20px;
}

.Firefox #home [data-view=CurrentTrack] .meta .status {
  padding: 0;
}

.Firefox #home [data-view=CurrentTrack] .meta .status .bold {
  margin-top: 3px;
}

.Firefox #home [data-view=CurrentTrack] .meta .status .semi-bold {
  margin-bottom: 3px;
}

.Firefox #home [data-view=CurrentTrack] .meta .see_all {
  line-height: 80px;
}

.Firefox button.js-discussion-checkbox.private_comment,
.Firefox button.js-comment-checkbox.private_comment {
  top: -2px !important;
}

.Firefox #share_happiness_main [data-view=SharedHappifiers] .title select {
  background: url("/static/img/public_site/select_arrow.png") no-repeat scroll 92% 6px transparent;
  margin-right: -18px;
  direction: ltr;
  text-align: left;
  padding-right: 25px;
  padding-left: 0;
}

.Firefox #share_happiness_main [data-view=SubscribeHappifier] .cell .success_message {
  height: 110px;
}

.Firefox #public_home #share_happiness_main [data-view=SharedHappifiers] h1 {
  width: 500px;
  overflow: hidden;
}

.Firefox #public_home #share_happiness_main [data-view=SharedHappifiers] .title select {
  margin-right: -18px;
}

.Firefox #public_home #share_happiness_main .grid-row .grid-unit.promo-area .big_happify_promo {
  background: url("/static/img/rightrail_large_img.png") no-repeat transparent;
  background-size: cover;
  background-position: -10px -1px;
  height: 304px;
}

.Firefox #thread [data-view='ThreadDiscussions'] .discussion a.user,
.IE #thread [data-view='ThreadDiscussions'] .discussion a.user {
  display: block;
}

.Firefox #thread [data-view='ThreadDiscussions'] .discussion a.user img.expert-45,
.IE #thread [data-view='ThreadDiscussions'] .discussion a.user img.expert-45 {
  left: -7px;
}

.Firefox #thread [data-view='ThreadDiscussions'] .discussion a.user img.expert-34,
.IE #thread [data-view='ThreadDiscussions'] .discussion a.user img.expert-34 {
  left: -6px;
}

.v11.IE #home [data-view=UnlockHappify] a .discount {
  margin: 0 0 10px 20px;
}

.v11.IE #home [data-view=UnlockHappify] a .green.button {
  position: absolute;
  top: 35px;
}

.v10.MSIE #home [data-view=UnlockHappify] a .discount {
  margin: 0 0 10px 20px;
}

.v10.MSIE #home [data-view=UnlockHappify] a .green.button {
  position: absolute;
  top: 35px;
}

.IE #share_happiness_main [data-view=SharedHappifiers] .title .dropdown:after {
  display: none;
}

.IE #share_happiness_main [data-view=SubscribeHappifier] .cell .success_message {
  height: 109px;
}

.IE #share_happiness,
.MSIE #share_happiness {
  position: relative;
  top: -15px;
  padding-top: 10px;
}

.IE #payment_flow .press-container :nth-child(4).press-item .image-container :last-child.image,
.MSIE #payment_flow .press-container :nth-child(4).press-item .image-container :last-child.image {
  width: 180px;
}

.Chrome [data-view=SharedHappifiers] .happifier .title {
  font-size: 19px;
}

#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);
  }
}

.nano {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.nano .nano-content {
  position: absolute;
  overflow: scroll;
  overflow-x: hidden;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0 40px;
}

.nano .nano-content:focus {
  outline: thin dotted;
}

.nano .nano-content::-webkit-scrollbar {
  display: none;
}

.nano .nano-pane {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
  width: 5px;
  right: 5px;
  top: 0;
  bottom: 0;
  visibility: hidden\9;
  /* Target only IE7 and IE8 with this hack */
  opacity: 0.01;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  border-radius: 5px;
}

.nano .nano-pane .nano-slider {
  background: #444;
  background: rgba(0, 0, 0, 0.5);
  position: relative;
  margin: 0 1px;
  border-radius: 3px;
}

.nano:hover > .nano-pane,
.nano .nano-pane.active,
.nano .nano-pane.flashed {
  visibility: visible\9;
  /* Target only IE7 and IE8 with this hack */
  opacity: 0.99;
}

.has-scrollbar > .nano-content::-webkit-scrollbar {
  display: block;
}

.has-scrollbar:after {
  content: '';
  position: absolute;
  height: 66px;
  opacity: 1;
  bottom: 0;
  left: 0;
  right: 15px;
  background-color: rgba(255, 255, 255, 0.4);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#ffffff));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff 100%);
  -webkit-transition: opacity 0.5s linear;
  transition: opacity 0.5s linear;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.has-scrollbar.has-scrollend:after {
  opacity: 0;
}

#notifications .notifications-color {
  background-color: #FDFCF9;
}

#notifications .header {
  color: #777;
  font-size: 2.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin-bottom: 10px;
  text-align: left;
}

#notifications .header .title {
  vertical-align: top;
  line-height: 28px;
  color: inherit;
  display: inline;
}

#notifications .header .section-right {
  vertical-align: top;
}

#notifications .header .section-right .button {
  font-size: 1.3rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  vertical-align: top;
  height: 30px;
  line-height: 1em;
}

#notifications .header .section-right select {
  font-size: 1.3rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  vertical-align: top;
  margin-right: 15px;
  height: 30px;
  min-width: 200px;
}

#notifications .notifications {
  padding: 10px 10px 10px 20px;
}

#notifications .notifications .no-notifications {
  display: none;
}

#notifications .notifications.empty {
  padding: 10px 0;
}

#notifications .notifications.empty .no-notifications {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 1.6rem;
  font-family: OpenSansLight;
  font-weight: normal;
  color: #5f5f5f;
}

.notifications-color {
  position: relative;
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  color: #372f2b;
  font-weight: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-shadow: -2px 1px 1px #EEEEEE;
  box-shadow: -2px 1px 1px #EEEEEE;
  min-height: 78px;
  border-radius: 4px;
  margin: 10px 0;
  padding: 16px 15px 14px;
}

.notifications-color .dismiss-notification {
  width: 13px;
  height: 13px;
  background-position: -149px -330px;
  position: absolute;
  right: 0px;
  top: 5px;
  cursor: pointer;
}

.notifications-color .avatar {
  display: inline-block;
  vertical-align: top;
  width: 45px;
  height: 45px;
}

.notifications-color .avatar .coach-avatar {
  width: 40px;
  height: 40px;
  padding: 2px;
}

.notifications-color .avatar img.expert-34 {
  top: 11px;
  left: 9px;
}

.notifications-color .notification-text {
  display: inline-block;
  vertical-align: top;
}

.notifications-color .notification-text .main {
  min-height: 22px;
  margin-left: 15px;
}

.notifications-color .notification-text .main .status {
  display: inline-block;
}

.notifications-color .notification-text .main .status.hidden {
  display: none;
}

.notifications-color .notification-text .main .status .unreject-follower {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  height: 30px;
  line-height: 1em;
  background: transparent;
  color: #ff7a00;
}

.notifications-color .notification-text .main a {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

.notifications-color .notification-text .main a:hover {
  text-decoration: none;
}

.notifications-color .notification-text .main span {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #372f2b;
}

.notifications-color .notification-text .main span.blue {
  color: #00aaea;
}

.notifications-color .notification-text .main .button {
  margin-left: 10px;
  height: 30px;
  line-height: 1em;
}

.notifications-color .notification-text .notification-time {
  font-size: 1.1rem;
  font-family: OpenSansLight;
  color: #777;
  font-weight: normal;
  margin: 5px 0 0 15px;
}

.notifications-color .notification-text .body-text {
  margin: 5px 0 5px 15px;
}

.notifications-color.comment {
  height: auto;
}

.notifications-color.comment .notification-text {
  width: 92%;
}

.notifications-color.comment .notification-text .main {
  height: auto;
}

.notifications-color.comment .notification-text .body-text {
  margin: 5px 0 5px 15px;
}

#invites .invites {
  margin-top: 30px;
}

#invites .header {
  color: #777;
  font-size: 2.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin-bottom: 10px;
  text-align: left;
}

.invite {
  padding: 10px;
  margin: 10px 0;
  border-radius: 3px;
  background-clip: padding-box;
  background-color: #FDFCF9;
  -webkit-box-shadow: -2px 1px 1px #EEEEEE;
  box-shadow: -2px 1px 1px #EEEEEE;
  font-size: 1.5rem;
  font-family: OpenSansLight;
  font-weight: normal;
  text-align: left;
  border: 1px solid #d7d7d2;
  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: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  min-height: 70px;
}

.invite .avatar_name_wrap {
  width: 360px;
  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: 767.98px) {
  .invite .avatar_name_wrap {
    width: 100%;
  }
}

.invite .avatar_name_wrap .avatar {
  text-align: center;
  width: 100px;
  margin-right: 10px;
}

@media (max-width: 991.98px) {
  .invite .avatar_name_wrap .avatar {
    width: 50px;
  }
}

.invite .avatar_name_wrap .avatar img.mail {
  width: 30px;
}

.invite .avatar_name_wrap .name a {
  font-size: 1.5rem;
  font-family: OpenSansLight;
  font-weight: normal;
}

.invite .avatar_name_wrap .name a:hover {
  text-decoration: none;
}

.invite .avatar_name_wrap .email {
  margin: 0;
}

.invite .status_date_wrap {
  width: 170px;
  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: 767.98px) {
  .invite .status_date_wrap {
    margin: 10px 0;
    width: 100%;
  }
}

.invite .status_date_wrap .status {
  width: 95px;
  margin: 0;
}

@media (max-width: 767.98px) {
  .invite .status_date_wrap .status {
    width: auto;
    margin-right: 10px;
  }
}

.invite .status_date_wrap .sent-date {
  width: 70px;
  margin: 0;
}

@media (max-width: 767.98px) {
  .invite .status_date_wrap .sent-date {
    width: auto;
  }
}

.invite .personal_msg {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0 10px;
  margin: 0;
}

@media (max-width: 991.98px) {
  .invite .personal_msg {
    width: 100%;
    padding: 0;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
  }
}

/* ====================================================================
 * styling encapsulated by/with
 *    - ID #invites-sender
 *
 *  used for/in:
 *    - #invites
 * ================================================================== */

#invites-sender {
  padding: 30px;
  overflow: hidden;
}

#invites-sender .send-invite {
  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;
}

#invites-sender fieldset {
  width: 100%;
  max-width: 370px;
}

@media (max-width: 767.98px) {
  #invites-sender fieldset {
    max-width: none;
  }
}

#invites-sender fieldset.center {
  margin: 0 40px;
}

@media (max-width: 991.98px) {
  #invites-sender fieldset.center {
    margin: 0;
  }
}

@media (min-width: 992px) {
  #invites-sender fieldset.right {
    width: auto;
  }
}

#invites-sender fieldset .input_wrap {
  margin-bottom: 15px;
}

#invites-sender span.title {
  font-size: 1.8rem;
  font-family: OpenSansLight;
  font-weight: normal;
  margin-bottom: 2px;
  display: block;
}

#invites-sender label {
  display: block;
  font-family: OpenSansRegular, serif;
  font-weight: normal;
  font-size: 1.5rem;
}

#invites-sender input[type='text'],
#invites-sender input[type='email'] {
  padding-top: 2px;
  height: 28px;
}

#invites-sender input,
#invites-sender textarea {
  font-size: 1.5rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  width: 100%;
}

#invites-sender textarea {
  height: 120px;
}

#invites-sender input.button.orange {
  margin-top: 30px;
}

@media (max-width: 991.98px) {
  #invites-sender input.button.orange {
    margin-top: 10px;
  }
}

#invites-sender .response-message {
  font-size: 1.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#invites-sender .response-message.success {
  margin-top: 8px;
  width: 100%;
  max-width: 370px;
  color: #06b709;
  text-align: center;
}

@media (max-width: 1199.98px) {
  #invites-sender .response-message.success {
    bottom: 10px;
  }
}

@media (max-width: 767.98px) {
  #invites-sender .response-message.success {
    max-width: none;
  }
}

#invites-sender .response-message.error {
  color: #ff3131;
}

html[lang=de] #invites-sender label,
html[lang=fr] #invites-sender label,
html[lang=pt] #invites-sender label {
  font-size: 14px;
}

#invites #invites_sent {
  padding: 20px 30px;
}

@media (max-width: 767.98px) {
  #invites #invites_sent {
    padding: 20px 10px;
  }
}

#invites #invites_sent .title {
  border-bottom: 1px solid #C2C1C1;
  color: #777;
  font-size: 1.8rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  padding: 0 0 3px;
}

#membership h1 {
  margin: 0;
}

[data-view=MembershipMain],
[data-view=CoachingMembershipMain] {
  padding: 0 20px 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

[data-view=MembershipMain] .title,
[data-view=CoachingMembershipMain] .title {
  font-size: 1.8rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  border-bottom: 1px solid #C2C1C1;
  margin: 0 20px;
  padding: 20px 0 5px;
  width: 100%;
}

[data-view=MembershipMain] .col-left,
[data-view=CoachingMembershipMain] .col-left {
  display: inline-block;
  vertical-align: top;
  width: 250px;
  min-height: 1px;
}

[data-view=MembershipMain] .col-left .avatar,
[data-view=CoachingMembershipMain] .col-left .avatar {
  padding: 20px 10px;
  position: relative;
}

[data-view=MembershipMain] .col-left .pioneerplus-ribbon,
[data-view=CoachingMembershipMain] .col-left .pioneerplus-ribbon {
  position: absolute;
  top: 136px;
  left: -1px;
}

[data-view=MembershipMain] .col-right,
[data-view=CoachingMembershipMain] .col-right,
[data-view=MembershipMain] .col-left,
[data-view=CoachingMembershipMain] .col-left {
  display: inline-block;
  vertical-align: top;
}

[data-view=MembershipMain] .col-right .section,
[data-view=CoachingMembershipMain] .col-right .section,
[data-view=MembershipMain] .col-left .section,
[data-view=CoachingMembershipMain] .col-left .section {
  font-size: 2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  padding: 20px 10px;
}

[data-view=MembershipMain] .col-right .section .plan-block.plus,
[data-view=CoachingMembershipMain] .col-right .section .plan-block.plus,
[data-view=MembershipMain] .col-left .section .plan-block.plus,
[data-view=CoachingMembershipMain] .col-left .section .plan-block.plus {
  margin-bottom: 40px;
}

[data-view=MembershipMain] .col-right .section .section_title,
[data-view=CoachingMembershipMain] .col-right .section .section_title,
[data-view=MembershipMain] .col-left .section .section_title,
[data-view=CoachingMembershipMain] .col-left .section .section_title {
  text-align: center;
  font-family: OpenSansBold;
  margin: 20px 0 30px;
}

[data-view=MembershipMain] .col-right .section .item_title,
[data-view=CoachingMembershipMain] .col-right .section .item_title,
[data-view=MembershipMain] .col-left .section .item_title,
[data-view=CoachingMembershipMain] .col-left .section .item_title {
  width: 170px;
  display: inline-block;
}

[data-view=MembershipMain] .col-right .section .section_content,
[data-view=CoachingMembershipMain] .col-right .section .section_content,
[data-view=MembershipMain] .col-left .section .section_content,
[data-view=CoachingMembershipMain] .col-left .section .section_content {
  font-size: 1.7rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin: 10px 0 0 174px;
}

[data-view=MembershipMain] .col-right .section .section_content ul,
[data-view=CoachingMembershipMain] .col-right .section .section_content ul,
[data-view=MembershipMain] .col-left .section .section_content ul,
[data-view=CoachingMembershipMain] .col-left .section .section_content ul {
  list-style-type: disc;
}

[data-view=MembershipMain] .col-right .section .section_content.device div.device_details,
[data-view=CoachingMembershipMain] .col-right .section .section_content.device div.device_details,
[data-view=MembershipMain] .col-left .section .section_content.device div.device_details,
[data-view=CoachingMembershipMain] .col-left .section .section_content.device div.device_details {
  color: #777;
  margin-bottom: 5px;
  font-size: 15px;
}

[data-view=MembershipMain] .col-right .section .section_content.device div.device_details:nth-child(2),
[data-view=CoachingMembershipMain] .col-right .section .section_content.device div.device_details:nth-child(2),
[data-view=MembershipMain] .col-left .section .section_content.device div.device_details:nth-child(2),
[data-view=CoachingMembershipMain] .col-left .section .section_content.device div.device_details:nth-child(2) {
  margin-bottom: 10px;
}

[data-view=MembershipMain] .col-right .section .section_content.device div.device_details span.device_details,
[data-view=CoachingMembershipMain] .col-right .section .section_content.device div.device_details span.device_details,
[data-view=MembershipMain] .col-left .section .section_content.device div.device_details span.device_details,
[data-view=CoachingMembershipMain] .col-left .section .section_content.device div.device_details span.device_details {
  color: #777;
  line-height: 17px;
}

[data-view=MembershipMain] .col-right .section .section_content.device div.device_details span.device_details.point,
[data-view=CoachingMembershipMain] .col-right .section .section_content.device div.device_details span.device_details.point,
[data-view=MembershipMain] .col-left .section .section_content.device div.device_details span.device_details.point,
[data-view=CoachingMembershipMain] .col-left .section .section_content.device div.device_details span.device_details.point {
  margin-left: -3px;
  display: inline-block;
}

[data-view=MembershipMain] .col-right .section .section_content.device div.device_details a.device_details,
[data-view=CoachingMembershipMain] .col-right .section .section_content.device div.device_details a.device_details,
[data-view=MembershipMain] .col-left .section .section_content.device div.device_details a.device_details,
[data-view=CoachingMembershipMain] .col-left .section .section_content.device div.device_details a.device_details {
  color: #ff7a00;
}

[data-view=MembershipMain] .col-right.billing .section .section_content span,
[data-view=CoachingMembershipMain] .col-right.billing .section .section_content span,
[data-view=MembershipMain] .col-left.billing .section .section_content span,
[data-view=CoachingMembershipMain] .col-left.billing .section .section_content span {
  font-size: 1.5rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

[data-view=MembershipMain] .col-right.billing .section .section_content span:nth-child(2),
[data-view=CoachingMembershipMain] .col-right.billing .section .section_content span:nth-child(2),
[data-view=MembershipMain] .col-left.billing .section .section_content span:nth-child(2),
[data-view=CoachingMembershipMain] .col-left.billing .section .section_content span:nth-child(2) {
  display: block;
}

[data-view=MembershipMain] .col-right.billing .section .section_content a,
[data-view=CoachingMembershipMain] .col-right.billing .section .section_content a,
[data-view=MembershipMain] .col-left.billing .section .section_content a,
[data-view=CoachingMembershipMain] .col-left.billing .section .section_content a {
  font-size: 1.5rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

[data-view=MembershipMain] .col-right.billing .section .section_content .links,
[data-view=CoachingMembershipMain] .col-right.billing .section .section_content .links,
[data-view=MembershipMain] .col-left.billing .section .section_content .links,
[data-view=CoachingMembershipMain] .col-left.billing .section .section_content .links {
  margin-top: 20px;
}

[data-view=MembershipMain] .col-right.billing .section .section_content .links a,
[data-view=CoachingMembershipMain] .col-right.billing .section .section_content .links a,
[data-view=MembershipMain] .col-left.billing .section .section_content .links a,
[data-view=CoachingMembershipMain] .col-left.billing .section .section_content .links a {
  font-size: 1.6rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  text-decoration: underline;
  line-height: 24px;
}

[data-view=MembershipMain] .col-right.billing .section .section_content .links button,
[data-view=CoachingMembershipMain] .col-right.billing .section .section_content .links button,
[data-view=MembershipMain] .col-left.billing .section .section_content .links button,
[data-view=CoachingMembershipMain] .col-left.billing .section .section_content .links button {
  font-size: 1.6rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  text-decoration: underline;
  line-height: 24px;
  background: transparent;
}

[data-view=MembershipMain] .col-right.processing,
[data-view=CoachingMembershipMain] .col-right.processing,
[data-view=MembershipMain] .col-left.processing,
[data-view=CoachingMembershipMain] .col-left.processing {
  width: auto;
}

[data-view=MembershipMain] .col-right.processing .section .section_content,
[data-view=CoachingMembershipMain] .col-right.processing .section .section_content,
[data-view=MembershipMain] .col-left.processing .section .section_content,
[data-view=CoachingMembershipMain] .col-left.processing .section .section_content {
  font-size: 14px;
  width: 75%;
}

[data-view=MembershipMain] .col-right.processing .section .section_content .links,
[data-view=CoachingMembershipMain] .col-right.processing .section .section_content .links,
[data-view=MembershipMain] .col-left.processing .section .section_content .links,
[data-view=CoachingMembershipMain] .col-left.processing .section .section_content .links {
  margin-top: 30px;
  font-size: 16px;
}

[data-view=MembershipMain] .col-right.coaching-membership-billing-block,
[data-view=CoachingMembershipMain] .col-right.coaching-membership-billing-block,
[data-view=MembershipMain] .col-left.coaching-membership-billing-block,
[data-view=CoachingMembershipMain] .col-left.coaching-membership-billing-block {
  display: block;
  width: 50%;
  margin-left: 250px;
}

[data-view=MembershipMain] .col-right,
[data-view=CoachingMembershipMain] .col-right {
  width: calc(100% - 250px);
}

html[lang=de] [data-view=MembershipMain] .col-right:nth-child(3) .section .section_content {
  margin: 10px 0 0 35px;
}

html[lang=de] [data-view=MembershipMain] .col-right:nth-child(3) .section .item_title {
  width: 190px;
}

[data-view=ManageBilling],
[data-view=CoachingManageBilling] {
  padding: 0 20px 200px;
}

[data-view=ManageBilling] .title,
[data-view=CoachingManageBilling] .title {
  font-size: 1.8rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  border-bottom: 1px solid #C2C1C1;
  margin: 0 20px;
  padding: 20px 0 5px;
}

[data-view=ManageBilling] .data_area,
[data-view=CoachingManageBilling] .data_area {
  margin-left: 230px;
}

[data-view=ManageBilling] .data_area .header,
[data-view=CoachingManageBilling] .data_area .header {
  font-size: 1.9rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin: 40px 0 20px;
}

[data-view=ManageBilling] .data_area .header:nth-child(1),
[data-view=CoachingManageBilling] .data_area .header:nth-child(1) {
  margin: 20px 0 15px;
}

[data-view=ManageBilling] .data_area .header:nth-child(3),
[data-view=CoachingManageBilling] .data_area .header:nth-child(3) {
  margin-bottom: 0;
}

[data-view=ManageBilling] .data_area .header:nth-child(5),
[data-view=CoachingManageBilling] .data_area .header:nth-child(5) {
  margin: 40px 0 0;
}

[data-view=ManageBilling] .data_area .header:nth-child(7),
[data-view=CoachingManageBilling] .data_area .header:nth-child(7) {
  margin: 40px 0 15px;
}

[data-view=ManageBilling] .data_area .section,
[data-view=CoachingManageBilling] .data_area .section {
  margin: 0;
}

[data-view=ManageBilling] .data_area .section .item,
[data-view=CoachingManageBilling] .data_area .section .item {
  font-size: 1.7rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  line-height: 26px;
  margin-left: 40px;
}

[data-view=ManageBilling] .data_area .section .item .memo,
[data-view=CoachingManageBilling] .data_area .section .item .memo {
  font-size: 1.3rem;
  font-family: OpenSansLight;
  font-weight: normal;
  line-height: 14px;
}

[data-view=ManageBilling] .data_area .section .item td:first-child,
[data-view=CoachingManageBilling] .data_area .section .item td:first-child {
  width: 170px;
}

[data-view=ManageBilling] .data_area .section .item #braintree-payment-form .error,
[data-view=CoachingManageBilling] .data_area .section .item #braintree-payment-form .error {
  font-size: 1.2rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #ff3131;
  top: -5px;
  position: relative;
}

[data-view=ManageBilling] .data_area .section .item #braintree-payment-form .success_msg,
[data-view=CoachingManageBilling] .data_area .section .item #braintree-payment-form .success_msg {
  font-size: 1.2rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #06b709;
  top: -5px;
  position: relative;
}

[data-view=ManageBilling] .data_area .section .item #braintree-payment-form .form_field,
[data-view=CoachingManageBilling] .data_area .section .item #braintree-payment-form .form_field {
  margin: 20px 0;
}

[data-view=ManageBilling] .data_area .section .item #braintree-payment-form .form_field label,
[data-view=CoachingManageBilling] .data_area .section .item #braintree-payment-form .form_field label {
  width: 150px;
  display: inline-block;
}

[data-view=ManageBilling] .data_area .section .item #braintree-payment-form .form_field input,
[data-view=CoachingManageBilling] .data_area .section .item #braintree-payment-form .form_field input {
  border-radius: 5px;
  background-clip: padding-box;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: 1.8rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  width: 220px;
  height: 48px;
  border: 2px solid #F0F0F0;
  padding: 0 5px;
  position: relative;
}

[data-view=ManageBilling] .data_area .section .item #braintree-payment-form .form_field input.invalid,
[data-view=CoachingManageBilling] .data_area .section .item #braintree-payment-form .form_field input.invalid {
  border: 2px solid #ff3131;
}

[data-view=ManageBilling] .data_area .section .item #braintree-payment-form .form_field .date_select,
[data-view=CoachingManageBilling] .data_area .section .item #braintree-payment-form .form_field .date_select {
  display: inline-block;
  position: relative;
}

[data-view=ManageBilling] .data_area .section .item #braintree-payment-form .form_field .date_select.date_year,
[data-view=CoachingManageBilling] .data_area .section .item #braintree-payment-form .form_field .date_select.date_year {
  margin: 0 0 0 25px;
}

[data-view=ManageBilling] .data_area .section .item #braintree-payment-form .form_field .date_select .listbox-button,
[data-view=CoachingManageBilling] .data_area .section .item #braintree-payment-form .form_field .date_select .listbox-button {
  font-size: 1.8rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #777;
  position: relative;
  vertical-align: middle;
  display: inline-block;
  border: 2px solid #F0F0F0;
  width: 95px;
  height: 44px;
  border-radius: 4px;
  text-align: center;
  cursor: pointer;
  background: transparent;
  background-clip: padding-box;
  padding: 0 30px 0 0;
}

[data-view=ManageBilling] .data_area .section .item #braintree-payment-form .form_field .date_select .listbox-button.invalid,
[data-view=CoachingManageBilling] .data_area .section .item #braintree-payment-form .form_field .date_select .listbox-button.invalid {
  border: 2px solid #ff3131;
}

[data-view=ManageBilling] .data_area .section .item #braintree-payment-form .form_field .date_select .listbox-button span,
[data-view=CoachingManageBilling] .data_area .section .item #braintree-payment-form .form_field .date_select .listbox-button span {
  font-family: 'OpenSansSemibold';
}

[data-view=ManageBilling] .data_area .section .item #braintree-payment-form .form_field .date_select .listbox-button .arrow,
[data-view=CoachingManageBilling] .data_area .section .item #braintree-payment-form .form_field .date_select .listbox-button .arrow {
  position: absolute;
  width: 30px;
  height: 44px;
  background-color: #CDCDCD;
  border: 2px solid #BBB;
  border-radius: 0 4px 4px 0;
  top: -2px;
  right: -2px;
}

[data-view=ManageBilling] .data_area .section .item #braintree-payment-form .form_field .date_select .listbox-button .arrow:before,
[data-view=CoachingManageBilling] .data_area .section .item #braintree-payment-form .form_field .date_select .listbox-button .arrow:before {
  border-color: #777 transparent transparent;
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-25%);
  -ms-transform: translateX(-50%) translateY(-25%);
  transform: translateX(-50%) translateY(-25%);
  border-width: 7px 7px 0 7px;
  border-style: inset;
}

[data-view=ManageBilling] .data_area .section .item #braintree-payment-form .form_field .date_select .dropdown.listbox,
[data-view=CoachingManageBilling] .data_area .section .item #braintree-payment-form .form_field .date_select .dropdown.listbox {
  position: absolute;
  border-radius: 4px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  text-align: center;
  border: 2px solid #F0F0F0;
  background-color: #fff;
  padding: 5px 0;
  z-index: 10;
  top: 37px;
  left: 0;
  width: 100%;
}

[data-view=ManageBilling] .data_area .section .item #braintree-payment-form .form_field .date_select .dropdown.listbox li,
[data-view=CoachingManageBilling] .data_area .section .item #braintree-payment-form .form_field .date_select .dropdown.listbox li {
  font-size: 1.6rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #777;
  text-decoration: none;
  cursor: pointer;
  margin: 2px 0;
  line-height: 20px;
}

[data-view=ManageBilling] .data_area .section .item #braintree-payment-form .form_field .date_select .dropdown.listbox li.focused,
[data-view=CoachingManageBilling] .data_area .section .item #braintree-payment-form .form_field .date_select .dropdown.listbox li.focused {
  background-color: #ddd;
}

[data-view=ManageBilling] .data_area .section .item #braintree-payment-form .form_field .date_select .dropdown.listbox li:hover,
[data-view=CoachingManageBilling] .data_area .section .item #braintree-payment-form .form_field .date_select .dropdown.listbox li:hover {
  background-color: #ddd;
}

[data-view=ManageBilling] .data_area .section .item #braintree-payment-form .button_update,
[data-view=CoachingManageBilling] .data_area .section .item #braintree-payment-form .button_update {
  font-size: 1.3rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  position: relative;
  left: 415px;
  padding: 0 20px;
}

[data-view=ManageBilling] .data_area .section:nth-child(2) .item,
[data-view=CoachingManageBilling] .data_area .section:nth-child(2) .item {
  margin: 10px 0 10px 40px;
}

[data-view=ManageBilling] .data_area .section:nth-child(2) .item:nth-child(1),
[data-view=CoachingManageBilling] .data_area .section:nth-child(2) .item:nth-child(1) {
  margin-top: 20px;
}

[data-view=ManageBilling] .data_area .section:nth-child(2) .item:nth-child(3),
[data-view=CoachingManageBilling] .data_area .section:nth-child(2) .item:nth-child(3) {
  color: #ff7a00;
}

[data-view=ManageBilling] .data_area .section:nth-child(6) .item,
[data-view=CoachingManageBilling] .data_area .section:nth-child(6) .item {
  margin: 0 0 15px 40px;
}

[data-view=ManageBilling] .data_area .section:nth-child(8) .item,
[data-view=CoachingManageBilling] .data_area .section:nth-child(8) .item {
  margin: 0 0 20px 40px;
}

[data-view=ManageBilling] .data_area .section:nth-child(8) .item:first-child,
[data-view=CoachingManageBilling] .data_area .section:nth-child(8) .item:first-child {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

[data-view=ManageBilling] .data_area .auto-renewal-title,
[data-view=CoachingManageBilling] .data_area .auto-renewal-title {
  display: inline-block;
  width: 170px;
  font-family: OpenSansBold;
}

[data-view=ManageBilling] .data_area .auto-renewal-value,
[data-view=CoachingManageBilling] .data_area .auto-renewal-value {
  display: inline-block;
  width: 220px;
}

[data-view=CoachingCancelAutoRenewal],
[data-view=CancelRenew] {
  padding: 100px 0 200px;
}

[data-view=CoachingCancelAutoRenewal] p,
[data-view=CancelRenew] p {
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  line-height: 22px;
}

[data-view=CoachingCancelAutoRenewal] h1,
[data-view=CancelRenew] h1 {
  color: #00aaea;
}

[data-view=CoachingCancelAutoRenewal] .top_section,
[data-view=CancelRenew] .top_section {
  width: 615px;
  margin: 0 auto;
}

[data-view=CoachingCancelAutoRenewal] .top_section .left_col,
[data-view=CancelRenew] .top_section .left_col {
  display: inline-block;
  width: 250px;
  vertical-align: top;
}

[data-view=CoachingCancelAutoRenewal] .top_section .left_col .image,
[data-view=CancelRenew] .top_section .left_col .image {
  width: 220px;
  height: 320px;
  background: url("/static/img/contact_us.PNG") no-repeat;
}

[data-view=CoachingCancelAutoRenewal] .top_section .right_col,
[data-view=CancelRenew] .top_section .right_col {
  display: inline-block;
  width: 300px;
  vertical-align: top;
}

[data-view=CoachingCancelAutoRenewal] .top_section .right_col h1,
[data-view=CancelRenew] .top_section .right_col h1 {
  font-size: 2.6rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  margin: 12px 0;
}

[data-view=CoachingCancelAutoRenewal] .top_section .right_col p,
[data-view=CancelRenew] .top_section .right_col p {
  margin: 20px 0 30px;
}

[data-view=CoachingCancelAutoRenewal] .middle_section,
[data-view=CancelRenew] .middle_section {
  margin: 0 auto;
  width: 675px;
}

[data-view=CoachingCancelAutoRenewal] .middle_section h1,
[data-view=CancelRenew] .middle_section h1 {
  font-size: 2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

[data-view=CoachingCancelAutoRenewal] .middle_section p,
[data-view=CancelRenew] .middle_section p {
  margin: 20px 0;
}

[data-view=CoachingCancelAutoRenewal] .graph_section,
[data-view=CancelRenew] .graph_section {
  margin: 40px auto;
  width: 650px;
  height: 350px;
}

[data-view=CoachingCancelAutoRenewal] .button_section,
[data-view=CancelRenew] .button_section {
  left: 359px;
  margin: 50px 0 0;
  position: relative;
  width: 400px;
}

[data-view=CoachingCancelAutoRenewal] .button_section a.button,
[data-view=CancelRenew] .button_section a.button {
  font-size: 1.3rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
}

[data-view=CoachingCancelAutoRenewal] .button_section a.button:first-child,
[data-view=CancelRenew] .button_section a.button:first-child {
  margin-right: 20px;
}

html[lang=es] [data-view=CancelRenew] .button_section {
  left: 285px;
  width: 460px;
}

html[lang=fr] [data-view=CancelRenew] .button_section {
  left: 250px;
  width: 550px;
}

html[lang=pt] [data-view=CancelRenew] .button_section {
  left: 300px;
  width: 430px;
}

html[lang=de] [data-view=CancelRenew] .button_section {
  left: 237px;
  width: 550px;
}

[data-view=CoachingCancelRenewConfirmation],
[data-view=ConfirmCancelRenew] {
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  padding: 50px 0 200px 230px;
}

[data-view=CoachingCancelRenewConfirmation] h1,
[data-view=ConfirmCancelRenew] h1 {
  font-size: 2.8rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #00aaea;
  margin: 0 0 5px;
}

[data-view=CoachingCancelRenewConfirmation] .subtitle,
[data-view=ConfirmCancelRenew] .subtitle {
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

[data-view=CoachingCancelRenewConfirmation] .question,
[data-view=ConfirmCancelRenew] .question {
  width: 100%;
  line-height: 16px;
  margin: 20px 0;
  background: none;
  height: auto;
}

[data-view=CoachingCancelRenewConfirmation] .question.last-question,
[data-view=ConfirmCancelRenew] .question.last-question {
  margin: 5px 0 20px;
}

[data-view=CoachingCancelRenewConfirmation] .question .question-text,
[data-view=ConfirmCancelRenew] .question .question-text {
  display: inline-block;
  vertical-align: middle;
}

[data-view=CoachingCancelRenewConfirmation] .question .gray-checkbox,
[data-view=ConfirmCancelRenew] .question .gray-checkbox {
  margin-right: 8px;
  vertical-align: middle;
}

[data-view=CoachingCancelRenewConfirmation] .question input,
[data-view=ConfirmCancelRenew] .question input {
  width: 257px;
  height: 44px;
  border-radius: 5px;
  background-clip: padding-box;
  vertical-align: middle;
  border: 2px solid #DDDDDD;
  padding: 2px 5px;
}

[data-view=CoachingCancelRenewConfirmation] .question input:focus,
[data-view=ConfirmCancelRenew] .question input:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 2px solid #DDDDDD;
}

[data-view=CoachingCancelRenewConfirmation] .question.last-question .question-text,
[data-view=ConfirmCancelRenew] .question.last-question .question-text {
  width: 50px;
}

[data-view=CoachingCancelRenewConfirmation] .comment textarea,
[data-view=ConfirmCancelRenew] .comment textarea {
  width: 394px;
  height: 110px;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin: 8px 0;
  padding: 5px;
  resize: none;
}

[data-view=CoachingCancelRenewConfirmation] form,
[data-view=ConfirmCancelRenew] form {
  font-size: 1.4rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  margin: 10px 0;
}

[data-view=CoachingCancelRenewConfirmation] form a,
[data-view=ConfirmCancelRenew] form a {
  position: relative;
  left: 210px;
}

/* ====================================================================
 * This styling is encapsulated for cancel auto-renewal modal by ID
 * 1) #cancel-autorenew-modal
 * ================================================================== */

#cancel-autorenew-modal {
  width: 800px;
  height: 650px;
  padding: 85px 100px;
}

#cancel-autorenew-modal .close-circle {
  position: absolute;
  top: -15px;
  right: -15px;
}

#cancel-autorenew-modal h1 {
  font-size: 2.8rem;
  font-family: OpenSansRegular;
  margin: 0;
  margin-bottom: 75px;
  font-weight: normal;
  color: #00aaea;
  text-align: center;
}

#cancel-autorenew-modal p {
  font-size: 2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin: 0;
  line-height: 1.6;
}

#cancel-autorenew-modal p:nth-of-type(2) {
  margin: 50px 0 80px 0;
}

#cancel-autorenew-modal .btn.orange {
  margin-right: 20px;
}

#billing_details_popover {
  width: 390px;
  height: auto;
  border-radius: 0;
  background-clip: padding-box;
  font-size: 1.3rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  -webkit-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.4);
  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.4);
  border: 1px solid #DDDDDD;
  top: 180px;
  left: 655px;
  position: absolute;
  padding: 15px 15px 25px;
}

#billing_details_popover .close {
  width: 14px;
  height: 14px;
  position: absolute;
  right: 5px;
  top: 5px;
  background-position: -148px -330px;
  border-radius: 0;
  padding: 0;
}

#billing_details_popover .title {
  font-size: 16px;
  line-height: 28px;
  margin-top: 15px;
}

#billing_details_popover .title:nth-child(2) {
  margin-top: 0;
}

#billing_details_popover p {
  margin: 5px 0 0;
  font-size: 14px;
}

.overlay.invisible {
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0);
}

[data-view=RequestRefund] {
  padding: 0 20px 50px;
}

[data-view=RequestRefund] .title {
  border-bottom: 1px solid #C2C1C1;
  font-size: 1.8rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  margin: 0 20px;
  padding: 20px 0 5px;
}

[data-view=RequestRefund] .section {
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  width: 575px;
  margin: 20px auto;
}

[data-view=RequestRefund] .section li {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

[data-view=RequestRefund] .section a.back {
  font-size: 1.4rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
}

[data-view=RequestRefund] .section a.button {
  float: right;
  font-size: 1.2rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
}

[data-view=RequestRefund] .section:nth-child(2) p {
  margin: 20px 0;
}

#membership a:focus {
  outline: 0;
}

#membership header {
  padding: 0 10px;
  line-height: 48px;
  background: #f8f5f3;
  border-bottom: 1px solid #d7d7d2;
  font-size: 2rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  border-radius: 5px 5px 0 0;
  background-clip: padding-box;
}

#references {
  background-color: #fff;
  padding-bottom: 160px;
  width: 100%;
  display: table;
}

#references .grid-row:first-child {
  margin-top: 0;
}

#references h1 {
  font-family: 'OpenSansSemibold';
  text-decoration: none;
  color: #777;
  font-size: 30px;
  text-align: center;
  margin-top: 30px;
}

#references h3,
#references .research_h2_title {
  clear: both;
  text-decoration: none;
  font-size: 24px;
  color: #209ee7;
  margin: 30px 0 5px 0;
}

#references h3:first-of-type,
#references .research_h2_title:first-of-type {
  clear: none;
  margin: 0 0 5px 0;
}

#references p {
  text-decoration: none;
  color: #333333;
  font-size: 16px;
  line-height: 22px;
}

#references img {
  float: left;
  margin: 0 20px 20px 0;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  /* FF3.5+ */
  /* Saf3.0+, Chrome */
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.7);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.7);
  /* Opera 10.5, IE 9.0 */
}

#references .skill {
  margin-top: 40px;
  overflow: auto;
}

#references .skill .content {
  padding-left: 5px;
}

#references .skill .content ul {
  list-style: outside disc;
  margin-left: 1.5em;
}

#references .skill .content li {
  font-family: 'OpenSansRegular';
  text-decoration: none;
  font-size: 13px;
}

#references .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;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  #references .skill .content .skill_header .icon {
    background-image: url(/static/img/sprite-1@2x.png);
    background-size: 1080px 950px;
  }
}

#references .skill .content .skill_header.savor_header h2 {
  color: #c5168a;
}

#references .skill .content .skill_header.savor_header .icon {
  width: 33px;
  height: 45px;
  background-position: -306px -6px;
}

#references .skill .content .skill_header.thank_header h2 {
  color: #ff7a00;
}

#references .skill .content .skill_header.thank_header .icon {
  width: 52px;
  height: 43px;
  background-position: -373px -4px;
}

#references .skill .content .skill_header.aspire_header h2 {
  color: #00aaea;
}

#references .skill .content .skill_header.aspire_header .icon {
  width: 54px;
  height: 39px;
  background-position: -452px -4px;
}

#references .skill .content .skill_header.give_header h2 {
  color: #06b709;
}

#references .skill .content .skill_header.give_header .icon {
  width: 35px;
  height: 38px;
  background-position: -546px -10px;
}

#references .skill .content .skill_header.empathize_header h2 {
  color: #ff3131;
}

#references .skill .content .skill_header.empathize_header .icon {
  width: 40px;
  height: 44px;
  background-position: -621px -5px;
}

#references .skill .content .skill_header.revive_header h2 {
  color: #2ac4c5;
}

#references .skill .content .skill_header.revive_header .icon {
  width: 40px;
  height: 44px;
  background-position: -900px -13px;
}

#references .skill .content .skill_header.other_header h2 {
  color: #f4d420;
}

#references .skill .content .skill_header.other_header .icon {
  width: 32px;
  height: 32px;
  background-position: -681px -13px;
}

#references .skill p {
  text-decoration: none;
  font-weight: normal;
  color: #333333;
  font-size: 16px;
  line-height: 22px;
}

#references .skill p:first-of-type {
  margin: 0;
}

#references .skill h3,
#references .skill .research_h2_title {
  font-family: 'OpenSansRegular';
  text-decoration: none;
  font-weight: normal;
  color: #333333;
  font-size: 35px;
  line-height: 45px;
  margin: 0 0 10px 0;
}

#references .skill h4,
#references .skill .research_h3_title {
  line-height: normal;
  clear: both;
  font-family: 'OpenSansRegular';
  text-decoration: none;
  font-weight: normal;
  color: #c5168a;
  font-size: 16px !important;
  margin: 10px 0 !important;
}

#references .skill h4.studies_savor,
#references .skill .research_h3_title.studies_savor {
  color: #c5168a;
}

#references .skill h4.studies_thank,
#references .skill .research_h3_title.studies_thank {
  color: #ff7a00;
}

#references .skill h4.studies_aspire,
#references .skill .research_h3_title.studies_aspire {
  color: #00aaea;
}

#references .skill h4.studies_give,
#references .skill .research_h3_title.studies_give {
  color: #06b709;
}

#references .skill h4.studies_empathize,
#references .skill .research_h3_title.studies_empathize {
  color: #ff3131;
}

#references .skill h4.studies_revive,
#references .skill .research_h3_title.studies_revive {
  color: #2ac4c5;
}

#references .skill h4.studies_other,
#references .skill .research_h3_title.studies_other {
  color: #f4d420;
}

#references .skill .content a.savor {
  color: #c5168a;
}

#references .skill .content a.thank {
  color: #ff7a00;
}

#references .skill .content a.aspire {
  color: #00aaea;
}

#references .skill .content a.give {
  color: #06b709;
}

#references .skill .content a.empathize {
  color: #ff3131;
}

#references .skill .content a.revive {
  color: #2ac4c5;
}

#references .skill .content a.other {
  color: #f05a20;
}

#references.invisible {
  visibility: hidden;
}

.viral-share {
  position: relative;
  width: 85px;
  z-index: 999;
}

.viral-share .button {
  color: #5f5f5f;
  font-size: 1.3rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

.viral-share .button img {
  margin-right: 2px;
  vertical-align: middle;
  margin-bottom: 3px;
  width: 19px;
  height: 16px;
}

.viral-share .share-menu {
  padding: 10px;
  width: 260px;
  height: auto;
  position: absolute;
  top: 40px;
  right: 10px;
}

.viral-share .share-menu .share {
  position: relative;
}

.viral-share .share-menu .share a,
.viral-share .share-menu .share button {
  height: 46px;
  line-height: 46px;
  width: 236px;
}

.viral-share .share-menu .share a:first-child,
.viral-share .share-menu .share button:first-child {
  margin-bottom: 10px;
}

.viral-share .share-menu .share a .image,
.viral-share .share-menu .share button .image {
  width: 30px;
  height: 30px;
  display: inline-block;
  margin-bottom: 4px;
  vertical-align: middle;
}

.viral-share .share-menu .share a .image.facebook,
.viral-share .share-menu .share button .image.facebook {
  background: url("/static/img/blue_f.png") no-repeat;
  background-position: 7px 0;
}

.viral-share .share-menu .share a .image.twitter,
.viral-share .share-menu .share button .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 .wrapper .instructions .content .share-container .viral-share .button img {
  margin-right: 2px;
  vertical-align: middle;
  margin-bottom: 3px;
  width: 19px;
  height: 16px;
  float: none;
}

#login input:not([type="submit"]),
#reset_password input:not([type="submit"]) {
  margin-bottom: 10px;
  font-size: 1.3rem;
  font-family: "Helvetica Neue";
  font-weight: normal;
}

#login input[type="submit"],
#reset_password input[type="submit"] {
  height: 45px;
  line-height: 45px;
  padding: 0 35px;
}

#public_home.sub #share_happiness_main [data-view=FeaturedHappifier] h1 {
  margin: 5px 0;
}

#share_happiness_main [data-view=FeaturedHappifier] h1,
#share_happiness_main [data-view=FeaturedHappifier] .public_carousel_header {
  color: #777;
  margin: 5px 0;
  text-align: left;
}

#share_happiness_main [data-view=FeaturedHappifier] .carousel_liveregion {
  position: absolute;
  opacity: 0;
}

#share_happiness_main [data-view=FeaturedHappifier] .happifiers {
  position: relative;
  padding: 30px 30px 27px;
  /* or, 30px 30px 68px; to fit as promo image */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#share_happiness_main [data-view=FeaturedHappifier] .happifiers .prev,
#share_happiness_main [data-view=FeaturedHappifier] .happifiers .next {
  background-color: transparent;
  padding: 0;
  width: 12px;
  height: 22px;
}

#share_happiness_main [data-view=FeaturedHappifier] .happifiers .prev {
  left: -13px;
  background: url(/static/img/questions-prev@2x.png);
  background-size: 100%;
}

#share_happiness_main [data-view=FeaturedHappifier] .happifiers .next {
  right: -13px;
  background: url(/static/img/questions-next@2x.png);
  background-size: 100%;
}

#share_happiness_main [data-view=FeaturedHappifier] .happifiers .rotator {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}

#share_happiness_main [data-view=FeaturedHappifier] .happifiers .rotator .inner {
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  white-space: nowrap;
}

#share_happiness_main [data-view=FeaturedHappifier] .happifiers .rotator .inner::after {
  display: block;
  clear: both;
  content: "";
}

#share_happiness_main [data-view=FeaturedHappifier] .happifiers .rotator .inner::after {
  display: block;
  clear: both;
  content: "";
}

#share_happiness_main [data-view=FeaturedHappifier] .happifiers .rotator .inner::after {
  display: block;
  clear: both;
  content: "";
}

#share_happiness_main [data-view=FeaturedHappifier] .happifiers .rotator .inner::after {
  display: block;
  clear: both;
  content: "";
}

#share_happiness_main [data-view=FeaturedHappifier] .happifiers .rotator .inner .happifier {
  width: 100%;
  white-space: normal;
  display: inline-block;
  vertical-align: top;
}

#share_happiness_main [data-view=FeaturedHappifier] .happifiers .rotator .inner .happifier a {
  display: table;
  margin: 4px;
  width: calc(100% - 15px);
}

#share_happiness_main [data-view=FeaturedHappifier] .happifiers .rotator .inner .happifier .image-container {
  height: 240px;
  width: calc(63% - 20px);
  display: inline-block;
  vertical-align: top;
  margin: 0;
  text-align: center;
}

@media (max-width: 767.98px) {
  #share_happiness_main [data-view=FeaturedHappifier] .happifiers .rotator .inner .happifier .image-container {
    width: 90%;
    height: auto;
  }
}

#share_happiness_main [data-view=FeaturedHappifier] .happifiers .rotator .inner .happifier .image-container img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}

#share_happiness_main [data-view=FeaturedHappifier] .happifiers .rotator .inner .happifier .image-container a {
  vertical-align: middle;
}

#share_happiness_main [data-view=FeaturedHappifier] .happifiers .rotator .inner .happifier .text-container {
  position: relative;
  display: inline-block;
  top: -4px;
  width: 35%;
  height: 240px;
  margin: 0 10px;
}

@media (max-width: 767.98px) {
  #share_happiness_main [data-view=FeaturedHappifier] .happifiers .rotator .inner .happifier .text-container {
    width: 90%;
    height: auto;
  }
}

#share_happiness_main [data-view=FeaturedHappifier] .happifiers .rotator .inner .happifier .text-container p {
  text-align: left;
  vertical-align: top;
  color: #ff7a00;
  font-size: 2rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  line-height: 1.4em;
}

#share_happiness_main [data-view=FeaturedHappifier] .happifiers .rotator .inner .happifier .text-container.hyphens_enabled {
  -ms-hyphens: auto;
  hyphens: auto;
}

#share_happiness_main [data-view=FeaturedHappifier] .happifiers .rotator .inner .happifier .text-container.breaks_enabled {
  word-wrap: break-word;
}

#share_happiness_main [data-view=FeaturedHappifier] .happifiers .rotator .inner .happifier .text-container a:hover {
  text-decoration: none;
}

#share_happiness_main [data-view=HappifiersTrack] .cell {
  padding: 10px 20px 20px;
  min-height: 307px;
  width: 100%;
}

#share_happiness_main [data-view=HappifiersTrack] .cell .track a.start_track {
  display: inline-block;
}

#share_happiness_main [data-view=HappifiersTrack] .cell .track a.start_track:hover,
#share_happiness_main [data-view=HappifiersTrack] .cell .track a.start_track:focus {
  outline: none;
  text-decoration: none;
}

#share_happiness_main [data-view=HappifiersTrack] .cell .track .track-image {
  margin-top: 9px;
  overflow: hidden;
  height: 151px;
  width: 245px;
  display: inline-block;
}

#share_happiness_main [data-view=HappifiersTrack] .cell .track .track-image img {
  width: 100%;
  height: 100%;
}

#share_happiness_main [data-view=HappifiersTrack] .cell .track .name {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin: 0 auto;
  height: 37px;
  text-align: left;
  width: 245px;
  color: #777;
  line-height: 15px;
}

#share_happiness_main [data-view=HappifiersTrack] .cell .track a.button {
  font-size: 1.6rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  height: 36px;
  line-height: 36px;
}

#share_happiness_main [data-view=HappifiersTrack] .cell .track a.start_now {
  font-size: 1.4rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  bottom: 5px;
  position: absolute;
  right: 0;
  text-align: right;
}

#share_happiness_main [data-view=HappifiersTrack] .cell a.right_track {
  font-size: 1.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  bottom: 3px;
}

#share_happiness_main [data-view=HappifiersTrack] .cell.small {
  padding: 10px 20px 13px;
}

#share_happiness_main [data-view=HappifiersTrack] .cell.small .track {
  height: 68px;
  position: relative;
  margin-top: 20px;
}

#share_happiness_main [data-view=HappifiersTrack] .cell.small .track .track-image {
  overflow: hidden;
  height: 61px;
  width: 100px;
  float: left;
  margin-top: 0;
}

#share_happiness_main [data-view=HappifiersTrack] .cell.small .track .name {
  display: inline-block;
  font-family: OpenSansRegular;
  font-size: 1.4rem;
  margin: 0 0 10px 15px;
  width: 55%;
  height: auto;
}

#share_happiness_main .container .row {
  padding-top: 30px;
}

#share_happiness_main [data-view=SharedHappifiers] {
  padding-top: 30px;
}

#share_happiness_main [data-view=SharedHappifiers] .title {
  position: relative;
  min-height: 30px;
}

#share_happiness_main [data-view=SharedHappifiers] .title h1,
#share_happiness_main [data-view=SharedHappifiers] .title h2 {
  color: #777;
  width: 50%;
  float: left;
}

@media (max-width: 767.98px) {
  #share_happiness_main [data-view=SharedHappifiers] .title h1,
  #share_happiness_main [data-view=SharedHappifiers] .title h2 {
    width: 100%;
    float: none;
  }
}

#share_happiness_main [data-view=SharedHappifiers] .title h2 {
  font-size: 2.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
}

#share_happiness_main [data-view=SharedHappifiers] .title .topics_filter {
  cursor: pointer;
  width: 400px;
  float: right;
  margin-right: -6px;
  position: relative;
}

#share_happiness_main [data-view=SharedHappifiers] .title .topics_filter #card-select {
  text-align: right;
}

#share_happiness_main [data-view=SharedHappifiers] .title .topics_filter .selected-option-label {
  font-size: 16px;
  margin-right: 10px;
}

#share_happiness_main [data-view=SharedHappifiers] .title .topics_filter .selected_option {
  text-align: right;
  padding: 0 0 10px;
  background: none;
}

#share_happiness_main [data-view=SharedHappifiers] .title .topics_filter .selected_option .selected_text {
  font-size: 1.5rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
}

#share_happiness_main [data-view=SharedHappifiers] .title .topics_filter .selected_option .arrow {
  position: relative;
  top: 0;
  display: inline-block;
  margin: 0 7px 0 10px;
  width: 15px;
  height: 8px;
  background: url('/static/img/public_site/select_arrow_down.png') no-repeat transparent;
  background-size: cover;
}

#share_happiness_main [data-view=SharedHappifiers] .title .topics_filter .selected_option.open .arrow {
  width: 16px;
  height: 9px;
  background: url('/static/img/public_site/select_arrow_up.png') no-repeat transparent;
  background-size: cover;
}

#share_happiness_main [data-view=SharedHappifiers] .title .topics_filter .selected_option:active {
  -webkit-box-shadow: none;
  box-shadow: none;
}

#share_happiness_main [data-view=SharedHappifiers] .title .topics_filter:hover,
#share_happiness_main [data-view=SharedHappifiers] .title .topics_filter:focus {
  outline: none;
  text-decoration: none;
}

#share_happiness_main [data-view=SharedHappifiers] .title .topics_filter .topics_list {
  display: block;
  position: absolute;
  width: 260px;
  background: #fff;
  z-index: 9;
  right: 0;
  padding: 0 10px;
}

#share_happiness_main [data-view=SharedHappifiers] .title .topics_filter .topics_list .select-option {
  width: 100%;
  text-align: left;
  cursor: pointer;
  padding: 10px 0;
  display: inline-block;
  font-size: 1.5rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
  border-bottom: 1px solid #EAEAEA;
}

#share_happiness_main [data-view=SharedHappifiers] .title .topics_filter .topics_list .select-option:hover,
#share_happiness_main [data-view=SharedHappifiers] .title .topics_filter .topics_list .select-option:focus {
  background: #D9D9D9;
  outline: none;
  text-decoration: none;
}

#share_happiness_main [data-view=SharedHappifiers] .title .topics_filter .topics_list.hidden {
  display: none;
}

#public_home #share_happiness_main [data-view=SharedHappifiers] .title .topics_filter {
  margin-right: 10px;
}

#share_happiness_main [data-view=SubscribeHappifier] .cell {
  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;
  width: 100%;
  padding: 15px 15px 21px;
}

#share_happiness_main [data-view=SubscribeHappifier] .cell .sub {
  font-size: 16px;
  margin: 5px 0 10px;
}

#share_happiness_main [data-view=SubscribeHappifier] .cell form {
  position: relative;
  margin-top: 20px;
  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;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 10px;
}

#share_happiness_main [data-view=SubscribeHappifier] .cell form label {
  margin-right: 10px;
  text-align: left;
}

#share_happiness_main [data-view=SubscribeHappifier] .cell form label span {
  display: block;
  margin: 0 0 4px 4px;
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#share_happiness_main [data-view=SubscribeHappifier] .cell form input[type=email] {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  width: 180px;
  height: 36px;
  margin-right: 10px;
}

@media screen and (min-width: 768px) and (max-width: 991px), screen and (max-width: 767px) {
  #share_happiness_main [data-view=SubscribeHappifier] .cell form input[type=email] {
    margin-right: 0;
    width: 95%;
  }
}

#share_happiness_main [data-view=SubscribeHappifier] .cell form button.button {
  font-size: 1.4rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  vertical-align: top;
  padding: 5px 18px;
  height: 33px;
  line-height: 26px;
  -ms-flex-item-align: end;
  align-self: flex-end;
  margin-bottom: 3px;
}

@media screen and (min-width: 768px) and (max-width: 991px), screen and (max-width: 767px) {
  #share_happiness_main [data-view=SubscribeHappifier] .cell form button.button {
    margin-top: 5px;
  }
}

#share_happiness_main [data-view=SubscribeHappifier] .cell form .error {
  font-size: 11px;
  margin-top: 2px;
  color: #ff3131;
  bottom: -15px;
  left: 20px;
  width: 100%;
}

@media (max-width: 767.98px) {
  #share_happiness_main [data-view=SubscribeHappifier] .cell form .error {
    margin: 3px 0 0;
    text-align: center;
  }
}

#share_happiness_main [data-view=SubscribeHappifier] .cell .privacy {
  font-size: 1rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  bottom: 4px;
  left: 0;
  margin: 0 auto;
  right: 0;
  text-decoration: underline;
  color: #5f5f5f;
  width: 100%;
}

@media (max-width: 767.98px) {
  #share_happiness_main [data-view=SubscribeHappifier] .cell .privacy {
    margin: 3px 0 0;
    text-align: center;
  }
}

#share_happiness_main [data-view=SubscribeHappifier] .cell .success_message {
  height: 108px;
  color: #00aaea;
  font-size: 1.6rem;
  font-family: proxima-nova;
  font-weight: normal;
  padding-top: 39px;
}

#share_happiness_main [data-view=SubscribeHappifierBig] .dh_logo {
  margin-top: 5px;
}

#share_happiness_main [data-view=SubscribeHappifierBig] .content-box {
  min-height: 216px;
  padding-top: 12px;
}

#share_happiness_main [data-view=SubscribeHappifierBig] .content-box .success_message {
  color: #00aaea;
  font-size: 2.8rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  padding: 15px 0;
}

#share_happiness_main [data-view=SubscribeHappifierBig] .content-box .title {
  color: #00aaea;
  font-size: 2rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  margin: 20px 0 2px;
}

#share_happiness_main [data-view=SubscribeHappifierBig] .content-box .text {
  color: #777;
  font-size: 1.9rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  line-height: 26px;
}

#share_happiness_main [data-view=SubscribeHappifierBig] .content-box form {
  margin-top: 20px;
  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;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 10px;
}

#share_happiness_main [data-view=SubscribeHappifierBig] .content-box form label {
  margin-right: 10px;
  text-align: left;
}

#share_happiness_main [data-view=SubscribeHappifierBig] .content-box form label span {
  display: block;
  margin: 0 0 4px 4px;
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#share_happiness_main [data-view=SubscribeHappifierBig] .content-box form input[type=email] {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  width: 160px;
  height: 36px;
  margin-right: 10px;
}

@media screen and (min-width: 768px) and (max-width: 991px), screen and (max-width: 767px) {
  #share_happiness_main [data-view=SubscribeHappifierBig] .content-box form input[type=email] {
    margin-right: 0;
    width: 95%;
  }
}

#share_happiness_main [data-view=SubscribeHappifierBig] .content-box form .button {
  font-size: 1.4rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  margin-left: 10px;
  vertical-align: top;
  padding: 5px 16px;
  height: 33px;
  line-height: 26px;
  -ms-flex-item-align: end;
  align-self: flex-end;
  margin-bottom: 3px;
}

@media screen and (min-width: 768px) and (max-width: 991px), screen and (max-width: 767px) {
  #share_happiness_main [data-view=SubscribeHappifierBig] .content-box form .button {
    margin-top: 5px;
  }
}

#share_happiness_main [data-view=SubscribeHappifierBig] .content-box form .error {
  color: #ff3131;
  margin: 3px 0 0 35px;
  text-align: left;
  width: 100%;
}

@media (max-width: 767.98px) {
  #share_happiness_main [data-view=SubscribeHappifierBig] .content-box form .error {
    margin: 3px 0 0;
    text-align: center;
  }
}

#public_home #share_happiness_main [data-view=SubscribeHappifier] .cell form input[type=email] {
  max-width: 160px;
}

html[lang=es] #share_happiness_main [data-view=SubscribeHappifier] .cell form {
  margin-top: 10px;
}

html[lang=es] #share_happiness_main [data-view=SubscribeHappifier] .cell form input[type=email] {
  font-size: 1rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

html[lang=es] #share_happiness_main [data-view=SubscribeHappifier] .cell form input[type=submit] {
  margin: 10px 0 0;
}

html[lang=es] #share_happiness_main [data-view=SubscribeHappifier] .cell form .error {
  left: 11px;
}

html[lang=es] #share_happiness_main [data-view=SubscribeHappifierBig] .content-box .title {
  font-size: 1.6rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
}

html[lang=es] #share_happiness_main [data-view=SubscribeHappifierBig] .content-box .text {
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

html[lang=es] #share_happiness_main [data-view=SubscribeHappifierBig] .content-box form input[type=email] {
  font-size: 1rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

html[lang=es] #share_happiness_main [data-view=SubscribeHappifierBig] .content-box form .error {
  margin: 3px 0 0 24px;
}

html[lang=pt] #share_happiness_main [data-view=GetHappinessScore] .happify_promo {
  background-size: 314px;
}

html[lang=zh] #share_happiness_main [data-view=SubscribeHappifierBig] .content-box .text {
  font-size: 18px;
}

html[lang=zh] #share_happiness_main [data-view=SubscribeHappifierBig] .content-box form {
  margin-top: 15px;
}

html[lang=zh] #share_happiness_main [data-view=SubscribeHappifierBig] .content-box form .button {
  vertical-align: top;
  height: 32px;
}

html[lang=zh] #share_happiness_main [data-view=SubscribeHappifierBig] .content-box form .error {
  margin: 3px 0 0 98px;
}

#public_home #share_happiness_main .pseudo {
  background-repeat: no-repeat;
  background-position: -6px 0;
  background-size: 363px 150px;
  width: 350px;
  height: 150px;
}

[data-view=SharedHappifiers] .recently_shared {
  margin: 20px 0 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}

@media (max-width: 991.98px) {
  [data-view=SharedHappifiers] .recently_shared {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

[data-view=SharedHappifiers] .happifier {
  height: auto;
  min-height: 334px;
  padding: 10px;
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
}

@media (min-width: 992px) {
  [data-view=SharedHappifiers] .happifier {
    width: calc(33% - 5px);
  }

  [data-view=SharedHappifiers] .happifier:nth-child(3n+2) {
    margin-left: auto;
    margin-right: auto;
  }

  [data-view=SharedHappifiers] .happifier:nth-child(3n+2):last-child {
    margin-left: 12.5px;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  [data-view=SharedHappifiers] .happifier {
    width: calc(50% - 5px);
  }
}

@media (max-width: 767.98px) {
  [data-view=SharedHappifiers] .happifier {
    width: 100%;
  }
}

[data-view=SharedHappifiers] .happifier > a {
  display: inline-block;
  outline: none;
  width: 100%;
}

[data-view=SharedHappifiers] .happifier > a img {
  width: 100%;
  opacity: 0;
  /* initial hidden content, see static/js/happify/views/happifier_card.js.coffee */
}

[data-view=SharedHappifiers] .happifier a:hover {
  text-decoration: none;
}

[data-view=SharedHappifiers] .happifier .title {
  height: 80px;
  overflow: hidden !important;
  font-size: 2rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  text-align: left;
  margin: 15px 0 5px;
  line-height: 26px;
  word-break: normal;
  -ms-hyphens: none;
  hyphens: none;
}

@media (min-width: 768px) and (max-width: 991.98px) {
  [data-view=SharedHappifiers] .happifier .title {
    font-size: 16px;
  }
}

[data-view=SharedHappifiers] .cell:last-child {
  margin-bottom: 10px;
  /* to prevent rule .cell:last-child */
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  #public_home #share_happiness {
    top: 0 !important;
    padding-bottom: 40px !important;
  }

  #share_happiness_main .grid-row .grid-unit[data-view=SubscribeHappifier] {
    padding: 15px 0 21px !important;
  }

  #share_happiness_main .grid-row .grid-unit[data-view=SubscribeHappifier] .privacy {
    display: none !important;
  }

  #share_happiness_main .grid-row .grid-unit[data-view=SubscribeHappifier] .cell {
    width: 96% !important;
    padding: 10px 5px 15px !important;
    margin: 0 auto !important;
  }

  #share_happiness_main .grid-row .grid-unit[data-view=SubscribeHappifier] .cell h1 {
    line-height: 22px;
    color: #372f2b !important;
  }

  #share_happiness_main .grid-row .grid-unit[data-view=SubscribeHappifier] .cell .sub {
    margin: 0 !important;
    color: #372f2b !important;
  }

  #share_happiness_main .grid-row .grid-unit[data-view=SubscribeHappifier] .cell form input[type=email] {
    height: 42px !important;
  }

  #share_happiness_main .grid-row .grid-unit[data-view=SubscribeHappifier] .cell form input[type=submit] {
    height: 40px !important;
  }
}

@media only screen and (min-width: 0) and (max-width: 10px) {
  #public_home header.banner .grid-row {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
  }

  #public_home header.banner .grid-unit.col-2-old nav.share_happiness {
    text-align: center;
  }

  #public_home header.banner .grid-unit.col-2-old nav.share_happiness label.sh {
    font-size: 22px !important;
    margin: 0 !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #public_home .share_happiness {
    text-align: center;
  }

  #public_home .share_happiness .sh {
    font-size: 22px !important;
    margin-left: 0 !important;
  }

  #public_home #share_happiness_main .grid-row .grid-unit {
    max-width: none !important;
    margin: 0 !important;
  }

  #public_home #share_happiness_main .grid-row .grid-unit.col-2-old {
    width: 58% !important;
    max-width: none !important;
  }

  #public_home #share_happiness_main .grid-row .grid-unit.promo-area {
    width: 39%;
    max-width: none !important;
    margin-top: 44px !important;
    margin-left: 3% !important;
  }

  #public_home #share_happiness_main .grid-row .grid-unit.promo-area .grid-unit:first-of-type {
    margin-bottom: 11px !important;
  }

  #public_home #share_happiness_main .happifier {
    overflow: hidden;
  }

  #public_home #share_happiness_main .happifier .image-container {
    width: 63%;
    margin: 0;
    float: left;
    margin-right: 2%;
  }

  #public_home #share_happiness_main .happifier .image-container img {
    width: 100% !important;
  }

  #public_home #share_happiness_main .happifier .text-container {
    width: 35%;
    margin: 0 !important;
    float: left;
    -ms-hyphens: auto;
    hyphens: auto;
  }

  #public_home .title .topics_filter {
    width: auto;
  }

  #public_home .title .topics_filter .topics_list {
    left: -150px;
  }

  #public_home .cell form input.button {
    margin-left: 5px !important;
  }

  footer.contentinfo:not(.home) .col-3-old {
    width: 68% !important;
  }

  footer.contentinfo:not(.home) .social {
    width: 32% !important;
  }

  footer.contentinfo:not(.home) .social-networks {
    width: 32% !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  #public_home #share_happiness_main .rotator {
    width: 380px;
  }

  #public_home #share_happiness_main .rotator .happifier {
    width: 380px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  #public_home #share_happiness_main .grid-unit.promo-area {
    width: 37% !important;
  }

  #public_home #share_happiness_main .rotator {
    width: 500px;
  }

  #public_home #share_happiness_main .rotator .happifier {
    width: 500px;
  }
}

body #share_happiness_main h1,
body#public_home #share_happiness_main h1,
body #share_happiness_main .public_carousel_header,
body#public_home #share_happiness_main .public_carousel_header {
  color: #777;
  text-align: left;
  font-size: 2.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
}

body #share_happiness_main .grid-unit,
body#public_home #share_happiness_main .grid-unit {
  text-align: center;
  float: none;
}

body #share_happiness_main .grid-flex,
body#public_home #share_happiness_main .grid-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

body #share_happiness_main .promo-area,
body#public_home #share_happiness_main .promo-area {
  margin-top: 43px;
}

body #share_happiness_main .promo-area .grid-unit,
body#public_home #share_happiness_main .promo-area .grid-unit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  margin-right: 0;
  margin-left: 0;
}

body #share_happiness_main .promo-area .grid-unit:nth-child(2),
body#public_home #share_happiness_main .promo-area .grid-unit:nth-child(2) {
  margin-top: 10px;
}

body #share_happiness_main .cell h1,
body#public_home #share_happiness_main .cell h1,
body #share_happiness_main .cell .sub,
body#public_home #share_happiness_main .cell .sub {
  text-align: center;
}

body #share_happiness_main .cell h1,
body#public_home #share_happiness_main .cell h1 {
  font-size: 2.2rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  margin: 0;
}

#public_home #share_happiness_main .grid-row {
  margin: 30px auto 0;
}

#public_home #share_happiness_main .grid-row .grid-unit {
  width: calc(33.3% - 32px);
  max-width: 300px;
  margin-right: 16px;
  margin-left: 16px;
}

#public_home #share_happiness_main .grid-row .grid-unit.col-2-old {
  width: calc(66.6% - 32px);
  max-width: 660px;
}

#public_home #share_happiness_main .grid-row .grid-unit.col-3-old {
  width: 100%;
  max-width: 1008px;
}

#public_home #share_happiness_main .grid-row .grid-unit.promo-area {
  margin-top: 44px;
}

#public_home #share_happiness_main .grid-row .grid-unit.promo-area .grid-unit {
  width: 100%;
  margin-right: 0;
  margin-left: 0;
}

#public_home #share_happiness_main .grid-row .grid-unit.promo-area .grid-unit:nth-child(2) {
  margin-top: 10px;
}

#public_home #share_happiness_main .grid-row .grid-unit.promo-area .big_happify_promo {
  padding: 0;
  width: 303px;
  height: 300px;
}

#public_home #share_happiness_main [data-view=SharedHappifiers] .title select {
  margin-right: 15px;
}

#public_home #share_happiness {
  top: 15px;
}

#public_home #share_happiness .grid-row.sh {
  text-align: center;
  vertical-align: bottom;
  margin: 0 auto 40px;
}

#public_home #share_happiness .grid-row.sh .get_inspired {
  padding-top: 20px;
}

#public_home #share_happiness .grid-row.sh h1,
#public_home #share_happiness .grid-row.sh h2 {
  color: #777;
  font-size: 25px;
  font-weight: 700;
  text-align: center;
  font-family: "proxima-nova", sans-serif;
}

.mobile {
  display: none;
}

body.no_x_scroll {
  overflow-x: hidden;
}

#share_happiness {
  min-height: 100%;
  background: #fff;
  position: relative;
}

#shared_happifier {
  min-width: 100%;
}

#shared_happifier a,
#shared_happifier a:visited,
#shared_happifier a:focus {
  outline: none;
}

#shared_happifier a.plus-button {
  font-size: 4.6rem;
  font-family: OpenSansBold;
  font-weight: normal;
  display: inline-block;
  width: 36px;
  height: 33px;
  padding: 4px 5px;
  line-height: 24px;
  background: #999;
  color: #fff;
  -webkit-box-shadow: 0 2px 0 #737373;
  box-shadow: 0 2px 0 #737373;
  border-radius: 5px;
  background-clip: padding-box;
}

#shared_happifier a.plus-button.hidden {
  display: none;
}

#shared_happifier .grid-row {
  margin: 0 auto;
  background: #fff;
}

#shared_happifier .grid-row .grid-unit {
  margin: 20px 16px 0;
}

#shared_happifier .grid-row .grid-unit.main {
  width: 66.6%;
  max-width: 660px;
  padding-left: 40px;
  margin-bottom: 160px;
  min-height: 1500px;
}

#shared_happifier .grid-row .grid-unit.shared-happifiers {
  width: 33.3%;
  max-width: 300px;
}

#shared_happifier {
  overflow-x: hidden;
}

#shared_happifier .grid-unit.main {
  margin-bottom: 160px;
}

#shared_happifier .grid-unit.main.video {
  min-height: 1600px;
}

#shared_happifier .promo-container .button-twitter {
  background: transparent;
  padding: 0;
}

#shared_happifier .desktop {
  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;
}

#shared_happifier button.share,
#shared_happifier a.share {
  margin: 0px 15px;
}

#shared_happifier button.share.share-facebook,
#shared_happifier a.share.share-facebook {
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  background: none repeat scroll 0 0 #003A73;
  border-radius: 35px;
  color: #FFFFFF;
  line-height: 40px;
  text-decoration: none;
  width: 70px;
  height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#shared_happifier button.share.share-facebook:hover,
#shared_happifier a.share.share-facebook:hover {
  background: none repeat scroll 0 0 #0054a6;
}

#shared_happifier button.share.share-facebook span.icon_fb,
#shared_happifier a.share.share-facebook span.icon_fb {
  background: url("/static/img/public_site/share_happiness/fb_icon.svg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  background-size: cover;
  display: inline-block;
  height: 40px;
  width: 40px;
}

#shared_happifier button.share.share-tw,
#shared_happifier a.share.share-tw {
  background: none repeat scroll 0 0 #0097D1;
  color: #FFFFFF;
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  border-radius: 35px;
  line-height: 40px;
  text-decoration: none;
  width: 70px;
  height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#shared_happifier button.share.share-tw:hover,
#shared_happifier a.share.share-tw:hover {
  background: none repeat scroll 0 0 #00aaea;
}

#shared_happifier button.share.share-tw span.icon_tw,
#shared_happifier a.share.share-tw span.icon_tw {
  background: url("/static/img/public_site/share_happiness/twitter.svg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  display: inline-block;
  height: 44px;
  width: 44px;
  background-size: cover;
}

#shared_happifier button.share.share-linkedin,
#shared_happifier a.share.share-linkedin {
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  background: none repeat scroll 0 0 #007ab9;
  color: #FFFFFF;
  line-height: 40px;
  text-align: center;
  text-decoration: none;
  border-radius: 35px;
  width: 70px;
  height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#shared_happifier button.share.share-linkedin:hover,
#shared_happifier a.share.share-linkedin:hover {
  background: none repeat scroll 0 0 #0070aa;
}

#shared_happifier button.share.share-linkedin span.icon_lk,
#shared_happifier a.share.share-linkedin span.icon_lk {
  background: url("/static/img/public_site/share_happiness/linkedin.svg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  background-size: cover;
  display: inline-block;
  height: 32px;
  width: 32px;
}

#shared_happifier .shared-happifiers {
  padding: 0 0 0 40px;
  position: relative;
  top: 0;
}

#shared_happifier .shared-happifiers h1 {
  font-size: 2.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
  text-align: center;
}

#shared_happifier .shared-happifiers h2 {
  font-size: 2.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
  text-align: center;
}

#shared_happifier .shared-happifiers .promo_placeholder {
  text-align: right;
  cursor: pointer;
}

#shared_happifier .shared-happifiers .promo_placeholder img {
  max-width: 100%;
}

#shared_happifier .shared-happifiers .cell {
  max-width: 300px;
  margin: 0 auto;
}

#shared_happifier .shared-happifiers .cell:nth-child(1) {
  border: none;
}

#shared_happifier .shared-happifiers.fixed {
  position: fixed;
  top: -440px;
}

#shared_happifier h1 {
  font-family: "proxima-nova", sans-serif;
  font-size: 3.6rem;
  font-weight: 700;
  color: #372f2b;
  line-height: 50px;
}

#shared_happifier .author {
  color: #00aaea;
  margin: 10px 0 30px 0;
  font-family: "proxima-nova", sans-serif;
  font-size: 1.6rem;
  font-weight: 600;
}

#shared_happifier .sub,
#shared_happifier .article {
  font-family: "proxima-nova", sans-serif;
  font-size: 1.6rem;
  color: #372f2b;
}

#shared_happifier .article {
  line-height: 28px;
}

#shared_happifier .article h1,
#shared_happifier .article h2,
#shared_happifier .article h3 {
  color: #372f2b;
  font-family: "proxima-nova", sans-serif;
  font-weight: 700;
  line-height: 20px;
  margin: 25px 0 10px;
}

#shared_happifier .article h1 {
  font-size: 2.6rem;
}

#shared_happifier .article h2 {
  font-size: 2.2rem;
}

#shared_happifier .article h3 {
  font-size: 1.8rem;
}

#shared_happifier .article p {
  color: #372f2b;
}

#shared_happifier .media-area {
  position: relative;
  text-align: left;
  min-height: 200px;
}

#shared_happifier .media-area .slider-left,
#shared_happifier .video-area .slider-left {
  height: 100%;
  left: -60px;
  position: absolute;
  width: 50px;
}

#shared_happifier .media-area .slider-left .button-bar,
#shared_happifier .video-area .slider-left .button-bar {
  position: absolute;
  top: 0;
  margin: auto;
  background: url("/static/img/public_site/share_happiness/bg-social_sticky_rail.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
  width: 50px;
  text-align: center;
  height: 89px;
  -webkit-transition: top 0.25s ease-in;
  transition: top 0.25s ease-in;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

#shared_happifier .media-area .slider-left .button-bar .sliding-share,
#shared_happifier .video-area .slider-left .button-bar .sliding-share {
  cursor: pointer;
  height: 40px;
  margin: 4px 0 0 7px;
  width: 40px;
  background: url("/static/img/public_site/share_happiness/btn-social_sticky_rail-default.png") no-repeat scroll rgba(0, 0, 0, 0);
}

#shared_happifier .media-area .slider-left .button-bar .sliding-share.facebook,
#shared_happifier .video-area .slider-left .button-bar .sliding-share.facebook {
  background-position: -7px -4px;
}

#shared_happifier .media-area .slider-left .button-bar .sliding-share.facebook:hover,
#shared_happifier .video-area .slider-left .button-bar .sliding-share.facebook:hover {
  background: url("/static/img/public_site/share_happiness/btn-social_sticky_rail-clicked.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  background-position: -7px -4px;
}

#shared_happifier .media-area .slider-left .button-bar .sliding-share.twitter,
#shared_happifier .video-area .slider-left .button-bar .sliding-share.twitter {
  background-position: -6px -48px;
}

#shared_happifier .media-area .slider-left .button-bar .sliding-share.twitter:hover,
#shared_happifier .video-area .slider-left .button-bar .sliding-share.twitter:hover {
  background: url("/static/img/public_site/share_happiness/btn-social_sticky_rail-clicked.png") no-repeat scroll rgba(0, 0, 0, 0);
  background-position: -6px -48px;
}

#shared_happifier .media-area .slider-left .button-bar .sliding-share.email,
#shared_happifier .video-area .slider-left .button-bar .sliding-share.email {
  margin-top: 6px;
  background-position: -6px -98px;
}

#shared_happifier .media-area .slider-left .button-bar .sliding-share.email:hover,
#shared_happifier .video-area .slider-left .button-bar .sliding-share.email:hover {
  background: url("/static/img/public_site/share_happiness/btn-social_sticky_rail-clicked.png") no-repeat scroll rgba(0, 0, 0, 0);
  background-position: -6px -98px;
}

#shared_happifier .media-area .slider-left .button-bar a[title=twitter]:hover .twitter,
#shared_happifier .video-area .slider-left .button-bar a[title=twitter]:hover .twitter {
  background: url("/static/img/public_site/share_happiness/btn-social_sticky_rail-clicked.png") no-repeat scroll rgba(0, 0, 0, 0);
  background-position: -6px -48px;
}

#shared_happifier .media-area .slider-left .button-bar .line,
#shared_happifier .video-area .slider-left .button-bar .line {
  height: 1px;
  position: relative;
  width: 100%;
}

#shared_happifier .media-area .slider-left .button-bar .line.gray,
#shared_happifier .video-area .slider-left .button-bar .line.gray {
  background: none repeat scroll 0 0 #B6B6B6;
  bottom: -8px;
}

#shared_happifier .media-area .slider-left .button-bar .line.white,
#shared_happifier .video-area .slider-left .button-bar .line.white {
  background: none repeat scroll 0 0 #FFFFFF;
  bottom: -9px;
}

#shared_happifier .media-area .slider-left .button-bar a div,
#shared_happifier .video-area .slider-left .button-bar a div,
#shared_happifier .media-area .slider-left .button-bar button div,
#shared_happifier .video-area .slider-left .button-bar button div,
#shared_happifier .media-area .slider-left .button-bar a span,
#shared_happifier .video-area .slider-left .button-bar a span,
#shared_happifier .media-area .slider-left .button-bar button span,
#shared_happifier .video-area .slider-left .button-bar button span {
  margin: 5px;
  padding: 7px;
  width: 40px;
  height: 35px;
}

#shared_happifier .media-area .slider-left .button-bar a div.facebook,
#shared_happifier .video-area .slider-left .button-bar a div.facebook,
#shared_happifier .media-area .slider-left .button-bar button div.facebook,
#shared_happifier .video-area .slider-left .button-bar button div.facebook,
#shared_happifier .media-area .slider-left .button-bar a span.facebook,
#shared_happifier .video-area .slider-left .button-bar a span.facebook,
#shared_happifier .media-area .slider-left .button-bar button span.facebook,
#shared_happifier .video-area .slider-left .button-bar button span.facebook {
  margin-top: 10px;
  background: none repeat scroll 0 0 #003A73;
}

#shared_happifier .media-area .slider-left .button-bar a div.facebook:hover,
#shared_happifier .video-area .slider-left .button-bar a div.facebook:hover,
#shared_happifier .media-area .slider-left .button-bar button div.facebook:hover,
#shared_happifier .video-area .slider-left .button-bar button div.facebook:hover,
#shared_happifier .media-area .slider-left .button-bar a span.facebook:hover,
#shared_happifier .video-area .slider-left .button-bar a span.facebook:hover,
#shared_happifier .media-area .slider-left .button-bar button span.facebook:hover,
#shared_happifier .video-area .slider-left .button-bar button span.facebook:hover {
  background: none repeat scroll 0 0 #0054a6;
}

#shared_happifier .media-area .slider-left .button-bar a div.twitter:hover,
#shared_happifier .video-area .slider-left .button-bar a div.twitter:hover,
#shared_happifier .media-area .slider-left .button-bar button div.twitter:hover,
#shared_happifier .video-area .slider-left .button-bar button div.twitter:hover,
#shared_happifier .media-area .slider-left .button-bar a span.twitter:hover,
#shared_happifier .video-area .slider-left .button-bar a span.twitter:hover,
#shared_happifier .media-area .slider-left .button-bar button span.twitter:hover,
#shared_happifier .video-area .slider-left .button-bar button span.twitter:hover {
  background: none repeat scroll 0 0 #00aaea;
}

#shared_happifier .media-area .slider-left .button-bar a:hover,
#shared_happifier .video-area .slider-left .button-bar a:hover,
#shared_happifier .media-area .slider-left .button-bar button:hover,
#shared_happifier .video-area .slider-left .button-bar button:hover {
  text-decoration: none;
}

#shared_happifier .media-area .slider-left .button-bar a.plus-button div,
#shared_happifier .video-area .slider-left .button-bar a.plus-button div {
  margin-top: 10px;
  color: #757573;
  font-size: 4rem;
  font-family: OpenSansBold;
  font-weight: normal;
  line-height: 20px;
}

#shared_happifier .media-area .slider-left .button-bar.short,
#shared_happifier .video-area .slider-left .button-bar.short {
  height: 127px;
}

#shared_happifier .media-area .slider-left .button-bar.long,
#shared_happifier .video-area .slider-left .button-bar.long {
  height: 171px;
}

#shared_happifier .media-area .slider-left .pinterest,
#shared_happifier .video-area .slider-left .pinterest {
  width: 40px;
  height: 40px;
  cursor: pointer;
  margin: 3px 0 0 6px;
}

#shared_happifier .media-area .slider-left .pinterest a[data-pin-href],
#shared_happifier .video-area .slider-left .pinterest a[data-pin-href] {
  background-repeat: no-repeat;
  background-size: 28px 28px !important;
  background-position: 3px 2px;
}

#shared_happifier .media-area img,
#shared_happifier .video-area img {
  margin: 10px 0;
  display: block;
  cursor: pointer;
}

#shared_happifier .media-area.buttons-closer img,
#shared_happifier .video-area.buttons-closer img {
  margin: 0 0 30px;
}

#shared_happifier .video-area .slider-left {
  left: -20px;
}

#shared_happifier .video-area iframe {
  overflow: hidden;
}

#shared_happifier .section {
  margin: 0 0 10px;
}

#shared_happifier .section .buttons-area {
  width: 100%;
  height: 41px;
}

#shared_happifier .section .buttons-area a,
#shared_happifier .section .buttons-area button {
  margin: 0;
  position: relative;
  float: left;
  top: 0;
}

#shared_happifier .section .buttons-area a:nth-child(2),
#shared_happifier .section .buttons-area button:nth-child(2) {
  float: right;
}

@media only screen and (min-width: 768px) {
  #shared_happifier .section .privacy-sequence {
    font-size: 1rem;
    font-family: OpenSansRegular;
    font-weight: normal;
    color: #999999;
    width: 70% !important;
    border-right: 1px solid #E9E9E9;
    padding-bottom: 15px;
    text-align: center;
  }

  #shared_happifier .section .privacy-sequence a {
    color: #372f2b;
  }

  #shared_happifier .section .privacy-sequence a:hover {
    text-decoration: none;
  }
}

#shared_happifier .section .subscribe-dh {
  width: 100%;
  vertical-align: top;
  padding: 0;
  border: 3px solid #E9E9E9;
  border-radius: 5px;
  background-clip: padding-box;
  margin-bottom: 20px;
}

#shared_happifier .section .subscribe-dh .subscribe-area {
  width: 70%;
  height: 100%;
  border-right: 1px solid #E9E9E9;
  text-align: center;
  padding: 10px 30px 0;
  display: inline-block;
  vertical-align: middle;
}

#shared_happifier .section .subscribe-dh .subscribe-area .headline {
  margin: 0 0 15px;
  font-size: 14px;
}

#shared_happifier .section .subscribe-dh .subscribe-area .headline span {
  font-family: 'OpenSansRegular';
  color: #777;
}

#shared_happifier .section .subscribe-dh .subscribe-area .headline span.bold {
  font-family: 'OpenSansSemibold';
  color: #372f2b;
}

#shared_happifier .section .subscribe-dh .subscribe-area .headline span:nth-child(2) {
  margin-left: 7px;
}

#shared_happifier .section .subscribe-dh .fblike-area {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  width: 28%;
  padding-top: 10px;
}

#shared_happifier .section .subscribe-dh .fblike-area .fb_iframe_widget {
  float: none;
  margin: 18px 0 0;
}

#shared_happifier .section .subscribe-dh .fblike-area .headline {
  margin: 0 0 10px;
  font-size: 14px;
}

#shared_happifier .section .subscribe-dh .fblike-area .headline span {
  font-family: 'OpenSansRegular';
  color: #777;
}

#shared_happifier .section .subscribe-dh .fblike-area .headline span.bold {
  font-family: 'OpenSansSemibold';
  color: #372f2b;
}

#shared_happifier .section .subscribe-dh .success_message {
  font-size: 1.6rem;
  font-family: proxima-nova;
  font-weight: normal;
  text-align: center;
  color: #00aaea;
  margin-top: 30px;
}

#shared_happifier .section .subscribe-dh h2 {
  color: #00aaea;
  font-size: 1.6rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  text-align: center;
  margin-bottom: 5px;
}

#shared_happifier .section .subscribe-dh form {
  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-bottom: 15px;
}

#shared_happifier .section .subscribe-dh form label {
  width: 60%;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: left;
  margin-right: 15px;
}

#shared_happifier .section .subscribe-dh form input {
  height: 42px;
  width: 100%;
}

#shared_happifier .section .subscribe-dh form input:first-child {
  margin-right: 15px;
  font-size: 13px;
  line-height: 16px;
  font-family: 'Helvetica Neue';
  color: #000;
}

#shared_happifier .section .subscribe-dh form button {
  height: 42px;
  font-size: 13px;
  padding: 0 26px;
  text-transform: uppercase;
  -ms-flex-item-align: end;
  align-self: flex-end;
}

#shared_happifier .section .subscribe-dh form .privacy {
  font-size: 1rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin: 12px auto 0;
  color: #999999;
}

#shared_happifier .section .subscribe-dh form .privacy a {
  color: #372f2b;
}

#shared_happifier .section .subscribe-dh form .privacy a:hover {
  text-decoration: none;
}

#shared_happifier .section .subscribe-dh.subscribed .subscribed_fblike_title {
  width: 100%;
  height: 40px;
  background: #ECEEF6;
  text-align: center;
  font-size: 1.8rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #372f2b;
  padding: 10px 0;
  line-height: 16px;
}

#shared_happifier .section .subscribe-dh.subscribed .subscribed_fblike_title strong {
  font-size: 1.8rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
}

#shared_happifier .section .subscribe-dh.subscribed .fb-container {
  padding: 34px 194px;
}

#shared_happifier .section .subscribe-dh.subscribed .fb-container .fb_iframe_widget {
  float: none;
  margin: 0;
  text-align: center;
}

#shared_happifier .section .subscribe-dh.no_social .subscribe-area {
  width: 100%;
  border-right: none;
}

#shared_happifier .big-buttons-area {
  margin: 35px 0;
  height: 64px;
}

#shared_happifier .big-buttons-area a,
#shared_happifier .big-buttons-area button {
  position: relative;
}

#shared_happifier .big-buttons-area .share-facebook {
  width: 64px;
  height: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#shared_happifier .big-buttons-area .share-tw {
  width: 64px;
  height: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#shared_happifier .big-buttons-area .share-lk {
  width: 64px;
  height: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#shared_happifier .big-buttons-area.video {
  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;
}

#shared_happifier .big-buttons-area.article {
  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;
}

#shared_happifier .topics {
  margin: 20px 0;
  font-family: "proxima-nova", sans-serif;
  font-size: 1.8rem;
}

#shared_happifier .credits {
  margin: 20px 0 0 0;
  font-family: "proxima-nova", sans-serif;
  font-size: 1.8rem;
  color: #372f2b;
}

#shared_happifier .credits p {
  margin: 0;
  line-height: 26px !important;
  color: #372f2b !important;
}

#shared_happifier .credits .title,
#shared_happifier .tags .title {
  display: inline-block;
  vertical-align: top;
  width: auto;
  font-family: "proxima-nova", sans-serif;
  font-weight: 600;
}

#shared_happifier .credits .body,
#shared_happifier .tags .body {
  display: inline-block;
  width: 82%;
  margin-left: 5px;
}

#shared_happifier .credits-title,
#shared_happifier .tags-title {
  color: #372f2b;
  font-weight: 600;
}

#shared_happifier .credits-body {
  color: #372f2b;
}

#shared_happifier .tags {
  font-family: "proxima-nova", sans-serif;
  font-size: 1.8rem;
  font-weight: 600;
  margin: 10px 0 0;
}

#shared_happifier .tags a {
  font-family: "proxima-nova", sans-serif;
  font-size: 1.8rem;
}

#shared_happifier .get-dh {
  background: #ECECEC;
  padding: 20px 40px 10px;
  margin: 80px 0 50px;
  max-width: 640px;
}

#shared_happifier .get-dh .success_message {
  font-size: 3rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  text-align: center;
  color: #00aaea;
  margin: 60px 0 70px;
  line-height: normal;
}

#shared_happifier .get-dh h2 {
  font-size: 2.8rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  text-align: center;
  margin: 0 0 15px;
}

#shared_happifier .get-dh .sub {
  font-size: 1.8rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  text-align: center;
  margin: 0 0 30px;
}

#shared_happifier .get-dh form {
  margin: 0;
  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;
}

#shared_happifier .get-dh form label {
  max-width: 375px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-right: 10px;
  font-size: 18px;
  font-family: 'Helvetica Neue';
}

#shared_happifier .get-dh form input[type=email] {
  font-size: 18px;
  width: 100%;
  height: 45px;
  border: 2px solid #DEDEDC;
  padding: 5px;
  font-family: 'Helvetica Neue';
  color: #000;
}

#shared_happifier .get-dh form button {
  -ms-flex-item-align: end;
  align-self: flex-end;
  margin-bottom: 3px;
  margin-top: 10px;
  font-size: 1.8rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  width: 155px;
  height: 44px;
  text-transform: uppercase;
}

#shared_happifier .get-dh .privacy {
  font-size: 1rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin: 12px auto 0;
  color: #999999;
  text-align: center;
}

#shared_happifier .get-dh .privacy a {
  color: #372f2b;
}

#shared_happifier .get-dh .privacy a:hover {
  text-decoration: none;
}

#shared_happifier .get-dh.subscribed {
  background: transparent;
  padding: 0;
  width: 100%;
  text-align: center;
  margin-top: 40px;
}

#shared_happifier .get-dh.subscribed .start_quiz_button {
  background: transparent;
  padding: 0;
  height: auto;
}

#public_home.sub #share_happiness a.dh-pb-container {
  display: block;
  padding: 20px 0;
}

#public_home.sub #share_happiness a.dh-pb-container .grid-row.promo {
  max-width: 1056px;
  width: 1056px;
}

#public_home.sub #share_happiness a.dh-pb-container .promo-banner.cell {
  margin: 0 0 0 15px;
  display: block;
  width: 1006px;
  height: 88px;
  background: url('/static/img/public_site/share_happiness/hd_adblop.png') no-repeat transparent;
  background-size: cover;
}

#public_home.sub #share_happiness #shared_happifier {
  min-width: 100%;
}

#public_home.sub #share_happiness #shared_happifier .article,
#public_home.sub #share_happiness #shared_happifier .sub {
  color: #372f2b;
}

#public_home.sub #share_happiness #shared_happifier .article h1,
#public_home.sub #share_happiness #shared_happifier .sub h1,
#public_home.sub #share_happiness #shared_happifier .article h2,
#public_home.sub #share_happiness #shared_happifier .sub h2,
#public_home.sub #share_happiness #shared_happifier .article h3,
#public_home.sub #share_happiness #shared_happifier .sub h3 {
  color: #372f2b !important;
  line-height: 1.05 !important;
  margin: 25px 0 10px  !important;
  font-family: "proxima-nova", sans-serif;
  font-size: 18px;
}

#public_home.sub #share_happiness #shared_happifier .article h2,
#public_home.sub #share_happiness #shared_happifier .sub h2 {
  font-weight: 700;
}

#public_home.sub #share_happiness #shared_happifier .article h1,
#public_home.sub #share_happiness #shared_happifier .sub h1,
#public_home.sub #share_happiness #shared_happifier .article h3,
#public_home.sub #share_happiness #shared_happifier .sub h3 {
  font-weight: 800;
}

#public_home.sub #share_happiness #shared_happifier .article p,
#public_home.sub #share_happiness #shared_happifier .sub p {
  font-size: 16px !important;
  color: #372f2b !important;
}

#public_home.sub #share_happiness #shared_happifier .grid-row {
  width: 1056px;
  max-width: 1056px;
}

#public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.main {
  width: 66.6%;
  margin-bottom: 160px;
  min-height: 1600px;
}

#public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.main h1 {
  font-family: "proxima-nova", sans-serif;
  font-size: 3.6rem;
  font-weight: 700;
  color: #372f2b;
  line-height: 50px;
  text-align: left;
  margin: -15px 0 10px;
}

#public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.main .get-dh h2 {
  margin: 0 0 15px;
}

#public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.shared-happifiers {
  width: 33.3%;
  max-width: 300px;
  position: relative;
  top: 0;
  padding: 0 0 0 40px;
}

#public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.shared-happifiers h1 {
  color: #777;
  font-size: 2.4rem;
  font-family: OpenSansRegular;
  text-align: center;
  font-weight: normal;
}

#public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.shared-happifiers.fixed {
  position: fixed;
  top: -440px;
}

#web_hd_banner_unit_id {
  margin-bottom: 20px;
  position: relative;
  padding-bottom: 64.3333%;
}

#web_hd_banner_unit_id > div {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #shared_happifier .grid-row .grid-unit.main {
    width: 62% !important;
  }

  #shared_happifier .grid-row .grid-unit.shared-happifiers {
    width: 28% !important;
    max-width: 260px !important;
    padding: 0 !important;
  }
}

#shared_happifier .grid-unit.shared-happifiers {
  margin-left: 30px;
  max-width: 300px;
  padding: 0;
}

#shared_happifier .grid-unit.shared-happifiers .inner-section {
  border: 1px solid #d7d7d2;
  border-radius: 5px;
  background-clip: padding-box;
  padding: 0;
  padding-bottom: 5px;
}

#shared_happifier .grid-unit.shared-happifiers .inner-section.welcome {
  border: none;
  padding-bottom: 13px;
  vertical-align: top;
}

#shared_happifier .grid-unit.shared-happifiers .inner-section.welcome .start_quiz_button {
  background: transparent;
  padding: 0;
  height: auto;
}

#shared_happifier .grid-unit.shared-happifiers .inner-section.welcome img {
  width: auto;
  max-width: 320px;
}

@media all and (max-width: 1024px) {
  #shared_happifier .grid-unit.shared-happifiers .inner-section.welcome img {
    max-width: 258px;
  }
}

#shared_happifier .grid-unit.shared-happifiers h1 {
  margin-top: 18px;
  line-height: 24px;
}

#shared_happifier .grid-unit.shared-happifiers h2 {
  margin-top: 18px;
  line-height: 24px;
}

#shared_happifier .grid-unit.shared-happifiers [data-view=MostPopularHappifiers] .happifier.cell {
  padding: 20px;
  border-radius: 0;
  background-clip: padding-box;
  border: none;
  border-top: 1px solid #d7d7d2;
}

#shared_happifier .grid-unit.shared-happifiers [data-view=MostPopularHappifiers] .happifier.cell:nth-child(1) {
  border-top: none;
}

#shared_happifier .grid-unit.shared-happifiers [data-view=MostPopularHappifiers] .happifier.cell > a {
  display: block;
}

#public_home.sub #share_happiness #shared_happifier .grid-row.promo-container {
  max-width: 1056px;
  width: 100%;
}

#public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.shared-happifiers {
  margin-left: 30px;
  max-width: 300px;
  padding: 0 0 100px;
}

#public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.shared-happifiers .inner-section {
  border: 1px solid #d7d7d2;
  border-radius: 5px;
  background-clip: padding-box;
  padding: 0;
  padding-bottom: 5px;
}

#public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.shared-happifiers .inner-section.welcome {
  vertical-align: top;
  border: none;
  padding-bottom: 13px;
}

#public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.shared-happifiers h1 {
  margin-top: 18px;
  line-height: 24px;
}

#public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.shared-happifiers h2 {
  margin-top: 18px;
  line-height: 24px;
}

#public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.shared-happifiers [data-view=MostPopularHappifiers] .happifier.cell {
  padding: 20px;
  border-radius: 0;
  background-clip: padding-box;
  border: none;
  border-top: 1px solid #d7d7d2;
}

#public_home.sub #share_happiness #shared_happifier .grid-row .grid-unit.shared-happifiers [data-view=MostPopularHappifiers] .happifier.cell:nth-child(1) {
  border-top: none;
}

#public_home #share_happiness_main .grid-row .grid-unit.promo-area {
  margin-left: 9px;
  margin-right: 0;
  width: 31%;
  max-width: 330px;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #public_home #share_happiness_main .grid-row .grid-unit.promo-area {
    margin-top: 30px;
  }
}

#public_home #share_happiness_main .grid-row .grid-unit.promo-area .cell {
  width: 332px;
}

#public_home #share_happiness_main .grid-row .grid-unit.promo-area .grid-unit {
  margin-right: 0;
  margin-left: 0;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #public_home #share_happiness_main .grid-row .grid-unit.promo-area .grid-unit {
    margin-right: 0;
    margin-left: 9px;
  }
}

#share_happiness_main .grid-row.grid-flex .grid-unit.promo-area .grid-unit .big_happify_promo {
  padding: 0;
  height: 331px !important;
  width: 330px !important;
  background-size: 330px auto !important;
  background-position: 0 0 !important;
}

#shared_happifier strong {
  font-family: "proxima-nova", sans-serif;
  font-weight: 600;
}

#shared_happifier .video-area-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}

#shared_happifier .video-area-responsive:before {
  padding-top: 56.25%;
  display: block;
  content: "";
}

#shared_happifier .video-area-responsive > iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

#shared_happifier .video-area:not(.video-area-responsive) {
  width: 650px;
  position: relative;
  left: -30px;
}

#shared_happifier .video-area:not(.video-area-responsive) iframe {
  display: block;
  margin: 15px 0 0 30px;
  border: none;
}

#shared_happifier .grid-unit.main.video .article p {
  margin-top: -5px;
}

#shared_happifier .grid-unit.main.video .subscribe-dh.cell {
  width: auto;
}

#shared_happifier .media-area .image-container {
  position: relative;
  margin: 0 auto;
  width: 100%;
  min-height: 200px;
  overflow: hidden;
}

#shared_happifier .media-area .image-container .magnifying_glass {
  background: transparent;
  padding: 0;
  position: absolute;
  right: -210px;
  top: 10px;
  width: 247px;
  height: 35px;
  cursor: pointer;
  -webkit-transition: right 0.25s ease 0s;
  transition: right 0.25s ease 0s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

#shared_happifier .media-area .image-container .magnifying_glass img {
  margin: 0;
}

#shared_happifier .media-area .image-container .magnifying_glass:focus {
  right: 0;
  -webkit-transition: right 0.25s ease 0s;
  transition: right 0.25s ease 0s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

#shared_happifier .media-area .image-container .magnifying_glass.buttons-closer {
  top: 0;
}

#shared_happifier .media-area .image-container:hover .magnifying_glass {
  right: 0;
  -webkit-transition: right 0.25s ease 0s;
  transition: right 0.25s ease 0s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

#image_zoom_modal {
  width: auto;
}

#image_zoom_modal img {
  border-radius: 10px;
  background-clip: padding-box;
}

#dh_fblike_modal {
  padding: 40px 20px;
  width: 680px;
  text-align: center;
}

#dh_fblike_modal h1 {
  color: #00aaea;
  text-align: center;
  margin-bottom: 20px;
  font-size: 28px;
}

#dh_fblike_modal .byline {
  font-size: 1.6rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
}

#dh_fblike_modal .fb-like {
  border: 4px solid #F46628;
  margin: 30px auto 40px;
  width: 200px;
}

#dh_fblike_modal .fb-like iframe {
  width: 88px;
  margin: 25px auto;
  display: block;
}

#dh_fblike_modal h2 {
  font-size: 1.6rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  margin-bottom: 5px;
  color: #777;
}

#dh_fblike_modal .button {
  font-size: 1rem;
  font-family: OpenSansBold;
  font-weight: normal;
}

body#public_home.sub #dh_fblike_modal h1 {
  color: #00aaea;
  text-align: center;
  margin-bottom: 20px;
  font-size: 28px;
}

body#public_home.sub #dh_fblike_modal h2 {
  font-size: 1.6rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  margin-bottom: 5px;
  color: #777;
}

html[lang=fr] #dh_fblike_modal iframe {
  min-width: 103px;
}

html[lang=de] #dh_fblike_modal iframe {
  min-width: 135px;
}

html[lang=pt] #dh_fblike_modal iframe {
  min-width: 106px;
}

html[lang=ja] #dh_fblike_modal iframe {
  min-width: 108px;
}

html[lang=es] #dh_fblike_modal iframe,
html[lang=it] #dh_fblike_modal iframe {
  min-width: 124px;
}

.no_overlay .overlay {
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0);
}

#share_happifier_on_facebook {
  position: absolute;
  background: none !important;
  width: 300px !important;
  height: 400px !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border-radius: 5px;
  background-clip: padding-box;
  z-index: 9999 !important;
}

#share_happifier_on_facebook .close-modal {
  background: none repeat scroll 0 0 #CCCCCC;
  border-radius: 2px;
  color: #FFFFFF;
  cursor: pointer;
  font-family: OpenSansSemibold;
  font-size: 1.2rem;
  height: 16px;
  line-height: 15px;
  position: absolute;
  right: 5px;
  text-align: center;
  top: 5px;
  width: 16px;
}

#share_happifier_on_facebook .background {
  background: #000;
  opacity: 0.1;
  z-index: -1;
  position: absolute;
  width: 302px;
  border-radius: 5px;
  background-clip: padding-box;
}

#share_happifier_on_facebook .share {
  background: #fff;
  position: relative;
  margin: 8px 5px 0 7px;
  border-radius: 5px;
  background-clip: padding-box;
  padding: 30px 20px 20px;
}

#share_happifier_on_facebook .share .share-image-container {
  height: 188px;
  text-align: center;
}

#share_happifier_on_facebook .share .title {
  font-size: 13px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 5px;
}

#share_happifier_on_facebook .share img {
  max-width: 100%;
  height: auto;
  max-height: 188px;
}

#share_happifier_on_facebook .share textarea[name=comment] {
  margin: 10px 0;
  width: 100%;
  height: 60px;
}

#share_happifier_on_facebook .share .button {
  background: none repeat scroll 0 0 #003A73;
  border-bottom: 2px solid #002040;
  color: #FFFFFF;
  display: block;
  font-size: 14px;
  line-height: 40px;
  text-align: center;
  text-decoration: none;
  padding-left: 10px;
  padding-right: 10px;
  width: 40%;
  position: relative;
  left: 149px;
  height: 40px;
  border-radius: 5px;
  background-clip: padding-box;
}

#share_happifier_on_facebook .share .button:hover {
  background: none repeat scroll 0 0 #0054a6;
}

#share_happifier_on_facebook .share .close_small {
  position: absolute;
  top: 4px;
  right: 4px;
  z-index: 99;
}

#share_happifier_on_facebook.arrow_down .background:after {
  left: 50%;
  margin-left: -8px;
  z-index: 2;
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 8px;
  border-color: #000 transparent transparent;
  top: 100%;
}

#share_happifier_on_facebook.arrow_down .share:after {
  left: 50%;
  margin-left: -8px;
  z-index: 2;
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 8px;
  border-color: #fff transparent transparent;
  top: 100%;
}

#share_happifier_on_facebook.arrow_down .share:before {
  left: 50%;
  margin-left: -9px;
  z-index: 1;
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 9px;
  border-color: #d7d7d2 transparent transparent;
  top: 100%;
}

#share_happifier_on_facebook.arrow_up .background:after {
  left: 50%;
  margin-left: -8px;
  z-index: 2;
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 8px;
  border-color: transparent transparent #000;
  top: -16px;
}

#share_happifier_on_facebook.arrow_up .share:after {
  left: 50%;
  margin-left: -8px;
  z-index: 2;
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 8px;
  border-color: transparent transparent #fff;
  top: -15px;
}

#share_happifier_on_facebook.arrow_up .share:before {
  left: 50%;
  margin-left: -9px;
  z-index: 1;
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 9px;
  border-color: transparent transparent #d7d7d2;
  top: -17px;
}

#share_happifier_on_facebook.arrow_left .background:after {
  left: -7px;
  margin-left: -8px;
  z-index: 2;
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 8px;
  border-color: transparent #000 transparent transparent;
  top: 41px;
}

#share_happifier_on_facebook.arrow_left .share:after {
  left: -7px;
  margin-left: -8px;
  z-index: 2;
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 8px;
  border-color: transparent #fff transparent transparent;
  top: 33px;
}

#share_happifier_on_facebook.arrow_left .share:before {
  left: -8px;
  margin-left: -9px;
  z-index: 1;
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 8px;
  border-color: transparent #d7d7d2 transparent transparent;
  top: 33px;
}

[data-view=HappifierArticlePromo] {
  border: 1px solid #ff7a00;
  border-bottom: none;
  background: #fff;
  border-radius: 5px 5px 0 0;
  background-clip: padding-box;
  position: fixed;
  -webkit-transform: none !important;
  bottom: 0;
  width: 330px;
  -webkit-transition: left 0.85s ease-in;
  transition: left 0.85s ease-in;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  visibility: visible;
  display: block;
  z-index: 999;
  -webkit-box-shadow: 0 0 10px rgba(50, 50, 50, 0.4);
  box-shadow: 0 0 10px rgba(50, 50, 50, 0.4);
  left: 5000px;
}

[data-view=HappifierArticlePromo].hidden {
  visibility: hidden;
  display: block;
}

[data-view=HappifierArticlePromo].fixed {
  position: fixed;
}

[data-view=HappifierArticlePromo].no_animation {
  -webkit-transition: none;
  transition: none;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

[data-view=HappifierArticlePromo] .close {
  position: absolute;
  text-align: center;
  font-size: 1.2rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  line-height: 15px;
  top: 5px;
  right: 5px;
  cursor: pointer;
  padding: 0;
  color: #fff;
  width: 16px;
  height: 16px;
  background: #ccc;
  border-radius: 2px;
  background-clip: padding-box;
}

[data-view=HappifierArticlePromo] .inner {
  padding: 15px 15px 5px;
}

[data-view=HappifierArticlePromo] .inner #fb-like_elem {
  margin-bottom: 15px;
}

[data-view=HappifierArticlePromo] .inner .twitter-follow > iframe {
  display: block;
  margin: 0 auto 15px !important;
}

[data-view=HappifierArticlePromo] .inner h2 {
  font-size: 1.8rem !important;
  font-family: OpenSansSemibold !important;
  font-weight: normal !important;
  color: #ff7a00 !important;
  text-align: center !important;
  margin: 0 0 10px !important;
}

[data-view=HappifierArticlePromo] .inner .twitter-follow {
  padding: 0 !important;
}

[data-view=HappifierArticlePromo] .inner .fb-like {
  margin: 5px 0 0 !important;
}

[data-view=HappifierArticlePromo] .inner .opt {
  font-size: 1.1rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #777;
  margin-top: 15px;
  float: left;
}

[data-view=HappifierArticlePromo] .inner .opt a {
  color: #777;
}

[data-view=HappifierArticlePromo] .inner a:hover {
  text-decoration: none;
}

[data-view=HappifierArticlePromo] .inner img {
  margin: 10px 0 5px;
}

[data-view=HappifierArticlePromo] .inner p.article_promo {
  font-size: 1.2rem !important;
  font-family: OpenSansSemibold !important;
  font-weight: normal !important;
  color: #777 !important;
  line-height: 14px !important;
  margin: 0 !important;
}

[data-view=HappifierArticlePromo] .inner .promo-inner {
  padding: 15px;
  text-align: center;
}

[data-view=HappifierArticlePromo] .inner .promo-inner .text {
  font-size: 1.4rem;
  font-family: 'OpenSansSemibold';
  font-weight: normal;
  color: #372f2b;
  margin-bottom: 20px;
  line-height: 24px;
}

[data-view=HappifierArticlePromo] .inner .promo-inner .button {
  height: 50px;
  font-size: 14px;
  line-height: 50px;
  width: 200px;
}

[data-view=HappifierArticlePromo].big {
  width: 310px;
}

[data-view=HappifierArticlePromo].next-article {
  width: 300px;
}

[data-view=HappifierArticlePromo].next-article .image_container {
  text-align: center;
  margin: 0 auto;
  width: 260px;
}

[data-view=HappifierArticlePromo].next-article .text-container {
  text-align: left;
  margin: 0 auto;
  width: 260px;
}

#home [data-view=HappifierArticlePromo].fixed,
#threads [data-view=HappifierArticlePromo].fixed,
#my_track [data-view=HappifierArticlePromo].fixed,
#skills [data-view=HappifierArticlePromo].fixed,
#science [data-view=HappifierArticlePromo].fixed {
  bottom: 0;
}

#shared_happifier ul {
  margin-left: 20px;
  padding: 0;
  list-style-type: disc;
}

#shared_happifier .shared-happifiers .happifier {
  padding: 10px;
}

#shared_happifier .shared-happifiers .happifier:last-child {
  margin-bottom: 160px;
}

#shared_happifier .shared-happifiers .happifier a .title {
  color: #ff7a00;
}

#shared_happifier .shared-happifiers .happifier a:hover {
  text-decoration: none;
}

#shared_happifier .shared-happifiers .happifier a:hover .title {
  color: #e66e00;
}

#shared_happifier .shared-happifiers .happifier .title {
  font-size: 1.6rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  text-align: left;
  margin: 5px 0;
  line-height: 20px;
}

#shared_happifier .shared-happifiers .happifier:hover a .title {
  color: #E66E00;
}

#happify_embedded_uplift_editor_modal_bg {
  position: fixed;
  background-color: rgba(255, 255, 255, 0.92);
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 90000;
}

#happify_embedded_uplift_editor_modal_bg .editor_modal_outside {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

#happify_embedded_uplift_editor_modal_bg .uplift_ce_modal {
  font-family: OpenSansLight;
  background-color: #ffffff;
  position: relative;
  width: 430px;
  margin: 50px auto;
  border-radius: 5px;
  -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);
  border: 1px solid #CCCACA;
  overflow: hidden;
}

#happify_embedded_uplift_editor_modal_bg .uplift_ce_modal .uplift_ce_title {
  position: relative;
  color: #ffffff;
  background-color: #00ade6;
  font-size: 23px;
  width: 100%;
  height: 62px;
}

#happify_embedded_uplift_editor_modal_bg .uplift_ce_modal .uplift_ce_title .text_title {
  margin-left: 20px;
  height: 62px;
  line-height: 62px;
}

#happify_embedded_uplift_editor_modal_bg .uplift_ce_modal .uplift_ce_title .close_bttn {
  position: absolute;
  width: 12px;
  height: 12px;
  top: 5px;
  right: 5px;
  cursor: pointer;
  background: url('/static/img/uplift/bttn_modal_close2.png');
}

#happify_embedded_uplift_editor_modal_bg .uplift_ce_modal .uplift_ce_body_title {
  position: relative;
  color: #666666;
  font-size: 13px;
  font-weight: bold;
  width: 100%;
  height: 30px;
  margin-top: 14px;
}

#happify_embedded_uplift_editor_modal_bg .uplift_ce_modal .uplift_ce_body_title .text_title {
  margin-left: 15px;
  height: 30px;
  line-height: 30px;
  font-family: OpenSansBold;
  font-weight: normal;
  font-size: 15px;
}

#happify_embedded_uplift_editor_modal_bg .uplift_ce_modal .uplift_ce_body_title .clipboard_message {
  position: absolute;
  top: 0;
  right: 49px;
  height: 30px;
  line-height: 30px;
  text-align: right;
  opacity: 0;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  font-size: 12px;
}

#happify_embedded_uplift_editor_modal_bg .uplift_ce_modal .uplift_ce_body_title .clipboard_message.show {
  opacity: 1;
  -webkit-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}

#happify_embedded_uplift_editor_modal_bg .uplift_ce_modal .uplift_ce_body_title .clipboard_message.hide {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}

#happify_embedded_uplift_editor_modal_bg .uplift_ce_modal .uplift_ce_body_title .clipboard_bttn {
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 15px;
  width: 20px;
  height: 22px;
  background: url('/static/img/uplift/clipboard.png');
  display: none;
}

#happify_embedded_uplift_editor_modal_bg .uplift_ce_modal .uplift_ce_code_area {
  position: relative;
  width: 100%;
}

#happify_embedded_uplift_editor_modal_bg .uplift_ce_modal .uplift_ce_code_area textarea {
  width: 403px;
  height: 137px;
  border-radius: 5px;
  margin: 0 13px 10px;
  border: 1px solid #d7d7d2;
  font-family: monospace;
  padding: 15px;
  font-size: 14px;
}

#happify_embedded_uplift_editor_modal_bg .uplift_ce_modal .uplift_ce_options {
  position: relative;
  width: 100%;
}

#happify_embedded_uplift_editor_modal_bg .uplift_ce_modal .uplift_ce_options .controls_field {
  position: relative;
  color: #666666;
  background-color: #f8f8f8;
  margin: 0 auto 15px;
  width: 403px;
  padding-bottom: 20px;
  padding-top: 1px;
}

#happify_embedded_uplift_editor_modal_bg .uplift_ce_modal .uplift_ce_options .controls_field .title_row {
  position: relative;
  margin: 15px 20px 0 20px;
  font-size: 14px;
  font-family: OpenSansSemiBold;
  font-weight: normal;
}

#happify_embedded_uplift_editor_modal_bg .uplift_ce_modal .uplift_ce_options .controls_field .radio_row {
  position: relative;
  margin: 15px 20px 0 20px;
  font-size: 13px;
  height: 20px;
}

#happify_embedded_uplift_editor_modal_bg .uplift_ce_modal .uplift_ce_options .controls_field .input_row {
  position: relative;
  margin: 15px 20px 0 20px;
}

#happify_embedded_uplift_editor_modal_bg .uplift_ce_modal .uplift_ce_options .controls_field label .label_text {
  float: left;
  display: inline-block;
  height: 20px;
  line-height: 20px;
  padding-left: 10px;
  font-family: OpenSansRegular;
  font-weight: normal;
  font-size: 13px;
}

#happify_embedded_uplift_editor_modal_bg .uplift_ce_modal .uplift_ce_options .controls_field .rborder {
  float: left;
  display: inline-block;
  position: relative;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid #dcdcd8;
  background-color: #ffffff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: 0 none;
}

#happify_embedded_uplift_editor_modal_bg .uplift_ce_modal .uplift_ce_options .controls_field .rborder .rcenter {
  display: none;
  position: relative;
  top: 3px;
  left: 3px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #ff7624;
}

#happify_embedded_uplift_editor_modal_bg .uplift_ce_modal .uplift_ce_options .controls_field input[type="radio"] {
  display: none;
}

#happify_embedded_uplift_editor_modal_bg .uplift_ce_modal .uplift_ce_options .controls_field input[type="radio"]:checked + label .rborder .rcenter {
  display: block;
}

#happify_embedded_uplift_editor_modal_bg .uplift_ce_modal .uplift_ce_options .controls_field .hidden_block {
  display: none;
}

#happify_embedded_uplift_editor_modal_bg .uplift_ce_modal .uplift_ce_options .controls_field .hidden_block.show_hidden {
  display: block;
}

#happify_embedded_uplift_editor_modal_bg .uplift_ce_modal .uplift_ce_options .controls_field .url_param {
  font-family: OpenSansRegular;
  width: 284px;
  height: 32px;
  border-radius: 5px;
  margin: 10px 13px 10px 15px;
  border: 1px solid #d7d7d2;
}

#dh_lightbox {
  width: 640px;
  border-radius: 5px;
  background-clip: padding-box;
}

#dh_lightbox .color-bar {
  height: 6px;
  width: 100%;
  border-radius: 5px 0 0 0;
  background-clip: padding-box;
  background-size: 100% 6px;
}

#dh_lightbox .logo {
  margin: 25px auto 0;
  width: 112px;
  height: 32px;
  background-image: url("/static/img/public_site/share_happiness/lightboxes/happify_logo.png");
}

#dh_lightbox .dh_logo {
  width: 123px;
  height: 72px;
}

#dh_lightbox .section-white {
  background: #fff;
}

#dh_lightbox .section-blue {
  background: #00aaea;
  border-radius: 0 0 5px 5px;
  background-clip: padding-box;
}

#dh_lightbox .happify-blue {
  padding: 20px 50px 18px;
  position: relative;
  border-radius: 0 0 5px 5px;
  background-clip: padding-box;
}

#dh_lightbox .bullet {
  margin: 20px 0;
}

#dh_lightbox .bullet .gear {
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: top;
}

#dh_lightbox .bullet .gear.gray {
  background: url('/static/img/public_site/share_happiness/lightboxes/icon-graygear@2x.png') no-repeat transparent;
  background-size: 16px 16px;
}

#dh_lightbox .bullet .gear.blue {
  background: url('/static/img/public_site/share_happiness/lightboxes/icon-bluegear@2x.png') no-repeat transparent;
  background-size: 16px 16px;
}

#dh_lightbox .bullet .text {
  margin-left: 15px;
  display: inline-block;
  vertical-align: top;
  width: 300px;
  color: #fff;
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  line-height: 16px;
}

#dh_lightbox .button.orange {
  width: 190px;
  height: 58px;
  line-height: 58px;
  position: absolute;
  top: 70px;
  left: 420px;
  font-family: OpenSansSemibold;
  font-size: 18px;
  text-align: center;
}

#dh_lightbox .happify-promo {
  padding: 0 50px 20px;
  margin-top: 15px;
}

#dh_lightbox .happify-promo .text,
#dh_lightbox .happify-promo .image {
  display: inline-block;
  vertical-align: top;
}

#dh_lightbox .happify-promo .text {
  width: 64%;
  text-align: left;
}

#dh_lightbox .happify-promo .text h1 {
  color: #ff7a00;
  font-size: 3rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  text-align: left;
  line-height: 30px;
  margin: 15px 0 20px;
}

#dh_lightbox .happify-promo .text .sub {
  color: #372f2b;
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  width: 360px;
}

#dh_lightbox .happify-promo .image {
  width: 34%;
}

#dh_lightbox .combined-happify-promo {
  padding: 35px 30px 39px 50px;
}

#dh_lightbox .combined-happify-promo .text,
#dh_lightbox .combined-happify-promo .image {
  display: inline-block;
  vertical-align: top;
}

#dh_lightbox .combined-happify-promo .text {
  width: 67%;
  text-align: left;
}

#dh_lightbox .combined-happify-promo .text h1 {
  color: #ff7a00;
  font-size: 3rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  text-align: left;
  line-height: 38px;
  margin: 0 0 20px;
}

#dh_lightbox .combined-happify-promo .text .sub {
  color: #ff7a00;
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  width: 360px;
}

#dh_lightbox .combined-happify-promo .image {
  width: 31%;
}

#dh_lightbox .combined-happify-promo .bullet {
  margin: 10px 0;
}

#dh_lightbox .combined-happify-promo .bullet .text {
  color: #372f2b;
  line-height: 22px;
}

#dh_lightbox .combined-happify-promo .bullet .gear {
  margin-top: 5px;
}

#dh_lightbox .combined-happify-promo .bullet:nth-child(3) {
  margin-top: 18px;
}

#dh_lightbox .combined-happify-promo .button.orange {
  top: 223px;
  left: 450px;
}

#dh_lightbox .dh-blue {
  padding: 20px 50px;
  position: relative;
  border-radius: 0 0 5px 5px;
  background-clip: padding-box;
}

#dh_lightbox .dh-blue .title {
  text-align: center;
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  line-height: 22px;
  margin-bottom: 15px;
  color: #fff;
}

#dh_lightbox .dh-blue .title strong {
  font-size: 1.6rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
}

#dh_lightbox .dh-blue .success_message {
  font-size: 1.8rem;
  font-family: OpenSansBold;
  font-weight: normal;
  line-height: 28px;
  text-align: center;
  color: #fff;
}

#dh_lightbox .dh-blue form {
  text-align: center;
}

#dh_lightbox .dh-blue form input[type=email] {
  height: 50px;
  font-size: 20px;
  width: 395px;
  margin-right: 20px;
  padding: 0 20px;
  font-family: OpenSansSemibold;
}

#dh_lightbox .dh-blue form input.button.gray {
  width: 106px;
  height: 48px;
  line-height: 48px;
  font-size: 20px;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #372f2b !important;
  background: #d7d7d2;
  -webkit-box-shadow: 0 2px 0 #b9b9b4;
  box-shadow: 0 2px 0 #b9b9b4;
}

html[lang=fr] #shared_happifier .section .subscribe-dh .subscribe-area .headline span {
  font-size: 11px;
}

html[lang=de] #shared_happifier .section .subscribe-dh .subscribe-area .headline span {
  font-size: 13px;
}

html[lang=de] #shared_happifier #shared_happifier .promo-container .shared-happifiers .inner-section.welcome img {
  margin-left: 0;
}

html[lang=pt] #shared_happifier .share.share-tw span.icon_tw {
  left: 28px;
}

html[lang=pt] #shared_happifier .share.share-facebook span.icon_fb {
  left: 20px;
}

html[lang=fr] #shared_happifier .share.share-tw .icon_tw {
  left: 44px;
}

html[lang=en] #shared_happifier .promo-container .shared-happifiers .inner-section.welcome img {
  margin-left: -13px;
}

@media all and (max-width: 1024px) {
  html[lang=en] #shared_happifier .promo-container .shared-happifiers .inner-section.welcome img {
    max-width: 275px;
  }
}

@-moz-document url-prefix()  {
  #shared_happifier .promo-container .shared-happifiers .inner-section.welcome img {
    width: auto;
    max-width: 320px;
  }

  #shared_happifier .promo-container .shared-happifiers .inner-section.welcome img html[lang=en] #shared_happifier .promo-container .shared-happifiers .inner-section.welcome img {
    margin-left: -13px;
  }

@media all and (max-width: 1024px) {
    #shared_happifier .promo-container .shared-happifiers .inner-section.welcome img {
      max-width: 280px;
    }
}
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #shared_happifier .promo-container .shared-happifiers .inner-section.welcome img {
    width: auto;
    max-width: 320px !important;
  }

  #shared_happifier .promo-container .shared-happifiers .inner-section.welcome img html[lang=en] #shared_happifier .promo-container .shared-happifiers .inner-section.welcome img {
    margin-left: -13px;
  }
}

@media screen and (-ms-high-contrast: active) and (max-width: 1024px), (-ms-high-contrast: none) and (max-width: 1024px) {
  #shared_happifier .promo-container .shared-happifiers .inner-section.welcome img {
    max-width: 280px !important;
  }
}

[data-view=TestimonialsView] .grid-unit:nth-child(2),
#testimonials .grid-unit:nth-child(2) {
  margin-left: 0;
}

[data-view=TestimonialsView] .grid-unit .header,
#testimonials .grid-unit .header {
  margin-bottom: 20px;
}

[data-view=TestimonialsView] .grid-unit .image,
#testimonials .grid-unit .image {
  display: inline-block;
  margin: 20px 10px 15px 20px;
  vertical-align: top;
}

[data-view=TestimonialsView] .grid-unit .image img,
#testimonials .grid-unit .image img {
  border: 2px solid #fff;
  -webkit-box-shadow: 0 0 0 2px;
  box-shadow: 0 0 0 2px;
}

[data-view=TestimonialsView] .grid-unit .body,
#testimonials .grid-unit .body {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin: 0 20px;
  color: #8B8B8B;
}

[data-view=TestimonialsView] .grid-unit .title,
#testimonials .grid-unit .title {
  display: inline-block;
  color: #00aaea;
  line-height: 22px;
  font-size: 1.8rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  text-align: left;
  margin: 27px 0 0;
}

[data-view=TestimonialsView] .grid-unit .signature,
#testimonials .grid-unit .signature {
  bottom: 5px;
  font-size: 1.5rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  position: absolute;
  right: 25px;
  color: #8B8B8B;
}

[data-view=TestimonialsView] .grid-unit:last-child,
#testimonials .grid-unit:last-child {
  margin-right: 0;
}

[data-view=TestimonialsView] .grid-unit.lori_n .title,
#testimonials .grid-unit.lori_n .title {
  width: 170px;
}

[data-view=TestimonialsView] .grid-unit.angela_w .title,
#testimonials .grid-unit.angela_w .title {
  width: 158px;
}

[data-view=TestimonialsView] .grid-unit.pierre_e .title,
#testimonials .grid-unit.pierre_e .title {
  width: 150px;
}

[data-view=TestimonialsView] .grid-unit.pierre_e .body,
#testimonials .grid-unit.pierre_e .body {
  margin: 0 25px;
}

[data-view=HappifyWayOfLife] h2,
#happify_way_of_life h2 {
  color: #ff7a00;
  font-size: 2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  text-align: center;
  margin-bottom: 10px;
}

[data-view=HappifyWayOfLife] .grid-unit.card,
#happify_way_of_life .grid-unit.card {
  height: 220px;
  width: 223px;
  vertical-align: top;
  text-align: center;
  display: inline-block;
  float: none;
  margin-left: 14px;
  margin-right: 14px;
}

[data-view=HappifyWayOfLife] .grid-unit.card .image,
#happify_way_of_life .grid-unit.card .image {
  height: 105px;
  line-height: 105px;
}

[data-view=HappifyWayOfLife] .grid-unit.card .image img,
#happify_way_of_life .grid-unit.card .image img {
  vertical-align: middle;
}

[data-view=HappifyWayOfLife] .grid-unit.card .title,
#happify_way_of_life .grid-unit.card .title {
  color: #00aaea;
  font-size: 1.6rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  margin-bottom: 5px;
}

[data-view=HappifyWayOfLife] .grid-unit.card .body,
#happify_way_of_life .grid-unit.card .body {
  font-size: 1.3rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#community h1 {
  color: #777;
}

#community h1.featured {
  text-align: left;
  margin-bottom: 10px;
  margin-left: 16px;
}

#community h2.community {
  font-size: 2.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  text-align: center;
  padding-bottom: 30px;
}

#web_community_banner_unit_id {
  margin: 15px 0;
  position: relative;
  padding-bottom: 31.7117%;
}

#web_community_banner_unit_id > div {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

#community_modal {
  max-width: 940px;
  padding: 30px 20px 10px;
  text-align: center;
}

#community_modal .heading--main {
  font-size: 2.3rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #00aaea;
}

#community_modal .heading--sub {
  margin: 10px 10px 20px;
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
}

#community_modal .modal-image {
  width: 100%;
  height: auto;
}

#community_modal .descr {
  font-size: 1.8rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
  text-align: left;
}

#community_modal .right-section {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

#community_modal .descr p {
  margin-top: 20px;
}

#community_modal .descr p strong {
  color: #372f2b;
}

#community_modal .button-section {
  margin: 40px;
}

#community_modal .later-section {
  width: 100%;
  text-align: right;
  font-size: 1.3rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#community_modal .later-section a {
  color: #777;
  text-decoration: underline;
}

#community_modal .button {
  width: auto;
  padding: 6px 20px;
  height: 48px;
  font-size: 1.6rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  text-transform: uppercase;
  line-height: normal;
}

.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 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: 25px / 2;
  height: 25px / 2;
  line-height: 25px / 2;
  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;
}

#payment_confirmation {
  padding-bottom: 50px;
}

#payment_confirmation .grid-row {
  margin-top: 15px;
}

#payment_confirmation h1 {
  color: #00aaea;
  text-align: center;
  font-size: 2.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  margin: 48px 0 0;
}

#payment_confirmation .subhead {
  color: #777;
  font-size: 1.7rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  text-align: center;
}

#payment_confirmation .offer-section {
  display: inline-block;
  vertical-align: top;
  width: 64%;
  margin: 42px 0 0;
  padding-left: 60px;
}

#payment_confirmation .offer-section h2,
#payment_confirmation .offer-section h3 {
  text-transform: uppercase;
  color: #ff7a00;
}

#payment_confirmation .offer-section h2 {
  font-size: 4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  line-height: 46px;
}

#payment_confirmation .offer-section p {
  font-size: 1.8rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
  line-height: 26px;
}

#payment_confirmation .offer-section h3 {
  font-size: 1.9rem;
  font-family: OpenSansBold;
  font-weight: normal;
  margin: 22px 0;
}

#payment_confirmation .offer-section .bullet-section .bullet {
  margin: 11px 0;
}

#payment_confirmation .offer-section .bullet-section .bullet .checkmark {
  display: inline-block;
  vertical-align: top;
  width: 11px;
  height: 11px;
  background: url('/static/img/blue_checkmark.png') no-repeat transparent;
  margin-top: 5px;
  margin-right: 10px;
}

#payment_confirmation .offer-section .bullet-section .bullet .text {
  display: inline-block;
  vertical-align: top;
  font-size: 1.7rem;
  font-family: OpenSansSemibold;
  color: #666;
  line-height: 18px;
  font-weight: normal;
}

#payment_confirmation .offer-section .price {
  margin: 40px 0;
  color: #777;
  font-size: 1.8rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#payment_confirmation .offer-section .price strong {
  font-size: 1.8rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
}

#payment_confirmation .offer-section .nav .button {
  font-size: 1.6rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  padding: 0 30px;
  height: 55px;
  line-height: 45px;
}

#payment_confirmation .offer-section .nav a {
  text-decoration: underline;
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
  margin-left: 37px;
}

#payment_confirmation .images-section {
  display: inline-block;
  vertical-align: top;
  width: 35%;
  padding: 40px 0 50px;
}

#payment_confirmation .images-section img {
  margin-left: -26px;
}

#payment_confirmation .images-section img:first-child {
  margin-left: 88px;
}

#payment_confirmation.oldstyle {
  text-align: center;
  padding: 15px 20px 0;
}

#payment_confirmation.oldstyle .grid-row {
  margin-top: 0;
}

#payment_confirmation.oldstyle .grid-row .grid-unit.col-3-old {
  background: #fff;
  padding-bottom: 200px;
}

#payment_confirmation.oldstyle h1 {
  color: #00aaea;
  font-size: 3.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  margin: 0;
}

#payment_confirmation.oldstyle .email_sent {
  text-align: left;
  margin: 40px 0 25px 30px;
}

#payment_confirmation.oldstyle .email_sent h2 {
  font-size: 2.6rem;
  font-family: OpenSansSemibold;
  text-decoration: none;
  color: #666;
  font-weight: normal;
  text-align: center;
}

#payment_confirmation.oldstyle .email_sent h2 span {
  white-space: nowrap;
}

#payment_confirmation.oldstyle .left_column {
  vertical-align: top;
  display: inline-block;
  width: 380px;
}

#payment_confirmation.oldstyle .left_column .image_container {
  width: 360px;
  height: 280px;
  background-size: 350px;
}

#payment_confirmation.oldstyle .left_column .need_help {
  width: 320px;
  font-size: 1.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #7A7A7A;
  margin: 20px 0;
}

#payment_confirmation.oldstyle .left_column .need_help a {
  cursor: pointer;
}

#payment_confirmation.oldstyle .right_column {
  vertical-align: top;
  display: inline-block;
  width: 497px;
  padding: 30px 0 20px;
}

#payment_confirmation.oldstyle .right_column .welcome_text {
  font-weight: normal;
  text-align: left;
  width: 435px;
}

#payment_confirmation.oldstyle .right_column .welcome_text .header {
  font-size: 2.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #ff7a00;
}

#payment_confirmation.oldstyle .right_column .welcome_text .text_body {
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  color: #7A7A7A;
  font-weight: normal;
  line-height: 20px;
  margin: 10px 0;
}

#payment_confirmation.oldstyle .right_column .welcome_text .text_body:nth-child(2) {
  margin-top: 1em;
}

#payment_confirmation.oldstyle .right_column .welcome_text .text_body:last-child {
  margin-bottom: 1em;
}

#payment_confirmation.oldstyle .right_column .welcome_text .btn-continue {
  margin: 30px auto;
  font-size: 1.6rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  height: 50px;
  line-height: 50px;
  text-transform: uppercase;
  width: 215px;
  text-align: center;
}

#payment_confirmation.oldstyle .right_column .link-to {
  font-size: 1.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
}

#offer_sold_out {
  text-align: center;
}

#offer_sold_out .grid-row {
  margin-top: 15px;
}

#offer_sold_out .grid-row .grid-unit.col-3-old {
  padding: 160px 0;
}

#offer_sold_out h1 {
  color: #00aaea;
  font-size: 4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  margin: 0;
  line-height: 46px;
}

#offer_sold_out .content {
  color: #372f2b;
  font-size: 2.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin: 60px auto;
  width: 82%;
}

#offer_sold_out .apologies {
  font-size: 2.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
  margin-bottom: 80px;
}

#offer_sold_out .button {
  text-transform: uppercase;
  font-size: 24px;
  height: 70px;
  line-height: 70px;
  padding: 0 52px;
}

#payment_plan_selection .invisible {
  visibility: hidden;
}

#payment_plan_selection .container-old {
  width: 580px;
  margin: 0 auto;
  text-align: justify;
}

#payment_plan_selection .container-old:after {
  content: '';
  width: 100%;
  display: inline-block;
  font-size: 0;
  line-height: 0;
}

#payment_plan_selection .container-old .plan {
  width: 180px;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  margin: 30px 5px 0;
  position: relative;
  background: #fbfbfb;
  border-top: 1px solid #dbe0e4;
}

#payment_plan_selection .container-old .plan header {
  font-size: 2rem;
  font-family: OpenSansBold;
  font-weight: normal;
  color: #372f2b;
  line-height: 48px;
}

#payment_plan_selection .container-old .plan .body .promotion {
  font-size: 1.3rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #81BA00;
  line-height: 18px;
}

#payment_plan_selection .container-old .plan .body .strike {
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #372f2b;
  line-height: 20px;
  text-decoration: line-through;
}

#payment_plan_selection .container-old .plan .body .price {
  font-size: 3.2rem;
  font-family: OpenSansBold;
  font-weight: normal;
  color: #372f2b;
  line-height: 40px;
  margin: 5px 0 0;
}

#payment_plan_selection .container-old .plan .body .term {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #372f2b;
  line-height: 16px;
}

#payment_plan_selection .container-old .plan .body .term sup {
  top: -0.3em;
  margin-left: -3px;
}

#payment_plan_selection .container-old .plan .body .button {
  width: 90%;
  font-size: 1.8rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
}

#payment_plan_selection .container-old .plan .body .guarantee {
  color: #666;
  font-size: 1.1rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  line-height: 13px;
}

#payment_plan_selection .container-old .plan .body .guarantee div:first-child {
  margin-top: 15px;
}

#payment_plan_selection .container-old .plan .body .guarantee div:last-child {
  margin-bottom: 10px;
}

#payment_plan_selection .container-old .plan.monthly .guarantee div:last-child {
  visibility: hidden;
}

#payment_plan_selection .container-old .plan.lifetime .term {
  visibility: hidden;
}

#payment_plan_selection .container-old .plan.lifetime .guarantee div:first-child {
  visibility: hidden;
}

#payment_plan_selection .container-old .plan.popular {
  background: #d9f2fc;
  border-top: 1px solid #fff;
}

#payment_plan_selection .container-old .plan.popular:after {
  color: #372f2b;
  font-family: OpenSansRegular;
  width: 180px;
  content: "MOST POPULAR";
  background: #d9f2fc;
  text-align: center;
  line-height: 30px;
  position: absolute;
  top: -31px;
  left: 0;
}

#payment_plan_selection .container-old.big {
  width: 775px;
}

#payment_plan_selection .billing_details {
  padding: 0 35px;
  text-align: right;
}

#payment_plan_selection .billing_details a {
  font-family: OpenSansRegular;
}

.payment-plans-embedded {
  padding: 20px 0 40px;
  background: #fbfbfb;
}

.payment-plans-embedded #payment_plan_selection .title {
  color: #ff7a00;
  font-size: 1.8rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin-left: 15px;
  line-height: 25px;
}

.payment-plans-embedded #payment_plan_selection .plans-container .option {
  padding: 25px 0 25px 20px;
  cursor: pointer;
  position: relative;
  background: #fbfbfb;
}

.payment-plans-embedded #payment_plan_selection .plans-container .option .choise {
  display: inline-block;
  vertical-align: top;
  border-radius: 50%;
  background-clip: padding-box;
  width: 20px;
  height: 20px;
  border: 1px solid #372f2b;
}

.payment-plans-embedded #payment_plan_selection .plans-container .option .choise .choise-inner {
  display: none;
  width: 16px;
  height: 16px;
  background: #ff7a00;
  border-radius: 50%;
  background-clip: padding-box;
  position: relative;
  top: 0;
  right: 8px;
}

.payment-plans-embedded #payment_plan_selection .plans-container .option .plan {
  display: inline-block;
  vertical-align: top;
  margin-left: 15px;
  max-width: 365px;
}

.payment-plans-embedded #payment_plan_selection .plans-container .option .plan .promotion {
  font-size: 1.3rem;
  font-family: OpenSansBold;
  font-weight: normal;
  color: #81BA00;
  line-height: 18px;
  margin: 5px 0;
}

.payment-plans-embedded #payment_plan_selection .plans-container .option .plan .try-promo {
  font-size: 1.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #666;
}

.payment-plans-embedded #payment_plan_selection .plans-container .option .plan .guarantee {
  font-style: italic;
  font-size: 1.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #666;
}

.payment-plans-embedded #payment_plan_selection .plans-container .option .plan .title {
  font-size: 1.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  line-height: 18px;
  color: #372f2b;
  margin: 0;
}

.payment-plans-embedded #payment_plan_selection .plans-container .option .plan .title .price {
  margin-left: -3px;
}

.payment-plans-embedded #payment_plan_selection .plans-container .option .plan .title .term {
  margin-right: -3px;
}

.payment-plans-embedded #payment_plan_selection .plans-container .option .plan .title .strike {
  text-decoration: line-through;
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

.payment-plans-embedded #payment_plan_selection .plans-container .option .plan .title .name br {
  display: none;
}

.payment-plans-embedded #payment_plan_selection .plans-container .option .popular-promo {
  position: relative;
  display: none;
}

.payment-plans-embedded #payment_plan_selection .plans-container .option .popular-promo span {
  margin-left: 37px;
  color: #372f2b;
  font-size: 1.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  line-height: 18px;
}

.payment-plans-embedded #payment_plan_selection .plans-container .option.selected {
  background: #d9f2fc;
}

.payment-plans-embedded #payment_plan_selection .plans-container .option.selected .choise .choise-inner {
  display: block;
}

.payment-plans-embedded #payment_plan_selection .plans-container .option.popular {
  padding-top: 15px;
}

.payment-plans-embedded #payment_plan_selection .plans-container .option.popular .popular-promo {
  display: block;
}

#payment_plan_selection table {
  background: #fbfbfb;
  border-left: 1px solid #dbe0e4;
  width: 100%;
  margin-bottom: 15px;
}

#payment_plan_selection table tr {
  cursor: pointer;
}

#payment_plan_selection table tr td {
  height: 135px;
  position: relative;
  text-align: center;
  width: 30%;
  color: #372f2b;
}

#payment_plan_selection table tr td .title {
  font-size: 2rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
}

#payment_plan_selection table tr td .price {
  font-size: 3.4rem;
  font-family: OpenSansBold;
  font-weight: normal;
}

#payment_plan_selection table tr td .term {
  font-size: 1.5rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#payment_plan_selection table tr td .discount {
  text-decoration: line-through;
  font-size: 1.5rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#payment_plan_selection table tr td .save {
  text-transform: uppercase;
  font-size: 2.8rem;
  font-family: OpenSansBold;
  font-weight: normal;
  color: #81BA00;
}

#payment_plan_selection table tr td .recurring {
  font-size: 1.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  line-height: 24px;
}

#payment_plan_selection table tr td .guarantee {
  font-size: 1.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  line-height: 24px;
}

#payment_plan_selection table tr td img {
  position: absolute;
}

#payment_plan_selection table tr td img:first-child {
  top: 28px;
  left: 0;
}

#payment_plan_selection table tr td img:nth-child(2) {
  top: 28px;
  left: 70px;
}

#payment_plan_selection table tr td .choise {
  display: inline-block;
  vertical-align: top;
  border-radius: 50%;
  background-clip: padding-box;
  width: 36px;
  height: 36px;
  border: 1px solid #777;
}

#payment_plan_selection table tr td .choise .choise-inner {
  display: none;
  width: 26px;
  height: 26px;
  background: #ff7a00;
  border-radius: 50%;
  background-clip: padding-box;
  position: relative;
  top: 4px;
  left: 4px;
}

#payment_plan_selection table tr td:nth-child(1) {
  Width: 8%;
}

#payment_plan_selection table tr td:nth-child(2) {
  text-align: left;
}

#payment_plan_selection table tr.selected {
  background: #d9f2fc;
}

#payment_plan_selection table tr.selected td .choise .choise-inner {
  display: block;
}

#payment_plan_selection table tr.monthly td .guarantee {
  display: none;
}

#payment_plan_selection table tr.lifetime .term {
  display: none;
}

#payment_plan_selection table tr.lifetime .recurring {
  display: none;
}

#payment_flow .payment_selection_flow2 .grid-row .grid-unit:first-child {
  padding: 25px 0 0;
}

#payment_flow .payment_selection_flow2 .grid-row .grid-unit h1:first-child {
  margin: 0;
}

#payment_flow .payment_selection_flow2 .payment-plans {
  margin: 40px 0 35px;
}

#payment_flow .payment_selection_flow2 .premium-service {
  padding: 0 75px 35px;
}

#payment_flow .payment_selection_flow2 [data-view=FeaturesTable] {
  padding: 0 35px 40px;
}

#payment_flow .payment_selection_flow2 [data-view=FeaturesTable] table#happify_features tr {
  height: 65px;
}

#payment_flow .payment_selection_flow2 [data-view=FeaturesTable] table#happify_features tr td {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#payment_flow .payment_selection_flow2 [data-view=FeaturesTable] table#happify_features tr td .checkmark {
  width: 21px;
  height: 20px;
}

#payment_flow .payment_selection_flow2 [data-view=FeaturesTable] table#happify_features tr td .count {
  font-size: 2rem;
  font-family: OpenSansBold;
  font-weight: normal;
}

#payment_flow .payment_selection_flow2 [data-view=FeaturesTable] table#happify_features tr td .count .plus {
  width: 11px;
  height: 10px;
  border-bottom: 3px solid #00aaea;
  margin-top: 6px;
  margin-left: -4px;
}

#payment_flow .payment_selection_flow2 [data-view=FeaturesTable] table#happify_features tr td .count .plus:after {
  width: 10px;
  height: 11px;
  border-right: 3px solid #00aaea;
  top: 3px;
  left: -6px;
}

#payment_flow .payment_selection_flow2 [data-view=FeaturesTable] table#happify_features tr td:first-child {
  padding: 20px;
}

#payment_flow .payment_selection_flow2 [data-view=FeaturesTable] table#happify_features tr:first-child {
  height: 80px;
}

#payment_flow .payment_selection_flow2 [data-view=FeaturesTable] table#happify_features tr:first-child td {
  font-size: 2.8rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  padding: 0;
}

#payment_flow .payment_selection_flow2 [data-view=FeaturesTable] table#happify_features tr:nth-child(5) {
  height: 95px;
}

#payment_flow .payment_selection_flow2 [data-view=FeaturesTable] table#happify_features tr:nth-child(5) td .text {
  margin-top: 5px;
}

#payment_flow .payment_selection_flow2 [data-view=HappifyWayOfLife] {
  background: #fff;
  padding: 25px 0 35px;
  border-radius: 0 0 5px 5px;
  background-clip: padding-box;
}

#payment_flow .payment_selection_flow2 #payment_plan_selection .billing_details {
  position: relative;
  top: 15px;
}

#payment_flow .payment_selection_flow3 .grid-row .grid-unit.col-3-old section .top {
  margin-bottom: 40px;
}

#payment_flow .payment_selection_flow3 .premium-service {
  padding: 15px 45px 31px;
}

#payment_flow .payment_selection_flow3 section .left-rail [data-view=FeaturesTable] {
  padding: 0 15px 30px;
}

#payment_flow .payment_selection_flow3 section .left-rail [data-view=FeaturesTable] table#happify_features tr {
  height: 65px;
}

#payment_flow .payment_selection_flow3 section .left-rail [data-view=FeaturesTable] table#happify_features tr td {
  font-size: 1.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#payment_flow .payment_selection_flow3 section .left-rail [data-view=FeaturesTable] table#happify_features tr td .checkmark {
  width: 15px;
  height: 14px;
}

#payment_flow .payment_selection_flow3 section .left-rail [data-view=FeaturesTable] table#happify_features tr td .count {
  font-size: 1.6rem;
  font-family: OpenSansBold;
  font-weight: normal;
}

#payment_flow .payment_selection_flow3 section .left-rail [data-view=FeaturesTable] table#happify_features tr td .count .plus {
  width: 6px;
  height: 7px;
  border-bottom: 2px solid #00aaea;
  margin-top: 5px;
  margin-left: -4px;
}

#payment_flow .payment_selection_flow3 section .left-rail [data-view=FeaturesTable] table#happify_features tr td .count .plus:after {
  width: 7px;
  height: 6px;
  border-right: 2px solid #00aaea;
  top: 3px;
  left: -5px;
}

#payment_flow .payment_selection_flow3 section .left-rail [data-view=FeaturesTable] table#happify_features tr td:first-child {
  padding: 0 0 0 10px;
  width: 205px;
}

#payment_flow .payment_selection_flow3 section .left-rail [data-view=FeaturesTable] table#happify_features tr td:nth-child(2) {
  width: 140px;
}

#payment_flow .payment_selection_flow3 section .left-rail [data-view=FeaturesTable] table#happify_features tr td:last-child {
  padding: 10px;
  width: 205px;
}

#payment_flow .payment_selection_flow3 section .left-rail [data-view=FeaturesTable] table#happify_features tr:first-child {
  height: 80px;
}

#payment_flow .payment_selection_flow3 section .left-rail [data-view=FeaturesTable] table#happify_features tr:first-child td {
  font-size: 1.8rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  padding: 0;
}

#payment_flow .payment_selection_flow3 section .left-rail [data-view=FeaturesTable] table#happify_features tr:nth-child(5) {
  height: 95px;
}

#payment_flow .payment_selection_flow3 section .left-rail [data-view=FeaturesTable] table#happify_features tr:nth-child(5) td .text {
  margin-top: 5px;
}

#payment_flow .payment_selection_flow3 section .left-rail [data-view=FeaturesTable] table#happify_features tr:nth-child(8) td:nth-child(2) .text:after {
  content: "";
  height: 16px;
  display: block;
}

#payment_flow .payment_selection_flow3 section .left-rail [data-view=HappifyWayOfLife] {
  background: #fff;
  padding: 20px 0 40px;
  border-radius: 0 0 5px 5px;
  background-clip: padding-box;
}

#payment_flow .payment_selection_flow3 section .left-rail .divider {
  position: relative;
  top: -9px;
}

#payment_flow .payment_selection_flow4 .grid-row .grid-unit.col-3-old {
  padding-bottom: 40px;
}

#payment_flow .payment_selection_flow4 .grid-row .grid-unit.col-3-old section .top {
  margin-bottom: 40px;
}

#payment_flow .payment_selection_flow4 .premium-service {
  padding: 30px 45px 62px;
}

#payment_flow .payment_selection_flow4 .press-container {
  padding-bottom: 69px;
}

#payment_flow .payment_selection_flow4 section .right-rail {
  min-height: 1445px;
}

#payment_flow .payment_selection_flow4 section .left-rail {
  min-height: 1405px;
}

#payment_flow .payment_selection_flow4 section .left-rail [data-view=HappifyWayOfLife] {
  padding: 20px 0 35px;
  border-radius: 0 0 5px 5px;
  background-clip: padding-box;
}

#payment_flow .payment_selection_flow5 .grid-row .grid-unit:first-child {
  padding: 25px 50px 50px;
}

#payment_flow .payment_selection_flow5 .grid-row .grid-unit h1:first-child {
  margin: 0;
}

#payment_flow .payment_selection_flow5 .payment-plans {
  padding: 25px 50px 50px;
  margin: 25px auto 20px;
}

#payment_flow .payment_selection_flow5 .billing_details {
  margin-bottom: 10px;
}

#payment_flow .payment_selection_flow5 .billing_details a {
  text-decoration: none;
  font-size: 1.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#payment_flow .payment_selection_flow5 .premium-service {
  text-align: left;
}

#payment_flow .payment_selection_flow5 .premium-service h3 {
  font-size: 1.6rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  margin: 0 0 10px;
}

#payment_flow .payment_selection_flow5 .premium-service .premium-promo {
  width: 64%;
  display: inline-block;
  vertical-align: top;
  color: #666;
  font-size: 1.5rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#payment_flow .payment_selection_flow5 .premium-service .button {
  text-transform: uppercase;
  font-size: 2.6rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  width: 215px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  margin: 10px 0 0 60px;
}

#payment_flow .payment_selection_flow5 [data-view=FeaturesTable] {
  padding: 0;
}

#payment_flow .payment_selection_flow5 [data-view=FeaturesTable] table#happify_features tr {
  height: 65px;
}

#payment_flow .payment_selection_flow5 [data-view=FeaturesTable] table#happify_features tr td {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#payment_flow .payment_selection_flow5 [data-view=FeaturesTable] table#happify_features tr td .checkmark {
  width: 21px;
  height: 20px;
}

#payment_flow .payment_selection_flow5 [data-view=FeaturesTable] table#happify_features tr td .count {
  font-size: 2rem;
  font-family: OpenSansBold;
  font-weight: normal;
}

#payment_flow .payment_selection_flow5 [data-view=FeaturesTable] table#happify_features tr td .count .plus {
  width: 11px;
  height: 10px;
  border-bottom: 3px solid #00aaea;
  margin-top: 6px;
  margin-left: -4px;
}

#payment_flow .payment_selection_flow5 [data-view=FeaturesTable] table#happify_features tr td .count .plus:after {
  width: 10px;
  height: 11px;
  border-right: 3px solid #00aaea;
  top: 3px;
  left: -6px;
}

#payment_flow .payment_selection_flow5 [data-view=FeaturesTable] table#happify_features tr td:first-child {
  padding: 20px;
}

#payment_flow .payment_selection_flow5 [data-view=FeaturesTable] table#happify_features tr:first-child {
  height: 80px;
}

#payment_flow .payment_selection_flow5 [data-view=FeaturesTable] table#happify_features tr:first-child td {
  font-size: 2.8rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  padding: 0;
}

#payment_flow .payment_selection_flow5 [data-view=FeaturesTable] table#happify_features tr:nth-child(5) {
  height: 95px;
}

#payment_flow .payment_selection_flow5 [data-view=FeaturesTable] table#happify_features tr:nth-child(5) td .text {
  margin-top: 5px;
}

#payment_flow .payment_selection_flow6 .grid-row .grid-unit:first-child {
  padding: 25px 50px 50px;
}

#payment_flow .payment_selection_flow6 .grid-row .grid-unit h1:first-child {
  margin: 0;
}

#payment_flow .payment_selection_flow6 .payment-plans {
  padding: 25px 50px 20px;
  margin: 25px auto 20px;
}

#payment_flow .payment_selection_flow6 .billing_details {
  padding: 0 10px;
}

#payment_flow .payment_selection_flow6 .billing_details a {
  text-decoration: none;
  font-size: 1.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#payment_flow .payment_selection_flow6 .premium-service {
  text-align: left;
}

#payment_flow .payment_selection_flow6 .premium-service h3 {
  font-size: 1.6rem;
  font-family: OpenSansBold;
  font-weight: normal;
  margin: 0 0 10px;
}

#payment_flow .payment_selection_flow6 .premium-service .press-container {
  width: 64%;
  display: inline-block;
  vertical-align: top;
  margin: 0;
  padding: 0;
}

#payment_flow .payment_selection_flow6 .premium-service .press-container .press-item {
  margin: 0;
}

#payment_flow .payment_selection_flow6 .premium-service .press-container .press-item:first-child {
  height: 75px;
}

#payment_flow .payment_selection_flow6 .premium-service .press-container .press-item:first-child .text-container {
  padding-top: 4px;
}

#payment_flow .payment_selection_flow6 .premium-service .press-container .press-item:nth-child(2) {
  height: 75px;
  margin-top: 5px;
}

#payment_flow .payment_selection_flow6 .premium-service .press-container .press-item:nth-child(2) .image-container {
  float: none;
  margin: 0 15px 0 0;
}

#payment_flow .payment_selection_flow6 .premium-service .press-container .press-item:nth-child(2) .image-container img {
  width: 143px;
}

#payment_flow .payment_selection_flow6 .premium-service .press-container .press-item:nth-child(2) .text-container {
  text-align: left;
  padding-top: 12px;
}

#payment_flow .payment_selection_flow6 .premium-service .button {
  text-transform: uppercase;
  font-size: 2.6rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  width: 215px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  margin: 50px 0 0 70px;
}

#payment_flow .payment_selection_flow6 [data-view=FeaturesTable] {
  padding: 0;
}

#payment_flow .payment_selection_flow6 [data-view=FeaturesTable] table#happify_features tr {
  height: 65px;
}

#payment_flow .payment_selection_flow6 [data-view=FeaturesTable] table#happify_features tr td {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#payment_flow .payment_selection_flow6 [data-view=FeaturesTable] table#happify_features tr td .checkmark {
  width: 21px;
  height: 20px;
}

#payment_flow .payment_selection_flow6 [data-view=FeaturesTable] table#happify_features tr td .count {
  font-size: 2rem;
  font-family: OpenSansBold;
  font-weight: normal;
}

#payment_flow .payment_selection_flow6 [data-view=FeaturesTable] table#happify_features tr td .count .plus {
  width: 11px;
  height: 10px;
  border-bottom: 3px solid #00aaea;
  margin-top: 6px;
  margin-left: -4px;
}

#payment_flow .payment_selection_flow6 [data-view=FeaturesTable] table#happify_features tr td .count .plus:after {
  width: 10px;
  height: 11px;
  border-right: 3px solid #00aaea;
  top: 3px;
  left: -6px;
}

#payment_flow .payment_selection_flow6 [data-view=FeaturesTable] table#happify_features tr td:first-child {
  padding: 20px;
}

#payment_flow .payment_selection_flow6 [data-view=FeaturesTable] table#happify_features tr:first-child {
  height: 80px;
}

#payment_flow .payment_selection_flow6 [data-view=FeaturesTable] table#happify_features tr:first-child td {
  font-size: 2.8rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  padding: 0;
}

#payment_flow .payment_selection_flow6 [data-view=FeaturesTable] table#happify_features tr:nth-child(5) {
  height: 95px;
}

#payment_flow .payment_selection_flow6 [data-view=FeaturesTable] table#happify_features tr:nth-child(5) td .text {
  margin-top: 5px;
}

#payment_flow .payment_selection_flow7 > .grid-row {
  overflow: hidden;
}

#payment_flow .payment_selection_flow7 > .grid-row > .grid-unit.col-3-old {
  margin: 0 auto;
}

#payment_flow .payment_selection_flow7 .grid-row .grid-unit.col-3-old section .top {
  margin-bottom: 40px;
}

#payment_flow .payment_selection_flow7 .premium-service {
  padding: 30px 20px 45px;
}

#payment_flow .payment_selection_flow7 .premium-service h3 {
  font-weight: bold;
  color: #777;
}

#payment_flow .payment_selection_flow7 [data-view=FeaturesTable] {
  padding: 0 15px 50px;
}

#payment_flow .payment_selection_flow7 [data-view=FeaturesTable] table#happify_features tr {
  height: 65px;
}

#payment_flow .payment_selection_flow7 [data-view=FeaturesTable] table#happify_features tr td {
  font-size: 1.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  line-height: 15px;
}

#payment_flow .payment_selection_flow7 [data-view=FeaturesTable] table#happify_features tr td .checkmark {
  width: 15px;
  height: 14px;
}

#payment_flow .payment_selection_flow7 [data-view=FeaturesTable] table#happify_features tr td .count {
  font-size: 1.6rem;
  font-family: OpenSansBold;
  font-weight: normal;
}

#payment_flow .payment_selection_flow7 [data-view=FeaturesTable] table#happify_features tr td .count .plus {
  width: 6px;
  height: 7px;
  border-bottom: 2px solid #00aaea;
  margin-top: 5px;
  margin-left: -4px;
}

#payment_flow .payment_selection_flow7 [data-view=FeaturesTable] table#happify_features tr td .count .plus:after {
  width: 7px;
  height: 6px;
  border-right: 2px solid #00aaea;
  top: 3px;
  left: -5px;
}

#payment_flow .payment_selection_flow7 [data-view=FeaturesTable] table#happify_features tr td:first-child {
  padding: 0 0 0 10px;
  width: 205px;
}

#payment_flow .payment_selection_flow7 [data-view=FeaturesTable] table#happify_features tr td:nth-child(2) {
  width: 140px;
}

#payment_flow .payment_selection_flow7 [data-view=FeaturesTable] table#happify_features tr td:last-child {
  padding: 10px;
  width: 205px;
}

#payment_flow .payment_selection_flow7 [data-view=FeaturesTable] table#happify_features tr:first-child {
  height: 80px;
}

#payment_flow .payment_selection_flow7 [data-view=FeaturesTable] table#happify_features tr:first-child td {
  font-size: 1.8rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  padding: 0;
}

#payment_flow .payment_selection_flow7 [data-view=FeaturesTable] table#happify_features tr:nth-child(4) td:last-child {
  padding: 17px 10px 3px;
}

#payment_flow .payment_selection_flow7 [data-view=FeaturesTable] table#happify_features tr:nth-child(5) {
  height: 65px;
}

#payment_flow .payment_selection_flow7 [data-view=FeaturesTable] table#happify_features tr:nth-child(5) td .text {
  margin-top: 5px;
}

#payment_flow .payment_selection_flow7 [data-view=FeaturesTable] table#happify_features tr:nth-child(8) td:nth-child(2) .text:after {
  content: "";
  height: 16px;
  display: block;
}

#payment_flow .payment_selection_flow7 [data-view=HappifyWayOfLife] {
  padding: 25px 0 35px;
  border-radius: 0 0 5px 5px;
  background-clip: padding-box;
}

#payment_flow .payment_selection_flow7 .left-rail,
#payment_flow .payment_selection_flow7 .right-rail {
  min-height: 1458px;
  margin-bottom: 40px;
}

#payment_flow .payment_selection_flow7 .left-rail .press-container {
  padding-bottom: 23px;
}

#payment_flow .payment_selection_flow7 .left-rail h2 {
  color: #81BA00;
  font-size: 2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  text-align: center;
  margin: 10px 0 0;
  line-height: 27px;
}

#payment_flow .payment_selection_flow7 .left-rail .premium-service .premium-promo {
  font-size: 15px;
  line-height: 18px;
}

#payment_flow .payment_selection_flow8 h1 {
  font-size: 3.1rem;
}

#payment_flow .payment_selection_flow8 .grid-row .grid-unit.col-3-old section .top {
  margin-bottom: 0;
  padding: 20px 15px;
}

#payment_flow .payment_selection_flow8 .premium-service {
  padding: 30px 20px 45px;
}

#payment_flow .payment_selection_flow8 .premium-service h3 {
  font-weight: bold;
  color: #777;
}

#payment_flow .payment_selection_flow8 [data-view=FeaturesTable] {
  padding: 0 15px 50px;
}

#payment_flow .payment_selection_flow8 [data-view=FeaturesTable] table#happify_features tr {
  height: 65px;
}

#payment_flow .payment_selection_flow8 [data-view=FeaturesTable] table#happify_features tr td {
  font-size: 1.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#payment_flow .payment_selection_flow8 [data-view=FeaturesTable] table#happify_features tr td .checkmark {
  width: 15px;
  height: 14px;
}

#payment_flow .payment_selection_flow8 [data-view=FeaturesTable] table#happify_features tr td .count {
  font-size: 1.6rem;
  font-family: OpenSansBold;
  font-weight: normal;
}

#payment_flow .payment_selection_flow8 [data-view=FeaturesTable] table#happify_features tr td .count .plus {
  width: 6px;
  height: 7px;
  border-bottom: 2px solid #00aaea;
  margin-top: 5px;
  margin-left: -4px;
}

#payment_flow .payment_selection_flow8 [data-view=FeaturesTable] table#happify_features tr td .count .plus:after {
  width: 7px;
  height: 6px;
  border-right: 2px solid #00aaea;
  top: 3px;
  left: -5px;
}

#payment_flow .payment_selection_flow8 [data-view=FeaturesTable] table#happify_features tr td:first-child {
  padding: 0 0 0 10px;
  width: 205px;
}

#payment_flow .payment_selection_flow8 [data-view=FeaturesTable] table#happify_features tr td:nth-child(2) {
  width: 140px;
}

#payment_flow .payment_selection_flow8 [data-view=FeaturesTable] table#happify_features tr td:last-child {
  padding: 10px;
  width: 205px;
}

#payment_flow .payment_selection_flow8 [data-view=FeaturesTable] table#happify_features tr:first-child {
  height: 80px;
}

#payment_flow .payment_selection_flow8 [data-view=FeaturesTable] table#happify_features tr:first-child td {
  font-size: 1.8rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  padding: 0;
}

#payment_flow .payment_selection_flow8 [data-view=FeaturesTable] table#happify_features tr:nth-child(5) {
  height: 95px;
}

#payment_flow .payment_selection_flow8 [data-view=FeaturesTable] table#happify_features tr:nth-child(5) td .text {
  margin-top: 5px;
}

#payment_flow .payment_selection_flow8 [data-view=FeaturesTable] table#happify_features tr:nth-child(8) td:nth-child(2) .text:after {
  content: "";
  height: 16px;
  display: block;
}

#payment_flow .payment_selection_flow8 [data-view=HappifyWayOfLife] {
  padding: 25px 0 35px;
  border-radius: 0 0 5px 5px;
  background-clip: padding-box;
}

#payment_flow .payment_selection_flow8 .left-rail,
#payment_flow .payment_selection_flow8 .right-rail {
  width: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 0;
  background: none;
  padding: 10px;
  margin-right: 0;
  min-height: 0;
}

#payment_flow .payment_selection_flow8 .right-rail {
  padding-right: 20px;
}

#payment_flow .payment_selection_flow8 .left-rail {
  padding-bottom: 40px;
  padding-left: 20px;
}

#payment_flow .payment_selection_flow8 .left-rail .press-container {
  padding-bottom: 23px;
}

#payment_flow .payment_selection_flow8 .left-rail h2 {
  color: #ff7a00;
  font-size: 2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  text-align: center;
  margin: 10px 0 0;
}

#payment_flow .payment_selection_flow8 .billing-info-embedded {
  padding-top: 20px;
}

#payment_flow .payment_selection_flow8 .billing-info-embedded #billing_info {
  position: relative;
}

#payment_flow .payment_selection_flow8 .billing-info-embedded #billing_info .button {
  margin-top: 0;
  margin-bottom: 0;
}

#payment_flow .payment_selection_flow8 .billing-info-embedded #billing_info .transaction-info {
  text-align: center;
  display: none;
}

#payment_flow .payment_selection_flow8 .billing-info-embedded #billing_info .transaction-info.showOnflow-8-9 {
  display: block;
}

#payment_flow .payment_selection_flow8 .billing-info-embedded #billing_info #billing_form .phone_field {
  display: none;
}

#payment_flow .payment_selection_flow8 .js-payment-plans,
#payment_flow .payment_selection_flow8 .js-billing-info {
  min-height: 0;
  border: 1px solid #d7d7d2;
  background: #fbfbfb;
}

#payment_flow .payment_selection_flow8 .js-billing-info {
  padding-bottom: 30px;
}

#payment_flow .payment_selection_flow8 .billing-info-embedded #billing_form .form_field.name_field {
  position: static;
}

#payment_flow .payment_selection_flow8 .billing-info-embedded #billing_form .form_field .credit_card_img {
  position: absolute;
  top: -4px;
  left: 134px;
}

#payment_flow .payment_selection_flow8 .billing-info-embedded #billing_form .form_field input {
  width: 320px;
}

#payment_flow .payment_selection_flow8 .billing-info-embedded #billing_form .form_field input.billing_code {
  width: 135px;
}

#payment_flow .payment_selection_flow9 h1 {
  font-size: 3.1rem;
}

#payment_flow .payment_selection_flow9 .grid-row .grid-unit.col-3-old section .top {
  margin-bottom: 40px;
}

#payment_flow .payment_selection_flow9 .premium-service {
  padding: 30px 20px 45px;
}

#payment_flow .payment_selection_flow9 .premium-service h3 {
  font-weight: bold;
  color: #777;
}

#payment_flow .payment_selection_flow9 [data-view=FeaturesTable] {
  padding: 0;
}

#payment_flow .payment_selection_flow9 [data-view=FeaturesTable] table#happify_features br {
  display: none;
}

#payment_flow .payment_selection_flow9 [data-view=FeaturesTable] table#happify_features tr {
  height: 65px;
}

#payment_flow .payment_selection_flow9 [data-view=FeaturesTable] table#happify_features tr td {
  font-size: 1.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#payment_flow .payment_selection_flow9 [data-view=FeaturesTable] table#happify_features tr td .checkmark {
  width: 15px;
  height: 14px;
}

#payment_flow .payment_selection_flow9 [data-view=FeaturesTable] table#happify_features tr td .count {
  font-size: 1.6rem;
  font-family: OpenSansBold;
  font-weight: normal;
}

#payment_flow .payment_selection_flow9 [data-view=FeaturesTable] table#happify_features tr td .count .plus {
  width: 6px;
  height: 7px;
  border-bottom: 2px solid #00aaea;
  margin-top: 5px;
  margin-left: -4px;
}

#payment_flow .payment_selection_flow9 [data-view=FeaturesTable] table#happify_features tr td .count .plus:after {
  width: 7px;
  height: 6px;
  border-right: 2px solid #00aaea;
  top: 3px;
  left: -5px;
}

#payment_flow .payment_selection_flow9 [data-view=FeaturesTable] table#happify_features tr td:first-child {
  padding: 0 0 0 10px;
  width: 205px;
}

#payment_flow .payment_selection_flow9 [data-view=FeaturesTable] table#happify_features tr td:nth-child(2) {
  width: 140px;
}

#payment_flow .payment_selection_flow9 [data-view=FeaturesTable] table#happify_features tr td:last-child {
  padding: 10px;
  width: 205px;
}

#payment_flow .payment_selection_flow9 [data-view=FeaturesTable] table#happify_features tr:first-child {
  height: 80px;
}

#payment_flow .payment_selection_flow9 [data-view=FeaturesTable] table#happify_features tr:first-child td {
  font-size: 1.8rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  padding: 0;
}

#payment_flow .payment_selection_flow9 [data-view=FeaturesTable] table#happify_features tr:nth-child(5) {
  height: 95px;
}

#payment_flow .payment_selection_flow9 [data-view=FeaturesTable] table#happify_features tr:nth-child(5) td .text {
  margin-top: 5px;
}

#payment_flow .payment_selection_flow9 [data-view=FeaturesTable] table#happify_features tr:nth-child(8) td:nth-child(2) .text:after {
  content: "";
  height: 16px;
  display: block;
}

#payment_flow .payment_selection_flow9 [data-view=HappifyWayOfLife] {
  padding: 25px 0 35px;
  border-radius: 0 0 5px 5px;
  background-clip: padding-box;
}

#payment_flow .payment_selection_flow9 .pf-section {
  background: none;
}

#payment_flow .payment_selection_flow9 .pf-section:last-child {
  padding-bottom: 10px;
}

#payment_flow .payment_selection_flow9 .left-rail,
#payment_flow .payment_selection_flow9 .right-rail {
  width: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 0;
  background: none;
  padding: 10px;
  margin-right: 0;
  min-height: 0;
}

#payment_flow .payment_selection_flow9 .right-rail {
  padding-right: 20px;
}

#payment_flow .payment_selection_flow9 .left-rail {
  padding-left: 20px;
}

#payment_flow .payment_selection_flow9 .left-rail h2 {
  color: #ff7a00;
  font-size: 2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  text-align: center;
  margin: 10px 0 0;
}

#payment_flow .payment_selection_flow9 .billing-info-embedded {
  padding-top: 20px;
}

#payment_flow .payment_selection_flow9 .billing-info-embedded #billing_info {
  position: relative;
}

#payment_flow .payment_selection_flow9 .billing-info-embedded #billing_info .button {
  margin-top: 40px;
}

#payment_flow .payment_selection_flow9 .billing-info-embedded #billing_info .transaction-info {
  text-align: center;
  display: none;
}

#payment_flow .payment_selection_flow9 .billing-info-embedded #billing_info .transaction-info.showOnflow-8-9 {
  display: block;
}

#payment_flow .payment_selection_flow9 .js-payment-plans,
#payment_flow .payment_selection_flow9 .js-billing-info {
  min-height: 0;
  border: 1px solid #d7d7d2;
  background: #fbfbfb;
}

#payment_flow .payment_selection_flow9 .js-billing-info {
  padding-bottom: 30px;
}

#payment_flow .payment_selection_flow9 .billing-info-embedded #billing_form .form_field.name_field {
  position: static;
}

#payment_flow .payment_selection_flow9 .billing-info-embedded #billing_form .form_field .credit_card_img {
  position: absolute;
  top: -4px;
  left: 134px;
}

#payment_flow .payment_selection_flow9 .billing-info-embedded #billing_form .form_field input {
  width: 320px;
}

#payment_flow .payment_selection_flow9 .billing-info-embedded #billing_form .form_field input.billing_code {
  width: 135px;
}

#payment_flow .payment_selection_flow9 .press-container {
  margin: 0;
  padding-bottom: 20px;
}

#payment_flow .payment_selection_flow9 .press-container .press-item {
  margin-top: 42px;
}

#payment_flow .payment_selection_flow9 .press-container .press-item::after {
  display: block;
  clear: both;
  content: "";
}

#payment_flow .payment_selection_flow9 .press-container .press-item::after {
  display: block;
  clear: both;
  content: "";
}

#payment_flow .payment_selection_flow9 .press-container .press-item::after {
  display: block;
  clear: both;
  content: "";
}

#payment_flow .payment_selection_flow9 .press-container .press-item::after {
  display: block;
  clear: both;
  content: "";
}

#payment_flow .payment_selection_flow9 .press-container .press-item .image-container {
  float: right !important;
  margin-left: 10px;
}

#payment_flow .payment_selection_flow9 .press-container .press-item:nth-child(odd) .image-container {
  float: left !important;
  margin-right: 10px;
  margin-left: 0;
}

#payment_flow .payment_selection_flow9 .press-container .press-item:nth-child(4) {
  float: none;
  margin-top: 29px;
}

#payment_flow .payment_selection_flow9 .press-container .press-item:nth-child(4) .text-container {
  margin-top: 0;
  padding-top: 25px;
}

#payment_flow .payment_selection_flow9 .press-container .press-item:nth-child(4) .image-container {
  margin-left: 20px;
}

#payment_flow .payment_selection_flow9 .press-container .press-item .text-container {
  overflow: hidden;
  display: block;
  text-align: left !important;
}

#gift_membership.gift_plan section {
  background: #fff;
}

#gift_membership.gift_plan section .column {
  vertical-align: top;
  display: inline-block;
}

#gift_membership.gift_plan section:first-child .top {
  background: url('/static/img/gift_membership/bg_pattern.png') no-repeat #fbfbfb;
  background-size: cover;
}

#gift_membership.gift_plan section:nth-child(3) {
  padding: 45px 45px 60px;
}

#gift_membership.gift_plan section:nth-child(3) .column:first-child {
  width: 49%;
  margin-right: 35px;
}

#gift_membership.gift_plan section:nth-child(3) .column:nth-child(2) {
  width: 45%;
}

#gift_membership.gift_plan section:nth-child(3) h3 {
  color: #372f2b;
  font-size: 1.6rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  margin: 0;
}

#gift_membership.gift_plan section:nth-child(3) h3:nth-child(3) {
  margin-top: 40px;
}

#gift_membership.gift_plan section:nth-child(3) p {
  margin: 10px 0 0;
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  line-height: 19px;
  color: #777;
}

#gift_membership.gift_plan section:nth-child(3) ul {
  list-style-type: disc;
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  line-height: 24px;
  color: #777;
}

#gift_membership.gift_plan section:nth-child(3) ul li {
  margin-left: 20px;
}

#gift_membership.gift_plan section:nth-child(3) ul li:first-child {
  margin-top: 8px;
}

#gift_membership.gift_plan section:nth-child(3) ul li:nth-child(2) {
  margin-top: 12px;
}

#gift_membership.gift_plan section .left-rail {
  margin-left: 25px;
  margin-right: 5px;
  width: 510px;
  float: left;
  min-height: 785px;
  border: 1px solid #d7d7d2;
  background: #fbfbfb;
}

#gift_membership.gift_plan section .left-rail .gift-happiness {
  padding: 40px 20px;
}

#gift_membership.gift_plan section .left-rail .gift-happiness .column:first-child {
  width: 280px;
  margin-right: 5px;
}

#gift_membership.gift_plan section .left-rail .gift-happiness .column h2 {
  color: #00aaea;
  font-size: 2rem;
  font-family: OpenSansLight;
  font-weight: normal;
}

#gift_membership.gift_plan section .left-rail .gift-happiness .column p {
  margin: 20px 0 0;
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  line-height: 19px;
  max-width: 94%;
}

#gift_membership.gift_plan section .right-rail {
  margin-left: 5px;
  margin-right: 25px;
  width: 450px;
  float: left;
  min-height: 785px;
  border: 1px solid #d7d7d2;
  background: #fbfbfb;
}

#gift_membership.gift_plan section .top {
  margin-bottom: 40px;
  padding: 50px 0;
}

#gift_membership.gift_plan section .payment-plans-embedded #payment_plan_selection .plans-container .option .plan {
  max-width: 99%;
}

#gift_membership.gift_plan section .payment-plans-embedded #payment_plan_selection .plans-container .option .plan .title.popular {
  position: relative;
  top: 10px;
}

#gift_membership.gift_plan section .billing-info-embedded {
  position: relative;
}

#gift_membership.gift_plan section .billing-info-embedded #billing_info .button {
  margin: 10px auto 30px;
}

#gift_membership.gift_plan section .billing-info-embedded #billing_info .transaction-info {
  margin: 40px auto 35px;
  max-width: 360px;
  padding: 0;
}

#gift_membership.gift_plan section .billing-info-embedded #billing_form .error.form_error {
  display: none;
}

#gift_membership.gift_plan section .billing-info-embedded #billing_form .form_field.name_field {
  position: static;
}

#gift_membership.gift_plan section .billing-info-embedded #billing_form .form_field.phone_field {
  display: none;
}

#gift_membership.gift_plan section .billing-info-embedded #billing_form .form_field .credit_card_img {
  position: absolute;
  top: 25px;
  left: 134px;
}

@media only screen and (min-width: 320px) and (max-width: 1024px) {
  .payment-plans-embedded {
    padding: 10px 0 20px !important;
  }

  .payment-plans-embedded #payment_plan_selection .title {
    display: none !important;
    margin: 0 !important;
    font-size: 1.6rem;
    font-family: OpenSansRegular;
    font-weight: normal;
  }

  .payment-plans-embedded #payment_plan_selection .title.mobile {
    display: block !important;
  }

  .payment-plans-embedded #payment_plan_selection .plans-container .option {
    padding: 10px 0 !important;
    border: 1px solid #d7d7d2;
    border-radius: 5px;
    background-clip: padding-box;
    margin: 5px 0;
  }

  .payment-plans-embedded #payment_plan_selection .plans-container .option .popular-promo span {
    color: #00aaea !important;
    font-size: 1.2rem !important;
    font-family: OpenSansSemibold !important;
    font-weight: normal !important;
    margin-left: 14px !important;
  }

  .payment-plans-embedded #payment_plan_selection .plans-container .option .choise {
    display: none !important;
  }

  .payment-plans-embedded #payment_plan_selection .plans-container .option .plan .title {
    display: block !important;
    text-transform: uppercase !important;
    max-width: 240px;
  }

  .payment-plans-embedded #payment_plan_selection .plans-container .option .plan .title .strike,
  .payment-plans-embedded #payment_plan_selection .plans-container .option .plan .title .name {
    display: none !important;
  }

  .payment-plans-embedded #payment_plan_selection .plans-container .option .plan .title .strike.mobile,
  .payment-plans-embedded #payment_plan_selection .plans-container .option .plan .title .name.mobile {
    display: inline !important;
  }

  .payment-plans-embedded #payment_plan_selection .plans-container .option .plan .title .strike.mobile span,
  .payment-plans-embedded #payment_plan_selection .plans-container .option .plan .title .name.mobile span {
    text-transform: none !important;
  }

  .payment-plans-embedded #payment_plan_selection .plans-container .option .plan .title .strike,
  .payment-plans-embedded #payment_plan_selection .plans-container .option .plan .title .promotion {
    text-transform: none !important;
  }

  .payment-plans-embedded #payment_plan_selection .plans-container .option .plan .title .promotion {
    width: 110%;
    font-size: 12px;
    margin: 0 !important;
  }

  .payment-plans-embedded #payment_plan_selection .plans-container .option .plan .title .guarantee {
    text-transform: none !important;
    font-size: 1.1rem !important;
    font-family: OpenSansRegular !important;
    font-weight: normal !important;
  }

  .payment-plans-embedded #payment_plan_selection .plans-container .option .plan .title .guarantee:after {
    content: ".";
  }

  .payment-plans-embedded #payment_plan_selection .plans-container .option:after {
    content: "";
    width: 20px;
    height: 37px;
    background-image: url("/static/img/gift_mobile/arrow_left@1x.png");
    background-size: 20px 37px;
    background-repeat: no-repeat;
    background-position: 0% 0%;
    background-color: transparent;
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .payment-plans-embedded #payment_plan_selection .plans-container .option:after {
    background-image: url("/static/img/gift_mobile/arrow_left@2x.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .payment-plans-embedded #payment_plan_selection .plans-container .option:after {
    background-image: url("/static/img/gift_mobile/arrow_left@2x.png");
  }
}

#billing_info .calculation-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 20px;
}

#billing_info .calculation-wrapper .payment {
  font-size: 2.1rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #00aaea;
}

#billing_info .grid-row {
  margin: 20px auto 0;
}

#billing_info .title {
  color: #ff7a00;
  font-size: 1.8rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin-left: 20px;
  line-height: 25px;
}

#billing_info .payment_info {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  text-align: left;
  margin: 0 0 20px 46px;
}

#billing_info h1 {
  color: #00aaea;
  font-size: 3.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  margin: 0 30px;
  text-align: center;
  margin-top: 15px;
}

#billing_info .data_area {
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin: 30px 0 0 0;
  color: #777;
  padding-left: 75px;
}

#billing_info .data_area .left_column {
  display: inline-block;
  vertical-align: top;
  width: 585px;
  text-align: left;
}

#billing_info .data_area .left_column h2 {
  font-size: 2.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  margin: 0;
}

#billing_info .data_area .left_column span {
  line-height: 24px;
}

#billing_info .data_area .right_column {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  width: 300px;
  margin: 0 auto;
}

#billing_info .data_area .right_column .promo-box {
  margin: 7px 0 40px;
  text-align: left;
}

#billing_info .data_area .right_column .promo-box .title {
  line-height: 18px;
  font-size: 1.6rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #00aaea;
  text-transform: uppercase;
  margin: 0;
}

#billing_info .data_area .right_column .promo-box .text {
  font-size: 1.3rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
  line-height: 18px;
  margin-top: 8px;
}

#billing_info .data_area .right_column h2 {
  width: 185px;
  font-size: 2.4rem;
  font-family: OpenSansSemibold;
  color: #777;
  font-weight: normal;
  margin: 0;
  text-align: center;
}

#billing_info .data_area .right_column .plan_container .plan {
  text-align: center;
  width: 185px;
  height: 145px;
  border: 1px solid #FEDEC5;
  overflow: hidden;
}

#billing_info .data_area .right_column .plan_container .plan .header {
  font-size: 2.4rem;
  font-family: OpenSansRegular;
  position: relative;
  padding: 5px;
  height: 55px;
  background: url('/static/img/fee_plan_header_gragient1.svg') no-repeat;
  line-height: 26px;
  color: #fff;
  font-weight: normal;
}

#billing_info .data_area .right_column .plan_container .plan .header .plan_name {
  line-height: 24px;
  margin-top: 16px;
}

#billing_info .data_area .right_column .plan_container .plan .header .plan_name .recurring {
  font-size: 1.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  line-height: 12px;
  margin-top: 10px;
}

#billing_info .data_area .right_column .plan_container .plan .header .plan_name.recurring {
  margin-top: 0;
}

#billing_info .data_area .right_column .plan_container .plan .body {
  height: 100%;
  border-radius: 4px;
  background-clip: padding-box;
  background-color: #FFF4ED;
}

#billing_info .data_area .right_column .plan_container .plan .body .guarantee {
  width: 185px;
  margin: 0 auto;
  font-size: 1.8rem;
  font-family: OpenSansSemibold;
  top: 20px;
  text-align: center;
  font-weight: normal;
  color: #777;
  position: relative;
}

#billing_info .data_area .right_column .plan_container .plan .body .guarantee.monthly {
  top: 30px;
}

#billing_info .data_area .right_column .plan_container .card_shadow {
  background: url("/static/img/diagonalshadow.png") no-repeat scroll transparent;
  width: 195px;
  height: 10px;
  background-size: 192px;
  background-position: -4px -2px;
}

#billing_info .data_area .right_column .different_plan {
  cursor: pointer;
  margin: 0 0 30px;
  text-align: center;
  font-size: 1.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  width: 185px;
}

#billing_info .data_area .right_column .seals img {
  margin-bottom: 5px;
  vertical-align: middle;
}

#billing_info .data_area .right_column .seals img:first-child {
  margin-right: 10px;
}

#billing_info .data_area .right_column .seals a:hover {
  text-decoration: none;
}

#billing_info .button {
  width: 180px;
  height: 58px;
  line-height: 47px;
  margin: 0 auto 20px;
  text-align: center;
  display: block;
  font-size: 2rem;
  font-family: OpenSansBold;
  font-weight: normal;
}

#billing_info .transaction-info {
  font-style: italic;
  font-size: 1.3rem;
  font-family: OpenSansRegular;
  line-height: 18px;
  font-weight: normal;
  color: #777;
  margin: 15px 0 20px 100px;
}

#billing_info .transaction-info a {
  color: #666;
  font-size: 1.3rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  outline: none;
}

#billing_info .container-old {
  padding: 0 485px 0 100px;
}

#billing_info .container-old .payment {
  font-size: 2.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #00aaea;
  display: inline-block;
  vertical-align: top;
  line-height: normal;
}

#billing_info .container-old img {
  float: right;
}

#billing_info .discount {
  font-size: 1.8rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  line-height: 26px;
}

#billing_info .discount .original {
  text-decoration: line-through;
}

#billing_info .discount .savings {
  margin-bottom: 10px;
}

.billing-info-embedded {
  padding: 30px 0;
}

.billing-info-embedded #billing_info {
  padding-top: 0;
}

.billing-info-embedded #billing_info .grid-row {
  margin: 30px auto 0;
}

.billing-info-embedded #billing_info .container-old {
  padding: 0 35px 0 20px;
}

.billing-info-embedded #billing_info .container-old .discount {
  top: 35px;
  position: relative;
  margin-left: 0;
}

.billing-info-embedded #billing_info .container-old .discount span.original_price {
  margin-left: 10px;
}

.billing-info-embedded #billing_info .container-old .discount span.you_save {
  margin-left: 48px;
}

.billing-info-embedded #billing_info .container-old .payment {
  line-height: 102px;
  font-size: 2.2rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
}

.billing-info-embedded #billing_info .container-old .payment span.payment-amount {
  margin-left: 29px;
}

.billing-info-embedded #billing_info .container-old img.monthly {
  display: none;
}

.billing-info-embedded #billing_info .container-old.savings img {
  margin-top: -32px;
}

.billing-info-embedded #billing_info .transaction-info {
  margin: 30px auto 0;
  padding: 0 25px;
  text-align: left;
}

.billing-info-embedded #billing_info .button {
  width: 85%;
  margin: 50px auto 50px;
  display: block;
  font-family: OpenSansSemibold;
  font-size: 26px;
  text-align: center;
  line-height: 62px;
  height: 62px;
}

html[lang=pt] .billing-info-embedded #billing_info .button {
  font-size: 22px;
}

html[lang=pt] .billing-info-embedded #billing_info .container-old .discount span.you_save {
  margin-left: 10px;
}

#billing_form {
  font-size: 1.6rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  margin: 15px 0 20px;
}

#billing_form .form_field {
  position: relative;
  margin: 23px 20px;
}

#billing_form .form_field .js-hint_target {
  position: absolute;
  width: 20px;
  height: 10px;
  top: -30px;
  left: 480px;
}

#billing_form .form_field label {
  color: #777;
  font-family: 'OpenSansRegular';
}

#billing_form .form_field .whats_this {
  font-size: 1.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  position: absolute;
  top: 16px;
  left: 257px;
  cursor: pointer;
}

#billing_form .form_field .date_select {
  display: inline-block;
  position: relative;
}

#billing_form .form_field .date_select.date_year {
  margin: 0 0 0 25px;
}

#billing_form .form_field .date_select.date_month {
  margin: 0 0 0 15px;
}

#billing_form .form_field .date_select .listbox-button {
  font-size: 1.8rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #777;
  position: relative;
  vertical-align: middle;
  display: inline-block;
  border: 2px solid #F0F0F0;
  width: 85px;
  height: 40px;
  border-radius: 4px;
  text-align: center;
  cursor: pointer;
  background: transparent;
  background-clip: padding-box;
  padding: 0 30px 0 0;
}

#billing_form .form_field .date_select .listbox-button.invalid {
  border: 2px solid #ff3131;
}

#billing_form .form_field .date_select .listbox-button span {
  font-family: 'OpenSansSemibold';
}

#billing_form .form_field .date_select .listbox-button .arrow {
  position: absolute;
  width: 30px;
  height: 40px;
  background-color: #CDCDCD;
  border: 2px solid #BBB;
  border-radius: 0 4px 4px 0;
  top: -2px;
  right: -2px;
}

#billing_form .form_field .date_select .listbox-button .arrow:before {
  border-color: #777 transparent transparent;
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-25%);
  -ms-transform: translateX(-50%) translateY(-25%);
  transform: translateX(-50%) translateY(-25%);
  border-width: 7px 7px 0 7px;
  border-style: inset;
}

#billing_form .form_field .date_select .dropdown.listbox {
  position: absolute;
  border-radius: 4px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  text-align: center;
  border: 2px solid #F0F0F0;
  background-color: #fff;
  padding: 5px 0;
  z-index: 10;
  top: 37px;
  left: 0;
  width: 100%;
}

#billing_form .form_field .date_select .dropdown.listbox li {
  font-size: 1.6rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #777;
  text-decoration: none;
  cursor: pointer;
  margin: 2px 0;
  line-height: 20px;
}

#billing_form .form_field .date_select .dropdown.listbox li.focused {
  background-color: #ddd;
}

#billing_form .form_field .date_select .dropdown.listbox li:hover {
  background-color: #ddd;
}

#billing_form .form_field .js-date_select .dropdown {
  border-radius: 4px;
  background-clip: padding-box;
  font-size: 1.8rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  display: block;
  position: absolute;
  width: 53px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  text-align: center;
  border: 2px solid #F0F0F0;
  background-color: white;
  padding: 5px 0;
  z-index: 999;
  top: 35px;
  left: -2px;
}

#billing_form .form_field .js-date_select .dropdown a {
  font-size: 1.6rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #777;
  line-height: 20px;
}

#billing_form .form_field .js-date_select .dropdown a:hover {
  background-color: #ddd;
}

#billing_form .form_field .js-date_select .dropdown.hidden {
  display: none;
}

#billing_form .form_field .select_left {
  width: 60px;
  height: 40px;
  font-size: 1.8rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  border-radius: 4px;
  background-clip: padding-box;
  color: #777;
  position: relative;
  vertical-align: middle;
  display: inline-block;
  border: 2px solid #F0F0F0;
  text-align: center;
  cursor: pointer;
}

#billing_form .form_field .select_left span {
  font-family: 'OpenSansSemibold';
  position: relative;
  line-height: 37px;
  vertical-align: top;
  margin: 0;
}

#billing_form .form_field .select_left.select_month_body {
  left: 0;
  margin-left: 14px;
}

#billing_form .form_field .select_left.select_month_body a {
  text-decoration: none;
  width: 55px;
  margin: 2px 0;
  display: inline-block;
}

#billing_form .form_field .select_left.select_year_body {
  left: 0;
}

#billing_form .form_field .select_left.select_year_body a {
  text-decoration: none;
  display: inline-block;
  width: 55px;
  margin: 2px 0;
}

#billing_form .form_field .select_left.select_year_body a:hover {
  background-color: #ddd;
}

#billing_form .form_field .select_left.invalid {
  border: 2px solid #ff3131;
}

#billing_form .form_field .select_right {
  width: 30px;
  height: 40px;
  border-radius: 0 4px 4px 0;
  background-clip: padding-box;
  cursor: pointer;
  position: relative;
  vertical-align: middle;
  display: inline-block;
  background-color: #CDCDCD;
  border: 2px solid #BBBBBB;
}

#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);
  margin: auto;
  margin-top: 17px;
}

#billing_form .form_field .select_right.select_month_selector {
  left: -10px;
  margin-right: 15px;
}

#billing_form .form_field .select_right.select_year_selector {
  left: -10px;
}

#billing_form .form_field .select_right.invalid {
  border: 2px solid #ff3131;
}

#billing_form .form_field input {
  font-size: 1.8rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  border-radius: 5px;
  background-clip: padding-box;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #777;
  padding: 0 5px;
  border: 2px solid #F0F0F0;
  position: relative;
  height: 44px;
  margin-bottom: 4px;
}

#billing_form .form_field input:focus {
  outline: none;
}

#billing_form .form_field input.billing_name {
  width: 270px;
  left: 72px;
}

#billing_form .form_field input.billing_phone {
  width: 273px;
  left: 2px;
}

#billing_form .form_field input.billing_card {
  width: 270px;
  left: 15px;
}

#billing_form .form_field input.billing_code {
  width: 123px;
  left: 14px;
}

#billing_form .form_field input.invalid {
  border: 2px solid #ff3131;
}

#billing_form .form_field .error {
  font-size: 1.2rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #ff3131;
  position: relative;
  left: 120px;
}

#billing_form .form_field .error.date_error {
  top: 5px;
}

#billing_form .form_field .credit_card_img {
  width: 150px;
  height: 30px;
  background: url('/static/img/credit_cards.png') no-repeat;
  position: relative;
  left: 225px;
}

#billing_form .form_field.phone_field {
  margin-top: 10px;
}

#billing_form .error {
  font-size: 1.2rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #ff3131;
  position: relative;
  left: 20px;
}

.billing-info-embedded #billing_form {
  font-size: 1.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
}

.billing-info-embedded #billing_form .form_field .js-hint_target {
  top: 0;
  right: 0;
}

.billing-info-embedded #billing_form .form_field .whats_this {
  top: 16px;
  left: 262px;
}

.billing-info-embedded #billing_form .form_field .select_left.select_month_body {
  margin-left: 14px;
}

.billing-info-embedded #billing_form .form_field input.billing_name {
  width: 280px;
  left: 75px;
}

.billing-info-embedded #billing_form .form_field input.billing_phone {
  width: 280px;
  left: 15px;
}

.billing-info-embedded #billing_form .form_field input.billing_card {
  width: 280px;
  left: 25px;
}

.billing-info-embedded #billing_form .form_field input.billing_code {
  width: 135px;
  left: 25px;
}

.billing-info-embedded #billing_form .form_field input.invalid {
  border: 2px solid #ff3131;
}

.billing-info-embedded #billing_form .form_field .error {
  left: 120px;
}

.billing-info-embedded #billing_form .form_field .credit_card_img {
  left: 245px;
}

.billing-info-embedded #billing_form .form_field.phone_field {
  margin-top: 10px;
}

.popover.hint.billing_code {
  width: 280px;
  height: 155px;
}

html[lang=es] .popover.hint.billing_code {
  height: 180px;
}

html[lang=es] .billing-info-embedded #billing_form .form_field input.billing_name {
  width: 253px;
  left: 100px;
}

html[lang=es] .billing-info-embedded #billing_form .form_field input.billing_card {
  width: 251px;
  left: 37px;
}

html[lang=es] .billing-info-embedded #billing_form .form_field input.billing_phone {
  width: 249px;
  left: 28px;
}

html[lang=es] .billing-info-embedded #billing_form .form_field .whats_this {
  left: 300px;
}

html[lang=es] .billing-info-embedded #billing_form .form_field .error {
  font-size: 10px;
  left: 164px;
}

html[lang=es] .billing-info-embedded #billing_form .form_field .error.name_error {
  left: 151px;
}

html[lang=fr] .billing-info-embedded #billing_form .form_field input.billing_card {
  width: 250px;
}

html[lang=fr] .billing-info-embedded #billing_form .form_field input.billing_phone {
  width: 228px;
}

html[lang=fr] .billing-info-embedded #billing_form .form_field .whats_this {
  left: 285px;
}

html[lang=pt] .billing-info-embedded #billing_form .form_field input.billing_card {
  width: 260px;
}

html[lang=pt] .billing-info-embedded #billing_form .form_field input.billing_phone {
  width: 258px;
}

html[lang=pt] .billing-info-embedded #billing_form .form_field .whats_this {
  left: 315px;
}

html[lang=de] .billing-info-embedded #billing_form .form_field input.billing_card {
  left: 14px;
}

html[lang=de] .billing-info-embedded #billing_form .form_field input.billing_code {
  left: 11px;
}

html[lang=de] .billing-info-embedded #billing_form .form_field .whats_this {
  left: 270px;
}

html[lang=de] .billing-info-embedded #billing_form .form_field .select_left.select_month_body {
  margin-left: 30px;
}

html[lang=pt] .billing-info-embedded #billing_form .form_field input.billing_name {
  width: 260px;
  left: 41px;
}

html[lang=pt] .billing-info-embedded #billing_form .form_field input.billing_card {
  left: 26px;
}

html[lang=pt] .billing-info-embedded #billing_form .form_field input.billing_code {
  left: 9px;
}

html[lang=pt] .billing-info-embedded #billing_form .form_field input.billing_phone {
  left: 14px;
  width: 260px;
}

html[lang=pt] .billing-info-embedded #billing_form .form_field .whats_this {
  left: 300px;
}

html[lang=pt] .billing-info-embedded #billing_form .form_field .select_left.select_month_body {
  margin-left: 28px;
}

html[lang=pt] .billing-info-embedded #billing_form .form_field .error {
  left: 151px;
  font-size: 10px;
}

html[lang=zh] .billing-info-embedded #billing_form .form_field input.billing_name {
  left: 42px;
  width: 325px;
}

html[lang=zh] .billing-info-embedded #billing_form .form_field input.billing_card {
  left: 42px;
  width: 325px;
}

html[lang=zh] .billing-info-embedded #billing_form .form_field input.billing_code {
  left: 28px;
}

html[lang=zh] .billing-info-embedded #billing_form .form_field input.billing_phone {
  width: 325px;
}

html[lang=zh] .billing-info-embedded #billing_form .form_field .whats_this {
  left: 225px;
}

html[lang=zh] .billing-info-embedded #billing_form .form_field .error {
  left: 75px;
}

html[lang=ja] .billing-info-embedded #billing_form .form_field input.billing_name {
  left: 102px;
  width: 270px;
}

html[lang=ja] .billing-info-embedded #billing_form .form_field input.billing_card {
  left: 60px;
  width: 270px;
}

html[lang=ja] .billing-info-embedded #billing_form .form_field input.billing_code {
  left: 5px;
}

html[lang=ja] .billing-info-embedded #billing_form .form_field input.billing_phone {
  width: 270px;
  left: 75px;
}

html[lang=ja] .billing-info-embedded #billing_form .form_field .whats_this {
  left: 280px;
}

html[lang=ja] .billing-info-embedded #billing_form .form_field .select_left.select_month_body {
  margin-left: 75px;
}

html[lang=ja] .billing-info-embedded #billing_form .form_field .error {
  left: 135px;
}

html[lang=it] #billing_form .form_field .whats_this {
  top: 14px;
  left: 300px;
  min-width: 100px;
}

#personalize_gift .grid-row .grid-unit.col-3-old.cell {
  padding: 45px;
}

#personalize_gift .grid-row .grid-unit.col-3-old.cell section:first-child {
  border-bottom: 1px solid #d7d7d2;
}

#personalize_gift .grid-row .grid-unit.col-3-old.cell section:nth-child(2) {
  padding: 40px 0;
}

#personalize_gift .grid-row .grid-unit.col-3-old.cell section .error {
  font-size: 1.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #ff3131;
  left: 82px;
  position: relative;
}

#personalize_gift .grid-row .grid-unit.col-3-old.cell section .thanks-module {
  margin: 0 auto;
  text-align: center;
}

#personalize_gift .grid-row .grid-unit.col-3-old.cell section .thanks-module span {
  font-size: 1.8rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
  line-height: 30px;
}

#personalize_gift .grid-row .grid-unit.col-3-old.cell section .thanks-module .blue {
  color: #00aaea;
}

#personalize_gift .grid-row .grid-unit.col-3-old.cell section input {
  width: 280px;
  height: 48px;
  padding: 10px;
  position: relative;
}

#personalize_gift .grid-row .grid-unit.col-3-old.cell section textarea {
  width: 360px;
  height: 120px;
  position: relative;
}

#personalize_gift .grid-row .grid-unit.col-3-old.cell section label {
  display: block;
  padding-left: 83px;
  margin-bottom: 5px;
}

#personalize_gift .grid-row .grid-unit.col-3-old.cell section h1 {
  margin: 60px 0 50px;
  font-size: 3.8rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  text-align: center;
  color: #ff7a00;
}

#personalize_gift .grid-row .grid-unit.col-3-old.cell section h2 {
  font-size: 2.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #666;
}

#personalize_gift .grid-row .grid-unit.col-3-old.cell section h3 {
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #372f2b;
}

#personalize_gift .grid-row .grid-unit.col-3-old.cell section .delivery_method {
  color: #666;
}

#personalize_gift .grid-row .grid-unit.col-3-old.cell section .delivery_method .deliver_to_recipient,
#personalize_gift .grid-row .grid-unit.col-3-old.cell section .delivery_method .deliver_to_me {
  cursor: pointer;
}

#personalize_gift .grid-row .grid-unit.col-3-old.cell section .delivery_method .action {
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin: 30px 0;
  padding-left: 38px;
}

#personalize_gift .grid-row .grid-unit.col-3-old.cell section .delivery_method .action input {
  left: 40px;
}

#personalize_gift .grid-row .grid-unit.col-3-old.cell section .delivery_method .option {
  margin: 20px 0;
}

#personalize_gift .grid-row .grid-unit.col-3-old.cell section .delivery_method .option .checkitem {
  width: 25px;
  height: 25px;
  vertical-align: top;
  display: inline-block;
  background: url('/static/img/gift_membership/radio_btn_empty.png') no-repeat transparent;
  background-size: cover;
}

#personalize_gift .grid-row .grid-unit.col-3-old.cell section .delivery_method .option .checkitem.selected {
  background: url('/static/img/gift_membership/radio_btn_filled.png') no-repeat transparent;
  background-size: cover;
}

#personalize_gift .grid-row .grid-unit.col-3-old.cell section .delivery_method .option .text {
  font-size: 1.6rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  vertical-align: top;
  display: inline-block;
  margin-left: 10px;
  line-height: 25px;
}

#personalize_gift .grid-row .grid-unit.col-3-old.cell section .personalize {
  margin-top: 60px;
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  position: relative;
}

#personalize_gift .grid-row .grid-unit.col-3-old.cell section .personalize .field {
  padding-left: 38px;
  margin-top: 20px;
}

#personalize_gift .grid-row .grid-unit.col-3-old.cell section .personalize .field:nth-child(2) input {
  left: 60px;
}

#personalize_gift .grid-row .grid-unit.col-3-old.cell section .personalize .field:nth-child(3) input {
  left: 40px;
}

#personalize_gift .grid-row .grid-unit.col-3-old.cell section .personalize .field:nth-child(4) textarea {
  left: 15px;
}

#personalize_gift .grid-row .grid-unit.col-3-old.cell section .personalize .field:nth-child(4) span {
  position: relative;
  top: 10px;
}

#personalize_gift .grid-row .grid-unit.col-3-old.cell section .personalize .button.orange {
  top: -52px;
  height: 50px;
  line-height: 50px;
  width: 140px;
  text-align: center;
  left: 72%;
}

#personalize_gift .grid-row .grid-unit.col-3-old.cell section .column {
  vertical-align: top;
  display: inline-block;
}

#personalize_gift .grid-row .grid-unit.col-3-old.cell section .column p {
  margin: 0;
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
  line-height: 22px;
}

#personalize_gift .grid-row .grid-unit.col-3-old.cell section .column:first-child {
  width: 56%;
}

#personalize_gift .grid-row .grid-unit.col-3-old.cell section .column:first-child p {
  width: 85%;
}

#personalize_gift .grid-row .grid-unit.col-3-old.cell section .column:nth-child(2) {
  width: 43%;
}

#personalize_gift .grid-row .grid-unit.col-3-old.cell section .column:nth-child(2) p {
  width: 95%;
}

#personalize_gift .grid-row .grid-unit.col-3-old.cell section .column:nth-child(2) p:nth-child(2) {
  line-height: 26px;
}

#activate_membership .cell.grid-unit {
  padding: 70px 80px;
}

#activate_membership h1 {
  text-align: center;
  color: #ff7a00;
  font-size: 3.8rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin-bottom: 80px;
}

#activate_membership form .column {
  vertical-align: top;
  display: inline-block;
  width: 49%;
  position: relative;
}

#activate_membership form .column .instructions {
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
  max-width: 80%;
  margin-bottom: 30px;
  line-height: 24px;
}

#activate_membership form .column .contacts {
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
  line-height: 24px;
  margin-top: 55px;
}

#activate_membership form .column .title {
  color: #777;
  font-size: 2.2rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
}

#activate_membership form .column input[type=text] {
  margin: 30px 0 45px;
  width: 280px;
  padding: 10px;
  height: 45px;
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#activate_membership form .column input[type=submit] {
  width: 140px;
  height: 50px;
  line-height: 50px;
  font-size: 18px;
}

#activate_membership form .column .error {
  color: #ff3131;
  font-size: 1.2rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  position: absolute;
  left: 120px;
  top: 110px;
  max-width: 280px;
}

#activate_membership form .column:nth-child(2) {
  padding-left: 120px;
}

@media only screen and (min-width: 320px) and (max-width: 1024px) {
  #billing_form {
    margin: 15px 0 0;
  }

  #billing_form .js-hint_target {
    position: absolute;
    left: 50%;
  }

  #billing_form .error {
    left: 0 !important;
    visibility: visible;
    font-size: 10px;
    margin-bottom: 5px;
  }

  #billing_form .error.hidden {
    display: block !important;
    visibility: hidden;
  }

  #billing_form table .text {
    width: 30%;
  }

  #billing_form table .form_field {
    width: 70%;
    margin: 0 !important;
  }

  #billing_form table .form_field input {
    width: 100%;
  }

  #billing_form table .form_field .select_left.select_month_body {
    margin: 0 !important;
  }

  #billing_form table .form_field .select_right {
    width: 13% !important;
  }

  #billing_form table .form_field .select_right.select_month_selector {
    margin-right: 5% !important;
  }

  #billing_form table .form_field .whats_this {
    font-size: 12px;
    top: 14px;
    left: 62%;
  }

  #billing_form table tr:nth-child(8) td input {
    width: 60%;
  }
}

@media only screen and (min-width: 320px) and (max-width: 1024px) {
  #personalize_gift .grid-row .grid-unit.col-3-old.cell {
    border: none !important;
    padding: 0;
  }

  #personalize_gift .grid-row .grid-unit.col-3-old.cell section .thanks-module {
    max-width: 80%;
    margin: 0 auto;
  }

  #personalize_gift .grid-row .grid-unit.col-3-old.cell section .thanks-module span {
    font-size: 13px !important;
    line-height: 15px !important;
  }

  #personalize_gift .grid-row .grid-unit.col-3-old.cell section .thanks-module br {
    display: none;
  }

  #personalize_gift .grid-row .grid-unit.col-3-old.cell section h1 {
    font-size: 26px !important;
    margin: 20px auto !important;
  }

  #personalize_gift .grid-row .grid-unit.col-3-old.cell section h2 {
    font-size: 18px !important;
  }

  #personalize_gift .grid-row .grid-unit.col-3-old.cell section .delivery_method .option {
    margin: 10px 0 !important;
  }

  #personalize_gift .grid-row .grid-unit.col-3-old.cell section .action {
    padding: 0 0 0 10px !important;
    margin: 10px 0 0 0 !important;
    width: 96%;
  }

  #personalize_gift .grid-row .grid-unit.col-3-old.cell section .action span {
    display: inline-block !important;
    margin-left: 28px !important;
  }

  #personalize_gift .grid-row .grid-unit.col-3-old.cell section .action input {
    left: 0 !important;
    width: 72% !important;
    float: right;
  }

  #personalize_gift .grid-row .grid-unit.col-3-old.cell section .deliver_to_recipient .action span {
    line-height: 48px;
  }

  #personalize_gift .grid-row .grid-unit.col-3-old.cell section .deliver_to_recipient .action .error {
    left: 0 !important;
    float: right !important;
    width: 72% !important;
  }

  #personalize_gift .grid-row .grid-unit.col-3-old.cell section .deliver_to_me .action {
    font-size: 14px !important;
  }

  #personalize_gift .grid-row .grid-unit.col-3-old.cell section .personalize {
    margin-top: 20px !important;
    width: 96%;
  }

  #personalize_gift .grid-row .grid-unit.col-3-old.cell section .personalize .field {
    padding-left: 10px !important;
    margin: 10px 0 !important;
  }

  #personalize_gift .grid-row .grid-unit.col-3-old.cell section .personalize .field span {
    display: inline-block;
    margin-right: 53px !important;
    line-height: 48px;
  }

  #personalize_gift .grid-row .grid-unit.col-3-old.cell section .personalize .field input {
    width: 72% !important;
    left: 0 !important;
    float: right;
  }

  #personalize_gift .grid-row .grid-unit.col-3-old.cell section .personalize .field textarea {
    left: 0 !important;
    width: 72% !important;
    float: right;
  }

  #personalize_gift .grid-row .grid-unit.col-3-old.cell section .personalize .field .error {
    left: 0 !important;
    float: right !important;
    width: 72% !important;
  }

  #personalize_gift .grid-row .grid-unit.col-3-old.cell section .personalize .field:nth-child(3) span {
    margin-right: 32px !important;
  }

  #personalize_gift .grid-row .grid-unit.col-3-old.cell section .personalize .field:nth-child(4) span {
    margin-right: 5px !important;
    line-height: 16px !important;
  }

  #personalize_gift .grid-row .grid-unit.col-3-old.cell section .personalize .button.orange {
    top: 0 !important;
    left: 0 !important;
    float: right;
    margin: 10px 0 !important;
  }

  #personalize_gift .grid-row .grid-unit.col-3-old.cell section:first-child {
    padding-bottom: 30px !important;
  }

  #personalize_gift .grid-row .grid-unit.col-3-old.cell section:nth-child(2) {
    padding: 10px 0 50px;
  }

  #personalize_gift .grid-row .grid-unit.col-3-old.cell section:nth-child(2) .column {
    width: 100% !important;
  }

  #personalize_gift .grid-row .grid-unit.col-3-old.cell section:nth-child(2) .column p {
    width: 100% !important;
  }
}

@media only screen and (min-width: 320px) and (max-width: 1024px) {
  #activate_membership .grid-row .grid-unit.col-3-old.cell {
    border: none !important;
    padding: 0;
  }

  #activate_membership .grid-row .grid-unit.col-3-old.cell h1 {
    font-size: 26px !important;
    margin: 20px auto 40px !important;
    max-width: 265px !important;
    font-family: OpenSansLight !important;
  }

  #activate_membership .grid-row .grid-unit.col-3-old.cell form .column {
    width: 100% !important;
    padding-bottom: 20px;
  }

  #activate_membership .grid-row .grid-unit.col-3-old.cell form .column .instructions {
    max-width: 100% !important;
    padding-left: 5%;
    margin-bottom: 20px !important;
  }

  #activate_membership .grid-row .grid-unit.col-3-old.cell form .column .mobile.activation {
    display: block;
    margin: 20px 0 0 0;
    text-align: center;
    padding-left: 5%;
    position: relative;
  }

  #activate_membership .grid-row .grid-unit.col-3-old.cell form .column .mobile.activation .title {
    text-align: left;
    font-size: 18px;
  }

  #activate_membership .grid-row .grid-unit.col-3-old.cell form .column .mobile.activation .error {
    left: 5% !important;
    top: 100px !important;
  }

  #activate_membership .grid-row .grid-unit.col-3-old.cell form .column .mobile.activation input {
    width: 96%  !important;
  }

  #activate_membership .grid-row .grid-unit.col-3-old.cell form .column .mobile.activation input.button.orange {
    width: 50%  !important;
    max-width: 160px;
  }

  #activate_membership .grid-row .grid-unit.col-3-old.cell form .column .contacts {
    margin: 20px 0 !important;
    padding-left: 5%;
  }

  #activate_membership .grid-row .grid-unit.col-3-old.cell form .column:nth-child(2) {
    display: none !important;
  }
}

@media only screen and (max-width: 1024px) and (min-width: 320px) {
  #billing_details_popover {
    width: 100% !important;
    top: 55px !important;
    left: 0 !important;
  }
}

#payment_flow .grid-row,
#gift_membership .grid-row {
  margin-top: 20px;
}

#payment_flow .discount_ribbon,
#gift_membership .discount_ribbon {
  width: 538px;
  height: 45px;
  background: url('/static/img/ribbon-green.png') no-repeat transparent;
  background-size: cover;
  text-align: center;
  line-height: 43px;
  margin: 0 auto 10px;
}

#payment_flow .discount_ribbon span,
#gift_membership .discount_ribbon span {
  font-size: 2.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #fff;
  line-height: normal;
  vertical-align: middle;
  display: inline-block;
}

#payment_flow .discount_ribbon.invisible,
#gift_membership .discount_ribbon.invisible {
  visibility: hidden;
}

#payment_flow .divider,
#gift_membership .divider {
  width: 90%;
  height: 1px;
  margin: 0 auto;
  background: #ededed;
}

#payment_flow h1,
#gift_membership h1 {
  color: #ff7a00;
  font-size: 3.5rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  text-align: center;
  line-height: 42px;
  margin-bottom: 5px;
}

#payment_flow .sub,
#gift_membership .sub {
  font-size: 2.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  text-align: center;
}

#payment_flow .premium-service,
#gift_membership .premium-service {
  text-align: center;
}

#payment_flow .premium-service h3,
#gift_membership .premium-service h3 {
  margin: 0 0 6px;
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #81BA00;
}

#payment_flow .premium-service .premium-promo,
#gift_membership .premium-service .premium-promo {
  font-size: 1.5rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#payment_flow [data-view=TestimonialsView],
#gift_membership [data-view=TestimonialsView] {
  margin-top: 15px;
}

#payment_flow [data-view=TestimonialsView] .header,
#gift_membership [data-view=TestimonialsView] .header {
  display: none;
}

#payment_flow section,
#gift_membership section {
  background: url('/static/img/payflow-bg-pattern.png') no-repeat #fbfbfb;
  background-size: cover;
}

#payment_flow section .top,
#gift_membership section .top {
  position: relative;
  padding: 25px 15px 30px;
}

#payment_flow section .left-rail,
#gift_membership section .left-rail {
  width: 570px;
  float: left;
  min-height: 1475px;
}

#payment_flow section .left-rail [data-view=HappifyWayOfLife],
#gift_membership section .left-rail [data-view=HappifyWayOfLife] {
  padding: 0 0 70px;
}

#payment_flow section .left-rail [data-view=HappifyWayOfLife] .grid-unit.card,
#gift_membership section .left-rail [data-view=HappifyWayOfLife] .grid-unit.card {
  margin: 40px 0 30px 35px;
}

#payment_flow section .left-rail [data-view=HappifyWayOfLife] .grid-unit.card .image,
#gift_membership section .left-rail [data-view=HappifyWayOfLife] .grid-unit.card .image {
  margin-bottom: 45px;
}

#payment_flow section .right-rail,
#gift_membership section .right-rail {
  width: 440px;
  float: left;
  margin-right: 10px;
  min-height: 1475px;
  border: 1px solid #d7d7d2;
  background: #fbfbfb;
}

#payment_flow section .right-rail .billing-info-embedded #billing_info .button.green.inactive,
#gift_membership section .right-rail .billing-info-embedded #billing_info .button.green.inactive {
  opacity: 0.5;
}

#payment_flow section .right-rail .billing-info-embedded #billing_info .showOnflow-8-9,
#gift_membership section .right-rail .billing-info-embedded #billing_info .showOnflow-8-9 {
  display: none;
}

#payment_flow .press-container,
#gift_membership .press-container {
  margin: 0 5px;
  padding-bottom: 14px;
  border-radius: 0px;
  background-clip: padding-box;
}

#payment_flow .press-container .press-item,
#gift_membership .press-container .press-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 20px 0;
  padding: 0 10px;
}

#payment_flow .press-container .press-item .image-container,
#gift_membership .press-container .press-item .image-container {
  display: inline-block;
  vertical-align: top;
  height: 100%;
}

#payment_flow .press-container .press-item .image-container img,
#gift_membership .press-container .press-item .image-container img {
  max-height: 100%;
}

#payment_flow .press-container .press-item .text-container,
#gift_membership .press-container .press-item .text-container {
  color: #372f2b;
  display: inline-block;
  vertical-align: top;
  text-align: left;
  max-width: 58%;
}

#payment_flow .press-container .press-item .text-container span:first-child,
#gift_membership .press-container .press-item .text-container span:first-child {
  font-size: 1.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  line-height: 22px;
}

#payment_flow .press-container .press-item .text-container span:last-child,
#gift_membership .press-container .press-item .text-container span:last-child {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#payment_flow .press-container .press-item:first-child .image-container,
#gift_membership .press-container .press-item:first-child .image-container {
  margin-right: 15px;
}

#payment_flow .press-container .press-item:nth-child(2),
#gift_membership .press-container .press-item:nth-child(2) {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

#payment_flow .press-container .press-item:nth-child(2) .image-container,
#gift_membership .press-container .press-item:nth-child(2) .image-container {
  margin-left: 10px;
}

#payment_flow .press-container .press-item:nth-child(2) .text-container,
#gift_membership .press-container .press-item:nth-child(2) .text-container {
  text-align: right;
}

#payment_flow .press-container .press-item:nth-child(3),
#gift_membership .press-container .press-item:nth-child(3) {
  margin-bottom: 0;
}

#payment_flow .press-container .press-item:nth-child(3) .image-container,
#gift_membership .press-container .press-item:nth-child(3) .image-container {
  margin-right: 15px;
}

#payment_flow .press-container .press-item:nth-child(3) .text-container span:last-child,
#gift_membership .press-container .press-item:nth-child(3) .text-container span:last-child {
  line-height: 26px;
}

#payment_flow .press-container .press-item:nth-child(4),
#gift_membership .press-container .press-item:nth-child(4) {
  margin: 0;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

#payment_flow .press-container .press-item:nth-child(4) .image-container,
#gift_membership .press-container .press-item:nth-child(4) .image-container {
  margin-left: 25px;
}

#payment_flow .press-container .press-item:nth-child(4) .image-container .image:first-child,
#gift_membership .press-container .press-item:nth-child(4) .image-container .image:first-child {
  height: 30px;
  float: right;
}

#payment_flow .press-container .press-item:nth-child(4) .image-container .image:last-child,
#gift_membership .press-container .press-item:nth-child(4) .image-container .image:last-child {
  height: 105px;
}

#payment_flow .press-container .press-item:nth-child(4) .text-container,
#gift_membership .press-container .press-item:nth-child(4) .text-container {
  text-align: right;
  margin-top: 25px;
}

#payment_flow .press-container .press-item:nth-child(4) .text-container span:last-child,
#gift_membership .press-container .press-item:nth-child(4) .text-container span:last-child {
  line-height: 26px;
}

html[lang=es] #payment_flow .discount_ribbon span {
  font-size: 2rem;
}

html[lang=fr] #payment_flow .discount_ribbon span {
  font-size: 1.8rem;
  line-height: 20px;
}

html[lang=de] #payment_flow .discount_ribbon span {
  font-size: 1.8rem;
  line-height: 20px;
}

html[lang=pt] #payment_flow .discount_ribbon span,
html[lang=it] #payment_flow .discount_ribbon span,
html[lang=ja] #payment_flow .discount_ribbon span {
  font-size: 1.8rem;
  line-height: 20px;
}

html[lang=ja] #payment_flow .discount_ribbon span {
  padding: 0 1.8rem;
}

table#happify_features {
  width: 100%;
}

table#happify_features tr td {
  width: 33%;
  border: 1px solid #d7d7d2;
  color: #372f2b;
}

table#happify_features tr td:nth-child(1) {
  text-align: left;
}

table#happify_features tr td:nth-child(2) {
  text-align: center;
  background: #fefefe;
}

table#happify_features tr td:nth-child(3) {
  text-align: center;
  background: #f9ffed;
}

table#happify_features tr td .checkmark {
  background: url('/static/img/checkblue-billing.png') no-repeat transparent;
  background-size: cover;
  margin: 0 auto;
}

table#happify_features tr td .count {
  color: #00aaea;
  font-weight: normal;
}

table#happify_features tr td .count .plus {
  vertical-align: top;
  display: inline-block;
  position: relative;
}

table#happify_features tr td .count .plus:after {
  content: "";
  position: absolute;
  vertical-align: top;
  display: inline-block;
}

table#happify_features tr td .text.invisible {
  visibility: hidden;
}

table#happify_features tr td .text.margin {
  margin-top: 5px;
}

table#happify_features tr:first-child td {
  text-align: center;
}

table#happify_features tr:first-child td:nth-child(1) {
  color: #372f2b;
}

table#happify_features tr:first-child td:nth-child(2) {
  color: #ff7a00;
}

table#happify_features tr:first-child td:nth-child(3) {
  color: #81BA00;
}

table#happify_features.short tr:nth-child(4) td:nth-child(3) {
  padding: 15px 10px 5px;
}

/* ====================================================================
 * name:
 *    - SWEEPSTAKES LANDING PAGE
 *
 * styling encapsulated by/with
 *    - by #sweepstakes-lp
 *
 *  used for/in:
 *    - lp_sweepstakes
 *
 *  child styling:
 *    - lp_sweepstakes_responsive
 *
 * ================================================================== */

#sweepstakes-lp {
  min-height: 720px;
  background: url("/static/landing_page_assets/static/img/sweepstakes/sweepstakes_bg.png") no-repeat;
  background-size: cover;
  background-position: bottom;
  /*------------------------------------*\
    ELEMENTS
  \*------------------------------------*/
  /*------------------------------------*\
    DESCRIPTION BLOCK
  \*------------------------------------*/
  /*------------------------------------*\
    FORM BLOCK
  \*------------------------------------*/
  /*------------------------------------*\
    SUCCESS MSG
  \*------------------------------------*/
}

#sweepstakes-lp .mobile {
  display: none !important;
}

#sweepstakes-lp .desktop {
  display: inline !important;
}

#sweepstakes-lp hr {
  border-top: 1px solid #A1D1F7;
  margin: 40px 0;
}

#sweepstakes-lp hr::before {
  display: none;
}

#sweepstakes-lp .description-container {
  width: 50%;
  float: left !important;
}

#sweepstakes-lp .description-heading {
  font-size: 4.9rem;
  font-family: OpenSansLight;
  font-weight: normal;
  margin: 80px 0 60px;
  color: white;
}

#sweepstakes-lp .description-heading strong {
  font-family: 'OpenSansBold';
}

#sweepstakes-lp .description-text {
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  line-height: 30px;
  color: white;
}

#sweepstakes-lp .description-text strong {
  font-weight: bold;
}

#sweepstakes-lp .description-text a {
  color: white;
  font-weight: bold;
  text-decoration: underline;
}

#sweepstakes-lp .description-prizes .prizes-heading {
  font-size: 2.4rem;
  font-family: OpenSansBold;
  font-weight: normal;
  text-transform: uppercase;
  color: #372f2b;
  line-height: 30px;
  margin-bottom: -15px;
}

#sweepstakes-lp .description-prizes .prizes-list > *,
#sweepstakes-lp .description-prizes .prizes-item > * {
  display: inline-block;
}

#sweepstakes-lp .description-prizes .prizes-item {
  color: #372f2b;
}

#sweepstakes-lp .description-prizes .prizes-item:not(:last-of-type) {
  margin-right: 30px;
}

#sweepstakes-lp .description-prizes .prizes-item .number {
  font-size: 8.8rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#sweepstakes-lp .description-prizes .prizes-item .text {
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  line-height: 24px;
}

#sweepstakes-lp .description-prizes .prizes-item .text strong {
  font-family: 'OpenSansBold';
}

#sweepstakes-lp .form-container {
  float: right !important;
  width: 450px !important;
  background: #00aaea;
  padding: 60px 30px 0 40px;
  min-height: 720px;
}

#sweepstakes-lp .form-fieldset {
  margin: 25px 0;
}

#sweepstakes-lp .form-input {
  line-height: 21px;
  margin-bottom: 15px;
}

#sweepstakes-lp .form-input > * {
  display: inline-block;
  vertical-align: middle;
}

#sweepstakes-lp .form-input label {
  font-size: 1.5rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  width: 40%;
  color: white;
  cursor: default;
}

#sweepstakes-lp .form-input input {
  width: 58%;
  height: 44px;
  padding: 0 10px;
  line-height: 44px;
  border-radius: 3px;
  border: none;
}

#sweepstakes-lp .form-checkbox {
  display: block;
  margin-bottom: 15px;
  overflow: hidden;
}

#sweepstakes-lp .form-checkbox > * {
  float: left;
}

#sweepstakes-lp .form-checkbox span {
  font-size: 1.25rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: white;
  line-height: 21px;
  width: 85%;
}

#sweepstakes-lp .form-checkbox span a {
  color: white;
  text-decoration: underline;
}

#sweepstakes-lp .form-checkbox .checkbox {
  float: left;
  display: block;
  width: 20px;
  height: 20px;
  text-align: left;
  text-indent: -9999px;
  background: url("/static/landing_page_assets/static/img/sweepstakes/checkbox_sprite.png") no-repeat;
  background-position: 0px -20px;
  overflow: hidden;
  margin-right: 10px;
}

#sweepstakes-lp .form-checkbox input {
  display: none;
}

#sweepstakes-lp .form-checkbox input:checked + label {
  background-position: 0 0;
}

#sweepstakes-lp .form-error {
  font-size: 1.25rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  display: block;
  color: red;
  text-align: center;
}

#sweepstakes-lp .form-button {
  font-size: 2rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  -webkit-box-shadow: 0 5px 0 #b35500;
  box-shadow: 0 5px 0 #b35500;
  width: 98%;
  height: 55px;
  line-height: 55px;
  margin: 15px 0 40px;
  text-transform: uppercase;
}

#sweepstakes-lp .form-text {
  font-size: 1.25rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  line-height: 21px;
  color: white;
}

#sweepstakes-lp .form-text:last-of-type {
  margin-top: 50px;
  text-align: right;
}

#sweepstakes-lp .success-msg {
  text-align: center;
  padding-top: 150px;
}

#sweepstakes-lp .success-msg h1 {
  font-size: 5.6rem;
  font-family: OpenSansLight;
  font-weight: normal;
  margin-bottom: 50px;
  color: white;
}

#sweepstakes-lp .success-msg p {
  font-size: 1.6rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  line-height: 30px;
  color: white;
  margin: 0;
}

#sweepstakes-lp .success-msg a {
  text-decoration: underline;
  color: white;
}

/* ====================================================================
 * name:
 *    - RESPONSIVE SWEEPSTAKES LANDING PAGE
 *
 * styling encapsulated by/with
 *    - by by #sweepstakes-lp and screen size
 *
 *  used for/in:
 *    - lp_sweepstakes
 *
 *  child styling:
 *    -
 *
 *  structure:
 *    - 1. TABLET (min-width: 736px) and (max-width: 1024px)
 *    - 2. PHONES (min-width: 320px) and (max-width: 736px)
 *    - 3. SMALL  (min-width: 320px) and (max-width: 480px)
 *    - 4. DEVICE FIX
 *
 * ================================================================== */

#sweepstakes-lp {
  /*============================================================== *\

    1. TABLET
    (min-width: 736px) and (max-width: 1024px)

  /*============================================================== */
  /*============================================================== *\

    2. MOBILE PHONES
    (min-width: 320px) and (max-width: 736px)

  /*============================================================== */
  /*============================================================== *\

    3. SMALL DEVICES LIKE: IPHONE 4, IPHONE 4S etc.
    (min-width: 320px) and (max-width: 480px)

  /*============================================================== */
  /*============================================================== *\

    4. DEVICE FIX

  /*============================================================== */
}

@media only screen and (min-width: 736px) and (max-width: 1024px) {
  #sweepstakes-lp {
    /*------------------------------------*\
      ELEMENTS
    \*------------------------------------*/
    /* ------------------------------------*\
      DESCRIPTION BLOCK
    \* ------------------------------------*/
    /* ------------------------------------*\
      FORM BLOCK
    \* ------------------------------------*/
    /*------------------------------------*\
      SUCCESS MSG
    \*------------------------------------*/
  }

  #sweepstakes-lp br {
    display: none;
  }

  #sweepstakes-lp hr {
    margin: 30px 0;
  }

  #sweepstakes-lp .description-container {
    width: 51% !important;
    padding: 150px 20px 0 20px;
  }

  #sweepstakes-lp .description-heading {
    margin: 50px 0;
    font-size: 40px;
  }

  #sweepstakes-lp .description-prizes .prizes-heading {
    margin-bottom: 10px;
  }

  #sweepstakes-lp .description-prizes .prizes-list {
    overflow: hidden;
  }

  #sweepstakes-lp .description-prizes .prizes-item {
    display: block;
    float: left;
    width: 49%;
    margin: 0 !important;
  }

  #sweepstakes-lp .description-prizes .prizes-item > * {
    display: block;
  }

  #sweepstakes-lp .description-prizes .prizes-item .number {
    float: left;
    margin: 0 10px 10px 0;
  }

  #sweepstakes-lp .description-prizes .prizes-item .text {
    font-size: 14px;
  }

  #sweepstakes-lp .form-container {
    width: 49% !important;
  }

  #sweepstakes-lp .success-msg br {
    display: block;
  }
}

@media only screen and (min-width: 320px) and (max-width: 736px) {
  #sweepstakes-lp {
    /*------------------------------------*\
      ELEMENTS
    \*------------------------------------*/
    background: none;
    /*------------------------------------*\
      DESCRIPTION BLOCK
    \*------------------------------------*/
    /* ------------------------------------*\
      FORM BLOCK
    \* ------------------------------------*/
    /*------------------------------------*\
      SUCCESS MSG
    \*------------------------------------*/
  }

  #sweepstakes-lp .grid-row {
    width: 100%;
  }

  #sweepstakes-lp .desktop {
    display: none !important;
  }

  #sweepstakes-lp .mobile {
    display: inline !important;
  }

  #sweepstakes-lp br {
    display: none;
  }

  #sweepstakes-lp hr {
    margin: 20px 0;
    background: white;
    height: 2px;
  }

  #sweepstakes-lp .description-container {
    width: 100% !important;
    padding: 60px 50px 50px;
    border-bottom: 5px solid white;
    min-height: 720px;
    background: url("/static/landing_page_assets/static/img/sweepstakes/sweepstakes_bg_mobile.png") no-repeat;
    background-size: cover;
    background-position: bottom;
  }

  #sweepstakes-lp .description-text {
    line-height: 25px;
  }

  #sweepstakes-lp .description-heading {
    font-size: 37px;
    text-align: center;
    margin: 40px 0;
  }

  #sweepstakes-lp .description-prizes .prizes-heading {
    margin-bottom: 20px;
  }

  #sweepstakes-lp .description-prizes .prizes-item {
    margin: 0 0 20px 0 !important;
  }

  #sweepstakes-lp .description-prizes .prizes-item > * {
    display: inline;
  }

  #sweepstakes-lp .description-prizes .prizes-item .number {
    font-size: 2rem;
    font-family: OpenSansBold;
    font-weight: normal;
  }

  #sweepstakes-lp .description-prizes .prizes-item .text {
    line-height: 18px;
  }

  #sweepstakes-lp .form-container {
    min-height: 0;
    width: 100% !important;
    padding: 0 40px 20px 40px;
  }

  #sweepstakes-lp .form-checkbox span {
    line-height: 16px;
  }

  #sweepstakes-lp .form-text {
    line-height: 16px;
  }

  #sweepstakes-lp .form-text:last-of-type {
    margin-top: 30px;
  }

  #sweepstakes-lp .form-button {
    margin: 10px 0 20px;
  }

  #sweepstakes-lp .success-msg {
    min-height: 720px;
    background: url("/static/landing_page_assets/static/img/sweepstakes/sweepstakes_bg_mobile.png") no-repeat;
    background-size: cover;
    background-position: bottom;
    padding: 150px 20px 20px;
  }

  #sweepstakes-lp .success-msg h1 {
    font-size: 40px;
  }

  #sweepstakes-lp .success-msg p {
    max-width: 300px;
    margin: 10px auto;
    line-height: 20px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
  #sweepstakes-lp {
    /*------------------------------------*\
      DESCRIPTION BLOCK
    \*------------------------------------*/
    /* ------------------------------------*\
      FORM BLOCK
    \* ------------------------------------*/
    /*------------------------------------*\
      SUCCESS MSG
    \*------------------------------------*/
  }

  #sweepstakes-lp .description-container {
    padding: 60px 20px 100px;
  }

  #sweepstakes-lp .description-text {
    font-size: 14px;
    text-align: justify;
  }

  #sweepstakes-lp .description-heading {
    font-size: 27px;
  }

  #sweepstakes-lp .description-prizes .prizes-heading {
    font-size: 20px;
  }

  #sweepstakes-lp .description-prizes .prizes-item .text {
    font-size: 14px;
  }

  #sweepstakes-lp .form-container {
    padding: 0 10px 20px 10px;
  }

  #sweepstakes-lp .success-msg h1 {
    font-size: 25px;
  }

  #sweepstakes-lp .success-msg p {
    font-size: 13px;
  }
}

/* ====================================================================
 * name:
 *    - LANDING PAGE
 *
 * styling encapsulated by/with:
 *  - by .langing-p
 *
 *  used for/in:
 *    - lp_30 (landing page 32)
 *    - lp_32 (landing page 32)
 *    - lp_33 (landing page 33)
 *    - lp_34 (landing page 34)
 *    - lp_35 (landing page 35)
 *    - lp_36 (landing page 36)
 *    - lp_37 (landing page 37)
 *    - lp_38 (landing page 38)
 *    - lp_39 (landing page 39)
 *    - lp_40 (landing page 40)
 *    - lp_41 (landing page 41)
 *
 *  child styling:
 *    - landing_page_responsive
 *
 * ================================================================== */

.landing-p {
  /*------------------------------------*\
    RESPONSIVE GRID SYSEEM
  \*------------------------------------*/
  /*------------------------------------*\
    ELEMENTS
  \*------------------------------------*/
  /*------------------------------------*\
    HEADER
  \*------------------------------------*/
}

.landing-p .responsive.grid-row {
  width: auto;
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 16px;
  overflow: hidden;
}

.landing-p .responsive.grid-row > .grid-unit {
  margin: 0;
}

.landing-p .responsive.grid-row > .grid-unit.col-1-old {
  width: 33.33333333%;
}

.landing-p .responsive.grid-row > .grid-unit.col-2-old {
  width: 66.66666667%;
}

.landing-p .responsive.grid-row > .grid-unit.col-3-old {
  width: 100%;
}

.landing-p .responsive.grid-row > .grid-unit.col {
  width: 50%;
}

.landing-p .responsive.grid-row .responsive.grid-row {
  padding: 0;
}

.landing-p .section {
  display: block;
  position: relative;
}

.landing-p .section.savor {
  border-top: 8px solid #c5168a;
}

.landing-p .section.thank {
  border-top: 8px solid #ff7a00;
}

.landing-p .section.aspire {
  border-top: 8px solid #00aaea;
}

.landing-p .section.give {
  border-top: 8px solid #06b709;
}

.landing-p .section.empathize {
  border-top: 8px solid #ff3131;
}

.landing-p .section.gray {
  border-top: 4px solid #d7d7d2;
}

.landing-p .section.gray .btn-arrow-down {
  top: -34px;
}

.landing-p .section.savor .btn-arrow-down {
  background: url("/static/img/public_site/arrow-down-pink.png") no-repeat;
}

.landing-p .section.thank .btn-arrow-down {
  background: url("/static/img/public_site/arrow-down-orange.png") no-repeat;
}

.landing-p .section.aspire .btn-arrow-down {
  background: url("/static/img/public_site/arrow-down-blue.png") no-repeat;
}

.landing-p .section.give .btn-arrow-down {
  background: url("/static/img/public_site/arrow-down-green.png") no-repeat;
}

.landing-p .section.empathize .btn-arrow-down {
  background: url("/static/img/public_site/arrow-down-red.png") no-repeat;
}

.landing-p .section.gray .btn-arrow-down {
  background: url("/static/img/public_site/arrow-down-gray.png") no-repeat;
}

.landing-p .section .btn-arrow-down {
  -webkit-transition: all 0.07s;
  transition: all 0.07s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  position: absolute;
  top: -38px;
  left: 50%;
  width: 60px;
  height: 30px;
  margin-left: -30px;
  cursor: pointer;
  outline: none;
}

.landing-p .section .btn-arrow-down:hover {
  top: -30px;
  height: 27px;
}

.landing-p .section.savor .arrow-down {
  background: url("/static/img/public_site/arrow-down-pink.png") no-repeat;
}

.landing-p .section.thank .arrow-down {
  background: url("/static/img/public_site/arrow-down-orange.png") no-repeat;
}

.landing-p .section.aspire .arrow-down {
  background: url("/static/img/public_site/arrow-down-blue.png") no-repeat;
}

.landing-p .section.give .arrow-down {
  background: url("/static/img/public_site/arrow-down-green.png") no-repeat;
}

.landing-p .section.empathize .arrow-down {
  background: url("/static/img/public_site/arrow-down-red.png") no-repeat;
}

.landing-p .section.gray .arrow-down {
  background: url("/static/img/public_site/arrow-down-gray.png") no-repeat;
}

.landing-p .section .arrow-down-wrapper {
  -webkit-transition: all 0.07s;
  transition: all 0.07s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  position: absolute;
  top: -38px;
  left: 50%;
  width: 60px;
  height: 30px;
  margin-left: -30px;
  cursor: pointer;
  outline: none;
}

.landing-p .section .arrow-down-wrapper .arrow-down {
  position: absolute;
  display: block;
  width: 60px;
  height: 30px;
}

.landing-p .section .arrow-down-wrapper:hover .arrow-down {
  top: 8px;
}

.landing-p .flyout.open {
  display: none;
}

.landing-p .button {
  outline: none;
}

.landing-p .mobile {
  display: none !important;
}

.landing-p .desktop {
  display: block !important;
}

.landing-p iframe[name='google_conversion_frame'] {
  display: none;
}

.landing-p header.banner {
  position: relative;
  height: 88px;
  line-height: 88px;
  background: #fff;
}

.landing-p header.banner .header-lpX__logo {
  float: left;
  padding: 1px;
  display: block;
  height: auto;
  width: auto;
  margin-top: 21px;
  -o-object-fit: contain;
  object-fit: contain;
  max-width: 410px;
}

.landing-p header.banner .header-lpX__logo--free-of-size {
  float: unset;
  -o-object-fit: contain;
  object-fit: contain;
  max-height: 82px;
  max-width: 100%;
  height: auto;
  width: auto;
  margin-top: 0;
}

.landing-p header.banner .header-lpX__logo--custom {
  margin-top: 7px;
  height: 70px;
  text-align: left;
}

.landing-p header.banner .user {
  float: right;
}

.landing-p header.banner .user > * {
  font-size: 1.3rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  display: inline-block;
  outline: none;
  text-decoration: none;
  text-transform: uppercase;
}

.landing-p header.banner .user .button {
  margin-right: 20px;
  text-transform: uppercase;
}

.landing-p header.banner .user .label {
  color: #777;
  text-transform: uppercase;
}

.landing-p footer {
  padding: 40px 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  position: relative;
}

.landing-p footer .grid-row {
  text-align: center;
  max-width: 1180px;
  width: auto;
  padding: 0 16px;
  margin: 0 auto;
}

.landing-p footer .grid-row.disclaimer-row {
  max-width: none;
}

.landing-p footer .grid-row.disclaimer-row a {
  white-space: nowrap;
}

.landing-p footer ul:not(.listbox) {
  margin: 0 !important;
}

.landing-p footer ul:not(.listbox),
.landing-p footer ul:not(.listbox) > li {
  display: inline-block;
}

.landing-p footer .disclaimer {
  width: auto !important;
}

/* ====================================================================
 * name:
 *    - RESPONSIVE LANDING PAGE
 *
 * styling encapsulated by/with:
 *    - by .landing-p and media query
 *
 *  used for/in:
 *    - landing page
 *
 *  child styling:
 *    -
 *
 *  structure:
 *    - 1. TABLET (min-width: 736px) and (max-width: 1024px)
 *    - 2. PHONES (min-width: 320px) and (max-width: 736px)
 *    - 3. SMALL  (min-width: 320px) and (max-width: 480px)
 *
 * ================================================================== */

.landing-p {
  /*============================================================== *\

    1. TABLET
    (min-width: 736px) and (max-width: 1024px)

  /*============================================================== */
  /*============================================================== *\

    2. MOBILE PHONES
    (min-width: 320px) and (max-width: 736px)

  /*============================================================== */
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .landing-p br {
    display: none;
  }
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
  .landing-p {
    /*------------------------------------*\
      ELEMENTS
    \*------------------------------------*/
    /*------------------------------------*\
      HEADER
    \*------------------------------------*/
    /*------------------------------------*\
      BURGER BUTTON
    \*------------------------------------*/
    /*------------------------------------*\
      FLYOUT MENU
    \*------------------------------------*/
    /*------------------------------------*\
      FOOTER
    \*------------------------------------*/
  }

  .landing-p .desktop {
    display: none !important;
  }

  .landing-p .mobile {
    display: block !important;
  }

  .landing-p .flyout.open {
    display: block;
    position: fixed;
    top: 60px;
  }

  .landing-p br {
    display: none;
  }

  .landing-p .section .btn-arrow-down {
    top: -24px;
    width: 40px;
    height: 23px;
    margin-left: -20px;
    background-size: 100% 100% !important;
  }

  .landing-p .section .btn-arrow-down:hover {
    top: -22px;
    height: 20px;
  }

  .landing-p header.banner {
    height: 60px;
  }

  .landing-p header.banner > .grid-row {
    background: white;
    max-height: 60px;
    height: 60px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
  }

  .landing-p header.banner .grid-row {
    padding: 0 5px;
  }

  .landing-p header.banner .header-lpX__logo {
    max-height: 60px;
  }

  .landing-p header.banner .header-lpX__logo--custom {
    margin-top: 2px;
    height: 55px;
  }

  .landing-p .burger-button {
    width: 28px;
    height: 18px;
    margin-top: 20px;
    background: url("/static/img/hamburger-menu.png") no-repeat;
    background-size: 100% 100%;
    float: right;
    cursor: pointer;
    border-radius: 0;
  }

  .landing-p .flyout {
    width: 100%;
    top: 60px;
    background: rgba(255, 255, 255, 0.85);
    padding: 20px 0;
  }

  .landing-p .flyout > * {
    display: block;
    max-width: 200px;
    width: 100%;
    height: 40px;
    margin: 10px auto;
    font-size: 18px;
    line-height: 45px;
    font-family: "proxima-nova", sans-serif;
    padding: 0;
    border: 0;
  }

  .landing-p .flyout .button:not(:last-of-type) {
    margin-bottom: 20px;
  }

  .landing-p .flyout .button.gray {
    background: #d7d7d2;
    -webkit-box-shadow: 0 2px 0 #AAAAA7;
    box-shadow: 0 2px 0 #AAAAA7;
  }

  .landing-p footer {
    padding: 20px 0;
  }

  .landing-p footer ul {
    margin-bottom: 10px !important;
  }

  .landing-p footer ul > li {
    font-size: 10px;
    margin: 0 5px;
  }

  .landing-p footer .disclaimer {
    font-size: 9px !important;
  }
}

/* ====================================================================
 * name:
 *    - LANDING PAGE NR 32
 *
 * styling encapsulated by/with
 *    - by landing-p32
 *    - by landing-p42
 *    - by landing-p30
 *
 *  used for/in:
 *    - landing page 32
 *    - landing page 42
 *    - landing page 30
 *
 *  child styling:
 *    - lp_32_repsponsive
 *
 * ================================================================== */

.landing-p32,
.landing-p42,
.landing-p30,
.landing-p31 {
  /*------------------------------------*\
    ELEMENTS
  \*------------------------------------*/
  /*------------------------------------*\
    SECTION START-YOURNEY
  \*------------------------------------*/
  /*------------------------------------*\
    SECTION EXPERTS
  \*------------------------------------*/
  /*------------------------------------ *\
    SECTION SCIENTIFIC
  \*------------------------------------ */
  /*------------------------------------*\
    SECTION FITS-LIFE
  \*------------------------------------*/
  /*------------------------------------*\
    SECTION TESTIMONIALS
  \*------------------------------------*/
  /*------------------------------------*\
    SECTION JOIN-NOW
  \*------------------------------------*/
}

.landing-p32 .section:not(.cover) h1,
.landing-p42 .section:not(.cover) h1,
.landing-p30 .section:not(.cover) h1,
.landing-p31 .section:not(.cover) h1 {
  font-size: 3.1rem;
  font-family: OpenSansBold;
  font-weight: normal;
  margin: 32px 0;
}

.landing-p32 .section:not(.cover) .heading-text,
.landing-p42 .section:not(.cover) .heading-text,
.landing-p30 .section:not(.cover) .heading-text,
.landing-p31 .section:not(.cover) .heading-text {
  font-size: 1.8rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  margin: 28px 0 60px 0;
  line-height: 1.9;
}

.landing-p32 .section .grid-unit,
.landing-p42 .section .grid-unit,
.landing-p30 .section .grid-unit,
.landing-p31 .section .grid-unit {
  text-align: center;
}

.landing-p32 .section .image,
.landing-p42 .section .image,
.landing-p30 .section .image,
.landing-p31 .section .image {
  display: inline-block;
}

.landing-p32 #start-yourney,
.landing-p42 #start-yourney,
.landing-p30 #start-yourney,
.landing-p31 #start-yourney {
  background: linear-gradient(130deg, rgba(255, 255, 255, 0.1) 53%, rgba(0, 0, 0, 0.1) 53%), url('/static/landing_page_assets/static/img/public_site/bg01_start2.png') no-repeat;
  background-size: cover;
  padding: 20px 0 40px;
}

.landing-p32 #start-yourney h1,
.landing-p42 #start-yourney h1,
.landing-p30 #start-yourney h1,
.landing-p31 #start-yourney h1 {
  font-size: 5rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  margin: 70px 0 40px;
  color: #fff;
}

.landing-p32 #start-yourney .heading-text,
.landing-p42 #start-yourney .heading-text,
.landing-p30 #start-yourney .heading-text,
.landing-p31 #start-yourney .heading-text {
  font-size: 2.6rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  margin: 0;
  line-height: 1.7;
  color: #fff;
}

.landing-p32 #start-yourney .button,
.landing-p42 #start-yourney .button,
.landing-p30 #start-yourney .button,
.landing-p31 #start-yourney .button {
  width: 275px;
  height: 70px;
  margin: 90px 0 60px;
  line-height: 70px;
  font-size: 2rem;
  text-transform: uppercase;
}

.landing-p32 #experts,
.landing-p42 #experts,
.landing-p30 #experts,
.landing-p31 #experts {
  background: linear-gradient(130deg, #E5F6FD 53%, #fff 53%) no-repeat, #fff;
  background-position: -610px 0;
  padding: 20px 0 40px;
}

.landing-p32 #experts h1,
.landing-p42 #experts h1,
.landing-p30 #experts h1,
.landing-p31 #experts h1 {
  color: #00aaea;
}

.landing-p32 #experts .heading-text,
.landing-p42 #experts .heading-text,
.landing-p30 #experts .heading-text,
.landing-p31 #experts .heading-text {
  color: #777;
}

.landing-p32 #experts .expert-list,
.landing-p42 #experts .expert-list,
.landing-p30 #experts .expert-list,
.landing-p31 #experts .expert-list {
  margin-bottom: 50px;
  overflow: hidden;
}

.landing-p32 #experts .expert-item,
.landing-p42 #experts .expert-item,
.landing-p30 #experts .expert-item,
.landing-p31 #experts .expert-item {
  float: left;
  width: 20%;
  height: 230px;
  vertical-align: top;
  text-align: center;
}

.landing-p32 #experts .expert-img,
.landing-p42 #experts .expert-img,
.landing-p30 #experts .expert-img,
.landing-p31 #experts .expert-img {
  display: inline-block;
  max-width: 110px;
  min-width: 110px;
  max-height: 110px;
  min-height: 110px;
  margin: 4px 4px 20px;
  cursor: default;
}

.landing-p32 #experts .expert-name,
.landing-p42 #experts .expert-name,
.landing-p30 #experts .expert-name,
.landing-p31 #experts .expert-name {
  font-size: 1.3rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  display: block;
  color: #372f2b;
}

.landing-p32 #experts .expert-position,
.landing-p42 #experts .expert-position,
.landing-p30 #experts .expert-position,
.landing-p31 #experts .expert-position {
  font-size: 1.3rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  display: block;
  color: #00aaea;
}

.landing-p32 #experts .expert-position span,
.landing-p42 #experts .expert-position span,
.landing-p30 #experts .expert-position span,
.landing-p31 #experts .expert-position span {
  font-style: italic;
}

.landing-p32 #scientific,
.landing-p42 #scientific,
.landing-p30 #scientific,
.landing-p31 #scientific {
  background: linear-gradient(130deg, #FFFBF7 53%, #fff 53%) no-repeat, #fff;
  padding: 20px 0 40px;
}

.landing-p32 #scientific.aspire h1,
.landing-p42 #scientific.aspire h1,
.landing-p30 #scientific.aspire h1,
.landing-p31 #scientific.aspire h1 {
  color: #00aaea;
}

.landing-p32 #scientific h1,
.landing-p42 #scientific h1,
.landing-p30 #scientific h1,
.landing-p31 #scientific h1 {
  color: #ff7a00;
}

.landing-p32 #scientific .heading-text,
.landing-p42 #scientific .heading-text,
.landing-p30 #scientific .heading-text,
.landing-p31 #scientific .heading-text {
  color: #777;
}

.landing-p32 #scientific img,
.landing-p42 #scientific img,
.landing-p30 #scientific img,
.landing-p31 #scientific img {
  width: 100%;
}

.landing-p32 #fits-life,
.landing-p42 #fits-life,
.landing-p30 #fits-life,
.landing-p31 #fits-life {
  background: linear-gradient(130deg, #fff 53%, #FDF8FB 53%) no-repeat, #fff;
  background-position: 300px 0;
  padding: 20px 0 40px;
}

.landing-p32 #fits-life h1,
.landing-p42 #fits-life h1,
.landing-p30 #fits-life h1,
.landing-p31 #fits-life h1 {
  color: #c5168a;
}

.landing-p32 #fits-life .heading-text,
.landing-p42 #fits-life .heading-text,
.landing-p30 #fits-life .heading-text,
.landing-p31 #fits-life .heading-text {
  color: #777;
}

.landing-p32 #fits-life img,
.landing-p42 #fits-life img,
.landing-p30 #fits-life img,
.landing-p31 #fits-life img {
  width: 100%;
}

.landing-p32 #testimonials,
.landing-p42 #testimonials,
.landing-p30 #testimonials,
.landing-p31 #testimonials {
  background: linear-gradient(130deg, #effaf0 53%, #fff 53%) no-repeat, #fff;
  background-position: -220px 0;
  padding: 20px 0 40px;
}

.landing-p32 #testimonials .onboarding_header1,
.landing-p42 #testimonials .onboarding_header1,
.landing-p30 #testimonials .onboarding_header1,
.landing-p31 #testimonials .onboarding_header1 {
  font-size: 3.2rem;
  font-family: OpenSansBold;
  font-weight: normal;
  margin: 40px 0 50px 0;
  color: #06b709;
  text-align: center;
}

.landing-p32 #join-now,
.landing-p42 #join-now,
.landing-p30 #join-now,
.landing-p31 #join-now {
  background: #ff7a00;
  text-align: center;
}

.landing-p32 #join-now,
.landing-p42 #join-now,
.landing-p30 #join-now,
.landing-p31 #join-now,
.landing-p32 #join-now div,
.landing-p42 #join-now div,
.landing-p30 #join-now div,
.landing-p31 #join-now div {
  height: 150px;
  line-height: 150px;
}

.landing-p32 #join-now h1,
.landing-p42 #join-now h1,
.landing-p30 #join-now h1,
.landing-p31 #join-now h1 {
  font-size: 3.7rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  margin: 0;
  color: #fff;
}

.landing-p32 #join-now .button,
.landing-p42 #join-now .button,
.landing-p30 #join-now .button,
.landing-p31 #join-now .button {
  width: 275px;
  height: 70px;
  line-height: 70px;
  font-size: 2rem;
  color: #ff7a00 !important;
  background: #fff;
  -webkit-box-shadow: 0 3px 0 #b35500;
  box-shadow: 0 3px 0 #b35500;
}

html[lang=fr] .landing-p32 #start-yourney .button,
html[lang=pt] .landing-p32 #start-yourney .button,
html[lang=fr] .landing-p42 #start-yourney .button,
html[lang=pt] .landing-p42 #start-yourney .button,
html[lang=fr] .landing-p30 #start-yourney .button,
html[lang=pt] .landing-p30 #start-yourney .button {
  width: 315px;
}

html[lang=fr] .landing-p32 #join-now .button,
html[lang=pt] .landing-p32 #join-now .button,
html[lang=fr] .landing-p42 #join-now .button,
html[lang=pt] .landing-p42 #join-now .button,
html[lang=fr] .landing-p30 #join-now .button,
html[lang=pt] .landing-p30 #join-now .button,
html[lang=fr] .landing-p33 #join-now .button,
html[lang=pt] .landing-p33 #join-now .button {
  width: 315px;
}

html[lang=ja] .landing-p32 #start-yourney .button,
html[lang=ja] .landing-p42 #start-yourney .button,
html[lang=ja] .landing-p30 #start-yourney .button {
  width: 315px;
}

/*------------------------------------*\
  WCAG
\*------------------------------------*/

html[data-wcag-enabled=true] .landing-p32 .section h1,
html[data-wcag-enabled=true] .landing-p42 .section h1,
html[data-wcag-enabled=true] .landing-p30 .section h1,
html[data-wcag-enabled=true] .landing-p31 .section h1 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] .landing-p32 #join-now h1,
html[data-wcag-enabled=true] .landing-p42 #join-now h1,
html[data-wcag-enabled=true] .landing-p30 #join-now h1,
html[data-wcag-enabled=true] .landing-p31 #join-now h1 {
  color: #000000 !important;
}

html[data-wcag-enabled=true] .landing-p32 #join-now .button,
html[data-wcag-enabled=true] .landing-p42 #join-now .button,
html[data-wcag-enabled=true] .landing-p30 #join-now .button,
html[data-wcag-enabled=true] .landing-p31 #join-now .button {
  color: #000000 !important;
}

/* ====================================================================
 * name:
 *    - RESPONSIVE LANDING PAGE NR 32
 *
 * styling encapsulated by/with
 *    - by .landing-p32 and screen size
 *    - by .landing-p42 and screen size
 *    - by .landing-p30 and screen size
 *
 *  used for/in:
 *    - landing page 32
 *    - landing page 42
 *
 *  child styling:
 *    -
 *
 *  structure:
 *    - 1. TABLET (min-width: 736px) and (max-width: 1024px)
 *    - 2. PHONES (min-width: 320px) and (max-width: 736px)
 *    - 3. SMALL  (min-width: 320px) and (max-width: 480px)
 *    - 4. DEVICE FIX
 *
 * ================================================================== */

.landing-p32,
.landing-p42,
.landing-p30,
.landing-p31 {
  /*============================================================== *\

    1. TABLET
    (min-width: 736px) and (max-width: 1024px)

  /*============================================================== */
  /*============================================================== *\

    2. MOBILE PHONES
    (min-width: 320px) and (max-width: 736px)

  /*============================================================== */
  /*============================================================== *\

    3. SMALL DEVICES LIKE: IPHONE 4, IPHONE 4S etc.
    (min-width: 320px) and (max-width: 480px)

  /*============================================================== */
  /*============================================================== *\

    4. DEVICE FIX

  /*============================================================== */
}

@media only screen and (min-width: 736px) and (max-width: 1024px) {
  .landing-p32,
  .landing-p42,
  .landing-p30,
  .landing-p31 {
    /*------------------------------------*\
      SECTION START-YOURNEY
    \*------------------------------------*/
    /*------------------------------------*\
      SECTION EXPERTS
    \*------------------------------------*/
    /*------------------------------------ *\
      SECTION SCIENTIFIC AND SECTION FITS-LIFE
    \*------------------------------------ */
    /*------------------------------------*\
      SECTION TESTIMONIALS
    \*------------------------------------*/
    /*------------------------------------*\
      SECTION JOIN-NOW
    \*------------------------------------*/
  }

  .landing-p32 #start-yourney,
  .landing-p42 #start-yourney,
  .landing-p30 #start-yourney,
  .landing-p31 #start-yourney {
    min-height: 0;
  }

  .landing-p32 #start-yourney h1,
  .landing-p42 #start-yourney h1,
  .landing-p30 #start-yourney h1,
  .landing-p31 #start-yourney h1 {
    font-size: 34px;
  }

  .landing-p32 #start-yourney .heading-text,
  .landing-p42 #start-yourney .heading-text,
  .landing-p30 #start-yourney .heading-text,
  .landing-p31 #start-yourney .heading-text {
    margin: 0 auto;
    font-size: 22px;
    max-width: 630px;
  }

  .landing-p32 #start-yourney .button,
  .landing-p42 #start-yourney .button,
  .landing-p30 #start-yourney .button,
  .landing-p31 #start-yourney .button {
    width: 235px;
    height: 55px;
    line-height: 55px;
    font-size: 17px;
  }

  .landing-p32 #start-yourney .video,
  .landing-p42 #start-yourney .video,
  .landing-p30 #start-yourney .video,
  .landing-p31 #start-yourney .video {
    margin: 50px 0;
  }

  .landing-p32 #start-yourney .video p,
  .landing-p42 #start-yourney .video p,
  .landing-p30 #start-yourney .video p,
  .landing-p31 #start-yourney .video p {
    font-size: 20px;
  }

  .landing-p32 #start-yourney .image,
  .landing-p42 #start-yourney .image,
  .landing-p30 #start-yourney .image,
  .landing-p31 #start-yourney .image {
    width: 100%;
    margin-bottom: 80px;
  }

  .landing-p32 #experts,
  .landing-p42 #experts,
  .landing-p30 #experts,
  .landing-p31 #experts {
    background-position: -380px -50px;
    background-size: 100% 450px;
  }

  .landing-p32 #experts .expert-item,
  .landing-p42 #experts .expert-item,
  .landing-p30 #experts .expert-item,
  .landing-p31 #experts .expert-item {
    height: 250px;
  }

  .landing-p32 #scientific,
  .landing-p42 #scientific,
  .landing-p30 #scientific,
  .landing-p31 #scientific,
  .landing-p32 #fits-life,
  .landing-p42 #fits-life,
  .landing-p30 #fits-life,
  .landing-p31 #fits-life {
    min-height: 0 !important;
  }

  .landing-p32 #scientific .image,
  .landing-p42 #scientific .image,
  .landing-p30 #scientific .image,
  .landing-p31 #scientific .image,
  .landing-p32 #fits-life .image,
  .landing-p42 #fits-life .image,
  .landing-p30 #fits-life .image,
  .landing-p31 #fits-life .image {
    margin-bottom: 80px;
  }

  .landing-p32 #fits-life,
  .landing-p42 #fits-life,
  .landing-p30 #fits-life,
  .landing-p31 #fits-life {
    background-size: 100% 600px;
    background-position: 270px bottom;
  }

  .landing-p32 #testimonials,
  .landing-p42 #testimonials,
  .landing-p30 #testimonials,
  .landing-p31 #testimonials {
    background-size: 100% 600px;
    background-position: -235px top;
  }

  .landing-p32 #join-now h1,
  .landing-p42 #join-now h1,
  .landing-p30 #join-now h1,
  .landing-p31 #join-now h1 {
    font-size: 30px;
  }

  .landing-p32 #join-now .button,
  .landing-p42 #join-now .button,
  .landing-p30 #join-now .button,
  .landing-p31 #join-now .button {
    width: 235px;
    height: 55px;
    line-height: 55px;
    font-size: 17px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 736px) {
  .landing-p32,
  .landing-p42,
  .landing-p30,
  .landing-p31 {
    /*------------------------------------*\
      ELEMENTS
    \*------------------------------------*/
    /*------------------------------------*\
      SECTION START-YOURNEY
    \*------------------------------------*/
    /*------------------------------------*\
      SECTION EXPERTS
    \*------------------------------------*/
    /*------------------------------------ *\
      SECTION SCIENTIFIC
    \*------------------------------------ */
    /*------------------------------------*\
      SECTION FITS-LIFE
    \*------------------------------------*/
    /*------------------------------------*\
      SECTION TESTIMONIALS
    \*------------------------------------*/
    /*------------------------------------*\
      SECTION JOIN-NOW
    \*------------------------------------*/
  }

  .landing-p32 .section:not(.cover),
  .landing-p42 .section:not(.cover),
  .landing-p30 .section:not(.cover),
  .landing-p31 .section:not(.cover) {
    min-height: 0 !important;
  }

  .landing-p32 .section:not(.cover) h1,
  .landing-p42 .section:not(.cover) h1,
  .landing-p30 .section:not(.cover) h1,
  .landing-p31 .section:not(.cover) h1 {
    font-size: 1.9rem;
    font-family: OpenSansSemiBold;
    font-weight: normal;
    margin: 30px 0 15px;
    line-height: normal;
  }

  .landing-p32 .section:not(.cover) .heading-text,
  .landing-p42 .section:not(.cover) .heading-text,
  .landing-p30 .section:not(.cover) .heading-text,
  .landing-p31 .section:not(.cover) .heading-text {
    font-size: 1.7rem;
    font-family: OpenSansRegular;
    font-weight: normal;
    line-height: 1.4;
    margin: 0 0 30px 0;
  }

  .landing-p32 .section#testimonials .onboarding_header1,
  .landing-p42 .section#testimonials .onboarding_header1,
  .landing-p30 .section#testimonials .onboarding_header1,
  .landing-p31 .section#testimonials .onboarding_header1 {
    font-size: 1.9rem;
    font-family: OpenSansSemiBold;
    font-weight: normal;
    margin: 30px 0 15px;
    line-height: normal;
  }

  .landing-p32 #start-yourney,
  .landing-p42 #start-yourney,
  .landing-p30 #start-yourney,
  .landing-p31 #start-yourney {
    min-height: 560px;
  }

  .landing-p32 #start-yourney h1,
  .landing-p42 #start-yourney h1,
  .landing-p30 #start-yourney h1,
  .landing-p31 #start-yourney h1 {
    max-width: 400px;
    margin: 40px auto;
    font-size: 37px;
  }

  .landing-p32 #start-yourney .heading-text,
  .landing-p42 #start-yourney .heading-text,
  .landing-p30 #start-yourney .heading-text,
  .landing-p31 #start-yourney .heading-text {
    font-size: 2.1rem;
    font-family: OpenSansRegular;
    font-weight: normal;
    max-width: 575px;
    margin: 0 auto;
    line-height: normal;
  }

  .landing-p32 #start-yourney .button,
  .landing-p42 #start-yourney .button,
  .landing-p30 #start-yourney .button,
  .landing-p31 #start-yourney .button {
    width: 235px;
    height: 55px;
    line-height: 55px;
    font-size: 17px;
  }

  .landing-p32 #start-yourney .video,
  .landing-p42 #start-yourney .video,
  .landing-p30 #start-yourney .video,
  .landing-p31 #start-yourney .video {
    margin: 40px 0;
  }

  .landing-p32 #start-yourney .video p,
  .landing-p42 #start-yourney .video p,
  .landing-p30 #start-yourney .video p,
  .landing-p31 #start-yourney .video p {
    font-size: 17px;
  }

  .landing-p32 #start-yourney .image,
  .landing-p42 #start-yourney .image,
  .landing-p30 #start-yourney .image,
  .landing-p31 #start-yourney .image {
    width: 100%;
    margin-bottom: 50px;
  }

  .landing-p32 #experts,
  .landing-p42 #experts,
  .landing-p30 #experts,
  .landing-p31 #experts {
    background-size: 100% 300px;
    background-position: -358px 0;
  }

  .landing-p32 #experts .expert-item,
  .landing-p42 #experts .expert-item,
  .landing-p30 #experts .expert-item,
  .landing-p31 #experts .expert-item {
    width: 33.33%;
  }

  .landing-p32 #experts .expert-item:last-of-type,
  .landing-p42 #experts .expert-item:last-of-type,
  .landing-p30 #experts .expert-item:last-of-type,
  .landing-p31 #experts .expert-item:last-of-type {
    display: none;
  }

  .landing-p32 #experts .expert-img,
  .landing-p42 #experts .expert-img,
  .landing-p30 #experts .expert-img,
  .landing-p31 #experts .expert-img {
    min-width: 0;
    min-height: 0;
    margin-bottom: 10px;
  }

  .landing-p32 #scientific img,
  .landing-p42 #scientific img,
  .landing-p30 #scientific img,
  .landing-p31 #scientific img {
    width: auto;
    max-height: 210px;
    margin: 0 auto 40px;
  }

  .landing-p32 #fits-life,
  .landing-p42 #fits-life,
  .landing-p30 #fits-life,
  .landing-p31 #fits-life {
    background-size: 100% 400px;
    background-position: 170px bottom;
  }

  .landing-p32 #fits-life img,
  .landing-p42 #fits-life img,
  .landing-p30 #fits-life img,
  .landing-p31 #fits-life img {
    width: auto;
    max-height: 210px;
    margin: 0 auto 40px;
  }

  .landing-p32 #testimonials,
  .landing-p42 #testimonials,
  .landing-p30 #testimonials,
  .landing-p31 #testimonials {
    background-size: 100% 500px;
    background-position: -210px top;
  }

  .landing-p32 #testimonials h1,
  .landing-p42 #testimonials h1,
  .landing-p30 #testimonials h1,
  .landing-p31 #testimonials h1 {
    font-size: 2rem;
    font-family: OpenSansSemiBold;
    font-weight: normal;
    margin: 30px 0 20px;
    line-height: normal;
  }

  .landing-p32 #join-now,
  .landing-p42 #join-now,
  .landing-p30 #join-now,
  .landing-p31 #join-now {
    padding: 20px 0 25px;
  }

  .landing-p32 #join-now,
  .landing-p42 #join-now,
  .landing-p30 #join-now,
  .landing-p31 #join-now,
  .landing-p32 #join-now div,
  .landing-p42 #join-now div,
  .landing-p30 #join-now div,
  .landing-p31 #join-now div,
  .landing-p32 #join-now h1,
  .landing-p42 #join-now h1,
  .landing-p30 #join-now h1,
  .landing-p31 #join-now h1 {
    height: auto;
    line-height: normal;
  }

  .landing-p32 #join-now h1,
  .landing-p42 #join-now h1,
  .landing-p30 #join-now h1,
  .landing-p31 #join-now h1 {
    font-size: 27px;
  }

  .landing-p32 #join-now .col-1-old,
  .landing-p42 #join-now .col-1-old,
  .landing-p30 #join-now .col-1-old,
  .landing-p31 #join-now .col-1-old,
  .landing-p32 #join-now .col-2-old,
  .landing-p42 #join-now .col-2-old,
  .landing-p30 #join-now .col-2-old,
  .landing-p31 #join-now .col-2-old {
    width: 100%;
  }

  .landing-p32 #join-now .button,
  .landing-p42 #join-now .button,
  .landing-p30 #join-now .button,
  .landing-p31 #join-now .button {
    width: 197px;
    height: 46px;
    margin-top: 20px;
    line-height: 46px;
    font-size: 15px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
  .landing-p32,
  .landing-p42,
  .landing-p30,
  .landing-p31 {
    /*------------------------------------*\
      SECTION START-YOURNEY
    \*------------------------------------*/
    /*------------------------------------*\
      SECTION EXPERTS
    \*------------------------------------*/
    /*------------------------------------*\
      SECTION FITS-LIFE
    \*------------------------------------*/
    /*------------------------------------*\
      SECTION TESTIMONIALS
    \*------------------------------------*/
    /*------------------------------------*\
       SECTION JOIN-NOW
    \*------------------------------------*/
  }

  .landing-p32 #start-yourney,
  .landing-p42 #start-yourney,
  .landing-p30 #start-yourney,
  .landing-p31 #start-yourney {
    background: linear-gradient(129deg, rgba(255, 255, 255, 0.1) 53%, rgba(0, 0, 0, 0.1) 53%), url('/static/landing_page_assets/static/img/public_site/bg01_start2.png') no-repeat;
    background-size: cover;
    min-height: 385px;
  }

  .landing-p32 #start-yourney h1,
  .landing-p42 #start-yourney h1,
  .landing-p30 #start-yourney h1,
  .landing-p31 #start-yourney h1 {
    max-width: 320px;
    margin: 20px auto;
    font-size: 26px;
  }

  .landing-p32 #start-yourney .heading-text,
  .landing-p42 #start-yourney .heading-text,
  .landing-p30 #start-yourney .heading-text,
  .landing-p31 #start-yourney .heading-text {
    font-size: 16px;
  }

  .landing-p32 #start-yourney .video,
  .landing-p42 #start-yourney .video,
  .landing-p30 #start-yourney .video,
  .landing-p31 #start-yourney .video {
    margin: 20px 0;
  }

  .landing-p32 #start-yourney .video img,
  .landing-p42 #start-yourney .video img,
  .landing-p30 #start-yourney .video img,
  .landing-p31 #start-yourney .video img {
    max-height: 30px;
    margin-right: 10px;
  }

  .landing-p32 #start-yourney .video p,
  .landing-p42 #start-yourney .video p,
  .landing-p30 #start-yourney .video p,
  .landing-p31 #start-yourney .video p {
    font-size: 12px;
  }

  .landing-p32 #start-yourney .button,
  .landing-p42 #start-yourney .button,
  .landing-p30 #start-yourney .button,
  .landing-p31 #start-yourney .button {
    margin: 40px auto;
    width: 170px;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
  }

  .landing-p32 #experts,
  .landing-p42 #experts,
  .landing-p30 #experts,
  .landing-p31 #experts {
    background-size: 100% 100px;
    background-position: -195px 0;
  }

  .landing-p32 #experts .expert-item,
  .landing-p42 #experts .expert-item,
  .landing-p30 #experts .expert-item,
  .landing-p31 #experts .expert-item {
    height: 210px;
  }

  .landing-p32 #experts .expert-name,
  .landing-p42 #experts .expert-name,
  .landing-p30 #experts .expert-name,
  .landing-p31 #experts .expert-name {
    font-size: 13px;
  }

  .landing-p32 #experts .expert-position,
  .landing-p42 #experts .expert-position,
  .landing-p30 #experts .expert-position,
  .landing-p31 #experts .expert-position {
    font-size: 11px;
  }

  .landing-p32 #experts .expert-img,
  .landing-p42 #experts .expert-img,
  .landing-p30 #experts .expert-img,
  .landing-p31 #experts .expert-img {
    max-width: 80px;
    max-height: 80px;
    margin-bottom: 10px;
  }

  .landing-p32 #fits-life,
  .landing-p42 #fits-life,
  .landing-p30 #fits-life,
  .landing-p31 #fits-life {
    background-size: 100% 300px;
    background-position: 130px bottom;
  }

  .landing-p32 #testimonials,
  .landing-p42 #testimonials,
  .landing-p30 #testimonials,
  .landing-p31 #testimonials {
    background-size: 100% 300px;
    background-position: -130px top;
  }

  .landing-p32 #join-now h1,
  .landing-p42 #join-now h1,
  .landing-p30 #join-now h1,
  .landing-p31 #join-now h1 {
    font-size: 22px;
  }
}

/* ====================================================================
 * name:
 *    - LANDING PAGE NR 33
 *
 * styling encapsulated by/with
 *    - by landing-p33
 *
 *  used for/in:
 *    - landing page
 *
 *  child styling:
 *    - lp_33_repsponsive
 *
 * ================================================================== */

.landing-p33 {
  /*------------------------------------*\
    ELEMENTS
  \*------------------------------------*/
  /*------------------------------------*\
    SECTION START-YOURNEY
  \*------------------------------------*/
  /*------------------------------------*\
    SECTION TRACKS
  \*------------------------------------*/
  /*------------------------------------*\
    SECTION EXPERTS
  \*------------------------------------*/
  /*------------------------------------*\
    SECTION TESTIMONIALS
  \*------------------------------------*/
  /*------------------------------------*\
    SECTION JOIN-NOW
  \*------------------------------------*/
}

.landing-p33 .section:not(.cover) h1 {
  font-size: 3.5rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  line-height: 35px;
  margin: 40px 0 50px 0 !important;
  color: #372f2b;
  text-align: center;
}

.landing-p33 .section:not(.cover) .heading-text {
  font-size: 2.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin: 28px 0 60px 0;
  line-height: 30px;
  text-align: center;
}

.landing-p33 .section .image {
  display: inline-block;
}

.landing-p33 .section .image img {
  width: 100%;
}

.landing-p33 #start-yourney {
  background: #fff;
}

.landing-p33 #start-yourney h1 {
  font-size: 5.9rem;
  font-family: OpenSansLight;
  font-weight: normal;
  margin: 70px 0;
  color: #372f2b;
  text-align: center;
}

.landing-p33 #start-yourney h2 {
  font-size: 3.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  display: inline-block;
  margin-bottom: 20px;
  line-height: 40px;
}

.landing-p33 #start-yourney .info-list {
  display: inline-block;
  list-style: disc;
}

.landing-p33 #start-yourney .info-item {
  font-size: 2.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  line-height: 38px;
  margin-left: 25px;
}

.landing-p33 #start-yourney .button {
  width: 275px;
  height: 70px;
  margin: 60px 0 2px;
  text-align: center;
  line-height: 70px;
  font-size: 2rem;
}

.landing-p33 #start-yourney .press {
  margin: 70px 0 60px;
  text-align: center;
}

.landing-p33 #tracks {
  background: #F9F9F9;
}

.landing-p33 #tracks .track-list {
  overflow: hidden;
  padding: 0 37px;
}

.landing-p33 #tracks .track-item {
  text-align: center;
  padding: 10px;
  margin-bottom: 7%;
}

.landing-p33 #tracks .track-item img {
  cursor: pointer;
}

.landing-p33 #tracks .button {
  display: block;
  width: 336px;
  height: 62px;
  margin: 0 auto 90px;
  line-height: 62px;
  font-size: 2rem;
  text-align: center;
  text-transform: capitalize;
}

.landing-p33 #experts {
  background: #fff;
  padding: 20px 0 40px;
}

.landing-p33 #experts .expert-list {
  margin-top: 50px;
  overflow: hidden;
}

.landing-p33 #experts .expert-item {
  float: left;
  width: 20%;
  height: 230px;
  vertical-align: top;
  text-align: center;
}

.landing-p33 #experts .expert-img {
  display: inline-block;
  max-width: 110px;
  min-width: 110px;
  max-height: 110px;
  min-height: 110px;
  margin-bottom: 20px;
}

.landing-p33 #experts .expert-name {
  font-size: 1.4rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  display: block;
  color: #372f2b;
}

.landing-p33 #experts .expert-position {
  font-size: 1.4rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  display: block;
  color: #00aaea;
}

.landing-p33 #experts .expert-position span {
  font-style: italic;
}

.landing-p33 #testimonials {
  background: #F9F9F9;
  padding: 20px 0 40px;
}

.landing-p33 #join-now {
  background: #ff7a00;
  text-align: center;
}

.landing-p33 #join-now,
.landing-p33 #join-now div {
  height: 150px;
  line-height: 150px;
}

.landing-p33 #join-now h1 {
  font-size: 3.7rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  margin: 0;
  color: #fff;
}

.landing-p33 #join-now .button {
  width: 275px;
  height: 70px;
  line-height: 70px;
  font-size: 2rem;
  color: #ff7a00;
  background: #fff;
  -webkit-box-shadow: 0 3px 0 #b35500;
  box-shadow: 0 3px 0 #b35500;
}

/* ====================================================================
 * name:
 *    - RESPONSIVE LANDING PAGE NR 33
 *
 * styling encapsulated by/with
 *    - by .landing-p33 and screen size
 *
 *  used for/in:
 *    - landing page
 *
 *  child styling:
 *    -
 *
 *  structure:
 *    - 1. TABLET (min-width: 736px) and (max-width: 1024px)
 *    - 2. PHONES (min-width: 320px) and (max-width: 736px)
 *    - 3. SMALL  (min-width: 320px) and (max-width: 480px)
 *    - 4. DEVICE FIX
 *
 * ================================================================== */

.landing-p33 {
  /*============================================================== *\

    1. TABLET
    (min-width: 736px) and (max-width: 1024px)

  /*============================================================== */
  /*============================================================== *\

    2. MOBILE PHONES
    (min-width: 320px) and (max-width: 736px)

  /*============================================================== */
  /*============================================================== *\

    3. SMALL DEVICES LIKE: IPHONE 4, IPHONE 4S etc.
    (min-width: 320px) and (max-width: 480px)

  /*============================================================== */
  /*============================================================== *\

    4. DEVICE FIX

  /*============================================================== */
}

@media only screen and (min-width: 736px) and (max-width: 1024px) {
  .landing-p33 {
    /*------------------------------------*\
      SECTION START-YOURNEY
    \*------------------------------------*/
    /*------------------------------------*\
      SECTION TRACKS
    \*------------------------------------*/
    /*------------------------------------*\
      SECTION EXPERTS
    \*------------------------------------*/
    /*------------------------------------*\
      SECTION JOIN-NOW
    \*------------------------------------*/
  }

  .landing-p33 #start-yourney br {
    display: inline;
  }

  .landing-p33 #start-yourney h1 {
    font-size: 40px;
    margin: 40px 0;
  }

  .landing-p33 #start-yourney h2 {
    font-size: 25px;
  }

  .landing-p33 #start-yourney .col:nth-of-type(1) {
    width: 46%;
  }

  .landing-p33 #start-yourney .col:nth-of-type(2) {
    width: 54%;
  }

  .landing-p33 #start-yourney .info-item {
    font-size: 20px;
    line-height: 30px;
  }

  .landing-p33 #start-yourney .button {
    height: 62px;
    line-height: 62px;
    margin: 40px 0 2px;
  }

  .landing-p33 #tracks br {
    display: inline;
  }

  .landing-p33 #experts .heading-text {
    max-width: 90%;
  }

  .landing-p33 #experts .expert-list {
    margin: 50px 0 100px;
  }

  .landing-p33 #experts .expert-item {
    height: 250px;
  }

  .landing-p33 #join-now h1 {
    font-size: 30px;
  }

  .landing-p33 #join-now .button {
    width: 235px;
    height: 55px;
    line-height: 55px;
    font-size: 17px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 736px) {
  .landing-p33 {
    /*------------------------------------*\
      ELEMENTS
    \*------------------------------------*/
    /*------------------------------------*\
      SECTION START-YOURNEY
    \*------------------------------------*/
    /*------------------------------------*\
      SECTION TRACKS
    \*------------------------------------*/
    /*------------------------------------*\
      SECTION EXPERTS
    \*------------------------------------*/
    /*------------------------------------*\
      SECTION JOIN-NOW
    \*------------------------------------*/
  }

  .landing-p33 .section:not(.cover) {
    min-height: 0 !important;
  }

  .landing-p33 .section:not(.cover) h1 {
    font-size: 24px;
    margin: 40px 0 15px !important;
  }

  .landing-p33 .section:not(.cover) .heading-text {
    font-size: 1.8rem;
    font-family: OpenSansRegular;
    font-weight: normal;
    line-height: 1.4;
    margin: 0 0 30px 0;
  }

  .landing-p33 #start-yourney h1 {
    max-width: 450px;
    margin: 40px auto;
    line-height: 50px;
    font-size: 43px;
  }

  .landing-p33 #start-yourney img {
    max-width: 90%;
    margin: 0 auto;
  }

  .landing-p33 #start-yourney .col {
    width: 100%;
    text-align: center;
  }

  .landing-p33 #start-yourney h2 {
    margin: 20px 0 10px;
    font-size: 19px;
  }

  .landing-p33 #start-yourney .info-list {
    text-align: left;
  }

  .landing-p33 #start-yourney .info-item {
    min-width: 400px;
    font-size: 17px;
  }

  .landing-p33 #start-yourney .button {
    width: 240px;
    height: 60px;
    margin: 30px 0 2px;
    line-height: 60px;
  }

  .landing-p33 #start-yourney .press {
    margin: 50px 0;
  }

  .landing-p33 #tracks .track-list {
    float: left;
    width: 360%;
    max-width: none;
    padding: 10px 0;
  }

  .landing-p33 #tracks .track-item {
    width: 100%/6;
    max-width: 314px;
    margin-bottom: 50px;
  }

  .landing-p33 #tracks .track-list-container {
    height: 305px;
    overflow: hidden;
    margin-bottom: 30px;
  }

  .landing-p33 #tracks .track-list-inner {
    width: 100%;
    overflow: auto;
  }

  .landing-p33 #tracks .track {
    margin: 0;
  }

  .landing-p33 #tracks .track::after {
    display: none;
  }

  .landing-p33 #tracks .button {
    width: 250px;
  }

  .landing-p33 #experts .expert-list {
    margin: 0 0 50px;
  }

  .landing-p33 #experts .expert-item {
    width: 33.33%;
  }

  .landing-p33 #experts .expert-item:last-of-type {
    display: none;
  }

  .landing-p33 #experts .expert-img {
    min-width: 0;
    min-height: 0;
    margin-bottom: 10px;
  }

  .landing-p33 #join-now {
    padding: 20px 0 25px;
  }

  .landing-p33 #join-now,
  .landing-p33 #join-now div,
  .landing-p33 #join-now h1 {
    height: auto;
    line-height: normal;
  }

  .landing-p33 #join-now h1 {
    font-size: 27px;
  }

  .landing-p33 #join-now .col-1-old,
  .landing-p33 #join-now .col-2-old {
    width: 100%;
  }

  .landing-p33 #join-now .button {
    width: 197px;
    height: 46px;
    margin-top: 20px;
    line-height: 46px;
    font-size: 15px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
  .landing-p33 {
    /*------------------------------------*\
      ELEMENTS
    \*------------------------------------*/
    /*------------------------------------*\
      SECTION START-YOURNEY
    \*------------------------------------*/
    /*------------------------------------*\
      SECTION TRACKS
    \*------------------------------------*/
    /*------------------------------------*\
      SECTION EXPERTS
    \*------------------------------------*/
    /*------------------------------------*\
       SECTION JOIN-NOW
    \*------------------------------------*/
  }

  .landing-p33 .section:not(.cover) h1 {
    font-size: 16px;
    margin: 15px 0 5px !important;
  }

  .landing-p33 .section:not(.cover) .heading-text {
    font-size: 1.2rem;
    font-family: OpenSansRegular;
    font-weight: normal;
    margin: 0 auto 10px;
    max-width: 320px;
  }

  .landing-p33 #start-yourney h1 {
    font-size: 27px;
    line-height: 30px;
    margin: 30px auto;
    max-width: 280px;
  }

  .landing-p33 #start-yourney .info-item {
    min-width: 0;
    font-size: 11px;
    line-height: 25px;
    margin-left: 16px;
    white-space: nowrap;
  }

  .landing-p33 #start-yourney img {
    max-width: 80%;
    margin: 0 auto;
  }

  .landing-p33 #start-yourney h2 {
    font-size: 14px;
    line-height: 25px;
  }

  .landing-p33 #start-yourney .button {
    width: 150px;
    height: 40px;
    margin: 20px 0 2px;
    line-height: 40px;
    font-size: 13px;
  }

  .landing-p33 #start-yourney .press {
    margin: 30px 0 40px;
  }

  .landing-p33 #tracks .track-list-container {
    height: 250px;
  }

  .landing-p33 #tracks .track-list {
    float: left;
    width: 1560px;
  }

  .landing-p33 #tracks .track-item {
    width: 260px;
  }

  .landing-p33 #tracks .button {
    width: 150px;
    height: 40px;
    margin: 0 auto 45px;
    line-height: 40px;
    font-size: 13px;
  }

  .landing-p33 #experts .expert-item {
    height: 210px;
  }

  .landing-p33 #experts .expert-name {
    font-size: 13px;
  }

  .landing-p33 #experts .expert-position {
    font-size: 11px;
  }

  .landing-p33 #experts .expert-img {
    max-width: 80px;
    max-height: 80px;
    margin-bottom: 10px;
  }

  .landing-p33 #join-now h1 {
    font-size: 22px;
  }
}

.landing-p33 #tracks .track-list {
  -webkit-overflow-scrolling: touch;
}

/* ====================================================================
 * name:
 *    - LANDING PAGE NR 42
 *
 * styling encapsulated by/with
 *    - by landing-42
 *
 *  EXTENDED from:
 *    - landing-p32
 *
 *  used for/in:
 *    - landing page 42
 *
 *  child styling:
 *    - lp_42_responsive
 *
 * ================================================================== */

.landing-p42 {
  /*------------------------------------*\
    SECTION START-YOURNEY
  \*------------------------------------*/
}

.landing-p42 #start-yourney {
  min-height: 650px;
  background: linear-gradient(130deg, rgba(255, 255, 255, 0.1) 53.5%, rgba(0, 0, 0, 0.1) 53.5%), url('/static/landing_page_assets/static/img/public_site/bg01_start2.png') no-repeat;
  background-size: cover;
}

.landing-p42 #start-yourney .video {
  cursor: pointer;
  margin: 70px 0 50px;
}

.landing-p42 #start-yourney .video > * {
  display: inline-block;
  vertical-align: middle;
}

.landing-p42 #start-yourney .video img {
  margin-right: 20px;
}

.landing-p42 #start-yourney .video p {
  font-size: 2.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: white;
  margin: 0;
}

.landing-p42 #start-yourney .button {
  margin: 50px 0 0;
}

/* ====================================================================
 * name:
 *    - RESPONSIVE LANDING PAGE NR 42
 *
 * styling encapsulated by/with
 *    - by .landing-p42 and screen size
 *
 *  EXTENDED from:
 *    - landing-p32 responsive
 *
 *  used for/in:
 *    - landing page 42
 *
 *  child styling:
 *    -
 *
 *  structure:
 *    - 1. TABLET (min-width: 736px) and (max-width: 1024px)
 *    - 2. PHONES (min-width: 320px) and (max-width: 736px)
 *    - 3. SMALL  (min-width: 320px) and (max-width: 480px)
 *    - 4. DEVICE FIX
 *
 * ================================================================== */

.landing-p42 {
  /*============================================================== *\

    1. TABLET
    (min-width: 736px) and (max-width: 1024px)

  /*============================================================== */
  /*============================================================== *\

    2. MOBILE PHONES
    (min-width: 320px) and (max-width: 736px)

  /*============================================================== */
  /*============================================================== *\

    3. SMALL DEVICES LIKE: IPHONE 4, IPHONE 4S etc.
    (min-width: 320px) and (max-width: 480px)

  /*============================================================== */
  /*============================================================== *\

    4. DEVICE FIX

  /*============================================================== */
}

@media only screen and (min-width: 736px) and (max-width: 1024px) {
  .landing-p42 {
    /*------------------------------------*\
      SECTION START-YOURNEY
    \*------------------------------------*/
  }

  .landing-p42 #start-yourney {
    min-height: 550px;
    background: linear-gradient(130deg, rgba(255, 255, 255, 0.1) 53.5%, rgba(0, 0, 0, 0.1) 53.5%), url('/static/landing_page_assets/static/img/public_site/bg01_start2.png') no-repeat;
    background-size: cover;
  }

  .landing-p42 #start-yourney .video {
    margin: 40px 0;
  }

  .landing-p42 #start-yourney .video p {
    font-size: 20px;
  }

  .landing-p42 #start-yourney .image {
    margin-bottom: 50px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 736px) {
  .landing-p42 {
    /*------------------------------------*\
      SECTION START-YOURNEY
    \*------------------------------------*/
  }

  .landing-p42 #start-yourney {
    min-height: 575px;
    background: linear-gradient(130deg, rgba(255, 255, 255, 0.1) 53.5%, rgba(0, 0, 0, 0.1) 53.5%), url('/static/landing_page_assets/static/img/public_site/bg01_start2.png') no-repeat;
    background-size: cover;
  }

  .landing-p42 #start-yourney .button {
    margin: 30px 0 0;
  }

  .landing-p42 #start-yourney .video {
    margin: 40px 0;
  }

  .landing-p42 #start-yourney .video img {
    max-height: 40px;
    margin-right: 10px;
  }

  .landing-p42 #start-yourney .video p {
    font-size: 20px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
  .landing-p42 {
    /*------------------------------------*\
      SECTION START-YOURNEY
    \*------------------------------------*/
    /*------------------------------------*\
      SECTION EXPERTS
    \*------------------------------------*/
  }

  .landing-p42 #start-yourney {
    min-height: 400px;
    background: linear-gradient(129deg, rgba(255, 255, 255, 0.1) 56%, rgba(0, 0, 0, 0.1) 56%), url('/static/landing_page_assets/static/img/public_site/bg01_start2.png') no-repeat;
    background-size: cover;
  }

  .landing-p42 #start-yourney .video {
    margin: 30px 0;
  }

  .landing-p42 #start-yourney .video img {
    max-height: 30px;
    margin-right: 10px;
  }

  .landing-p42 #start-yourney .video p {
    font-size: 12px;
  }

  .landing-p42 #start-yourney .image {
    margin-bottom: 30px;
  }

  .landing-p42 #experts {
    background-position: -200px 0;
    background-size: 100% 150px;
  }
}

/* ====================================================================
 * name:
 *    - CONTENT MARKETING LANDING PAGES
 *
 * styling encapsulated by/with
 *    - by .landing-content-marketing
 *
 *  used for/in:
 *    - landing-p34
 *    - landing-p35
 *    - landing-p36
 *    - landing-p37
 *    - landing-p38
 *    - landing-p39
 *    - landing-p40
 *    - landing-p41
 *
 *  child styling:
 *    - lp_content_marketing_responsive
 *
 * ================================================================== */

.landing-content-marketing {
  background: white;
  /*------------------------------------*\
    ELEMENTS
  \*------------------------------------*/
  /*------------------------------------*\
    ARTICLE
  \*------------------------------------*/
  /*------------------------------------*\
    ACTION CONTAINER
  \*------------------------------------*/
  /*------------------------------------*\
    STICKY CONTAINER
  \*------------------------------------*/
  /*------------------------------------*\
    RIGHT RAIL
  \*------------------------------------*/
  /*------------------------------------*\
    TESTIMONIAL
  \*------------------------------------*/
}

.landing-content-marketing header.banner {
  border-bottom: 1px solid #d7d7d2;
}

.landing-content-marketing .responsive.grid-row {
  max-width: 1024px;
}

.landing-content-marketing .responsive.grid-row .grid-unit.col-1-old {
  max-width: 300px;
  float: right;
}

.landing-content-marketing .responsive.grid-row .grid-unit.col-2-old {
  margin-left: 20px;
  max-width: 620px;
}

.landing-content-marketing > .responsive.grid-row {
  padding-top: 50px;
  padding-bottom: 100px;
}

.landing-content-marketing q {
  quotes: none;
}

.landing-content-marketing article h1 {
  font: 700 35px/50px "proxima-nova", sans-serif;
  color: #372f2b;
}

.landing-content-marketing article .author {
  margin: 10px 0 30px 0;
  font: 600 16px "proxima-nova", sans-serif;
  color: #00aaea;
}

.landing-content-marketing article img {
  width: 100%;
}

.landing-content-marketing article h2 {
  font: 700 18px/25px "proxima-nova", sans-serif;
  color: #372f2b;
}

.landing-content-marketing article p {
  font: 400 16px/30px "proxima-nova", sans-serif;
  color: #372f2b;
}

.landing-content-marketing article cite {
  font-style: italic;
  color: #ff7a00;
}

.landing-content-marketing article .banner {
  margin-bottom: 20px;
  padding: 10px 20px;
  background: #E2F8FE;
  display: block;
  text-align: left;
}

.landing-content-marketing article .banner p {
  font: 700 17px/30px "proxima-nova", sans-serif;
  color: #00aaea;
}

.landing-content-marketing article .pseudo {
  color: #ff7a00;
  font: 400 16px/30px "proxima-nova", sans-serif;
  white-space: normal;
  text-align: left;
}

.landing-content-marketing .action-container {
  display: table;
  width: 100%;
  height: 120px;
  margin: 35px 0;
  line-height: 120px;
  border: 1px solid #d7d7d2;
  border-radius: 5px;
  text-align: center;
}

.landing-content-marketing .action-container .button {
  width: 280px;
  height: 60px;
  line-height: 60px;
  font-size: 20px;
  text-transform: uppercase;
}

.landing-content-marketing .sticky-container {
  position: fixed;
  bottom: 0;
  width: 100%;
  max-width: 970px;
  margin-left: 20px;
  border-radius: 5px 5px 0 0;
  background: #F9F9F9;
  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2);
  text-align: center;
  z-index: 9;
}

.landing-content-marketing .sticky-container p {
  font-size: 1.7rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  line-height: 17px;
  color: #ff7a00;
  margin: 0;
}

.landing-content-marketing .sticky-container-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 73px;
  width: 100%;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  padding: 15px 40px;
}

.landing-content-marketing .sticky-container-inner > * {
  -ms-flex-item-align: center;
  align-self: center;
}

.landing-content-marketing .sticky-container .button {
  min-width: 200px;
  height: 46px;
  margin-left: 20px;
  font-size: 16px;
  line-height: 46px;
  text-transform: uppercase;
}

.landing-content-marketing .right-rail {
  margin: 17px 0;
  border: 1px solid #d7d7d2;
  border-radius: 5px;
}

.landing-content-marketing .right-rail-item {
  width: 100%;
  padding: 15px 20px;
  text-align: left;
}

.landing-content-marketing .right-rail-item:not(:last-of-type) {
  border-bottom: 1px solid #d7d7d2;
}

.landing-content-marketing .right-rail-item a {
  outline: none;
}

.landing-content-marketing .right-rail-item a:hover {
  text-decoration: none;
  color: #cc6200;
}

.landing-content-marketing .right-rail-item img {
  width: 100%;
  height: 190px;
}

.landing-content-marketing .right-rail-item figcaption {
  font-size: 1.65rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  margin-top: 5px;
  line-height: 20px;
  color: #ff7a00;
}

.landing-content-marketing .right-rail h1 {
  font-size: 2.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin: 15px 0px 10px 0 !important;
  text-align: center;
  color: #777;
}

.landing-content-marketing .testimonial {
  padding: 20px 15px;
  border: 1px solid #d7d7d2;
  border-radius: 5px;
}

.landing-content-marketing .testimonial img {
  float: left;
  margin-right: 15px;
}

.landing-content-marketing .testimonial q {
  font: italic 600 15px/24px "proxima-nova", sans-serif;
  color: #00aaea;
}

.landing-content-marketing .testimonial .author {
  display: block;
  margin-top: 10px;
  font: normal 700 15px "proxima-nova", sans-serif;
  color: #372f2b;
}

.landing-content-marketing .testimonial blockquote {
  margin: 10px 0 0;
  font: 15px/24px "proxima-nova", sans-serif;
  color: #8B8B8B;
}

/* ====================================================================
 * name:
 *    - RESPONSIVE CONTENT MARKETING LANDING PAGES
 *
 * styling encapsulated by/with
 *    - by .landing-content-marketing and screen size
 *
 *  used for/in:
 *    - landing page
 *
 *  child styling:
 *    -
 *
 *  structure:
 *    - 1. TABLET (min-width: 736px) and (max-width: 1024px)
 *    - 2. PHONES (min-width: 320px) and (max-width: 736px)
 *    - 3. SMALL  (min-width: 320px) and (max-width: 480px)
 *    - 4. DEVICE FIX
 *
 * ================================================================== */

.landing-content-marketing {
  /*============================================================== *\

    1. TABLET
    (min-width: 736px) and (max-width: 1024px)

  /*============================================================== */
  /*============================================================== *\

    2. MOBILE PHONES
    (min-width: 320px) and (max-width: 736px)

  /*============================================================== */
  /*============================================================== *\

    3. SMALL DEVICES LIKE: IPHONE 4, IPHONE 4S etc.
    (min-width: 320px) and (max-width: 480px)

  /*============================================================== */
  /*============================================================== *\

    4. DEVICE FIX

  /*============================================================== */
}

@media only screen and (min-width: 736px) and (max-width: 1024px) {
  .landing-content-marketing {
    /*------------------------------------*\
      ELEMENTS
    \*------------------------------------*/
    /*------------------------------------*\
      RIGHT RAIL
    \*------------------------------------*/
    /*------------------------------------*\
      STICKY CONTAINER
    \*------------------------------------*/
  }

  .landing-content-marketing .responsive.grid-row {
    max-width: 1024px;
  }

  .landing-content-marketing .responsive.grid-row .grid-unit.col-2-old {
    margin-left: 0px;
    padding-right: 20px;
  }

  .landing-content-marketing .right-rail-item img {
    height: auto;
  }

  .landing-content-marketing .sticky-container {
    left: 0;
    margin-left: 0;
    max-width: 1056px;
  }

  .landing-content-marketing .sticky-container-inner {
    max-width: 1056px;
  }

  .landing-content-marketing .sticky-container p {
    padding: 0 20px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 736px) {
  .landing-content-marketing {
    /*------------------------------------*\
      ELEMENTS
    \*------------------------------------*/
    /*------------------------------------*\
      ARTICLE
    \*------------------------------------*/
    /*------------------------------------*\
      ACTION CONTAINER
    \*------------------------------------*/
    /*------------------------------------*\
      RIGHT RAIL
    \*------------------------------------*/
    /*------------------------------------*\
      TESTIMONIAL
    \*------------------------------------*/
    /*------------------------------------*\
      STICKY CONTAINER
    \*------------------------------------*/
  }

  .landing-content-marketing > .responsive.grid-row {
    padding: 10px;
  }

  .landing-content-marketing header.banner > .grid-row {
    height: 60px;
    border-bottom: 1px solid #d7d7d2;
  }

  .landing-content-marketing .responsive.grid-row {
    max-width: 1024px;
  }

  .landing-content-marketing .responsive.grid-row .grid-unit.col-1-old {
    width: 100%;
    max-width: none;
  }

  .landing-content-marketing .responsive.grid-row .grid-unit.col-2-old {
    width: 100%;
    margin-left: 0px;
    max-width: none;
  }

  .landing-content-marketing article .author {
    font-size: 20px;
  }

  .landing-content-marketing article p {
    font-size: 21px;
  }

  .landing-content-marketing article h1 {
    max-width: 450px;
  }

  .landing-content-marketing article h3 {
    font-size: 20px;
  }

  .landing-content-marketing article .banner p {
    max-width: 300px;
    margin: 0 auto;
    font-size: 18px;
  }

  .landing-content-marketing .action-container {
    display: none;
  }

  .landing-content-marketing .right-rail {
    border-top: none;
    border-right: none;
    border-left: none;
    border-radius: 0;
  }

  .landing-content-marketing .right-rail-item {
    padding: 10px 0 15px;
    border-bottom: none !important;
  }

  .landing-content-marketing .right-rail-item:last-of-type {
    padding-bottom: 30px;
  }

  .landing-content-marketing .right-rail-item img {
    height: auto;
  }

  .landing-content-marketing .right-rail-item figcaption {
    margin-top: 10px;
    font-size: 21px;
    line-height: 28px;
  }

  .landing-content-marketing .testimonial {
    margin-top: 30px;
  }

  .landing-content-marketing .testimonial img {
    max-height: 70px;
    margin: 0 15px 10px 0;
    float: left;
  }

  .landing-content-marketing .testimonial q {
    font-size: 21px;
    line-height: 25px;
  }

  .landing-content-marketing .testimonial .author {
    margin-top: 5px;
    font-size: 16px;
  }

  .landing-content-marketing .testimonial blockquote {
    font-size: 21px;
    line-height: 28px;
  }

  .landing-content-marketing .sticky-container {
    display: block !important;
    left: 0;
    border-radius: 0;
    margin-left: 0;
  }

  .landing-content-marketing .sticky-container-inner {
    height: auto;
  }

  .landing-content-marketing .sticky-container p {
    padding: 20px 10px;
    font-size: 15px;
    line-height: 20px;
    text-align: left;
  }

  .landing-content-marketing .sticky-container .button {
    width: 150px;
    font-size: 12px;
    margin-right: 20px;
    height: 35px;
    line-height: 35px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 440px) {
  .landing-content-marketing {
    /*------------------------------------*\
      ARTICLE
    \*------------------------------------*/
    /*------------------------------------*\
      RIGHT RAIL
    \*------------------------------------*/
    /*------------------------------------*\
      TESTIMONIAL
    \*------------------------------------*/
    /*------------------------------------*\
      STICKY CONTAINER
    \*------------------------------------*/
  }

  .landing-content-marketing article h1 {
    max-width: 280px;
    font-size: 22px;
    line-height: 30px;
  }

  .landing-content-marketing article .author {
    margin: 10px 0;
    font-size: 12px;
  }

  .landing-content-marketing article h3 {
    font-size: 12px;
    line-height: 14px;
  }

  .landing-content-marketing article p {
    font-size: 13px;
    line-height: 20px;
  }

  .landing-content-marketing article .banner p {
    max-width: 200px;
    font-size: 12px;
    line-height: 14px;
  }

  .landing-content-marketing .right-rail h1 {
    margin: 0 !important;
    font-size: 15px;
  }

  .landing-content-marketing .right-rail-item {
    padding: 10px 0;
  }

  .landing-content-marketing .right-rail-item:last-of-type {
    padding-bottom: 15px;
  }

  .landing-content-marketing .right-rail-item figcaption {
    font-size: 15px;
    line-height: 17px;
  }

  .landing-content-marketing .testimonial {
    margin-top: 15px;
    padding: 10px 15px;
  }

  .landing-content-marketing .testimonial img {
    max-height: 50px;
  }

  .landing-content-marketing .testimonial q {
    font-size: 13px;
    line-height: 16px;
  }

  .landing-content-marketing .testimonial .author {
    margin-top: 5px;
    font-size: 11px;
  }

  .landing-content-marketing .testimonial blockquote {
    font-size: 12px;
    line-height: 20px;
  }

  .landing-content-marketing .sticky-container p {
    padding: 13px 5px;
    font-size: 10px;
    line-height: 15px;
  }

  .landing-content-marketing .sticky-container .button {
    width: 100px;
    height: 25px;
    margin-right: 5px;
    font-size: 8px;
    line-height: 25px;
    border-radius: 2px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1040px) {
  .landing-content-marketing {
    /*------------------------------------*\
      STICKY CONTAINER
    \*------------------------------------*/
  }

  .landing-content-marketing .sticky-container {
    width: 94.8%;
  }
}

body.o-lp-42.hcp .body-wrapper {
  min-height: calc(100vh - 315px);
  min-width: 860px;
}

body.o-lp-42.hcp > .body-wrapper-mobile {
  display: none;
}

body.o-lp-42.hcp.mobile {
  display: block;
}

body.o-lp-42.hcp.mobile > .body-wrapper {
  display: none;
}

body.o-lp-42.hcp.mobile > .body-wrapper-mobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 2.5rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  padding: 20px;
}

body.o-lp-42.hcp header .wrapper,
body.o-lp-42.hcp main .wrapper,
body.o-lp-42.hcp footer .wrapper {
  max-width: 725px;
  margin: 0 auto;
  padding: 0 60px;
}

body.o-lp-42.hcp header {
  height: 278px;
  background-image: url(/static/img/portal/hcp/landing/header_img_1x.png), url(/static/img/portal/hcp/landing/header_bg_1x.png);
  background-position: right top, left top;
  background-size: 578px 278px, 5px 278px;
  background-repeat: no-repeat, repeat;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  body.o-lp-42.hcp header {
    background-image: url(/static/img/portal/hcp/landing/header_img_2x.png), url(/static/img/portal/hcp/landing/header_bg_2x.png);
  }
}

@media screen and (max-width: 1260px) {
  body.o-lp-42.hcp header {
    background-position: 110% top, left top;
  }
}

@media screen and (max-width: 1130px) {
  body.o-lp-42.hcp header {
    background-position: 130% top, left top;
  }
}

@media screen and (max-width: 1000px) {
  body.o-lp-42.hcp header {
    background-position: 170% top, left top;
  }
}

body.o-lp-42.hcp header .wrapper {
  padding: 55px 0 0;
  width: 600px;
  height: 100%;
  position: relative;
}

body.o-lp-42.hcp header .wrapper a.logo {
  top: 30px;
  display: block;
  position: absolute;
  height: 65px;
  left: -200px;
}

@media screen and (max-width: 1060px) {
  body.o-lp-42.hcp header .wrapper a.logo {
    height: 40px;
    left: -110px;
  }
}

body.o-lp-42.hcp header .wrapper a.logo svg {
  height: 100%;
}

body.o-lp-42.hcp header .wrapper .text-wrapper {
  margin: 0 auto;
}

body.o-lp-42.hcp header .wrapper .text-wrapper .title {
  font-size: 2.5rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: white;
  width: 370px;
  margin-top: 5px;
}

body.o-lp-42.hcp header .wrapper .text-wrapper .message {
  font-size: 1.4rem;
  font-family: OpenSansLight;
  font-weight: normal;
  color: white;
  width: 290px;
  margin-top: 10px;
}

body.o-lp-42.hcp main {
  background: transparent;
  padding: 0 0 60px;
  min-height: auto;
  margin-bottom: 0;
}

body.o-lp-42.hcp main .form-tabs button {
  color: #777;
  margin-bottom: 30px;
  border-radius: 0;
  text-transform: uppercase;
}

body.o-lp-42.hcp main .form-tabs button + button {
  margin-left: 15px;
}

body.o-lp-42.hcp main .form-tabs button.active {
  border-bottom: 2px solid #ff7a00;
  color: #372f2b;
}

body.o-lp-42.hcp main .form-wrapper {
  width: 460px;
  background: white;
  margin: -30px auto 0;
  border-radius: 10px;
  border: 1px solid #d7d7d2;
  -webkit-box-shadow: 0 0 20px rgba(70, 86, 90, 0.2);
  box-shadow: 0 0 20px rgba(70, 86, 90, 0.2);
  padding: 70px 65px;
}

body.o-lp-42.hcp main .form-wrapper form {
  width: 100%;
  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;
}

body.o-lp-42.hcp main .form-wrapper form .field {
  width: 50%;
}

body.o-lp-42.hcp main .form-wrapper form .field:nth-child(2n) {
  padding-left: 10px;
}

body.o-lp-42.hcp main .form-wrapper form .field:nth-child(2n+1) {
  padding-right: 10px;
}

body.o-lp-42.hcp main .form-wrapper form label {
  display: block;
  margin-bottom: 7px;
  color: #777;
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  width: 100%;
}

body.o-lp-42.hcp main .form-wrapper form select {
  width: 100%;
  margin-bottom: 25px;
  border: 1px solid #d7d7d2;
  color: #372f2b;
  -webkit-box-shadow: rgba(0, 0, 0, 0.075) 0 1px 1px 0 inset;
  box-shadow: rgba(0, 0, 0, 0.075) 0 1px 1px 0 inset;
  border-radius: 3px;
  padding: 0 3px;
}

body.o-lp-42.hcp main .form-wrapper form input {
  width: 100%;
  margin-bottom: 25px;
  padding: 0 7px;
}

body.o-lp-42.hcp main .form-wrapper form select,
body.o-lp-42.hcp main .form-wrapper form input {
  height: 40px;
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

body.o-lp-42.hcp main .form-wrapper form button[type=submit] {
  padding: 0 25px;
  text-transform: uppercase;
  font-size: 1.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
}

body.o-lp-42.hcp main .form-wrapper form .form-error {
  color: #ff3131;
  font-size: 1.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin-bottom: 25px;
  width: 100%;
  padding: 0 7px;
}

body.o-lp-42.hcp main .form-wrapper form .buttons-wrapper {
  width: 100%;
}

body.o-lp-42.hcp main .form-wrapper form .buttons-wrapper button {
  display: block;
  margin: 0 auto;
  height: 45px;
  line-height: 45px;
  padding: 0 27px;
}

body.o-lp-42.hcp main .form-wrapper form .buttons-wrapper button.sign-in {
  margin: 15px auto 0;
  color: #777;
  font-family: OpenSansRegular;
  text-decoration: underline !important;
}

body.o-lp-42.hcp main .form-wrapper #required-label {
  width: 100%;
  display: block;
  text-align: right;
  margin-top: 15px;
}

body.o-lp-42.hcp main .form-wrapper.sign-up-form {
  width: 600px;
}

body.o-lp-42.hcp footer {
  height: 315px;
}

body.o-lp-42.hcp footer a {
  color: white;
}

body.o-lp-42.hcp footer .wrapper {
  padding-top: 20px;
  padding-bottom: 20px;
}

body.o-lp-42.hcp footer .wrapper nav a {
  color: white;
}

body.o-lp-42.hcp footer .wrapper nav a + a {
  margin-left: 20px;
}

body.o-lp-42.hcp footer .wrapper .bottom-row-wrapper {
  margin-top: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: white;
}

body.o-lp-42.hcp footer .wrapper .bottom-row-wrapper .right-wrapper {
  text-transform: uppercase;
}

body.landing a#js-start_quiz.button,
body.landing button#js-start_quiz.button {
  font-size: 15px;
  padding: 0 17px;
  height: 40px;
  line-height: 40px;
  font-weight: 400;
}

body.landing a,
body.landing a:hover,
body.landing a:focus,
body.landing a:visited {
  outline: 0;
}

body.landing ul {
  list-style: disc;
}

body.landing footer .grid-row ul {
  list-style: none;
}

body.landing .button.orange {
  font-family: proxima-nova, sans-serif;
  height: 40px;
  line-height: 40px;
}

body.landing .grid-row {
  width: 1024px;
  margin: 0 auto;
}

body.landing .grid-row .grid-unit {
  margin-left: 0;
  margin-right: 0;
}

body.landing .grid-row .grid-unit.col-2-old {
  width: 50%;
}

body.landing .grid-row .grid-unit.col-4-old {
  width: 100%;
}

body.landing .grid-row .grid-unit nav ul {
  list-style: none;
}

@media screen and (max-width: 767px) {
  body.landing .grid-row,
  body#public_home .grid-row {
    width: 98%;
  }

  body.landing .grid-row .grid-unit,
  body#public_home .grid-row .grid-unit,
  body.landing .grid-row .grid-unit.col-2-old,
  body#public_home .grid-row .grid-unit.col-2-old {
    width: 100%;
  }
}

/* ====================================================================
 * This styling is encapsulated by ID
 * 1) #webinar
==================================================================== */

#webinar {
  /*------------------------------------*\
    LAYOUT
  \*------------------------------------*/
  /*------------------------------------*\
    HEADING GROUP
  \*------------------------------------*/
  /*------------------------------------*\
     DESCRIPTION
  \*------------------------------------*/
  /*------------------------------------*\
     EVENT
  \*------------------------------------*/
  /*------------------------------------*\
    FORM SUBSCRIBE WEBINAR
  \*------------------------------------*/
  /*------------------------------------*\
    COUCH PHOTO
  \*------------------------------------*/
  /*------------------------------------*\
    BENEFIT LIST
  \*------------------------------------*/
  /*------------------------------------*\
    THANK MESSAGE
  \*------------------------------------*/
}

#webinar .grid-row {
  margin: 18px auto 0;
}

#webinar .grid-unit {
  padding: 50px 0;
  max-width: 980px !important;
}

#webinar .container-old {
  overflow: hidden;
  padding: 2px;
}

#webinar .container-old .col {
  float: left;
}

#webinar .container-old .col:nth-of-type(odd) {
  width: 46%;
  padding-left: 25px;
}

#webinar .container-old .col:nth-of-type(even) {
  width: 54%;
  padding-left: 30px;
}

#webinar .about {
  max-width: 480px;
  border: 1px solid #d7d7d2;
  overflow: hidden;
}

#webinar hgroup {
  display: block;
  margin-bottom: 40px;
  text-align: center;
}

#webinar hgroup h1 {
  font-size: 3.3rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin: 0;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #00aaea;
}

#webinar hgroup h2 {
  font-size: 3.1rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
}

#webinar .description {
  font-size: 2.1rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin: 20px 0 0 20px;
  line-height: 2.8rem;
}

#webinar .event {
  margin: 30px 0 50px;
}

#webinar .event > * {
  display: inline-block;
}

#webinar .event-logo {
  margin: 0 40px 0 20px;
}

#webinar .event-date {
  font-size: 3rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  margin-top: 10px;
  vertical-align: top;
  line-height: 3.4rem;
  color: #00aaea;
}

#webinar .event-date span {
  display: block;
}

#webinar [name='form-subscribe-webinar'] [name='first-name'] {
  font-size: 1.5rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  width: 100%;
  margin-bottom: 20px;
  padding: 10px 20px;
  border: 1px solid #d7d7d2;
  border-radius: 3px;
  text-align: center;
}

#webinar [name='form-subscribe-webinar'] [name='first-name'],
#webinar [name='form-subscribe-webinar'] [name='first-name']::-webkit-input-placeholder,
#webinar [name='form-subscribe-webinar'] [name='first-name']:-moz-placeholder,
#webinar [name='form-subscribe-webinar'] [name='first-name']::-moz-placeholder,
#webinar [name='form-subscribe-webinar'] [name='first-name']:-ms-input-placeholder {
  color: #777;
}

#webinar [name='form-subscribe-webinar'] label {
  display: block;
  font-size: 15px;
  color: #777;
}

#webinar [name='form-subscribe-webinar'] [type='submit'] {
  display: block;
  width: 215px;
  height: 40px;
  margin: 0 auto;
  font-size: 1.5rem;
  text-transform: uppercase;
}

#webinar .couch-photo {
  width: 480px;
  height: 260px;
  overflow: hidden;
}

#webinar .couch-photo img {
  width: 480px;
}

#webinar .benefit-list {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  padding: 25px 25px 10px 35px;
}

#webinar .benefit-list > li {
  position: relative;
  margin-bottom: 15px;
}

#webinar .benefit-list > li::before {
  position: absolute;
  top: 2.5px;
  left: -18px;
  width: 14px;
  height: 14px;
  background: url(/static/img/webinar/gear-blue.png);
  content: '';
}

#webinar .thank-message {
  font-size: 1.8rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin: 92px 0 0 20px;
  color: #777;
}

#webinar.may2016_webinar_ask_happiness_scientist hgroup h1 {
  font-size: 3.3rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin: 0;
  text-transform: none;
}

#webinar.may2016_webinar_ask_happiness_scientist .description {
  font-size: 24px;
  font-family: sans-serif;
  margin: 0 0 0 20px;
  font-weight: normal;
}

#webinar.may2016_webinar_ask_happiness_scientist .description .coach-name {
  color: #ff7a00;
}

#webinar.may2016_webinar_ask_happiness_scientist h3 {
  font-size: 30px;
  font-family: sans-serif;
  font-weight: bold;
  color: #ff7a00;
  font-style: italic;
  margin: 15px 0 0 20px;
  line-height: 32px;
}

#webinar.may2016_webinar_ask_happiness_scientist .event {
  margin: 15px 0 20px;
  font-family: sans-serif;
}

#webinar.may2016_webinar_ask_happiness_scientist .event img.event-logo {
  margin: 0 10px 0 20px;
}

#webinar.may2016_webinar_ask_happiness_scientist .event .event-date {
  display: inline-block;
  font-size: 26px;
  margin-top: 30px;
}

#webinar.may2016_webinar_ask_happiness_scientist .event .event-date span {
  display: inline;
}

#webinar.may2016_webinar_ask_happiness_scientist .thank-message {
  max-width: 380px;
  margin: 53px 0 0 34px;
  font-size: 2rem;
  font-family: OpenSansBold;
  font-weight: normal;
  color: #787875;
}

#webinar.may2016_webinar_ask_happiness_scientist [name='form-subscribe-webinar'] [name='first-name'] {
  text-align: left;
}

#webinar.may2016_webinar_ask_happiness_scientist [name='form-subscribe-webinar'] [type='submit'] {
  width: 215px;
  height: 56px;
  margin: 6px auto 0;
  font-size: 16px;
  text-transform: uppercase;
  float: right;
  font-family: sans-serif;
}

#webinar.may2016_webinar_ask_happiness_scientist .about {
  height: 472px;
  border: none;
  position: relative;
}

#webinar.may2016_webinar_ask_happiness_scientist .about .couch-photo {
  height: 100%;
}

#webinar.may2016_webinar_ask_happiness_scientist .about .description {
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  position: absolute;
  bottom: 65px;
  left: 10px;
  letter-spacing: 1.4px;
}

body.sub.in_app {
  margin-top: 0;
}

body.sub.in_app #science-happiness {
  padding-top: 0;
}

#public_home #jobs button {
  padding: 0;
  font-size: larger;
}

#public_home #legal h3 {
  font-size: 18px;
}

#public_home #legal table.cookies {
  font-size: 18px;
  color: #8d9799;
  font-weight: 400;
}

#public_home #legal table.cookies tr th {
  color: #372f2b;
  min-width: 135px;
  padding: 0 5px;
}

#public_home #legal table.cookies tr td {
  padding: 10px 15px;
  vertical-align: top;
  word-wrap: break-word;
}

html[data-wcag-enabled=true] #public_home #legal table.cookies tr th {
  color: #372f2b;
}

/* ====================================================================
 * styling encapsulated by/with
 *    - CLASS .ad-layouts
 *
 *  used for/in:
 *    - home page
 *    - shared happifier pages
 *    - my track detail page
 *
 *   info: Class is in main[role='main'], also data atribute [ata-ad-layout='nr'].
 * 				 On happifiers on parent div.
 *
 * ================================================================== */

.ad-layouts {
  /*------------------------------------*\
    TOP AD BANNER
  \*------------------------------------*/
  /*------------------------------------*\
    ASIDE AD BANNER - default styling
  \*------------------------------------*/
  /*------------------------------------*\
    AD LAYOUTS FEED
  \*------------------------------------*/
}

.ad-layouts .ad-row {
  margin: 30px 0;
}

.ad-layouts .ad-row .top-ad-banner {
  text-align: center;
}

.ad-layouts .aside-ad-banner {
  position: relative;
  display: block;
  text-align: center;
  border-radius: 3px;
  margin: 0 auto;
  overflow: hidden;
  /* SIZE */
}

.ad-layouts .aside-ad-banner::before {
  top: 0;
}

.ad-layouts .aside-ad-banner::after {
  bottom: 0;
}

.ad-layouts .aside-ad-banner::before,
.ad-layouts .aside-ad-banner::after {
  font-size: 1rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #c3c3c3;
  position: absolute;
  display: block;
  width: 100%;
  height: 10px;
  text-transform: uppercase;
  content: 'Advertisement';
}

.ad-layouts .aside-ad-banner > a {
  margin: 0 auto;
  overflow: hidden;
  display: block;
}

.ad-layouts .aside-ad-banner.long > a {
  width: 300px;
  margin-bottom: 30px;
}

.ad-layouts .aside-ad-banner.short > a {
  width: 300px;
  height: 250px;
  margin-bottom: 30px;
}

.ad-layouts [data-view='AdLayoutsFeed'] h3 {
  font-size: 1.8rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
  margin: 0;
}

.ad-layouts [data-view='AdLayoutsFeed'] a {
  font-size: 1.5rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  display: block;
}

.ad-layouts [data-view='AdLayoutsFeed'] p {
  font-size: 1.45rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin: 0;
}

/*------------------------------------*\
  ADD LAYOUT 1
\*------------------------------------*/

[data-ad-layout='1'] .aside-ad-banner.home {
  margin-top: 42px;
  padding: 18px 0;
}

[data-ad-layout='1'] .aside-ad-banner.home::before,
[data-ad-layout='1'] .aside-ad-banner.home::after {
  font-size: 8px;
}

[data-ad-layout='1'] .aside-ad-banner.home::before {
  top: 4px;
}

[data-ad-layout='1'] .aside-ad-banner.home::after {
  bottom: 4px;
}

[data-ad-layout='1'] [data-view='AdLayoutsFeed'] {
  margin-top: 13px;
  padding: 10px 20px 10px;
  line-height: 1.5;
  min-height: 100px;
}

[data-ad-layout='1'] [data-view='AdLayoutsFeed'] a {
  max-height: 22px;
  overflow: hidden;
}

/*------------------------------------*\
  ADD LAYOUT 2
\*------------------------------------*/

[data-ad-layout='2'] .aside-ad-banner.home::before,
[data-ad-layout='2'] .aside-ad-banner.home::after {
  font-size: 8px;
}

[data-ad-layout='2'] .aside-ad-banner.home::before {
  top: 0;
}

[data-ad-layout='2'] .aside-ad-banner.home::after {
  bottom: 36px;
}

[data-ad-layout='2'] [data-view='AdLayoutsFeed'] p {
  max-height: 38px;
  overflow: hidden;
}

[data-ad-layout='2'] [data-view='AdLayoutsFeed'] .image {
  width: 75px;
  height: 75px;
  overflow: hidden;
  float: left;
  margin-right: 20px;
}

[data-ad-layout='2'] [data-view='AdLayoutsFeed'] ul {
  margin-top: 20px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

[data-ad-layout='2'] [data-view='AdLayoutsFeed'] li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 50%;
  padding-right: 20px;
  margin-bottom: 10px;
}

@media (max-width: 767.98px) {
  [data-ad-layout='2'] [data-view='AdLayoutsFeed'] li {
    width: 100%;
  }
}

[data-ad-layout='2'] [data-view='AdLayoutsFeed'] li img {
  height: 75px;
  max-width: none;
}

[data-ad-layout='2'] [data-view='AdLayoutsFeed'] .description {
  width: calc(100% - 100px);
}

[data-ad-layout='2'] [data-view='AdLayoutsFeed'] .description a {
  font-weight: bold;
}

[data-ad-layout='2'] [data-view='AdLayoutsFeed'] .description p {
  margin-top: 10px;
}

/*------------------------------------*\
  ADD LAYOUTS 1 and 2
  ON MY TRACK DETAILS PAGE
\*------------------------------------*/

.ad-layouts [data-view=MyTrackDetails] > .col-2-old {
  width: 685px !important;
  margin-right: 0;
  padding: 25px 25px 10px 25px;
  min-height: 302px;
}

.ad-layouts [data-view=MyTrackDetails] > .col-2-old .content_box .image-box {
  float: left;
  margin: 0;
}

.ad-layouts [data-view=MyTrackDetails] > .col-2-old .content_box .image-box img {
  max-height: 135px;
}

.ad-layouts [data-view=MyTrackDetails] > .col-2-old .content_box .bulleted_message {
  float: left;
  width: 60%;
  margin: 10px 0 0 30px;
}

.ad-layouts [data-view=MyTrackDetails] > .col-2-old .content_box .bulleted_message .title {
  font-size: 14px;
}

.ad-layouts [data-view=MyTrackDetails] > .col-2-old .content_box .bulleted_message .message {
  margin: 8px 0;
}

.ad-layouts [data-view=MyTrackDetails] > .col-2-old .content_box .bulleted_message .item {
  max-width: 100%;
}

.ad-layouts [data-view=MyTrackDetails] > .col-2-old .content_box .detail-text {
  width: 90%;
  padding: 0;
  margin-top: 25px;
}

.ad-layouts .aside-ad-banner.my-track {
  padding: 25px 0;
}

.ad-layouts .aside-ad-banner.my-track::before,
.ad-layouts .aside-ad-banner.my-track::after {
  font-size: 8px;
}

.ad-layouts .aside-ad-banner.my-track::before {
  top: 8px;
}

.ad-layouts .aside-ad-banner.my-track::after {
  bottom: 8px;
}

/*------------------------------------*\
	ADD LAYOUTS 1 and 2
  ON HAPPIFY DAILY
\*------------------------------------*/

.ad-layouts .aside-ad-banner.hd {
  padding: 11px 0 11px 0;
  margin-bottom: 20px;
  background: white;
  border: 1px solid #d7d7d2;
}

.ad-layouts .aside-ad-banner.hd::before,
.ad-layouts .aside-ad-banner.hd::after {
  font-size: 8px;
}

.ad-layouts .aside-ad-banner.hd::before {
  top: 0;
}

.ad-layouts .aside-ad-banner.hd::after {
  bottom: 2px;
}

#happify_activity {
  margin: 40px auto 0;
}

#happify_activity .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;
  width: 100%;
  padding: 15px;
}

#happify_activity .skill_color_compass {
  z-index: 9;
  color: #fff;
}

#happify_activity .skill_color_compass.SA {
  background: #c5168a;
}

#happify_activity .skill_color_compass.TH {
  background: #ff7a00;
}

#happify_activity .skill_color_compass.AS {
  background: #00aaea;
}

#happify_activity .skill_color_compass.GI {
  background: #06b709;
}

#happify_activity .skill_color_compass.EM {
  background: #ff3131;
}

#happify_activity .skill_color_compass.OT {
  background: #f4d420;
}

#happify_activity .skill_color_compass.RE {
  background: #2ac4c5;
}

#happify_activity .skill_color {
  color: #fff;
}

#happify_activity .skill_color.SA {
  background: #c5168a;
}

#happify_activity .skill_color.TH {
  background: #ff7a00;
}

#happify_activity .skill_color.AS {
  background: #00aaea;
}

#happify_activity .skill_color.GI {
  background: #06b709;
}

#happify_activity .skill_color.EM {
  background: #ff3131;
}

#happify_activity .skill_color.OT {
  background: #f4d420;
}

#happify_activity .skill_color.RE {
  background: #2ac4c5;
}

#happify_activity .skill-text-color.SA {
  color: #c5168a;
}

#happify_activity .skill-text-color.TH {
  color: #ff7a00;
}

#happify_activity .skill-text-color.AS {
  color: #00aaea;
}

#happify_activity .skill-text-color.GI {
  color: #06b709;
}

#happify_activity .skill-text-color.EM {
  color: #ff3131;
}

#happify_activity .skill-text-color.OT {
  color: #f4d420;
}

#happify_activity .skill-text-color.RE {
  color: #2ac4c5;
}

#happify_activity .activity_header {
  border-radius: 5px 5px 0 0;
  background-clip: padding-box;
  min-height: 54px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#happify_activity .activity_header span {
  line-height: normal;
  display: inline-block;
  vertical-align: middle;
}

#happify_activity .activity_header .header_wrap {
  display: inline-block;
  vertical-align: middle;
}

#happify_activity .activity_header .header-title.name {
  font-size: 2rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  text-align: center;
  color: #fff;
  margin-bottom: 0;
}

#happify_activity .activity_header span.svg {
  position: relative;
  cursor: pointer;
  width: 30px;
}

#happify_activity .activity_header .back {
  font-size: 1.4rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  color: #fff;
  cursor: pointer;
}

#happify_activity .activity_header .activity-level,
#happify_activity .activity_header .activity-icon {
  max-width: 90px;
  line-height: normal;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#happify_activity .activity_header .activity-level .activity,
#happify_activity .activity_header .activity-icon .activity {
  max-width: 68px;
  display: inline-block;
  text-align: center;
  margin-top: 3px;
}

#happify_activity .activity_header .activity-level .skill-icon-container,
#happify_activity .activity_header .activity-icon .skill-icon-container {
  height: 32px;
  width: auto;
  display: block;
}

#happify_activity .activity_header .activity-level .skill-text,
#happify_activity .activity_header .activity-icon .skill-text {
  font-size: 1.2rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  display: inline-block;
  vertical-align: top;
  height: 54px;
  line-height: 54px;
}

#happify_activity .activity_header .activity-level .icon-level,
#happify_activity .activity_header .activity-icon .icon-level {
  font-size: 1.3rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  line-height: 14px;
  width: auto;
  margin: 0 auto;
  margin-top: 2px;
  word-wrap: break-word;
}

#happify_activity .activity_header .activity-level .icon-level span,
#happify_activity .activity_header .activity-icon .icon-level span {
  line-height: 10px;
  vertical-align: top;
}

#happify_activity .activity_header .activity-level .level,
#happify_activity .activity_header .activity-icon .level {
  display: inline-block;
  text-align: left;
  vertical-align: top;
}

#happify_activity .activity_header .activity-level .level span,
#happify_activity .activity_header .activity-icon .level span {
  font-size: 3.6rem;
  font-family: OpenSansBold;
  font-weight: normal;
  line-height: 54px;
}

#happify_activity .activity_header .activity-icon .skill-icon-container .skill-icon-white.medium {
  margin-top: 3px;
}

#happify_activity .activity_header .activity-icon .skill-icon-container .skill-icon-white.small {
  margin-top: 12px;
}

#happify_activity .activity_header.clickable_title {
  cursor: pointer;
}

#public_home header.banner .grid-row .grid-unit.kc-start,
* header.banner .grid-row .grid-unit.kc-start {
  float: right;
  text-align: right;
}

#public_home header.banner .grid-row .grid-unit.kc-start .button.orange,
* header.banner .grid-row .grid-unit.kc-start .button.orange {
  margin-top: 22px;
  width: 192px;
  height: 45px;
  line-height: 48px;
  text-align: center;
}

#public_home #compliment .tip-mobile,
#compliment .tip-mobile {
  display: none;
}

#public_home #compliment .button.orange,
#compliment .button.orange {
  text-transform: uppercase;
}

#public_home #compliment section .grid-row .grid-unit.col-2-old,
#compliment section .grid-row .grid-unit.col-2-old {
  width: 50%;
}

#public_home #compliment .responsive.grid-row,
#compliment .responsive.grid-row {
  overflow: initial;
}

#public_home #compliment .responsive.grid-row .grid-row,
#compliment .responsive.grid-row .grid-row {
  overflow: hidden;
}

#public_home #compliment a,
#compliment a {
  outline: none;
}

#public_home #compliment h1,
#compliment h1 {
  font-size: 3.8rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  text-align: center;
  margin: 0 0 50px;
  padding: 0;
  color: #40AEE7;
}

#public_home #compliment #current_kc,
#compliment #current_kc {
  -webkit-box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.25);
  border: none;
  width: 455px;
  padding: 15px;
  display: inline-block;
  vertical-align: top;
  margin: 0 50px 0 0;
}

#public_home #compliment #current_kc .screen .container-old,
#compliment #current_kc .screen .container-old {
  margin: 0;
}

#public_home #compliment #current_kc .flip-container,
#compliment #current_kc .flip-container {
  z-index: 9;
}

#public_home #compliment #current_kc .kc_main .kc_screen .screen .message_template .compliment_template span,
#compliment #current_kc .kc_main .kc_screen .screen .message_template .compliment_template span {
  margin-left: 0;
}

#public_home #compliment .text-container,
#compliment .text-container {
  display: inline-block;
  vertical-align: top;
  width: 50%;
}

#public_home #compliment .text-container h2,
#compliment .text-container h2 {
  font-size: 2.8rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #372f2b;
}

#public_home #compliment .text-container p,
#compliment .text-container p {
  font-size: 2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
  max-width: 90%;
  text-align: left;
  margin: 1.5em 0;
}

#public_home #compliment .text-container .button,
#compliment .text-container .button {
  font-size: 2.4rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  width: 300px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  margin: 5px 0 0 0;
}

#public_home #compliment #kc-section,
#compliment #kc-section {
  border-bottom: 8px solid #00aaea;
  padding: 50px 0;
  background: url('/static/img/kindless_chain/LP/bg_1.jpg') no-repeat transparent;
  background-size: cover;
  word-break: break-word;
}

#public_home #compliment #kc-section .press,
#compliment #kc-section .press {
  margin-top: 50px;
}

#public_home #compliment #kc-section .press .image,
#compliment #kc-section .press .image {
  text-align: center;
}

#public_home #compliment #what_is-kc,
#compliment #what_is-kc {
  border-bottom: 8px solid #ff7a00;
  background: #fff;
  padding: 60px;
}

#public_home #compliment #what_is-kc h1,
#compliment #what_is-kc h1 {
  font-size: 3.2rem;
  font-family: OpenSansBold;
  font-weight: normal;
  color: #ff7a00;
  width: 75%;
  text-align: left;
  margin: 20px 0;
}

#public_home #compliment #what_is-kc p,
#compliment #what_is-kc p {
  font-size: 2.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
  width: 94%;
  text-align: left;
}

#public_home #compliment #what_is-kc .button,
#compliment #what_is-kc .button {
  font-size: 2rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  width: 275px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  margin: 20px 0 0;
}

#public_home #compliment #what_is-kc .image,
#compliment #what_is-kc .image {
  display: none;
}

#public_home #compliment #scientifically,
#compliment #scientifically {
  min-height: 510px;
  padding: 120px 0 100px;
  border-bottom: 8px solid #D54784;
  background: #ffffff;
}

#public_home #compliment #scientifically .responsive.grid-row .grid-unit .image,
#compliment #scientifically .responsive.grid-row .grid-unit .image {
  margin-left: -48px;
}

#public_home #compliment #scientifically .responsive.grid-row .grid-unit h1,
#compliment #scientifically .responsive.grid-row .grid-unit h1 {
  font-size: 3.2rem;
  font-family: OpenSansBold;
  font-weight: normal;
  color: #D54784;
  text-align: left;
  margin-bottom: 20px;
}

#public_home #compliment #scientifically .responsive.grid-row .grid-unit p,
#compliment #scientifically .responsive.grid-row .grid-unit p {
  font-size: 2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
  max-width: 95%;
  float: left;
  text-align: left;
}

#public_home #compliment #testimonials,
#compliment #testimonials {
  padding: 40px 0;
}

@media (max-width: 767.98px) {
  #public_home #compliment #testimonials,
  #compliment #testimonials {
    padding: 20px 0;
  }
}

#public_home #compliment #testimonials h1,
#compliment #testimonials h1 {
  font-size: 3.2rem;
  font-family: OpenSansBold;
  font-weight: normal;
  color: #777;
  margin: 0 0 20px;
  text-align: left;
}

@media (max-width: 767.98px) {
  #public_home #compliment #testimonials h1,
  #compliment #testimonials h1 {
    font-size: 1.6rem;
    font-family: OpenSansSemibold;
    font-weight: normal;
    text-align: center;
  }
}

#public_home #compliment #keep-alive,
#compliment #keep-alive {
  background: #ff7a00;
  height: 150px;
  text-align: center;
}

#public_home #compliment #keep-alive h1,
#compliment #keep-alive h1 {
  font-size: 2.8rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #fff;
  margin: 0 auto;
  text-align: center;
  line-height: 140px;
}

#public_home #compliment #keep-alive h1 span,
#compliment #keep-alive h1 span {
  display: inline-block;
  line-height: normal;
  vertical-align: middle;
}

#public_home #compliment .confirmation,
#compliment section .confirmation {
  margin: 35px 0 0;
  padding: 0;
  cursor: pointer;
}

#public_home #compliment .confirmation .map_checkbox,
#compliment section .confirmation .map_checkbox {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

#public_home #compliment .confirmation .checkbox,
#compliment section .confirmation .checkbox {
  width: 24px;
  height: 24px;
  background: url('/static/img/kindless_chain/checkbox-default.png') no-repeat transparent;
  background-size: cover;
  display: inline-block;
  cursor: pointer;
}

#public_home #compliment .confirmation .checkbox.checked,
#compliment section .confirmation .checkbox.checked {
  background: url('/static/img/kindless_chain/checkbox-active.png') no-repeat transparent;
  background-size: cover;
}

#public_home #compliment .confirmation span,
#compliment section .confirmation span {
  font-size: 1.8rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  left: 10px;
  position: relative;
  top: 0;
  vertical-align: top;
}

#public_home #compliment .confirmation .tip-container,
#compliment section .confirmation .tip-container {
  width: 24px;
  height: 24px;
  line-height: 24px;
  display: inline-block;
  cursor: pointer;
  position: relative;
  text-align: center;
  top: 2px;
  left: 17px;
  background: url('/static/img/stats/question_mark_2.png') no-repeat transparent;
  background-size: 22px 22px;
}

#public_home #compliment .confirmation .tip-container .tip,
#compliment section .confirmation .tip-container .tip {
  -webkit-box-shadow: 0 0 15px rgba(50, 50, 50, 0.25);
  box-shadow: 0 0 15px rgba(50, 50, 50, 0.25);
  background: #fff;
  border-radius: 6px;
  background-clip: padding-box;
  display: none;
  position: absolute;
  padding: 15px 20px;
  z-index: 9;
  border: 2px solid #e6e6e6;
  text-align: left;
  width: 245px;
  top: -25px;
  left: 35px;
  cursor: default;
}

#public_home #compliment .confirmation .tip-container .tip h3,
#compliment section .confirmation .tip-container .tip h3 {
  font-size: 1.5rem;
  font-family: OpenSansBold;
  font-weight: normal;
  color: #ff7a00;
  margin-bottom: 7px;
}

#public_home #compliment .confirmation .tip-container .tip span,
#compliment section .confirmation .tip-container .tip span {
  font-size: 1.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
  line-height: 1.8;
  left: 0;
}

#public_home #compliment .confirmation .tip-container .tip:before,
#compliment section .confirmation .tip-container .tip:before {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 15px;
  border-color: transparent #FFF transparent transparent;
  margin-left: -15px;
  z-index: 2;
  top: 20%;
  left: -13px;
  right: auto;
  margin-top: -15px;
}

#public_home #compliment .confirmation .tip-container .tip:after,
#compliment section .confirmation .tip-container .tip:after {
  top: 20%;
  left: -32px;
  right: auto;
  margin-top: -16px;
  border-width: 17px;
  border-color: transparent rgba(0, 0, 0, 0.06) transparent transparent;
  border-style: solid;
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  z-index: 1;
}

#public_home #compliment .confirmation .tip-container:hover,
#compliment section .confirmation .tip-container:hover,
#public_home #compliment .confirmation .tip-container:focus,
#compliment section .confirmation .tip-container:focus {
  background: url('/static/img/stats/question_mark_1.png') no-repeat transparent;
  background-size: 22px 22px;
}

#public_home #compliment .confirmation .tip-container:hover .tip,
#compliment section .confirmation .tip-container:hover .tip,
#public_home #compliment .confirmation .tip-container:focus .tip,
#compliment section .confirmation .tip-container:focus .tip {
  display: block;
}

#public_home #compliment .confirmation .tip-container.clicked,
#compliment section .confirmation .tip-container.clicked {
  background: url('/static/img/stats/question_mark_1.png') no-repeat transparent;
  background-size: 22px 22px;
}

#public_home #compliment .confirmation .tip-container.clicked .tip,
#compliment section .confirmation .tip-container.clicked .tip {
  display: block;
}

html[lang=es] #compliment #what_is-kc h1 {
  font-size: 26px;
  line-height: 34px;
}

html[lang=es] #compliment #what_is-kc p {
  font-size: 20px;
  line-height: 24px;
}

html[lang=fr] #compliment .text-container .button {
  font-size: 20px;
}

html[lang=fr] #compliment #what_is-kc h1 {
  font-size: 28px;
  line-height: 32px;
}

html[lang=fr] #compliment #what_is-kc .button {
  font-size: 18px;
}

html[lang=fr] #compliment #what_is-kc p {
  font-size: 20px;
  line-height: 24px;
}

html[lang=de] #compliment .text-container .button {
  font-size: 18px;
}

html[lang=de] #compliment #what_is-kc .button {
  font-size: 16px;
}

html[lang=de] #compliment #what_is-kc h1 {
  font-size: 28px;
  line-height: 32px;
}

html[lang=de] #compliment #what_is-kc p {
  font-size: 20px;
  line-height: 24px;
}

html[lang=it] #compliment .text-container .button {
  font-size: 22px;
}

#activity_instructions {
  width: 100%;
}

#activity_instructions .audio_instructions {
  background: #fff;
  position: relative;
  border: 1px solid #CDCDCD;
  padding: 20px;
}

#activity_instructions .audio_instructions .instructions-tab {
  font-size: 2rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #00aaea;
  margin: 0 0 15px 0;
}

#activity_instructions .audio_instructions .instructions-tab .instructions-leaf {
  -webkit-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  opacity: 0;
  display: none;
}

#activity_instructions .audio_instructions .instructions-tab .instructions-leaf .icon {
  width: 45px;
  height: 45px;
  background: url("/static/img/bulb.png") no-repeat transparent;
}

#activity_instructions .audio_instructions .instructions-tab .instructions-leaf:nth-child(2) {
  border: 1px solid #dfdfdc;
}

#activity_instructions .audio_instructions .instructions-tab .instructions-leaf.opened {
  display: block;
  opacity: 0.5;
  cursor: pointer;
}

#activity_instructions .audio_instructions .instructions-tab .instructions-leaf.selected {
  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;
  opacity: 1;
  margin: 0 0 20px;
}

#activity_instructions .audio_instructions .instructions-tab .instructions-leaf .icon {
  width: 45px;
  height: 45px;
  background: url("/static/img/bulb.png") no-repeat transparent;
}

#activity_instructions .audio_instructions .instructions-tab .instructions-leaf .name {
  width: calc(100% - 55px);
}

#activity_instructions .audio_instructions .instructions-title {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
  font-size: 2rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: inherit;
  margin: 0;
}

#activity_instructions .audio_instructions .plus-sign {
  display: none;
  position: absolute;
  font-size: 52px;
  font-family: OpenSansRegular;
  z-index: 1;
  top: -5px;
  right: 20px;
  color: #D2D1CC;
  cursor: pointer;
}

#activity_instructions .audio_instructions .instructions {
  font-family: 'OpenSansRegular';
  padding: 0 0 20px 0;
}

#activity_instructions .audio_instructions .instructions .activity-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 15px 0 70px;
}

@media (min-width: 768px) and (max-width: 991.98px) {
  #activity_instructions .audio_instructions .instructions .activity-info {
    padding: 0 15px 70px;
  }
}

@media (max-width: 767.98px) {
  #activity_instructions .audio_instructions .instructions .activity-info {
    padding: 0 15px;
    margin-bottom: 20px;
  }
}

#activity_instructions .audio_instructions .instructions .activity-info .activity-image {
  width: 210px;
  padding-right: 10px;
}

@media (max-width: 767.98px) {
  #activity_instructions .audio_instructions .instructions .activity-info .activity-image {
    width: auto;
    margin: 0 auto;
    padding: 0;
  }
}

#activity_instructions .audio_instructions .instructions .activity-info .text {
  width: calc(100% - 210px);
  max-width: 520px;
}

@media (max-width: 767.98px) {
  #activity_instructions .audio_instructions .instructions .activity-info .text {
    width: 100%;
  }
}

#activity_instructions .audio_instructions .instructions .activity-info .text h3 {
  font-size: 24px;
  margin: 0 0 15px;
  line-height: 24px;
}

#activity_instructions .audio_instructions .instructions .activity-info .text p {
  margin: 0 0 15px 0;
  font-size: 13px;
}

#activity_instructions .audio_instructions .instructions .activity-info .text p.complete_activity_text {
  color: #777;
  margin: 10px 0 0;
}

@media (max-width: 575.98px) {
  #activity_instructions .audio_instructions .instructions .activity-info .text .video_block .video_player {
    overflow: visible;
  }

  #activity_instructions .audio_instructions .instructions .activity-info .text .video_block .video_player .btn-toggle-play {
    left: 10px;
  }

  #activity_instructions .audio_instructions .instructions .activity-info .text .video_block .video_player .btn-mute {
    left: 60px;
  }

  #activity_instructions .audio_instructions .instructions .activity-info .text .video_block .video_player .label-time-current {
    left: 90px;
  }

  #activity_instructions .audio_instructions .instructions .activity-info .text .video_block .video_player .volume-slider {
    left: 65px;
  }

  #activity_instructions .audio_instructions .instructions .activity-info .text .video_block .video_player .progress-bar {
    display: none;
  }
}

#activity_instructions .audio_instructions .instructions .activity-info .text .audio_block .hap_main {
  width: 100%;
  max-width: 440px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 991.98px) {
  #activity_instructions .audio_instructions .instructions .activity-info .text .audio_block .hap_main {
    position: absolute;
    left: 15px;
    bottom: -5px;
    max-width: 425px;
  }
}

@media (max-width: 767.98px) {
  #activity_instructions .audio_instructions .instructions .activity-info .text .audio_block .hap_main {
    position: relative;
    left: 0;
    bottom: 0;
  }
}

#activity_instructions .audio_instructions .instructions .activity-info .text .audio_block .hap_main .hap_button,
#activity_instructions .audio_instructions .instructions .activity-info .text .audio_block .hap_main .hap_progress,
#activity_instructions .audio_instructions .instructions .activity-info .text .audio_block .hap_main .hap_bar,
#activity_instructions .audio_instructions .instructions .activity-info .text .audio_block .hap_main .hap_mute,
#activity_instructions .audio_instructions .instructions .activity-info .text .audio_block .hap_main .empty_bar,
#activity_instructions .audio_instructions .instructions .activity-info .text .audio_block .hap_main .full_bar,
#activity_instructions .audio_instructions .instructions .activity-info .text .audio_block .hap_main .hap_atime,
#activity_instructions .audio_instructions .instructions .activity-info .text .audio_block .hap_main .hap_title,
#activity_instructions .audio_instructions .instructions .activity-info .text .audio_block .hap_main .hap_ctime {
  position: relative;
  left: 0;
  top: 0;
}

#activity_instructions .audio_instructions .instructions .activity-info .text .audio_block .hap_main .hap_progress {
  width: calc(100% - 240px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 575.98px) {
  #activity_instructions .audio_instructions .instructions .activity-info .text .audio_block .hap_main .hap_progress {
    width: calc(100% - 170px);
  }
}

#activity_instructions .audio_instructions .instructions .activity-info .text .audio_block .hap_main .hap_progress .hap_bar {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#activity_instructions .audio_instructions .instructions .activity-info .text .audio_block .hap_main .hap_progress .hap_bar .empty_bar {
  background-size: 100% 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#activity_instructions .audio_instructions .instructions .activity-info .text .audio_block .hap_main .hap_atime,
#activity_instructions .audio_instructions .instructions .activity-info .text .audio_block .hap_main .hap_ctime {
  display: block !important;
}

@media (max-width: 575.98px) {
  #activity_instructions .audio_instructions .instructions .activity-info .text .audio_block .hap_main .hap_atime,
  #activity_instructions .audio_instructions .instructions .activity-info .text .audio_block .hap_main .hap_ctime {
    width: 40px;
  }
}

@media (max-width: 575.98px) {
  #activity_instructions .audio_instructions .instructions .activity-info .text .audio_block .hap_main .hap_volume {
    left: 54px;
  }
}

#activity_instructions .audio_instructions .instructions .notification p {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
  padding-top: 10px;
  line-height: 20px;
  margin-bottom: 10px;
}

#skill_level_progress_bar {
  margin: 20px auto 0;
  max-width: 385px;
  min-width: 385px;
  position: relative;
}

#skill_level_progress_bar .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: 39px;
  overflow: hidden;
}

#skill_level_progress_bar .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%;
}

#skill_level_progress_bar .value.SA {
  background: repeating-linear-gradient(90deg, #c5168b, #c5168b 12px, #af147c 0px, #af147c 13px);
}

#skill_level_progress_bar .value.TH {
  background: repeating-linear-gradient(90deg, #fd783b, #fd783b 12px, #e16b35 0px, #e16b35 13px);
}

#skill_level_progress_bar .value.AS {
  background: repeating-linear-gradient(90deg, #0baee0, #0baee0 12px, #0a9bc7 0px, #0a9bc7 13px);
}

#skill_level_progress_bar .value.GI {
  background: repeating-linear-gradient(90deg, #22b141, #22b141 12px, #1e9e3a 0px, #1e9e3a 13px);
}

#skill_level_progress_bar .value.EM {
  background: repeating-linear-gradient(90deg, #fb3641, #fb3641 12px, #df303a 0px, #df303a 13px);
}

#skill_level_progress_bar .value.RE {
  background: repeating-linear-gradient(90deg, #1bc5c5, #1bc5c5 12px, #19b0b0 0px, #19b0b0 13px);
}

#skill_level_progress_bar .value.OT {
  background: repeating-linear-gradient(90deg, #fad212, #fad212 12px, #f3ca05 0px, #f3ca05 13px);
}

#skill_level_progress_bar .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;
}

#skill_level_progress_bar .value .progress-circle.SA {
  color: #c82993;
}

#skill_level_progress_bar .value .progress-circle.TH {
  color: #fd8925;
}

#skill_level_progress_bar .value .progress-circle.AS {
  color: #1da2df;
}

#skill_level_progress_bar .value .progress-circle.GI {
  color: #1fc525;
}

#skill_level_progress_bar .value .progress-circle.EM {
  color: #fc1923;
}

#skill_level_progress_bar .value .progress-circle.OT {
  color: #f4d420;
}

#skill_level_progress_bar .value .progress-circle.RE {
  color: #2ac4c5;
}

#skill_level_progress_bar .icon {
  height: 44px;
  width: 44px;
  position: absolute;
  left: 6px;
  top: -2px;
  border-radius: 50%;
  overflow: hidden;
}

#skill_level_progress_bar .icon .second {
  position: absolute;
  height: 44px;
  width: 22px;
  top: 0px;
  left: 22px;
}

#skill_level_progress_bar .icon .skill-icon-white.small {
  position: absolute;
  top: 8px;
  left: 8px;
}

#skill_level_progress_bar .icon.SA {
  background-color: #c5168a;
}

#skill_level_progress_bar .icon.SA .second {
  background-color: #b1147d;
}

#skill_level_progress_bar .icon.TH {
  background-color: #ff7a00;
}

#skill_level_progress_bar .icon.TH .second {
  background-color: #e56e00;
}

#skill_level_progress_bar .icon.AS {
  background-color: #00aaea;
}

#skill_level_progress_bar .icon.AS .second {
  background-color: #0099d2;
}

#skill_level_progress_bar .icon.GI {
  background-color: #06b709;
}

#skill_level_progress_bar .icon.GI .second {
  background-color: #05a408;
}

#skill_level_progress_bar .icon.EM {
  background-color: #ff3131;
}

#skill_level_progress_bar .icon.EM .second {
  background-color: #e52c2c;
}

#skill_level_progress_bar .icon.RE {
  background-color: #2ac4c5;
}

#skill_level_progress_bar .icon.RE .second {
  background-color: #29b6b8;
}

#skill_level_progress_bar .icon.OT {
  background-color: #f4d420;
}

#skill_level_progress_bar .icon.OT .second {
  background-color: #dbbe1d;
}

.recent_compliments .recent_compliment_card {
  margin: 0;
  border-radius: 0;
  background-clip: padding-box;
  padding: 30px 30px 20px;
  position: relative;
  cursor: pointer;
}

.recent_compliments .recent_compliment_card .published {
  position: absolute;
  font-size: 1.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  top: 5px;
  right: 30px;
}

.recent_compliments .recent_compliment_card:first-child {
  border-radius: 5px 5px 0 0;
  background-clip: padding-box;
  border-bottom: none;
}

.recent_compliments .recent_compliment_card:last-child {
  border-radius: 0 0 5px 5px;
  background-clip: padding-box;
  border-top: none;
}

#kindness-chain-map,
#public_home #kindness-chain-map {
  padding: 40px 0 120px;
}

#kindness-chain-map a,
#public_home #kindness-chain-map a {
  outline: none;
}

#kindness-chain-map .grid-row,
#public_home #kindness-chain-map .grid-row {
  max-width: 1015px;
}

#kindness-chain-map .activity_header,
#public_home #kindness-chain-map .activity_header {
  border-radius: 5px 5px 0 0;
  background-clip: padding-box;
  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%);
  width: 100%;
  padding: 10px;
  height: 58px;
  margin: 0;
}

#kindness-chain-map .activity_header .icon-give,
#public_home #kindness-chain-map .activity_header .icon-give {
  display: inline-block;
  background-image: url('/static/img/kindless_chain/give.png');
  background-repeat: no-repeat;
  width: 47px;
  height: 51px;
  position: relative;
  vertical-align: top;
}

#kindness-chain-map .activity_header .activity_name,
#public_home #kindness-chain-map .activity_header .activity_name {
  font-size: 2.4rem;
  font-family: OpenSansBold;
  font-weight: normal;
  line-height: 40px;
  vertical-align: top;
  color: #fff;
  display: inline-block;
}

#kindness-chain-map .activity_header .text,
#public_home #kindness-chain-map .activity_header .text {
  font-size: 1.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#kindness-chain-map .activity_header.GI .sprite-1.large,
#public_home #kindness-chain-map .activity_header.GI .sprite-1.large {
  margin: -6px 10px 0 22px;
}

#kindness-chain-map .activity_header.kc .activity_name,
#public_home #kindness-chain-map .activity_header.kc .activity_name {
  font-size: 2.4rem;
  font-family: OpenSansBold;
  font-weight: normal;
  color: #fbfbfb;
  position: relative;
}

#kindness-chain-map .activity_header.kc .activity_name:after,
#public_home #kindness-chain-map .activity_header.kc .activity_name:after {
  display: none;
  content: "";
  width: 78px;
  height: 41px;
  background: url('/static/img/kindless_chain/ellen_1.png') no-repeat transparent;
  position: absolute;
  left: 101%;
}

#kindness-chain-map .grid-unit.cta,
#public_home #kindness-chain-map .grid-unit.cta {
  font-size: 1.8rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  width: 100%;
  border-left: 2px solid #E3E3E3;
  border-right: 2px solid #E3E3E3;
  border-bottom: 2px solid #E3E3E3;
  text-align: center;
  margin: 0;
  padding: 12px 0;
}

#kindness-chain-map .grid-unit.cta span,
#public_home #kindness-chain-map .grid-unit.cta span {
  color: #372f2b;
}

#kindness-chain-map .grid-unit.cta button,
#public_home #kindness-chain-map .grid-unit.cta button {
  font-size: 1.8rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #ff7a00;
  text-decoration: underline;
  margin-left: 3px;
  background: transparent;
  padding: 0;
}

#kindness-chain-map .grid-unit.cta.hidden,
#public_home #kindness-chain-map .grid-unit.cta.hidden {
  display: none;
}

#kindness-chain-map .grid-unit.rail,
#public_home #kindness-chain-map .grid-unit.rail {
  border-radius: 0 0 0 5px;
  background-clip: padding-box;
  width: 375px;
  border-left: 2px solid #E3E3E3;
  border-right: 2px solid #E3E3E3;
  border-bottom: 2px solid #E3E3E3;
  height: 643px;
  margin: 0;
}

#kindness-chain-map .grid-unit.rail .map-nav,
#public_home #kindness-chain-map .grid-unit.rail .map-nav {
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  padding: 0;
  margin: 15px auto;
  height: 22px;
  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;
}

#kindness-chain-map .grid-unit.rail .map-nav li button,
#public_home #kindness-chain-map .grid-unit.rail .map-nav li button {
  color: #777;
  background: transparent;
  height: auto;
  padding: 0;
  font-family: OpenSansRegular;
  line-height: 1.4em;
}

#kindness-chain-map .grid-unit.rail .map-nav li button:hover,
#public_home #kindness-chain-map .grid-unit.rail .map-nav li button:hover {
  text-decoration: none;
}

#kindness-chain-map .grid-unit.rail .map-nav li.selected,
#public_home #kindness-chain-map .grid-unit.rail .map-nav li.selected {
  border-bottom: 1px solid #777;
}

#kindness-chain-map .grid-unit.rail .map-nav li:nth-child(2) img,
#public_home #kindness-chain-map .grid-unit.rail .map-nav li:nth-child(2) img {
  width: 15px;
  height: 15px;
  margin: 0 5px;
}

#kindness-chain-map .grid-unit.rail .map-nav.short,
#public_home #kindness-chain-map .grid-unit.rail .map-nav.short {
  width: 25px;
}

#kindness-chain-map .grid-unit.rail .map_stats,
#public_home #kindness-chain-map .grid-unit.rail .map_stats {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin: 0 20px 15px;
  color: #00aaea;
  text-align: center;
}

#kindness-chain-map .grid-unit.rail .map_stats b,
#public_home #kindness-chain-map .grid-unit.rail .map_stats b,
#kindness-chain-map .grid-unit.rail .map_stats strong,
#public_home #kindness-chain-map .grid-unit.rail .map_stats strong {
  font-family: OpenSansSemiBold;
  font-weight: normal;
}

#kindness-chain-map .grid-unit.rail .map_stats .happified,
#public_home #kindness-chain-map .grid-unit.rail .map_stats .happified {
  display: inline-block;
  vertical-align: top;
  width: 40%;
}

#kindness-chain-map .grid-unit.rail .map_stats .miles,
#public_home #kindness-chain-map .grid-unit.rail .map_stats .miles {
  display: inline-block;
  vertical-align: top;
  width: 57%;
}

#kindness-chain-map .grid-unit.rail .compliment_cards,
#public_home #kindness-chain-map .grid-unit.rail .compliment_cards {
  max-height: 554px;
  overflow-x: hidden;
  overflow-y: auto;
  border-top: 2px solid #e3e3e3;
}

#kindness-chain-map .grid-unit.rail .compliment_cards::-webkit-scrollbar,
#public_home #kindness-chain-map .grid-unit.rail .compliment_cards::-webkit-scrollbar {
  width: 8px;
  /* for vertical scrollbars */
}

#kindness-chain-map .grid-unit.rail .compliment_cards::-webkit-scrollbar-track-piece,
#public_home #kindness-chain-map .grid-unit.rail .compliment_cards::-webkit-scrollbar-track-piece {
  background-color: #fff;
}

#kindness-chain-map .grid-unit.rail .compliment_cards::-webkit-scrollbar-thumb,
#public_home #kindness-chain-map .grid-unit.rail .compliment_cards::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 6px;
  background-clip: padding-box;
}

#kindness-chain-map .grid-unit.map-container,
#public_home #kindness-chain-map .grid-unit.map-container {
  border-radius: 0 0 5px 0;
  background-clip: padding-box;
  width: 640px;
  border-right: 2px solid #E3E3E3;
  border-bottom: 2px solid #E3E3E3;
  position: relative;
  margin: 0;
}

#kindness-chain-map.cta .grid-unit.rail,
#public_home #kindness-chain-map.cta .grid-unit.rail {
  height: 592px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

#kindness-chain-map.cta .grid-unit.rail .compliment_cards,
#public_home #kindness-chain-map.cta .grid-unit.rail .compliment_cards {
  max-height: 503px;
  margin: 4px;
}

html[lang=fr] body #kindness-chain-map .grid-unit.rail .map_stats,
html[lang=fr] #public_home #kindness-chain-map .grid-unit.rail .map_stats {
  font-size: 10px;
}

html[lang=ja] body #kindness-chain-map .grid-unit.rail .map_stats,
html[lang=ja] #public_home #kindness-chain-map .grid-unit.rail .map_stats {
  font-size: 12px;
}

html[lang=ja] body #kindness-chain-map .grid-unit.rail .map_stats .happified,
html[lang=ja] #public_home #kindness-chain-map .grid-unit.rail .map_stats .happified {
  width: 50%;
}

html[lang=ja] body #kindness-chain-map .grid-unit.rail .map_stats .miles,
html[lang=ja] #public_home #kindness-chain-map .grid-unit.rail .map_stats .miles {
  width: 48%;
}

#map-canvas {
  width: 638px;
  height: 642px;
}

.map-overlay {
  width: 638px;
  height: 642px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
}

.map-overlay .overlay-panel {
  opacity: 0.75;
  background: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
}

.map-overlay .message-panel {
  text-align: center;
  color: #372f2b;
  width: 100%;
  position: absolute;
  top: 180px;
  padding: 20px;
}

.map-overlay .message-panel .title {
  font-size: 2rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
}

.map-overlay .message-panel .message {
  margin: 40px auto;
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  width: 80%;
  line-height: 22px;
}

.map-overlay .message-panel .button {
  min-width: 280px;
  height: 60px;
  line-height: 60px;
  font-size: 14px;
}

#kindness-chain-map.cta .map-container #map-canvas {
  height: 591px;
}

.gm-style .controls {
  font-size: 28px;
  /* this adjusts the size of all the controls */
  background-color: white;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 2px;
  cursor: pointer;
  font-weight: 300;
  height: 40px;
  margin: 6px;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 2px;
  width: 40px;
  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;
  top: 0px !important;
}

.gm-style .controls button {
  border: 0;
  background-color: white;
  color: rgba(0, 0, 0, 0.6);
}

.gm-style .controls button:hover {
  color: rgba(0, 0, 0, 0.9);
}

.gm-style .controls.fullscreen-control button {
  display: block;
  font-size: 1em;
  height: 80%;
  width: 80%;
}

.gm-style .controls.fullscreen-control .fullscreen-control-icon {
  border-style: solid;
  height: 0.25em;
  position: absolute;
  width: 0.25em;
}

.gm-style .controls.fullscreen-control .fullscreen-control-icon.fullscreen-control-top-left {
  border-width: 2px 0 0 2px;
  left: 0.1em;
  top: 0.1em;
}

.gm-style .controls.fullscreen-control.is-fullscreen .fullscreen-control-icon.fullscreen-control-top-left {
  border-width: 0 2px 2px 0;
}

.gm-style .controls.fullscreen-control .fullscreen-control-icon.fullscreen-control-top-right {
  border-width: 2px 2px 0 0;
  right: 0.1em;
  top: 0.1em;
}

.gm-style .controls.fullscreen-control.is-fullscreen .fullscreen-control-icon.fullscreen-control-top-right {
  border-width: 0 0 2px 2px;
}

.gm-style .controls.fullscreen-control .fullscreen-control-icon.fullscreen-control-bottom-left {
  border-width: 0 0 2px 2px;
  left: 0.1em;
  bottom: 0.1em;
}

.gm-style .controls.fullscreen-control.is-fullscreen .fullscreen-control-icon.fullscreen-control-bottom-left {
  border-width: 2px 2px 0 0;
}

.gm-style .controls.fullscreen-control .fullscreen-control-icon.fullscreen-control-bottom-right {
  border-width: 0 2px 2px 0;
  right: 0.1em;
  bottom: 0.1em;
}

.gm-style .controls.fullscreen-control.is-fullscreen .fullscreen-control-icon.fullscreen-control-bottom-right {
  border-width: 2px 0 0 2px;
}

.zoom__controls {
  font-size: 28px;
  background-color: white;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 2px;
  cursor: pointer;
  font-weight: 300;
  margin: 6px;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 80px;
  top: 80% !important;
}

.controls__wrapper {
  height: 100%;
}

.controls--zoom-in {
  margin: 0px;
  padding: 0;
  border: 0;
  background-color: white;
  color: rgba(0, 0, 0, 0.6);
  height: 40px;
  width: 40px;
  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;
  font-size: 30px;
}

.controls--zoom-out {
  margin: 0px;
  padding: 0;
  border: 0;
  background-color: white;
  color: rgba(0, 0, 0, 0.6);
  height: 40px;
  width: 40px;
  font-size: 40px;
  line-height: 40px;
  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;
}

.kindness_map_card {
  border-bottom: 2px solid #e3e3e3;
  padding: 15px 15px 15px 10px;
  margin: 4px;
  cursor: pointer;
}

.kindness_map_card:last-child {
  border: 0;
}

.kindness_map_card .compliment_image {
  display: inline-block;
  vertical-align: top;
  width: 29%;
  margin-top: 5px;
}

.kindness_map_card .user_data {
  display: inline-block;
  vertical-align: top;
  width: 69%;
  position: relative;
  padding: 15px 0 0 5px;
}

.kindness_map_card .user_data .message-wrapper {
  min-height: 91px;
  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;
}

.kindness_map_card .user_data img.avatar-34 {
  float: left;
  margin-right: 10px;
}

.kindness_map_card .user_data .user {
  font-size: 1.1rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #00aaea;
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 50px);
  padding: 5px 0 2px;
  max-height: 2.1rem;
  overflow: hidden;
}

.kindness_map_card .user_data .started {
  font-size: 1.1rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  position: absolute;
  right: 0;
  top: -3px;
}

.kindness_map_card .user_data .users_in_chain {
  font-size: 1.1rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

.kindness_map_card .user_data .users_in_chain b,
.kindness_map_card .user_data .users_in_chain strong {
  font-size: 1.2rem;
  font-family: OpenSansBold;
  font-weight: normal;
}

.kindness_map_card.selected {
  background: #e2f2f9;
}

#meditation_activity_tips,
#meditation_activity_main {
  background-color: #fff;
  width: 100%;
  border: 1px solid #cdcdcd;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 500px;
}

@media (max-width: 575.98px) {
  #meditation_activity_tips,
  #meditation_activity_main {
    min-height: 640px;
  }
}

#meditation_activity_tips h2,
#meditation_activity_main h2 {
  font-size: 40px;
  text-align: center;
  margin-bottom: 40px;
  display: block;
}

#meditation_activity_tips .tips-container,
#meditation_activity_main .tips-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (max-width: 991.98px) {
  #meditation_activity_tips .tips-container,
  #meditation_activity_main .tips-container {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

#meditation_activity_tips .activity-info-wrap,
#meditation_activity_main .activity-info-wrap {
  margin: 60px 0 100px;
}

@media (max-width: 991.98px) {
  #meditation_activity_tips .activity-info-wrap,
  #meditation_activity_main .activity-info-wrap {
    margin: 0;
  }
}

#meditation_activity_tips .activity-info-wrap .activity_info,
#meditation_activity_main .activity-info-wrap .activity_info {
  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: 767.98px) {
  #meditation_activity_tips .activity-info-wrap .activity_info,
  #meditation_activity_main .activity-info-wrap .activity_info {
    margin-bottom: 20px;
  }
}

#meditation_activity_tips {
  padding: 60px 15px;
}

#meditation_activity_main {
  padding: 20px 15px;
}

#meditation_activity_main .back {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #ff7a00;
  margin-bottom: 20px;
  display: inline-block;
}

#meditation_activity_main .back:hover {
  text-decoration: underline !important;
}

#meditation_activity_main .image-container {
  width: 180px;
}

@media (max-width: 991.98px) {
  #meditation_activity_main .image-container {
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
  }
}

#meditation_activity_main .audio_player {
  width: calc(100% - 210px);
}

@media (max-width: 991.98px) {
  #meditation_activity_main .audio_player {
    width: 100%;
    margin-bottom: 10px;
  }
}

#meditation_activity_main .audio_player .card {
  margin-bottom: 25px;
}

@media (max-width: 767.98px) {
  #meditation_activity_main .audio_player .card {
    margin-bottom: 10px;
  }
}

#meditation_activity_main .audio_player .card .image-container {
  width: 60px;
  height: 60px;
  display: inline-block;
  margin-bottom: 0;
}

#meditation_activity_main .audio_player .card .image-container img {
  border-radius: 50%;
  background-clip: padding-box;
}

#meditation_activity_main .audio_player .card .card-inner {
  display: inline-block;
  vertical-align: top;
}

#meditation_activity_main .audio_player .card .card-inner .name {
  font-size: 2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #00aaea;
  margin: 0;
}

#meditation_activity_main .audio_player .card .card-inner .created {
  margin-top: 3px;
}

#meditation_activity_main .audio_player .card .card-inner .created span {
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
}

#meditation_activity_main .audio_player .audio_block {
  margin: 20px 0;
}

#meditation_activity_main .audio_player .audio_block .hap_main {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#meditation_activity_main .audio_player .audio_block .hap_main .hap_button,
#meditation_activity_main .audio_player .audio_block .hap_main .hap_progress,
#meditation_activity_main .audio_player .audio_block .hap_main .hap_bar,
#meditation_activity_main .audio_player .audio_block .hap_main .hap_mute,
#meditation_activity_main .audio_player .audio_block .hap_main .empty_bar,
#meditation_activity_main .audio_player .audio_block .hap_main .full_bar,
#meditation_activity_main .audio_player .audio_block .hap_main .hap_atime,
#meditation_activity_main .audio_player .audio_block .hap_main .hap_title,
#meditation_activity_main .audio_player .audio_block .hap_main .hap_ctime {
  position: relative;
  left: 0;
  top: 0;
}

#meditation_activity_main .audio_player .audio_block .hap_main .hap_progress {
  width: calc(100% - 240px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 575.98px) {
  #meditation_activity_main .audio_player .audio_block .hap_main .hap_progress {
    width: calc(100% - 170px);
  }
}

#meditation_activity_main .audio_player .audio_block .hap_main .hap_progress .hap_bar {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#meditation_activity_main .audio_player .audio_block .hap_main .hap_progress .hap_bar .empty_bar {
  background-size: 100% 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 575.98px) {
  #meditation_activity_main .audio_player .audio_block .hap_main .hap_atime,
  #meditation_activity_main .audio_player .audio_block .hap_main .hap_ctime {
    width: 40px;
  }
}

@media (max-width: 575.98px) {
  #meditation_activity_main .audio_player .audio_block .hap_main .hap_volume {
    left: 54px;
  }
}

#meditation_activity_main .audio_player .instruction {
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
  min-height: 42px;
}

@media (max-width: 767.98px) {
  #meditation_activity_main .audio_player .instruction {
    margin-bottom: 25px;
  }
}

#meditation_activity_main .audio_player .instruction p:first-child {
  margin-top: 0;
}

#meditation_activity_main .audio_player .instruction p:last-child {
  margin-bottom: 0;
}

#meditation_activity_main .audio_player .favorites {
  cursor: pointer;
  line-height: 18px;
}

#meditation_activity_main .audio_player .favorites .checkbox {
  width: 18px;
  height: 18px;
  background: url("/static/img/activities/med_activity/inactive.png") no-repeat transparent;
  background-size: cover;
  display: inline-block;
  cursor: pointer;
  text-align: center;
  margin-right: 5px;
}

#meditation_activity_main .audio_player .favorites .checkbox img.check {
  display: none;
}

#meditation_activity_main .audio_player .favorites .checkbox.checked {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background: url("/static/img/activities/med_activity/active.png") no-repeat transparent;
  background-size: cover;
}

#meditation_activity_main .audio_player .favorites .checkbox.checked img.check {
  padding: 4px;
  display: block;
}

#meditation_activity_main .audio_player .favorites span {
  font-size: 1.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #777;
  vertical-align: top;
}

#meditation_activity_main .notification p {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
}

#meditation_activity_tips {
  overflow-x: hidden;
  overflow-y: auto;
}

#meditation_activity_tips #cats-select-listbox-button {
  width: 100%;
  text-align: left;
  background-color: transparent;
  color: #777;
  line-height: normal;
}

#meditation_activity_tips #cats-select {
  font-size: 1.6rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  border-radius: 3px;
  background-clip: padding-box;
  color: #777;
  min-width: 32%;
  min-height: 50px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  cursor: pointer;
  margin: 20px 0;
  border: 1px solid #dfdfdb;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (min-width: 768px) and (max-width: 991.98px) {
  #meditation_activity_tips #cats-select {
    max-width: 48%;
  }
}

@media (max-width: 767.98px) {
  #meditation_activity_tips #cats-select {
    max-width: 100%;
  }
}

#meditation_activity_tips #cats-select .categories {
  background: #fff;
  border-radius: 3px;
  background-clip: padding-box;
  position: absolute;
  top: 55px;
  left: 0;
  width: 100%;
  border: 1px solid #dfdfdb;
  cursor: pointer;
  z-index: 9999;
}

#meditation_activity_tips #cats-select .categories .category {
  line-height: 1.4em;
  padding: 10px 20px;
}

#meditation_activity_tips #cats-select .categories .category:hover {
  background: #ebebe8;
}

#meditation_activity_tips #cats-select .categories .category.focused {
  background: #ebebe8;
}

#meditation_activity_tips #cats-select.open .categories {
  display: block;
}

#meditation_activity_tips #cats-select:after {
  content: "";
  border-style: solid;
  width: 0;
  height: 0;
  border-color: rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  position: absolute;
  z-index: 1;
  border-width: 8px;
  right: 10px;
  margin-left: 0;
  top: 21px;
  pointer-events: none;
}

#meditation_activity_tips #cats-select.open:after {
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0.3);
  top: 11px;
}

.activity_tip_card {
  border-radius: 5px;
  border: 1px solid #d7d7d2;
  border-bottom: 3px solid #d7d7d2;
  cursor: pointer;
  margin-bottom: 10px;
  width: 32%;
  position: relative;
  margin-right: 2%;
}

@media (min-width: 992px) {
  .activity_tip_card:nth-child(3n) {
    margin-right: 0;
  }
}

@media (max-width: 991.98px) {
  .activity_tip_card {
    margin-right: 0;
    width: 48%;
  }
}

@media (max-width: 767.98px) {
  .activity_tip_card {
    width: 100%;
  }
}

.activity_tip_card .activity_card_button {
  background: none;
  width: 100%;
  white-space: initial;
}

.activity_tip_card .activity_card_button .card-body {
  text-align: left;
  line-height: initial;
}

.activity_tip_card .activity_card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 10px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 100%;
}

.activity_tip_card .activity_card:hover .unlock {
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  opacity: 1;
}

.activity_tip_card .activity_card:focus .unlock {
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  opacity: 1;
}

.activity_tip_card .activity_card .activity-tip-avatar {
  width: 70px;
  height: 70px;
  background-size: contain;
  background-position: center;
}

.activity_tip_card .activity_card .image-container {
  width: 70px;
  height: 70px;
}

@media (max-width: 575.98px) {
  .activity_tip_card .activity_card .image-container {
    width: 50px;
    height: 50px;
  }
}

.activity_tip_card .activity_card .card-body {
  position: relative;
  width: calc(100% - 80px);
}

@media (max-width: 575.98px) {
  .activity_tip_card .activity_card .card-body {
    width: calc(100% - 60px);
  }
}

.activity_tip_card .activity_card .name {
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #ff7a00;
  line-height: 18px;
}

.activity_tip_card .activity_card .time {
  font-size: 1.5rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
  display: block;
}

.activity_tip_card .activity_card .created {
  font-size: 1.3rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
  display: block;
}

.activity_tip_card .activity_card .created i,
.activity_tip_card .activity_card .created em {
  padding-right: 4px;
}

.activity_tip_card .activity_card.locked .card-body .name {
  width: 180px;
  display: inline-block;
}

.activity_tip_card .lock {
  border-radius: 4px;
  background-clip: padding-box;
  border-top: 5px solid #81BA00;
  width: 100%;
  text-align: right;
  position: absolute;
  top: 0;
  left: 0;
}

.activity_tip_card .lock .flag-star {
  position: relative;
  top: -3px;
  margin-right: 7px;
}

.activity_tip_card .unlock {
  -webkit-transition: opacity 0.1s linear;
  transition: opacity 0.1s linear;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 4px;
  background-clip: padding-box;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  padding: 20px;
  z-index: 999;
}

.activity_tip_card .unlock .padlock {
  display: inline-block;
  vertical-align: top;
  margin-left: 17px;
}

.activity_tip_card .unlock .button-section {
  font-size: 1.3rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #81BA00;
  margin: -4px 0 0 15px;
  vertical-align: top;
  display: inline-block;
  width: 182px;
  text-align: center;
}

.activity_tip_card .unlock .button-section button.green {
  margin-top: 5px;
  font-size: 12px;
  line-height: 30px;
  height: 30px;
}

.activity_tip_card .unlock .button-section button.green .flag-white {
  vertical-align: middle;
  margin-left: 12px;
  margin-top: -1px;
}

/* dependings from skill */

.compass_body.TH span:focus {
  outline: 4px solid #000 !important;
}

.compass_body.TH .pointers_cnt .div_point {
  background-color: #ff7a00;
}

.compass_body.TH .compass_msg_question.post .compass_smile_1,
.compass_body.TH .item_snd_smiles .compass_smile_1,
.compass_body.TH .compass_msg_question.post .compass_smile_2,
.compass_body.TH .item_snd_smiles .compass_smile_2,
.compass_body.TH .compass_msg_question.post .compass_smile_3,
.compass_body.TH .item_snd_smiles .compass_smile_3,
.compass_body.TH .compass_msg_question.post .compass_smile_4,
.compass_body.TH .item_snd_smiles .compass_smile_4 {
  background-position-y: -4px;
}

.compass_body.TH .item_snd_smiles.active,
.compass_body.TH .item_snd_smiles:hover {
  color: #fff;
  background-color: #ff7a00;
}

.compass_body.TH .compass_upload_button,
.compass_body.TH .compass_continue_button,
.compass_body.TH .item_snd_smiles {
  color: #ff7a00;
  background-color: #fff;
  border-color: #ff7a00;
}

.compass_body.TH .item_snd_multi + label .check_item_point {
  background-position-y: -1px !important;
}

.compass_body.TH .compass_input_single .single_input_smart,
.compass_body.TH .compass_input_multi .single_input_smart,
.compass_body.TH .compass_snd_bd .single_input_smart,
.compass_body.TH .compass_input_single .single_input,
.compass_body.TH .compass_input_multi .single_input,
.compass_body.TH .compass_snd_bd .single_input,
.compass_body.TH .compass_input_single .multi_input,
.compass_body.TH .compass_input_multi .multi_input,
.compass_body.TH .compass_snd_bd .multi_input {
  color: #777;
}

.compass_body.TH .buttons_send_flat,
.compass_body.TH .compass_snd_button {
  color: #ff7a00;
  background-color: #fff;
}

.compass_body.TH .buttons_send_flat.selected,
.compass_body.TH .compass_snd_button.selected,
.compass_body.TH .buttons_send_flat.active:hover,
.compass_body.TH .compass_snd_button.active:hover {
  color: #fff;
  background-color: #ff7a00;
}

.compass_body.TH .buttons_send_flat:focus,
.compass_body.TH .compass_snd_button:focus {
  outline: 4px solid #000 !important;
}

.compass_body.TH .buttons_send_flat.disabled,
.compass_body.TH .compass_snd_button.disabled {
  color: #adb6ba;
  cursor: default;
  opacity: 0.5;
}

.compass_body.TH .buttons_send_flat.active,
.compass_body.TH .compass_snd_button.active {
  cursor: pointer;
}

.compass_body.TH .single_input_smart,
.compass_body.TH .single_input,
.compass_body.TH .multi_input {
  caret-color: #ff7a00;
}

.compass_body.TH .user_post .title {
  color: #ff7a00;
}

.compass_body.TH .compass_msg_answer .msg {
  background-color: #ff7a00;
}

.compass_body.TH .compass_msg_answer .msg a,
.compass_body.TH .compass_msg_answer .msg a:visited {
  color: #fff;
}

.compass_body.TH .compass_snd_bd input.day,
.compass_body.TH .compass_snd_bd input.month,
.compass_body.TH .compass_snd_bd input.year {
  caret-color: #ff7a00;
}

.compass_body.TH .compass_snd_single_items span.current_item {
  color: #777;
  background-color: #fff;
  border: 1px solid #ff7a00;
}

.compass_body.TH .compass_snd_single_items span.current_item.selected,
.compass_body.TH .compass_snd_single_items span.current_item.active:hover {
  color: #fff;
  background-color: #ff7a00;
}

.compass_body.TH .compass_bg {
  background-color: #fbede1;
}

.compass_body.AS span:focus {
  outline: 4px solid #000 !important;
}

.compass_body.AS .pointers_cnt .div_point {
  background-color: #00aaea;
}

.compass_body.AS .compass_msg_question.post .compass_smile_1,
.compass_body.AS .item_snd_smiles .compass_smile_1,
.compass_body.AS .compass_msg_question.post .compass_smile_2,
.compass_body.AS .item_snd_smiles .compass_smile_2,
.compass_body.AS .compass_msg_question.post .compass_smile_3,
.compass_body.AS .item_snd_smiles .compass_smile_3,
.compass_body.AS .compass_msg_question.post .compass_smile_4,
.compass_body.AS .item_snd_smiles .compass_smile_4 {
  background-position-y: -180px;
}

.compass_body.AS .item_snd_smiles.active,
.compass_body.AS .item_snd_smiles:hover {
  color: #fff;
  background-color: #00aaea;
}

.compass_body.AS .compass_upload_button,
.compass_body.AS .compass_continue_button,
.compass_body.AS .item_snd_smiles {
  color: #00aaea;
  background-color: #fff;
  border-color: #00aaea;
}

.compass_body.AS .item_snd_multi + label .check_item_point {
  background-position-y: -28px !important;
}

.compass_body.AS .compass_input_single .single_input_smart,
.compass_body.AS .compass_input_multi .single_input_smart,
.compass_body.AS .compass_snd_bd .single_input_smart,
.compass_body.AS .compass_input_single .single_input,
.compass_body.AS .compass_input_multi .single_input,
.compass_body.AS .compass_snd_bd .single_input,
.compass_body.AS .compass_input_single .multi_input,
.compass_body.AS .compass_input_multi .multi_input,
.compass_body.AS .compass_snd_bd .multi_input {
  color: #777;
}

.compass_body.AS .buttons_send_flat,
.compass_body.AS .compass_snd_button {
  color: #00aaea;
  background-color: #fff;
}

.compass_body.AS .buttons_send_flat.selected,
.compass_body.AS .compass_snd_button.selected,
.compass_body.AS .buttons_send_flat.active:hover,
.compass_body.AS .compass_snd_button.active:hover {
  color: #fff;
  background-color: #00aaea;
}

.compass_body.AS .buttons_send_flat:focus,
.compass_body.AS .compass_snd_button:focus {
  outline: 4px solid #000 !important;
}

.compass_body.AS .buttons_send_flat.disabled,
.compass_body.AS .compass_snd_button.disabled {
  color: #adb6ba;
  cursor: default;
  opacity: 0.5;
}

.compass_body.AS .buttons_send_flat.active,
.compass_body.AS .compass_snd_button.active {
  cursor: pointer;
}

.compass_body.AS .single_input_smart,
.compass_body.AS .single_input,
.compass_body.AS .multi_input {
  caret-color: #00aaea;
}

.compass_body.AS .user_post .title {
  color: #00aaea;
}

.compass_body.AS .compass_msg_answer .msg {
  background-color: #00aaea;
}

.compass_body.AS .compass_msg_answer .msg a,
.compass_body.AS .compass_msg_answer .msg a:visited {
  color: #fff;
}

.compass_body.AS .compass_snd_bd input.day,
.compass_body.AS .compass_snd_bd input.month,
.compass_body.AS .compass_snd_bd input.year {
  caret-color: #00aaea;
}

.compass_body.AS .compass_snd_single_items span.current_item {
  color: #777;
  background-color: #fff;
  border: 1px solid #00aaea;
}

.compass_body.AS .compass_snd_single_items span.current_item.selected,
.compass_body.AS .compass_snd_single_items span.current_item.active:hover {
  color: #fff;
  background-color: #00aaea;
}

.compass_body.AS .compass_bg {
  background-color: #e1f2f8;
}

.compass_body.EM span:focus {
  outline: 4px solid #000 !important;
}

.compass_body.EM .pointers_cnt .div_point {
  background-color: #ff3131;
}

.compass_body.EM .compass_msg_question.post .compass_smile_1,
.compass_body.EM .item_snd_smiles .compass_smile_1,
.compass_body.EM .compass_msg_question.post .compass_smile_2,
.compass_body.EM .item_snd_smiles .compass_smile_2,
.compass_body.EM .compass_msg_question.post .compass_smile_3,
.compass_body.EM .item_snd_smiles .compass_smile_3,
.compass_body.EM .compass_msg_question.post .compass_smile_4,
.compass_body.EM .item_snd_smiles .compass_smile_4 {
  background-position-y: -268px;
}

.compass_body.EM .item_snd_smiles.active,
.compass_body.EM .item_snd_smiles:hover {
  color: #fff;
  background-color: #ff3131;
}

.compass_body.EM .compass_upload_button,
.compass_body.EM .compass_continue_button,
.compass_body.EM .item_snd_smiles {
  color: #ff3131;
  background-color: #fff;
  border-color: #ff3131;
}

.compass_body.EM .item_snd_multi + label .check_item_point {
  background-position-y: -82px !important;
}

.compass_body.EM .compass_input_single .single_input_smart,
.compass_body.EM .compass_input_multi .single_input_smart,
.compass_body.EM .compass_snd_bd .single_input_smart,
.compass_body.EM .compass_input_single .single_input,
.compass_body.EM .compass_input_multi .single_input,
.compass_body.EM .compass_snd_bd .single_input,
.compass_body.EM .compass_input_single .multi_input,
.compass_body.EM .compass_input_multi .multi_input,
.compass_body.EM .compass_snd_bd .multi_input {
  color: #777;
}

.compass_body.EM .buttons_send_flat,
.compass_body.EM .compass_snd_button {
  color: #ff3131;
  background-color: #fff;
}

.compass_body.EM .buttons_send_flat.selected,
.compass_body.EM .compass_snd_button.selected,
.compass_body.EM .buttons_send_flat.active:hover,
.compass_body.EM .compass_snd_button.active:hover {
  color: #fff;
  background-color: #ff3131;
}

.compass_body.EM .buttons_send_flat:focus,
.compass_body.EM .compass_snd_button:focus {
  outline: 4px solid #000 !important;
}

.compass_body.EM .buttons_send_flat.disabled,
.compass_body.EM .compass_snd_button.disabled {
  color: #adb6ba;
  cursor: default;
  opacity: 0.5;
}

.compass_body.EM .buttons_send_flat.active,
.compass_body.EM .compass_snd_button.active {
  cursor: pointer;
}

.compass_body.EM .single_input_smart,
.compass_body.EM .single_input,
.compass_body.EM .multi_input {
  caret-color: #ff3131;
}

.compass_body.EM .user_post .title {
  color: #ff3131;
}

.compass_body.EM .compass_msg_answer .msg {
  background-color: #ff3131;
}

.compass_body.EM .compass_msg_answer .msg a,
.compass_body.EM .compass_msg_answer .msg a:visited {
  color: #fff;
}

.compass_body.EM .compass_snd_bd input.day,
.compass_body.EM .compass_snd_bd input.month,
.compass_body.EM .compass_snd_bd input.year {
  caret-color: #ff3131;
}

.compass_body.EM .compass_snd_single_items span.current_item {
  color: #777;
  background-color: #fff;
  border: 1px solid #ff3131;
}

.compass_body.EM .compass_snd_single_items span.current_item.selected,
.compass_body.EM .compass_snd_single_items span.current_item.active:hover {
  color: #fff;
  background-color: #ff3131;
}

.compass_body.EM .compass_bg {
  background-color: #fbe6e6;
}

.compass_body.GI span:focus {
  outline: 4px solid #000 !important;
}

.compass_body.GI .pointers_cnt .div_point {
  background-color: #06b709;
}

.compass_body.GI .compass_msg_question.post .compass_smile_1,
.compass_body.GI .item_snd_smiles .compass_smile_1,
.compass_body.GI .compass_msg_question.post .compass_smile_2,
.compass_body.GI .item_snd_smiles .compass_smile_2,
.compass_body.GI .compass_msg_question.post .compass_smile_3,
.compass_body.GI .item_snd_smiles .compass_smile_3,
.compass_body.GI .compass_msg_question.post .compass_smile_4,
.compass_body.GI .item_snd_smiles .compass_smile_4 {
  background-position-y: -312px;
}

.compass_body.GI .item_snd_smiles.active,
.compass_body.GI .item_snd_smiles:hover {
  color: #fff;
  background-color: #06b709;
}

.compass_body.GI .compass_upload_button,
.compass_body.GI .compass_continue_button,
.compass_body.GI .item_snd_smiles {
  color: #06b709;
  background-color: #fff;
  border-color: #06b709;
}

.compass_body.GI .item_snd_multi + label .check_item_point {
  background-position-y: -109px !important;
}

.compass_body.GI .compass_input_single .single_input_smart,
.compass_body.GI .compass_input_multi .single_input_smart,
.compass_body.GI .compass_snd_bd .single_input_smart,
.compass_body.GI .compass_input_single .single_input,
.compass_body.GI .compass_input_multi .single_input,
.compass_body.GI .compass_snd_bd .single_input,
.compass_body.GI .compass_input_single .multi_input,
.compass_body.GI .compass_input_multi .multi_input,
.compass_body.GI .compass_snd_bd .multi_input {
  color: #777;
}

.compass_body.GI .buttons_send_flat,
.compass_body.GI .compass_snd_button {
  color: #06b709;
  background-color: #fff;
}

.compass_body.GI .buttons_send_flat.selected,
.compass_body.GI .compass_snd_button.selected,
.compass_body.GI .buttons_send_flat.active:hover,
.compass_body.GI .compass_snd_button.active:hover {
  color: #fff;
  background-color: #06b709;
}

.compass_body.GI .buttons_send_flat:focus,
.compass_body.GI .compass_snd_button:focus {
  outline: 4px solid #000 !important;
}

.compass_body.GI .buttons_send_flat.disabled,
.compass_body.GI .compass_snd_button.disabled {
  color: #adb6ba;
  cursor: default;
  opacity: 0.5;
}

.compass_body.GI .buttons_send_flat.active,
.compass_body.GI .compass_snd_button.active {
  cursor: pointer;
}

.compass_body.GI .single_input_smart,
.compass_body.GI .single_input,
.compass_body.GI .multi_input {
  caret-color: #06b709;
}

.compass_body.GI .user_post .title {
  color: #06b709;
}

.compass_body.GI .compass_msg_answer .msg {
  background-color: #06b709;
}

.compass_body.GI .compass_msg_answer .msg a,
.compass_body.GI .compass_msg_answer .msg a:visited {
  color: #fff;
}

.compass_body.GI .compass_snd_bd input.day,
.compass_body.GI .compass_snd_bd input.month,
.compass_body.GI .compass_snd_bd input.year {
  caret-color: #06b709;
}

.compass_body.GI .compass_snd_single_items span.current_item {
  color: #777;
  background-color: #fff;
  border: 1px solid #06b709;
}

.compass_body.GI .compass_snd_single_items span.current_item.selected,
.compass_body.GI .compass_snd_single_items span.current_item.active:hover {
  color: #fff;
  background-color: #06b709;
}

.compass_body.GI .compass_bg {
  background-color: #e2f3e2;
}

.compass_body.SA span:focus {
  outline: 4px solid #000 !important;
}

.compass_body.SA .pointers_cnt .div_point {
  background-color: #c5168a;
}

.compass_body.SA .compass_msg_question.post .compass_smile_1,
.compass_body.SA .item_snd_smiles .compass_smile_1,
.compass_body.SA .compass_msg_question.post .compass_smile_2,
.compass_body.SA .item_snd_smiles .compass_smile_2,
.compass_body.SA .compass_msg_question.post .compass_smile_3,
.compass_body.SA .item_snd_smiles .compass_smile_3,
.compass_body.SA .compass_msg_question.post .compass_smile_4,
.compass_body.SA .item_snd_smiles .compass_smile_4 {
  background-position-y: -224px;
}

.compass_body.SA .item_snd_smiles.active,
.compass_body.SA .item_snd_smiles:hover {
  color: #fff;
  background-color: #c5168a;
}

.compass_body.SA .compass_upload_button,
.compass_body.SA .compass_continue_button,
.compass_body.SA .item_snd_smiles {
  color: #c5168a;
  background-color: #fff;
  border-color: #c5168a;
}

.compass_body.SA .item_snd_multi + label .check_item_point {
  background-position-y: -55px !important;
}

.compass_body.SA .compass_input_single .single_input_smart,
.compass_body.SA .compass_input_multi .single_input_smart,
.compass_body.SA .compass_snd_bd .single_input_smart,
.compass_body.SA .compass_input_single .single_input,
.compass_body.SA .compass_input_multi .single_input,
.compass_body.SA .compass_snd_bd .single_input,
.compass_body.SA .compass_input_single .multi_input,
.compass_body.SA .compass_input_multi .multi_input,
.compass_body.SA .compass_snd_bd .multi_input {
  color: #777;
}

.compass_body.SA .buttons_send_flat,
.compass_body.SA .compass_snd_button {
  color: #c5168a;
  background-color: #fff;
}

.compass_body.SA .buttons_send_flat.selected,
.compass_body.SA .compass_snd_button.selected,
.compass_body.SA .buttons_send_flat.active:hover,
.compass_body.SA .compass_snd_button.active:hover {
  color: #fff;
  background-color: #c5168a;
}

.compass_body.SA .buttons_send_flat:focus,
.compass_body.SA .compass_snd_button:focus {
  outline: 4px solid #000 !important;
}

.compass_body.SA .buttons_send_flat.disabled,
.compass_body.SA .compass_snd_button.disabled {
  color: #adb6ba;
  cursor: default;
  opacity: 0.5;
}

.compass_body.SA .buttons_send_flat.active,
.compass_body.SA .compass_snd_button.active {
  cursor: pointer;
}

.compass_body.SA .single_input_smart,
.compass_body.SA .single_input,
.compass_body.SA .multi_input {
  caret-color: #c5168a;
}

.compass_body.SA .user_post .title {
  color: #c5168a;
}

.compass_body.SA .compass_msg_answer .msg {
  background-color: #c5168a;
}

.compass_body.SA .compass_msg_answer .msg a,
.compass_body.SA .compass_msg_answer .msg a:visited {
  color: #fff;
}

.compass_body.SA .compass_snd_bd input.day,
.compass_body.SA .compass_snd_bd input.month,
.compass_body.SA .compass_snd_bd input.year {
  caret-color: #c5168a;
}

.compass_body.SA .compass_snd_single_items span.current_item {
  color: #777;
  background-color: #fff;
  border: 1px solid #c5168a;
}

.compass_body.SA .compass_snd_single_items span.current_item.selected,
.compass_body.SA .compass_snd_single_items span.current_item.active:hover {
  color: #fff;
  background-color: #c5168a;
}

.compass_body.SA .compass_bg {
  background-color: #f5e3ef;
}

.compass_body.RE span:focus {
  outline: 4px solid #000 !important;
}

.compass_body.RE .pointers_cnt .div_point {
  background-color: #2ac4c5;
}

.compass_body.RE .compass_msg_question.post .compass_smile_1,
.compass_body.RE .item_snd_smiles .compass_smile_1,
.compass_body.RE .compass_msg_question.post .compass_smile_2,
.compass_body.RE .item_snd_smiles .compass_smile_2,
.compass_body.RE .compass_msg_question.post .compass_smile_3,
.compass_body.RE .item_snd_smiles .compass_smile_3,
.compass_body.RE .compass_msg_question.post .compass_smile_4,
.compass_body.RE .item_snd_smiles .compass_smile_4 {
  background-position-y: -4px;
}

.compass_body.RE .item_snd_smiles.active,
.compass_body.RE .item_snd_smiles:hover {
  color: #fff;
  background-color: #2ac4c5;
}

.compass_body.RE .item_snd_smiles .compass_smile_1,
.compass_body.RE .item_snd_smiles .compass_smile_2,
.compass_body.RE .item_snd_smiles .compass_smile_3,
.compass_body.RE .item_snd_smiles .compass_smile_4 {
  background-position-y: -356px;
}

.compass_body.RE .compass_upload_button,
.compass_body.RE .compass_continue_button,
.compass_body.RE .item_snd_smiles {
  color: #2ac4c5;
  background-color: #fff;
  border-color: #2ac4c5;
}

.compass_body.RE .item_snd_multi + label .check_item_point {
  background-position-y: -1px !important;
}

.compass_body.RE .compass_input_single .single_input_smart,
.compass_body.RE .compass_input_multi .single_input_smart,
.compass_body.RE .compass_snd_bd .single_input_smart,
.compass_body.RE .compass_input_single .single_input,
.compass_body.RE .compass_input_multi .single_input,
.compass_body.RE .compass_snd_bd .single_input,
.compass_body.RE .compass_input_single .multi_input,
.compass_body.RE .compass_input_multi .multi_input,
.compass_body.RE .compass_snd_bd .multi_input {
  color: #777;
}

.compass_body.RE .buttons_send_flat,
.compass_body.RE .compass_snd_button {
  color: #2ac4c5;
  background-color: #fff;
}

.compass_body.RE .buttons_send_flat.selected,
.compass_body.RE .compass_snd_button.selected,
.compass_body.RE .buttons_send_flat.active:hover,
.compass_body.RE .compass_snd_button.active:hover {
  color: #fff;
  background-color: #2ac4c5;
}

.compass_body.RE .buttons_send_flat:focus,
.compass_body.RE .compass_snd_button:focus {
  outline: 4px solid #000 !important;
}

.compass_body.RE .buttons_send_flat.disabled,
.compass_body.RE .compass_snd_button.disabled {
  color: #adb6ba;
  cursor: default;
  opacity: 0.5;
}

.compass_body.RE .buttons_send_flat.active,
.compass_body.RE .compass_snd_button.active {
  cursor: pointer;
}

.compass_body.RE .single_input_smart,
.compass_body.RE .single_input,
.compass_body.RE .multi_input {
  caret-color: #2ac4c5;
}

.compass_body.RE .user_post .title {
  color: #2ac4c5;
}

.compass_body.RE .compass_msg_answer .msg {
  background-color: #2ac4c5;
}

.compass_body.RE .compass_msg_answer .msg a,
.compass_body.RE .compass_msg_answer .msg a:visited {
  color: #fff;
}

.compass_body.RE .compass_snd_bd input.day,
.compass_body.RE .compass_snd_bd input.month,
.compass_body.RE .compass_snd_bd input.year {
  caret-color: #2ac4c5;
}

.compass_body.RE .compass_snd_single_items span.current_item {
  color: #777;
  background-color: #fff;
  border: 1px solid #2ac4c5;
}

.compass_body.RE .compass_snd_single_items span.current_item.selected,
.compass_body.RE .compass_snd_single_items span.current_item.active:hover {
  color: #fff;
  background-color: #2ac4c5;
}

.compass_body.RE .compass_bg {
  background-color: #e5f5f5;
}

html[data-wcag-enabled="true"] .compass_body.TH .user_post .title {
  color: #bd5b00;
}

html[data-wcag-enabled="true"] .compass_body.TH .compass_input_single .single_input_smart,
html[data-wcag-enabled="true"] .compass_body.TH .compass_input_single .single_input {
  color: #757575;
}

html[data-wcag-enabled="true"] .compass_body.TH #compass-time .birth-date-picker .birth-date-error,
html[data-wcag-enabled="true"] .compass_body.TH #compass-date .birth-date-picker .birth-date-error {
  color: #EB1134;
}

html[data-wcag-enabled="true"] .compass_body.TH .buttons_send_flat.active,
html[data-wcag-enabled="true"] .compass_body.TH .compass_snd_button.active {
  color: #bd5b00;
}

html[data-wcag-enabled="true"] .compass_body.TH .buttons_send_flat.active:hover,
html[data-wcag-enabled="true"] .compass_body.TH .compass_snd_button.active:hover {
  color: #000;
}

html[data-wcag-enabled="true"] .compass_body.TH .buttons_send_flat.disabled,
html[data-wcag-enabled="true"] .compass_body.TH .compass_snd_button.disabled {
  color: #757575;
  opacity: 1;
}

html[data-wcag-enabled="true"] .compass_body.AS .user_post .title {
  color: #007FAD;
}

html[data-wcag-enabled="true"] .compass_body.AS .compass_input_single .single_input_smart,
html[data-wcag-enabled="true"] .compass_body.AS .compass_input_single .single_input {
  color: #757575;
}

html[data-wcag-enabled="true"] .compass_body.AS #compass-time .birth-date-picker .birth-date-error,
html[data-wcag-enabled="true"] .compass_body.AS #compass-date .birth-date-picker .birth-date-error {
  color: #EB1134;
}

html[data-wcag-enabled="true"] .compass_body.AS .buttons_send_flat.active,
html[data-wcag-enabled="true"] .compass_body.AS .compass_snd_button.active {
  color: #007FAD;
}

html[data-wcag-enabled="true"] .compass_body.AS .buttons_send_flat.active:hover,
html[data-wcag-enabled="true"] .compass_body.AS .compass_snd_button.active:hover {
  color: #000;
}

html[data-wcag-enabled="true"] .compass_body.AS .buttons_send_flat.disabled,
html[data-wcag-enabled="true"] .compass_body.AS .compass_snd_button.disabled {
  color: #757575;
  opacity: 1;
}

html[data-wcag-enabled="true"] .compass_body.EM .user_post .title {
  color: #EB1134;
}

html[data-wcag-enabled="true"] .compass_body.EM .compass_input_single .single_input_smart,
html[data-wcag-enabled="true"] .compass_body.EM .compass_input_single .single_input {
  color: #757575;
}

html[data-wcag-enabled="true"] .compass_body.EM #compass-time .birth-date-picker .birth-date-error,
html[data-wcag-enabled="true"] .compass_body.EM #compass-date .birth-date-picker .birth-date-error {
  color: #EB1134;
}

html[data-wcag-enabled="true"] .compass_body.EM .buttons_send_flat.active,
html[data-wcag-enabled="true"] .compass_body.EM .compass_snd_button.active {
  color: #EB1134;
}

html[data-wcag-enabled="true"] .compass_body.EM .buttons_send_flat.active:hover,
html[data-wcag-enabled="true"] .compass_body.EM .compass_snd_button.active:hover {
  color: #000;
}

html[data-wcag-enabled="true"] .compass_body.EM .buttons_send_flat.disabled,
html[data-wcag-enabled="true"] .compass_body.EM .compass_snd_button.disabled {
  color: #757575;
  opacity: 1;
}

html[data-wcag-enabled="true"] .compass_body.GI .user_post .title {
  color: #068856;
}

html[data-wcag-enabled="true"] .compass_body.GI .compass_input_single .single_input_smart,
html[data-wcag-enabled="true"] .compass_body.GI .compass_input_single .single_input {
  color: #757575;
}

html[data-wcag-enabled="true"] .compass_body.GI #compass-time .birth-date-picker .birth-date-error,
html[data-wcag-enabled="true"] .compass_body.GI #compass-date .birth-date-picker .birth-date-error {
  color: #EB1134;
}

html[data-wcag-enabled="true"] .compass_body.GI .buttons_send_flat.active,
html[data-wcag-enabled="true"] .compass_body.GI .compass_snd_button.active {
  color: #068856;
}

html[data-wcag-enabled="true"] .compass_body.GI .buttons_send_flat.active:hover,
html[data-wcag-enabled="true"] .compass_body.GI .compass_snd_button.active:hover {
  color: #000;
}

html[data-wcag-enabled="true"] .compass_body.GI .buttons_send_flat.disabled,
html[data-wcag-enabled="true"] .compass_body.GI .compass_snd_button.disabled {
  color: #757575;
  opacity: 1;
}

html[data-wcag-enabled="true"] .compass_body.SA .user_post .title {
  color: #dc189b;
}

html[data-wcag-enabled="true"] .compass_body.SA .compass_input_single .single_input_smart,
html[data-wcag-enabled="true"] .compass_body.SA .compass_input_single .single_input {
  color: #757575;
}

html[data-wcag-enabled="true"] .compass_body.SA #compass-time .birth-date-picker .birth-date-error,
html[data-wcag-enabled="true"] .compass_body.SA #compass-date .birth-date-picker .birth-date-error {
  color: #EB1134;
}

html[data-wcag-enabled="true"] .compass_body.SA .buttons_send_flat.active,
html[data-wcag-enabled="true"] .compass_body.SA .compass_snd_button.active {
  color: #dc189b;
}

html[data-wcag-enabled="true"] .compass_body.SA .buttons_send_flat.active:hover,
html[data-wcag-enabled="true"] .compass_body.SA .compass_snd_button.active:hover {
  color: #000;
}

html[data-wcag-enabled="true"] .compass_body.SA .buttons_send_flat.disabled,
html[data-wcag-enabled="true"] .compass_body.SA .compass_snd_button.disabled {
  color: #757575;
  opacity: 1;
}

html[data-wcag-enabled="true"] .compass_body.SA .compass_snd_button.active:hover,
html[data-wcag-enabled="true"] .compass_body.SA .item_snd_smiles:hover {
  background-color: #dc189b !important;
}

html[data-wcag-enabled="true"] .compass_body.RE .user_post .title {
  color: #1C8389;
}

html[data-wcag-enabled="true"] .compass_body.RE .compass_input_single .single_input_smart,
html[data-wcag-enabled="true"] .compass_body.RE .compass_input_single .single_input {
  color: #757575;
}

html[data-wcag-enabled="true"] .compass_body.RE #compass-time .birth-date-picker .birth-date-error,
html[data-wcag-enabled="true"] .compass_body.RE #compass-date .birth-date-picker .birth-date-error {
  color: #EB1134;
}

html[data-wcag-enabled="true"] .compass_body.RE .buttons_send_flat.active,
html[data-wcag-enabled="true"] .compass_body.RE .compass_snd_button.active {
  color: #1C8389;
}

html[data-wcag-enabled="true"] .compass_body.RE .buttons_send_flat.active:hover,
html[data-wcag-enabled="true"] .compass_body.RE .compass_snd_button.active:hover {
  color: #000;
}

html[data-wcag-enabled="true"] .compass_body.RE .buttons_send_flat.disabled,
html[data-wcag-enabled="true"] .compass_body.RE .compass_snd_button.disabled {
  color: #757575;
  opacity: 1;
}

html[data-wcag-enabled="true"] .compass_ppmodal_body.AS .title {
  color: #007FAD;
}

html[data-wcag-enabled="true"] .compass_ppmodal_body.EM .title {
  color: #EB1134;
}

html[data-wcag-enabled="true"] .compass_ppmodal_body.GI .title {
  color: #068856;
}

html[data-wcag-enabled="true"] .compass_ppmodal_body.SA .title {
  color: #dc189b;
}

html[data-wcag-enabled="true"] .compass_ppmodal_body.TH .title {
  color: #bd5b00;
}

html[data-wcag-enabled="true"] .compass_ppmodal_body.RE .title {
  color: #1C8389;
}

#compass_modal {
  background-color: #ff7a00;
  height: 640px !important;
  width: 1024px !important;
}

#compass_modal .watson-assessment-screen-container {
  height: 640px !important;
}

#compass_modal .compass_body {
  border: none !important;
}

#compass_modal #debug_bottom {
  width: 100%;
  background: white;
  border: 1px solid #d7d7d2;
  border-radius: 10px;
  margin: 10px 0 20px;
}

#compass_modal #debug_bottom .header {
  text-align: center;
  padding: 30px 0;
  border-bottom: 1px solid #d7d7d2;
  font-size: 2.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#compass_modal #debug_bottom .body {
  padding: 60px 0;
  max-height: 350px;
  font-size: 1.3rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#compass_modal #debug_bottom .body .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-y: auto;
  max-height: 230px;
}

#compass_modal #debug_bottom .body .wrapper .column {
  -webkit-box-flex: 50%;
  -ms-flex: 50%;
  flex: 50%;
  padding-left: 100px;
}

#compass_modal #debug_bottom .body .wrapper .column div {
  line-height: 3rem;
}

#compass_modal #debug_bottom .body .wrapper .column div span {
  font-family: OpenSansSemiBold;
}

.compass_ppmodal_body .user_post,
#current_compass .user_post,
#compass_modal .user_post {
  position: relative;
  color: #777;
}

.compass_ppmodal_body .user_post span.bold,
#current_compass .user_post span.bold,
#compass_modal .user_post span.bold {
  font-weight: bold;
}

.compass_ppmodal_body .user_post .saved_title,
#current_compass .user_post .saved_title,
#compass_modal .user_post .saved_title {
  line-height: 32px;
}

.compass_ppmodal_body .user_post .saved_question,
#current_compass .user_post .saved_question,
#compass_modal .user_post .saved_question,
.compass_ppmodal_body .user_post .saved_answer,
#current_compass .user_post .saved_answer,
#compass_modal .user_post .saved_answer {
  line-height: 20px;
}

.compass_ppmodal_body .user_post .saved_title,
#current_compass .user_post .saved_title,
#compass_modal .user_post .saved_title,
.compass_ppmodal_body .user_post .saved_question,
#current_compass .user_post .saved_question,
#compass_modal .user_post .saved_question,
.compass_ppmodal_body .user_post .saved_answer,
#current_compass .user_post .saved_answer,
#compass_modal .user_post .saved_answer {
  width: 100%;
}

.compass_ppmodal_body .user_post {
  max-height: 285px;
  overflow-y: auto;
}

#current_compass,
#compass_modal {
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  width: 100%;
}

#current_compass .combobox__arrow,
#compass_modal .combobox__arrow {
  top: 11px;
}

#current_compass .uper_shadow,
#compass_modal .uper_shadow {
  position: absolute;
  width: 100%;
  height: 1px;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 5px 2px rgba(00,0,00,0.1);
  box-shadow: 0 0 5px 2px rgba(00,0,00,0.1);
}

#current_compass input,
#compass_modal input,
#current_compass textarea,
#compass_modal textarea {
  outline: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

#current_compass .compass_snd_single_button,
#compass_modal .compass_snd_single_button {
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: 20px;
}

#current_compass .compass_snd_single_button .single_button,
#compass_modal .compass_snd_single_button .single_button {
  margin: auto;
  line-height: 40px;
  background-color: #ff7a00;
  color: #fff;
  display: inline-block;
  padding-left: 30px;
  padding-right: 30px;
  border-radius: 4px;
  background-clip: padding-box;
  cursor: pointer;
}

#current_compass .compass_body,
#compass_modal .compass_body {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: 0;
  left: 0;
  height: 640px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  background: #fff;
  border-left: 1px solid #d7d7d2;
  border-right: 1px solid #d7d7d2;
  border-bottom: 1px solid #d7d7d2;
}

#current_compass .compass_body.for_test,
#compass_modal .compass_body.for_test {
  position: relative;
  margin: auto;
  width: 1024px;
}

#current_compass .compass_body .compass_pbar,
#compass_modal .compass_body .compass_pbar {
  display: none;
}

#current_compass .compass_body.pbar .compass_pbar,
#compass_modal .compass_body.pbar .compass_pbar {
  display: block;
}

#current_compass .compass_body.pbar .compass_right,
#compass_modal .compass_body.pbar .compass_right {
  width: 300px;
}

#current_compass .compass_body.pbar .compass_pbar_showhide,
#compass_modal .compass_body.pbar .compass_pbar_showhide {
  width: 33px;
}

#current_compass .compass_body.pbar .compass_showhide_arrow,
#compass_modal .compass_body.pbar .compass_showhide_arrow {
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
  left: 8px;
}

#current_compass .compass_body .compass_right,
#compass_modal .compass_body .compass_right,
#current_compass .compass_body .compass_left,
#compass_modal .compass_body .compass_left {
  position: relative;
  top: 0;
  height: 639px;
}

#current_compass .compass_body .compass_left,
#compass_modal .compass_body .compass_left {
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  left: 0;
  border-right: 1px solid #d7d7d2;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

#current_compass .compass_body .compass_right,
#compass_modal .compass_body .compass_right {
  width: 34px;
  background-color: #fff;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  right: 0;
  overflow: hidden;
}

#current_compass .compass_body .compass_right .compass_pbar_showhide,
#compass_modal .compass_body .compass_right .compass_pbar_showhide {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  height: 639px;
  width: 35px;
  cursor: pointer;
  background-color: #fff;
  border-right: 1px solid #dde9ee;
}

#current_compass .compass_body .compass_pbar,
#compass_modal .compass_body .compass_pbar {
  position: absolute;
  top: 0;
  left: 0;
  height: 639px;
  width: 100%;
}

#current_compass .compass_body .compass_pbar #path-wrapper,
#compass_modal .compass_body .compass_pbar #path-wrapper {
  padding: 10px 5px 20px 40px;
  font-size: 1.3rem;
  line-height: 2rem;
  max-height: 639px;
  min-height: 639px;
  overflow-x: auto;
  word-wrap: break-word;
}

#current_compass .compass_body .compass_pbar #path-wrapper .path-node,
#compass_modal .compass_body .compass_pbar #path-wrapper .path-node {
  margin-bottom: 5px;
}

#current_compass .compass_body .compass_showhide_arrow,
#compass_modal .compass_body .compass_showhide_arrow {
  position: absolute;
  height: 14px;
  width: 14px;
  bottom: 50%;
  left: 14px;
  border-bottom: 4px solid #dde9ee;
  border-left: 4px solid #dde9ee;
  -webkit-transform-origin: 6px 6px;
  -ms-transform-origin: 6px 6px;
  transform-origin: 6px 6px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

#current_compass .compass_body .compass_msg,
#compass_modal .compass_body .compass_msg {
  position: relative;
  top: 0;
  left: 0;
  height: 640px;
  overflow-y: scroll;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

#current_compass .compass_body .compass_msg .compass_msg_out,
#compass_modal .compass_body .compass_msg .compass_msg_out {
  width: 702px;
  position: relative;
  margin: 0 auto;
  bottom: 0;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

#current_compass .compass_body .compass_msg .compass_msg_holder,
#compass_modal .compass_body .compass_msg .compass_msg_holder {
  height: 170px;
}

#current_compass .compass_body .compass_snd,
#compass_modal .compass_body .compass_snd {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 999;
  height: 170px;
}

#current_compass .compass_body .compass_snd input.item_snd_multi,
#compass_modal .compass_body .compass_snd input.item_snd_multi {
  display: none;
}

#current_compass .compass_body .compass_snd input.item_snd_multi + label,
#compass_modal .compass_body .compass_snd input.item_snd_multi + label {
  cursor: pointer;
  line-height: 18px;
  color: #b8b8b8;
}

#current_compass .compass_body .compass_snd input.item_snd_multi + label .check_item_point,
#compass_modal .compass_body .compass_snd input.item_snd_multi + label .check_item_point {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 22px;
  height: 22px;
  background-image: url("/static/img/compass/citems@1x.png?v20180206-01");
  background-size: 50px 131px;
  background-repeat: no-repeat;
  background-position: 100% 0%;
  background-color: transparent;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #current_compass .compass_body .compass_snd input.item_snd_multi + label .check_item_point,
  #compass_modal .compass_body .compass_snd input.item_snd_multi + label .check_item_point {
    background-image: url("/static/img/compass/citems@2x.png?v20180206-01");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #current_compass .compass_body .compass_snd input.item_snd_multi + label .check_item_point,
  #compass_modal .compass_body .compass_snd input.item_snd_multi + label .check_item_point {
    background-image: url("/static/img/compass/citems@2x.png?v20180206-01");
  }
}

#current_compass .compass_body .compass_snd input.item_snd_multi + label .check_item_text,
#compass_modal .compass_body .compass_snd input.item_snd_multi + label .check_item_text {
  display: inline-block;
  width: 140px;
  vertical-align: middle;
  line-height: 20px;
  margin-left: 30px;
  color: #777;
}

#current_compass .compass_body .compass_snd input.item_snd_multi:checked + label .check_item_point,
#compass_modal .compass_body .compass_snd input.item_snd_multi:checked + label .check_item_point {
  background-position-x: -1px;
}

#current_compass .compass_body .compass_bg,
#compass_modal .compass_body .compass_bg,
#current_compass .compass_body .compass_bgmask,
#compass_modal .compass_body .compass_bgmask {
  position: absolute;
  top: 0;
  left: 0;
  height: 640px;
  width: 100%;
}

#current_compass .compass_body .compass_bg,
#compass_modal .compass_body .compass_bg {
  background-position: bottom left;
}

#current_compass .activity_header.compass_header_trainer,
#compass_modal .activity_header.compass_header_trainer {
  padding: 0 15px;
}

#current_compass .activity_header.compass_header_trainer .activity-icon .skill-icon-container .skill-icon-white.small,
#compass_modal .activity_header.compass_header_trainer .activity-icon .skill-icon-container .skill-icon-white.small {
  margin-top: 3px;
  margin-right: 4px;
}

#current_compass .activity_header.compass_header_trainer #compass_description_tooltip,
#compass_modal .activity_header.compass_header_trainer #compass_description_tooltip {
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  font-size: 14px;
  margin-left: 25px;
  cursor: pointer;
  text-decoration: underline;
}

#current_compass .activity_header.compass_header_trainer #compass_description_tooltip:hover,
#compass_modal .activity_header.compass_header_trainer #compass_description_tooltip:hover {
  text-decoration: none;
}

#current_compass .compass_body_trainer,
#compass_modal .compass_body_trainer {
  border-radius: 10px;
  z-index: 1;
  overflow: hidden;
  height: 600px;
}

#current_compass .compass_body_trainer .compass_msg,
#compass_modal .compass_body_trainer .compass_msg,
#current_compass .compass_body_trainer .compass_left,
#compass_modal .compass_body_trainer .compass_left {
  height: 590px;
}

#current_compass .compass_body_trainer .compass_snd_single_items,
#compass_modal .compass_body_trainer .compass_snd_single_items {
  overflow: auto;
}

#current_compass .compass_body_trainer .trainer_hidden,
#compass_modal .compass_body_trainer .trainer_hidden {
  display: none !important;
}

#current_compass .compass_msg_answer,
#compass_modal .compass_msg_answer,
#current_compass .compass_msg_question,
#compass_modal .compass_msg_question,
#current_compass .compass_msg_wait,
#compass_modal .compass_msg_wait,
#current_compass .compass_msg_img,
#compass_modal .compass_msg_img {
  position: relative;
  width: 629px;
  margin-top: 38px;
  margin-bottom: 38px;
}

#current_compass .compass_msg_answer .msg,
#compass_modal .compass_msg_answer .msg,
#current_compass .compass_msg_question .msg,
#compass_modal .compass_msg_question .msg,
#current_compass .compass_msg_wait .msg,
#compass_modal .compass_msg_wait .msg,
#current_compass .compass_msg_img .msg,
#compass_modal .compass_msg_img .msg {
  display: inline-block;
  text-align: left;
  line-height: 32px;
  max-width: 450px;
  position: relative;
  padding: 10px 20px;
}

#current_compass .compass_msg_answer .compass_user_avatar,
#compass_modal .compass_msg_answer .compass_user_avatar,
#current_compass .compass_msg_question .compass_user_avatar,
#compass_modal .compass_msg_question .compass_user_avatar,
#current_compass .compass_msg_wait .compass_user_avatar,
#compass_modal .compass_msg_wait .compass_user_avatar,
#current_compass .compass_msg_video .compass_user_avatar,
#compass_modal .compass_msg_video .compass_user_avatar,
#current_compass .compass_msg_audio .compass_user_avatar,
#compass_modal .compass_msg_audio .compass_user_avatar,
#current_compass .compass_msg_img .compass_user_avatar,
#compass_modal .compass_msg_img .compass_user_avatar {
  position: absolute;
  bottom: 0;
  right: -55px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 5px 2px rgba(00,0,00,0.1);
  box-shadow: 0 0 5px 2px rgba(00,0,00,0.1);
  overflow: hidden;
}

#current_compass .compass_msg_answer .compass_user_avatar img,
#compass_modal .compass_msg_answer .compass_user_avatar img,
#current_compass .compass_msg_question .compass_user_avatar img,
#compass_modal .compass_msg_question .compass_user_avatar img,
#current_compass .compass_msg_wait .compass_user_avatar img,
#compass_modal .compass_msg_wait .compass_user_avatar img,
#current_compass .compass_msg_video .compass_user_avatar img,
#compass_modal .compass_msg_video .compass_user_avatar img,
#current_compass .compass_msg_audio .compass_user_avatar img,
#compass_modal .compass_msg_audio .compass_user_avatar img,
#current_compass .compass_msg_img .compass_user_avatar img,
#compass_modal .compass_msg_img .compass_user_avatar img {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
}

#current_compass .compass_msg_answer .compass_happify_avatar,
#compass_modal .compass_msg_answer .compass_happify_avatar,
#current_compass .compass_msg_question .compass_happify_avatar,
#compass_modal .compass_msg_question .compass_happify_avatar,
#current_compass .compass_msg_wait .compass_happify_avatar,
#compass_modal .compass_msg_wait .compass_happify_avatar,
#current_compass .compass_msg_video .compass_happify_avatar,
#compass_modal .compass_msg_video .compass_happify_avatar,
#current_compass .compass_msg_audio .compass_happify_avatar,
#compass_modal .compass_msg_audio .compass_happify_avatar,
#current_compass .compass_msg_img .compass_happify_avatar,
#compass_modal .compass_msg_img .compass_happify_avatar {
  position: absolute;
  bottom: 0;
  left: -55px;
  width: 40px;
  height: 40px;
  overflow: hidden;
}

#current_compass .compass_msg_answer .compass_happify_avatar img,
#compass_modal .compass_msg_answer .compass_happify_avatar img,
#current_compass .compass_msg_question .compass_happify_avatar img,
#compass_modal .compass_msg_question .compass_happify_avatar img,
#current_compass .compass_msg_wait .compass_happify_avatar img,
#compass_modal .compass_msg_wait .compass_happify_avatar img,
#current_compass .compass_msg_video .compass_happify_avatar img,
#compass_modal .compass_msg_video .compass_happify_avatar img,
#current_compass .compass_msg_audio .compass_happify_avatar img,
#compass_modal .compass_msg_audio .compass_happify_avatar img,
#current_compass .compass_msg_img .compass_happify_avatar img,
#compass_modal .compass_msg_img .compass_happify_avatar img {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
}

#current_compass .compass_msg_question .msg,
#compass_modal .compass_msg_question .msg,
#current_compass .compass_msg_wait .msg,
#compass_modal .compass_msg_wait .msg {
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
}

#current_compass .compass_msg_answer,
#compass_modal .compass_msg_answer {
  margin-right: 30px;
  text-align: right;
}

#current_compass .compass_msg_answer .msg,
#compass_modal .compass_msg_answer .msg {
  right: 0;
  color: #fff;
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
  border-bottom-left-radius: 25px;
  -webkit-box-shadow: 0 0 5px 2px rgba(00,0,00,0.1);
  box-shadow: 0 0 5px 2px rgba(00,0,00,0.1);
}

#current_compass .compass_msg_question,
#compass_modal .compass_msg_question,
#current_compass .compass_msg_wait,
#compass_modal .compass_msg_wait,
#current_compass .compass_msg_audio,
#compass_modal .compass_msg_audio {
  margin-left: 68px;
  text-align: left;
}

#current_compass .compass_msg_question .msg,
#compass_modal .compass_msg_question .msg,
#current_compass .compass_msg_wait .msg,
#compass_modal .compass_msg_wait .msg,
#current_compass .compass_msg_audio .msg,
#compass_modal .compass_msg_audio .msg {
  -webkit-box-shadow: 0 0 5px 2px rgba(00,0,00,0.1);
  box-shadow: 0 0 5px 2px rgba(00,0,00,0.1);
  left: 0;
  background-color: #fff;
  color: #777;
}

#current_compass .compass_msg_question .msg.error,
#compass_modal .compass_msg_question .msg.error,
#current_compass .compass_msg_wait .msg.error,
#compass_modal .compass_msg_wait .msg.error,
#current_compass .compass_msg_audio .msg.error,
#compass_modal .compass_msg_audio .msg.error {
  color: #ff3131;
}

#current_compass .compass_msg_question .msg ul,
#compass_modal .compass_msg_question .msg ul,
#current_compass .compass_msg_wait .msg ul,
#compass_modal .compass_msg_wait .msg ul,
#current_compass .compass_msg_audio .msg ul,
#compass_modal .compass_msg_audio .msg ul {
  list-style: disc;
  margin-left: 20px;
}

#current_compass .compass_msg_question .msg b,
#compass_modal .compass_msg_question .msg b,
#current_compass .compass_msg_wait .msg b,
#compass_modal .compass_msg_wait .msg b,
#current_compass .compass_msg_audio .msg b,
#compass_modal .compass_msg_audio .msg b,
#current_compass .compass_msg_question .msg strong,
#compass_modal .compass_msg_question .msg strong,
#current_compass .compass_msg_wait .msg strong,
#compass_modal .compass_msg_wait .msg strong,
#current_compass .compass_msg_audio .msg strong,
#compass_modal .compass_msg_audio .msg strong {
  font-family: OpenSansSemibold;
}

#current_compass .compass_msg_question.post,
#compass_modal .compass_msg_question.post {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#current_compass .compass_msg_question.post .compass_smile_1,
#compass_modal .compass_msg_question.post .compass_smile_1,
#current_compass .compass_msg_question.post .compass_smile_2,
#compass_modal .compass_msg_question.post .compass_smile_2,
#current_compass .compass_msg_question.post .compass_smile_3,
#compass_modal .compass_msg_question.post .compass_smile_3,
#current_compass .compass_msg_question.post .compass_smile_4,
#compass_modal .compass_msg_question.post .compass_smile_4 {
  position: absolute;
  top: 0;
  right: 0;
  width: 41px;
  height: 40px;
  background-image: url("/static/img/smiles.png");
  background-size: 313px 401px;
  background-repeat: no-repeat;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #current_compass .compass_msg_question.post .compass_smile_1,
  #compass_modal .compass_msg_question.post .compass_smile_1,
  #current_compass .compass_msg_question.post .compass_smile_2,
  #compass_modal .compass_msg_question.post .compass_smile_2,
  #current_compass .compass_msg_question.post .compass_smile_3,
  #compass_modal .compass_msg_question.post .compass_smile_3,
  #current_compass .compass_msg_question.post .compass_smile_4,
  #compass_modal .compass_msg_question.post .compass_smile_4 {
    background-image: url("/static/img/smiles@x2.png");
  }
}

#current_compass .compass_msg_question.post .compass_smile_1,
#compass_modal .compass_msg_question.post .compass_smile_1 {
  background-position-x: -3px;
  background-position-y: -4px;
}

#current_compass .compass_msg_question.post .compass_smile_2,
#compass_modal .compass_msg_question.post .compass_smile_2 {
  background-position-x: -47px;
  background-position-y: -4px;
}

#current_compass .compass_msg_question.post .compass_smile_3,
#compass_modal .compass_msg_question.post .compass_smile_3 {
  background-position-x: -91px;
  background-position-y: -4px;
}

#current_compass .compass_msg_question.post .compass_smile_4,
#compass_modal .compass_msg_question.post .compass_smile_4 {
  background-position-x: -135px;
  background-position-y: -4px;
}

#current_compass .compass_msg_question.post .msg,
#compass_modal .compass_msg_question.post .msg {
  max-width: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 700px;
  padding: 0;
}

#current_compass .compass_msg_question.post .msg.white,
#compass_modal .compass_msg_question.post .msg.white {
  padding: 10px 20px;
  background-color: #fff;
  position: relative;
  cursor: pointer;
  display: block;
}

#current_compass .compass_msg_question.post .msg .post_image,
#compass_modal .compass_msg_question.post .msg .post_image {
  position: relative;
  width: 334px;
  margin-top: 10px;
  display: block;
}

#current_compass .compass_msg_question.post .msg .post_image img,
#compass_modal .compass_msg_question.post .msg .post_image img {
  position: relative;
  max-width: 354px;
  top: 0;
  left: 0;
  max-height: 450px;
  margin: 0 auto;
  display: block;
}

#current_compass .compass_msg_question.post .msg .user_info,
#compass_modal .compass_msg_question.post .msg .user_info {
  position: relative;
  height: 45px;
}

#current_compass .compass_msg_question.post .msg .user_info .avatar_bg,
#compass_modal .compass_msg_question.post .msg .user_info .avatar_bg {
  position: absolute;
  top: 0;
  left: 0;
  height: 45px;
  width: 45px;
  border-radius: 50%;
  background-clip: padding-box;
  background-color: #e1e6ea;
}

#current_compass .compass_msg_question.post .msg .user_info .avatar_bg.plus,
#compass_modal .compass_msg_question.post .msg .user_info .avatar_bg.plus {
  background-color: #f4d420;
}

#current_compass .compass_msg_question.post .msg .user_info .avatar_img,
#compass_modal .compass_msg_question.post .msg .user_info .avatar_img {
  position: absolute;
  top: 2px;
  left: 2px;
  height: 41px;
  width: 41px;
  border-radius: 50%;
  background-clip: padding-box;
}

#current_compass .compass_msg_question.post .msg .user_info .user_name,
#compass_modal .compass_msg_question.post .msg .user_info .user_name {
  position: absolute;
  left: 55px;
  top: 0;
  line-height: 45px;
  color: #757575;
}

#current_compass .compass_msg_question.post .msg .date_post,
#compass_modal .compass_msg_question.post .msg .date_post {
  position: relative;
  margin-top: 30px;
  color: #757575;
  text-align: right;
}

#current_compass .compass_msg_question.post .msg .msg .user_info,
#compass_modal .compass_msg_question.post .msg .msg .user_info {
  width: 100%;
}

#current_compass .compass_msg_question.post .msg .msg .post-wrapper,
#compass_modal .compass_msg_question.post .msg .msg .post-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#current_compass .compass_msg_question.post .msg .msg .post-wrapper .post-col-left,
#compass_modal .compass_msg_question.post .msg .msg .post-wrapper .post-col-left,
#current_compass .compass_msg_question.post .msg .msg .post-wrapper .post-col-right,
#compass_modal .compass_msg_question.post .msg .msg .post-wrapper .post-col-right {
  -webkit-box-flex: 50%;
  -ms-flex: 50%;
  flex: 50%;
}

#current_compass .compass_msg_question.post .msg .msg .post-wrapper .post-col-right,
#compass_modal .compass_msg_question.post .msg .msg .post-wrapper .post-col-right {
  padding-left: 30px;
}

#current_compass .compass_msg_wait .msg,
#compass_modal .compass_msg_wait .msg {
  width: 89px;
  text-align: center;
}

#current_compass .compass_msg_wait .msg .pointers_cnt,
#compass_modal .compass_msg_wait .msg .pointers_cnt {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 52px;
}

#current_compass .compass_msg_wait .msg .pointers_cnt .point_1,
#compass_modal .compass_msg_wait .msg .pointers_cnt .point_1,
#current_compass .compass_msg_wait .msg .pointers_cnt .point_2,
#compass_modal .compass_msg_wait .msg .pointers_cnt .point_2,
#current_compass .compass_msg_wait .msg .pointers_cnt .point_3,
#compass_modal .compass_msg_wait .msg .pointers_cnt .point_3 {
  position: absolute;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-clip: padding-box;
  top: 20px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#current_compass .compass_msg_wait .msg .pointers_cnt .point_1,
#compass_modal .compass_msg_wait .msg .pointers_cnt .point_1 {
  left: 17px;
}

#current_compass .compass_msg_wait .msg .pointers_cnt .point_2,
#compass_modal .compass_msg_wait .msg .pointers_cnt .point_2 {
  left: 38px;
}

#current_compass .compass_msg_wait .msg .pointers_cnt .point_3,
#compass_modal .compass_msg_wait .msg .pointers_cnt .point_3 {
  left: 59px;
}

#current_compass .compass_msg_wait .msg .pointers_cnt.datastep1,
#compass_modal .compass_msg_wait .msg .pointers_cnt.datastep1 {
  opacity: 1;
}

#current_compass .compass_msg_wait .msg .pointers_cnt.datastep1 .point_1,
#compass_modal .compass_msg_wait .msg .pointers_cnt.datastep1 .point_1 {
  opacity: 0.3;
}

#current_compass .compass_msg_wait .msg .pointers_cnt.datastep1 .point_2,
#compass_modal .compass_msg_wait .msg .pointers_cnt.datastep1 .point_2 {
  opacity: 0.4;
}

#current_compass .compass_msg_wait .msg .pointers_cnt.datastep1 .point_3,
#compass_modal .compass_msg_wait .msg .pointers_cnt.datastep1 .point_3 {
  opacity: 1;
}

#current_compass .compass_msg_wait .msg .pointers_cnt.datastep2,
#compass_modal .compass_msg_wait .msg .pointers_cnt.datastep2 {
  opacity: 1;
}

#current_compass .compass_msg_wait .msg .pointers_cnt.datastep2 .point_1,
#compass_modal .compass_msg_wait .msg .pointers_cnt.datastep2 .point_1 {
  opacity: 1;
}

#current_compass .compass_msg_wait .msg .pointers_cnt.datastep2 .point_2,
#compass_modal .compass_msg_wait .msg .pointers_cnt.datastep2 .point_2 {
  opacity: 0.3;
}

#current_compass .compass_msg_wait .msg .pointers_cnt.datastep2 .point_3,
#compass_modal .compass_msg_wait .msg .pointers_cnt.datastep2 .point_3 {
  opacity: 0.4;
}

#current_compass .compass_msg_wait .msg .pointers_cnt.datastep3,
#compass_modal .compass_msg_wait .msg .pointers_cnt.datastep3 {
  opacity: 1;
}

#current_compass .compass_msg_wait .msg .pointers_cnt.datastep3 .point_1,
#compass_modal .compass_msg_wait .msg .pointers_cnt.datastep3 .point_1 {
  opacity: 0.4;
}

#current_compass .compass_msg_wait .msg .pointers_cnt.datastep3 .point_2,
#compass_modal .compass_msg_wait .msg .pointers_cnt.datastep3 .point_2 {
  opacity: 1;
}

#current_compass .compass_msg_wait .msg .pointers_cnt.datastep3 .point_3,
#compass_modal .compass_msg_wait .msg .pointers_cnt.datastep3 .point_3 {
  opacity: 0.3;
}

#current_compass .compass_msg_img,
#compass_modal .compass_msg_img {
  position: relative;
  margin-top: 38px;
  margin-bottom: 28px;
}

#current_compass .compass_msg_img .msg_img,
#compass_modal .compass_msg_img .msg_img {
  display: inline-block;
  position: relative;
  background-color: #fff;
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
  overflow: hidden;
  max-width: 450px;
}

#current_compass .compass_msg_img .msg_img img,
#compass_modal .compass_msg_img .msg_img img {
  float: left;
  max-height: 450px;
}

#current_compass .compass_msg_img.question,
#compass_modal .compass_msg_img.question {
  margin-left: 68px;
  text-align: left;
}

#current_compass .compass_msg_img.question .msg_img,
#compass_modal .compass_msg_img.question .msg_img {
  border-bottom-right-radius: 25px;
}

#current_compass .compass_msg_img.answer,
#compass_modal .compass_msg_img.answer {
  margin-right: 30px;
  text-align: right;
}

#current_compass .compass_msg_img.answer .msg_img,
#compass_modal .compass_msg_img.answer .msg_img {
  border-bottom-left-radius: 25px;
}

#current_compass .compass_msg_video,
#compass_modal .compass_msg_video {
  position: relative;
  margin-top: 38px;
  margin-bottom: 38px;
  margin-left: 68px;
  text-align: left;
}

#current_compass .compass_msg_video .msg.video,
#compass_modal .compass_msg_video .msg.video {
  left: 0;
  position: relative;
}

#current_compass .compass_msg_video .msg.video .play_mask,
#compass_modal .compass_msg_video .msg.video .play_mask {
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}

#current_compass .compass_msg_video .msg.video .play_box,
#compass_modal .compass_msg_video .msg.video .play_box {
  position: relative;
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  overflow: hidden;
}

#current_compass .compass_msg_audio,
#compass_modal .compass_msg_audio {
  position: relative;
  width: 460px;
  height: 54px;
  margin-top: 38px;
  margin-bottom: 38px;
}

#current_compass .compass_msg_audio .msg,
#compass_modal .compass_msg_audio .msg {
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  width: 100%;
  background-color: #fff;
  color: #777;
  line-height: 54px;
  height: 54px;
}

#current_compass .compass_msg_audio .player_parent,
#compass_modal .compass_msg_audio .player_parent {
  top: 3px;
  left: 20px;
  position: absolute;
}

#current_compass .compass_msg_audio .player_parent .hap_main .hap_button,
#compass_modal .compass_msg_audio .player_parent .hap_main .hap_button {
  background-image: url("/static/img/compass/player_v2.png");
  background-size: 225px 78px;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-color: transparent;
  background-position: -46px -36px;
  width: 41px;
  height: 41px;
  top: -7px;
  left: -9px;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #current_compass .compass_msg_audio .player_parent .hap_main .hap_button,
  #compass_modal .compass_msg_audio .player_parent .hap_main .hap_button {
    background-image: url("/static/img/compass/player_v2@x2.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #current_compass .compass_msg_audio .player_parent .hap_main .hap_button,
  #compass_modal .compass_msg_audio .player_parent .hap_main .hap_button {
    background-image: url("/static/img/compass/player_v2@x2.png");
  }
}

#current_compass .compass_msg_audio .player_parent .hap_main .hap_button.play,
#compass_modal .compass_msg_audio .player_parent .hap_main .hap_button.play {
  background-position: -1px -36px;
}

#current_compass .compass_msg_audio .player_parent .hap_main .hap_mute,
#compass_modal .compass_msg_audio .player_parent .hap_main .hap_mute {
  top: 6px;
  left: 40px;
  width: 19px;
  height: 16px;
  background-image: url("/static/img/compass/player_v2.png");
  background-size: 225px 78px;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-color: transparent;
  background-position: -91px -49px;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #current_compass .compass_msg_audio .player_parent .hap_main .hap_mute,
  #compass_modal .compass_msg_audio .player_parent .hap_main .hap_mute {
    background-image: url("/static/img/compass/player_v2@x2.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #current_compass .compass_msg_audio .player_parent .hap_main .hap_mute,
  #compass_modal .compass_msg_audio .player_parent .hap_main .hap_mute {
    background-image: url("/static/img/compass/player_v2@x2.png");
  }
}

#current_compass .compass_msg_audio .player_parent .hap_main .hap_mute.half,
#compass_modal .compass_msg_audio .player_parent .hap_main .hap_mute.half {
  background-position-x: -132px;
}

#current_compass .compass_msg_audio .player_parent .hap_main .hap_mute.on,
#compass_modal .compass_msg_audio .player_parent .hap_main .hap_mute.on {
  background-position-x: -152px;
}

#current_compass .compass_msg_audio .player_parent .hap_main .hap_ctime,
#compass_modal .compass_msg_audio .player_parent .hap_main .hap_ctime,
#current_compass .compass_msg_audio .player_parent .hap_main .hap_atime,
#compass_modal .compass_msg_audio .player_parent .hap_main .hap_atime {
  color: #adb6ba;
  font-size: 1.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  width: 40px;
}

#current_compass .compass_msg_audio .player_parent .hap_main .hap_ctime,
#compass_modal .compass_msg_audio .player_parent .hap_main .hap_ctime {
  left: 63px;
}

#current_compass .compass_msg_audio .player_parent .hap_main .hap_progress,
#compass_modal .compass_msg_audio .player_parent .hap_main .hap_progress {
  left: 108px;
  width: 275px;
}

#current_compass .compass_msg_audio .player_parent .hap_main .hap_bar,
#compass_modal .compass_msg_audio .player_parent .hap_main .hap_bar {
  width: 275px;
}

#current_compass .compass_msg_audio .player_parent .hap_main .hap_bar .empty_bar,
#compass_modal .compass_msg_audio .player_parent .hap_main .hap_bar .empty_bar {
  width: 275px;
  height: 5px;
  background-image: url(/static/img/compass/audio_pbar_empty.png);
}

#current_compass .compass_msg_audio .player_parent .hap_main .hap_bar .full_bar,
#compass_modal .compass_msg_audio .player_parent .hap_main .hap_bar .full_bar {
  width: 275px;
  height: 5px;
  background-image: url(/static/img/compass/audio_pbar_full.png);
}

#current_compass .compass_msg_audio .player_parent .hap_main .hap_volume,
#compass_modal .compass_msg_audio .player_parent .hap_main .hap_volume {
  left: 45px;
}

#current_compass .compass_msg_audio .player_parent .hap_main .hap_atime,
#compass_modal .compass_msg_audio .player_parent .hap_main .hap_atime {
  left: 385px;
}

#current_compass .compass_msg_audio .player_parent .hap_main .hap_slider,
#compass_modal .compass_msg_audio .player_parent .hap_main .hap_slider {
  width: 14px;
  height: 18px;
  background-image: url("/static/img/compass/player_v2.png");
  background-size: 225px 78px;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-color: transparent;
  background-position: -176px -48px;
  top: -6px;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #current_compass .compass_msg_audio .player_parent .hap_main .hap_slider,
  #compass_modal .compass_msg_audio .player_parent .hap_main .hap_slider {
    background-image: url("/static/img/compass/player_v2@x2.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #current_compass .compass_msg_audio .player_parent .hap_main .hap_slider,
  #compass_modal .compass_msg_audio .player_parent .hap_main .hap_slider {
    background-image: url("/static/img/compass/player_v2@x2.png");
  }
}

#current_compass .compass_snd_smiles,
#compass_modal .compass_snd_smiles {
  position: relative;
  margin: 0 auto;
  width: 600px;
  height: 170px;
  line-height: 170px;
  vertical-align: middle;
  text-align: center;
}

#current_compass .compass_snd_smiles .item_snd_smiles,
#compass_modal .compass_snd_smiles .item_snd_smiles {
  position: relative;
  display: inline-block;
  width: 123px;
  height: 60px;
  line-height: 60px;
  vertical-align: middle;
  margin: 0 8px;
  border-radius: 5px;
  background-clip: padding-box;
  border: 1px solid;
  cursor: pointer;
  font-size: 1.4rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
}

#current_compass .compass_snd_smiles .item_snd_smiles.active .compass_smile_1,
#compass_modal .compass_snd_smiles .item_snd_smiles.active .compass_smile_1,
#current_compass .compass_snd_smiles .item_snd_smiles:hover .compass_smile_1,
#compass_modal .compass_snd_smiles .item_snd_smiles:hover .compass_smile_1,
#current_compass .compass_snd_smiles .item_snd_smiles.active .compass_smile_2,
#compass_modal .compass_snd_smiles .item_snd_smiles.active .compass_smile_2,
#current_compass .compass_snd_smiles .item_snd_smiles:hover .compass_smile_2,
#compass_modal .compass_snd_smiles .item_snd_smiles:hover .compass_smile_2,
#current_compass .compass_snd_smiles .item_snd_smiles.active .compass_smile_3,
#compass_modal .compass_snd_smiles .item_snd_smiles.active .compass_smile_3,
#current_compass .compass_snd_smiles .item_snd_smiles:hover .compass_smile_3,
#compass_modal .compass_snd_smiles .item_snd_smiles:hover .compass_smile_3,
#current_compass .compass_snd_smiles .item_snd_smiles.active .compass_smile_4,
#compass_modal .compass_snd_smiles .item_snd_smiles.active .compass_smile_4,
#current_compass .compass_snd_smiles .item_snd_smiles:hover .compass_smile_4,
#compass_modal .compass_snd_smiles .item_snd_smiles:hover .compass_smile_4 {
  background-position-y: -92px;
}

#current_compass .compass_snd_smiles .item_snd_smiles.disabled,
#compass_modal .compass_snd_smiles .item_snd_smiles.disabled {
  color: #adb6ba;
  cursor: default;
  opacity: 0.5;
}

#current_compass .compass_snd_smiles .item_snd_smiles .compass_smile_answer,
#compass_modal .compass_snd_smiles .item_snd_smiles .compass_smile_answer {
  display: inline-block;
  line-height: 16px;
  vertical-align: middle;
  margin-left: 60px;
}

#current_compass .compass_snd_smiles .item_snd_smiles .compass_smile_1,
#compass_modal .compass_snd_smiles .item_snd_smiles .compass_smile_1,
#current_compass .compass_snd_smiles .item_snd_smiles .compass_smile_2,
#compass_modal .compass_snd_smiles .item_snd_smiles .compass_smile_2,
#current_compass .compass_snd_smiles .item_snd_smiles .compass_smile_3,
#compass_modal .compass_snd_smiles .item_snd_smiles .compass_smile_3,
#current_compass .compass_snd_smiles .item_snd_smiles .compass_smile_4,
#compass_modal .compass_snd_smiles .item_snd_smiles .compass_smile_4 {
  position: absolute;
  top: 8px;
  left: 16px;
  width: 40px;
  height: 40px;
  background-image: url("/static/img/smiles.png");
  background-size: 313px 443px;
  background-repeat: no-repeat;
  display: block;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #current_compass .compass_snd_smiles .item_snd_smiles .compass_smile_1,
  #compass_modal .compass_snd_smiles .item_snd_smiles .compass_smile_1,
  #current_compass .compass_snd_smiles .item_snd_smiles .compass_smile_2,
  #compass_modal .compass_snd_smiles .item_snd_smiles .compass_smile_2,
  #current_compass .compass_snd_smiles .item_snd_smiles .compass_smile_3,
  #compass_modal .compass_snd_smiles .item_snd_smiles .compass_smile_3,
  #current_compass .compass_snd_smiles .item_snd_smiles .compass_smile_4,
  #compass_modal .compass_snd_smiles .item_snd_smiles .compass_smile_4 {
    background-image: url("/static/img/smiles@x2.png");
  }
}

#current_compass .compass_snd_smiles .item_snd_smiles .compass_smile_1,
#compass_modal .compass_snd_smiles .item_snd_smiles .compass_smile_1 {
  background-position-x: -4px;
}

#current_compass .compass_snd_smiles .item_snd_smiles .compass_smile_2,
#compass_modal .compass_snd_smiles .item_snd_smiles .compass_smile_2 {
  background-position-x: -48px;
}

#current_compass .compass_snd_smiles .item_snd_smiles .compass_smile_3,
#compass_modal .compass_snd_smiles .item_snd_smiles .compass_smile_3 {
  background-position-x: -92px;
}

#current_compass .compass_snd_smiles .item_snd_smiles .compass_smile_4,
#compass_modal .compass_snd_smiles .item_snd_smiles .compass_smile_4 {
  background-position-x: -136px;
}

#current_compass .compass_msg_answer .msg.smile,
#compass_modal .compass_msg_answer .msg.smile {
  padding: 0 20px 0 0;
  min-height: 50px;
  line-height: 50px;
}

#current_compass .compass_msg_answer .compass_answer_smile_1,
#compass_modal .compass_msg_answer .compass_answer_smile_1,
#current_compass .compass_msg_answer .compass_answer_smile_2,
#compass_modal .compass_msg_answer .compass_answer_smile_2,
#current_compass .compass_msg_answer .compass_answer_smile_3,
#compass_modal .compass_msg_answer .compass_answer_smile_3,
#current_compass .compass_msg_answer .compass_answer_smile_4,
#compass_modal .compass_msg_answer .compass_answer_smile_4 {
  position: absolute;
  top: 5px;
  left: 5px;
  display: block;
  height: 40px;
  width: 40px;
  background-image: url("/static/img/smiles.png");
  background-size: 313px 401px;
  background-repeat: no-repeat;
  background-position-y: -82px;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #current_compass .compass_msg_answer .compass_answer_smile_1,
  #compass_modal .compass_msg_answer .compass_answer_smile_1,
  #current_compass .compass_msg_answer .compass_answer_smile_2,
  #compass_modal .compass_msg_answer .compass_answer_smile_2,
  #current_compass .compass_msg_answer .compass_answer_smile_3,
  #compass_modal .compass_msg_answer .compass_answer_smile_3,
  #current_compass .compass_msg_answer .compass_answer_smile_4,
  #compass_modal .compass_msg_answer .compass_answer_smile_4 {
    background-image: url("/static/img/smiles@x2.png");
  }
}

#current_compass .compass_msg_answer .compass_answer_smile_1,
#compass_modal .compass_msg_answer .compass_answer_smile_1 {
  background-position-x: -3px;
}

#current_compass .compass_msg_answer .compass_answer_smile_2,
#compass_modal .compass_msg_answer .compass_answer_smile_2 {
  background-position-x: -47px;
}

#current_compass .compass_msg_answer .compass_answer_smile_3,
#compass_modal .compass_msg_answer .compass_answer_smile_3 {
  background-position-x: -91px;
}

#current_compass .compass_msg_answer .compass_answer_smile_4,
#compass_modal .compass_msg_answer .compass_answer_smile_4 {
  background-position-x: -135px;
}

#current_compass .compass_msg_answer .compass_answer_smile_text,
#compass_modal .compass_msg_answer .compass_answer_smile_text {
  margin-right: 10px;
  margin-left: 60px;
  line-height: 50px;
}

#current_compass .buttons_send_flat,
#compass_modal .buttons_send_flat {
  position: absolute;
  top: 4px;
  right: 4px;
  height: 105px;
  width: 90px;
  text-align: center;
  line-height: 105px;
  cursor: pointer;
  border-left: 1px solid #dde9ee;
}

#current_compass .compass_snd_button,
#compass_modal .compass_snd_button {
  border-radius: 5px;
  background-clip: padding-box;
  border: 1px solid #adb6ba;
  position: absolute;
  height: 36px;
  width: 78px;
  line-height: 34px;
  text-align: center;
  bottom: 15px;
  right: 15px;
}

#current_compass .compass_input_single,
#compass_modal .compass_input_single,
#current_compass .compass_input_multi,
#compass_modal .compass_input_multi,
#current_compass .compass_snd_bd,
#compass_modal .compass_snd_bd {
  position: relative;
  margin: 16px auto;
  height: 115px;
  width: 682px;
  line-height: 43px;
  border-radius: 5px;
  background-clip: padding-box;
  background-color: #fff;
  -webkit-box-shadow: 0 0 5px 2px rgba(00,0,00,0.1);
  box-shadow: 0 0 5px 2px rgba(00,0,00,0.1);
  overflow: hidden;
}

#current_compass .compass_input_single .single_input_smart,
#compass_modal .compass_input_single .single_input_smart,
#current_compass .compass_input_multi .single_input_smart,
#compass_modal .compass_input_multi .single_input_smart,
#current_compass .compass_snd_bd .single_input_smart,
#compass_modal .compass_snd_bd .single_input_smart {
  position: absolute;
  top: 47px;
  left: 15px;
  padding: 0;
  height: 20px;
  width: 560px;
  border: 0;
}

#current_compass .compass_input_single .single_input,
#compass_modal .compass_input_single .single_input,
#current_compass .compass_input_multi .single_input,
#compass_modal .compass_input_multi .single_input,
#current_compass .compass_snd_bd .single_input,
#compass_modal .compass_snd_bd .single_input {
  position: absolute;
  top: 35px;
  left: 15px;
  height: 40px;
  width: 560px;
  line-height: 40px;
  border: 0;
}

#current_compass .compass_input_single .multi_input,
#compass_modal .compass_input_single .multi_input,
#current_compass .compass_input_multi .multi_input,
#compass_modal .compass_input_multi .multi_input,
#current_compass .compass_snd_bd .multi_input,
#compass_modal .compass_snd_bd .multi_input {
  position: absolute;
  bottom: 15px;
  left: 24px;
  min-height: 85px;
  width: 540px;
  line-height: 32px;
  border: 1px solid #fff;
  background: url(/static/img/compass/textarea_bg.png) repeat;
}

#current_compass .compass_input_single .compass_date,
#compass_modal .compass_input_single .compass_date,
#current_compass .compass_input_multi .compass_date,
#compass_modal .compass_input_multi .compass_date,
#current_compass .compass_snd_bd .compass_date,
#compass_modal .compass_snd_bd .compass_date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#current_compass .compass_input_multi,
#compass_modal .compass_input_multi {
  min-height: 115px;
  background: #fff;
}

#current_compass .compass_snd_single,
#compass_modal .compass_snd_single {
  position: relative;
  height: auto;
  width: 100%;
  top: 0;
  left: 0;
  overflow-y: auto;
  overflow-x: hidden;
}

#current_compass .compass_snd_single.two_rows .compass_snd_single_items,
#compass_modal .compass_snd_single.two_rows .compass_snd_single_items,
#current_compass .compass_snd_single.three_rows .compass_snd_single_items,
#compass_modal .compass_snd_single.three_rows .compass_snd_single_items,
#current_compass .compass_snd_single.four_rows .compass_snd_single_items,
#compass_modal .compass_snd_single.four_rows .compass_snd_single_items,
#current_compass .compass_snd_single.five_rows .compass_snd_single_items,
#compass_modal .compass_snd_single.five_rows .compass_snd_single_items {
  line-height: 52px;
}

#current_compass .compass_snd_single.two_rows .compass_snd_single_items,
#compass_modal .compass_snd_single.two_rows .compass_snd_single_items {
  width: 600px;
}

#current_compass .compass_snd_single.two_cols .compass_snd_single_items,
#compass_modal .compass_snd_single.two_cols .compass_snd_single_items {
  width: 400px;
}

#current_compass .compass_snd_single.four_rows,
#compass_modal .compass_snd_single.four_rows {
  height: 230px;
}

#current_compass .compass_snd_single.four_rows .compass_snd_single_items,
#compass_modal .compass_snd_single.four_rows .compass_snd_single_items {
  height: 230px;
}

#current_compass .compass_snd_single.five_rows,
#compass_modal .compass_snd_single.five_rows {
  height: 260px;
}

#current_compass .compass_snd_single.five_rows .compass_snd_single_items,
#compass_modal .compass_snd_single.five_rows .compass_snd_single_items {
  height: 260px;
}

#current_compass .compass_snd_single .compass_snd_single_items,
#compass_modal .compass_snd_single .compass_snd_single_items {
  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;
  position: relative;
  margin: 10px auto;
  height: auto;
  width: 600px;
  line-height: normal;
  vertical-align: middle;
  text-align: center;
}

#current_compass .compass_snd_single .compass_snd_single_items span.current_item,
#compass_modal .compass_snd_single .compass_snd_single_items span.current_item {
  -webkit-box-shadow: 0 0 5px 2px rgba(00,0,00,0.1);
  box-shadow: 0 0 5px 2px rgba(00,0,00,0.1);
  position: relative;
  padding-right: 5px;
  padding-left: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 48px;
  width: 186px;
  line-height: 48px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 5px;
  background-clip: padding-box;
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin: 1px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
}

#current_compass .compass_snd_single .compass_snd_single_items span.current_item.no-border,
#compass_modal .compass_snd_single .compass_snd_single_items span.current_item.no-border {
  border: none;
}

#current_compass .compass_snd_single .compass_snd_single_items span.current_item.test,
#compass_modal .compass_snd_single .compass_snd_single_items span.current_item.test {
  position: absolute;
  display: none;
  height: auto;
  top: -10000px;
  left: -10000px;
}

#current_compass .compass_snd_single .compass_snd_single_items span.current_item.disabled,
#compass_modal .compass_snd_single .compass_snd_single_items span.current_item.disabled {
  cursor: default;
  opacity: 0.5;
}

#current_compass .compass_snd_single .compass_snd_single_items span.current_item span.item_title,
#compass_modal .compass_snd_single .compass_snd_single_items span.current_item span.item_title {
  display: inline-block;
  line-height: 17px;
  text-align: center;
  vertical-align: middle;
}

#current_compass .compass_snd_multi,
#compass_modal .compass_snd_multi {
  position: relative;
  margin: 16px auto;
  padding-top: 7px;
  height: 113px;
  width: 682px;
  top: 0;
  left: 0;
  border-radius: 5px;
  background-clip: padding-box;
  background-color: #fff;
  -webkit-box-shadow: 0 0 5px 2px rgba(00,0,00,0.1);
  box-shadow: 0 0 5px 2px rgba(00,0,00,0.1);
  overflow: hidden;
}

#current_compass .compass_snd_multi.two_rows .compass_snd_multi_items,
#compass_modal .compass_snd_multi.two_rows .compass_snd_multi_items {
  line-height: 56px;
}

#current_compass .compass_snd_multi.three_rows,
#compass_modal .compass_snd_multi.three_rows {
  height: 150px;
}

#current_compass .compass_snd_multi.three_rows .compass_snd_multi_items,
#compass_modal .compass_snd_multi.three_rows .compass_snd_multi_items {
  height: 150px;
  line-height: 50px;
}

#current_compass .compass_snd_multi.three_rows .buttons_send_flat,
#compass_modal .compass_snd_multi.three_rows .buttons_send_flat {
  height: 150px;
  line-height: 150px;
}

#current_compass .compass_snd_multi.four_rows,
#compass_modal .compass_snd_multi.four_rows {
  height: 200px;
}

#current_compass .compass_snd_multi.four_rows .compass_snd_multi_items,
#compass_modal .compass_snd_multi.four_rows .compass_snd_multi_items {
  height: 200px;
  line-height: 50px;
}

#current_compass .compass_snd_multi.four_rows .buttons_send_flat,
#compass_modal .compass_snd_multi.four_rows .buttons_send_flat {
  height: 200px;
  line-height: 200px;
}

#current_compass .compass_snd_multi.five_rows,
#compass_modal .compass_snd_multi.five_rows {
  height: 250px;
}

#current_compass .compass_snd_multi.five_rows .compass_snd_multi_items,
#compass_modal .compass_snd_multi.five_rows .compass_snd_multi_items {
  height: 250px;
  line-height: 50px;
}

#current_compass .compass_snd_multi.five_rows .buttons_send_flat,
#compass_modal .compass_snd_multi.five_rows .buttons_send_flat {
  height: 250px;
  line-height: 250px;
}

#current_compass .compass_snd_multi .compass_snd_multi_items,
#compass_modal .compass_snd_multi .compass_snd_multi_items {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  overflow-y: auto;
  height: 113px;
  width: 591px;
  line-height: 113px;
  vertical-align: middle;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#current_compass .compass_snd_multi .compass_snd_multi_items span.current_item,
#compass_modal .compass_snd_multi .compass_snd_multi_items span.current_item {
  position: relative;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 10px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 175px;
  line-height: 40px;
  text-align: left;
  -ms-flex-item-align: start;
  align-self: flex-start;
}

#current_compass .compass_snd_bd,
#compass_modal .compass_snd_bd {
  line-height: 113px;
}

#current_compass .compass_snd_bd.compass_date_list,
#compass_modal .compass_snd_bd.compass_date_list,
#current_compass .compass_snd_bd.compass_time_list,
#compass_modal .compass_snd_bd.compass_time_list {
  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;
}

#current_compass .compass_snd_bd.compass_date_list span,
#compass_modal .compass_snd_bd.compass_date_list span,
#current_compass .compass_snd_bd.compass_time_list span,
#compass_modal .compass_snd_bd.compass_time_list span {
  margin-right: 5px;
  margin-left: 20px;
}

#current_compass .compass_snd_bd.compass_date_list .buttons_send_flat,
#compass_modal .compass_snd_bd.compass_date_list .buttons_send_flat,
#current_compass .compass_snd_bd.compass_time_list .buttons_send_flat,
#compass_modal .compass_snd_bd.compass_time_list .buttons_send_flat {
  position: initial;
  margin-left: 20px;
}

#current_compass .compass_snd_bd.compass_time_list,
#compass_modal .compass_snd_bd.compass_time_list {
  overflow: visible;
}

#current_compass .compass_snd_bd span,
#compass_modal .compass_snd_bd span {
  margin-right: 10px;
  margin-left: 25px;
  color: #b6bec2;
}

#current_compass .compass_snd_bd span.space,
#compass_modal .compass_snd_bd span.space {
  margin: 0;
  display: inline-block;
  width: 25px;
  text-align: center;
}

#current_compass .compass_snd_bd span.brightness,
#compass_modal .compass_snd_bd span.brightness {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
}

#current_compass .compass_image_loader,
#compass_modal .compass_image_loader {
  margin: 0 0 auto;
}

#current_compass .compass_snd_image,
#compass_modal .compass_snd_image {
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  width: 100%;
}

#current_compass .compass_snd_image .compass_input_img,
#compass_modal .compass_snd_image .compass_input_img {
  position: relative;
  margin: auto;
  bottom: 0;
  width: 682px;
  border-radius: 5px;
  background-clip: padding-box;
  background-color: #fff;
  -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

#current_compass .compass_snd_image .compass_input_img .button_row,
#compass_modal .compass_snd_image .compass_input_img .button_row {
  position: relative;
  text-align: center;
  margin: 15px 0;
  line-height: normal;
}

#current_compass .compass_snd_image .compass_input_img .button_row:first-child,
#compass_modal .compass_snd_image .compass_input_img .button_row:first-child {
  margin-top: 20px;
}

#current_compass .compass_snd_image .compass_continue_button,
#compass_modal .compass_snd_image .compass_continue_button,
#current_compass .compass_snd_image .compass_upload_button,
#compass_modal .compass_snd_image .compass_upload_button {
  padding: 0 20px;
  height: 40px;
  width: 300px;
  line-height: 36px;
  background-color: #fff;
  border: 1px solid;
  border-radius: 5px;
  background-clip: padding-box;
  text-align: center;
  opacity: 0.6;
}

#current_compass .compass_snd_image .compass_continue_button.enabled,
#compass_modal .compass_snd_image .compass_continue_button.enabled,
#current_compass .compass_snd_image .compass_upload_button.enabled,
#compass_modal .compass_snd_image .compass_upload_button.enabled {
  opacity: 1;
}

#current_compass .compass_sections,
#compass_modal .compass_sections {
  position: absolute;
  top: 0;
  left: 0;
  padding: 50px 25px 25px 85px;
  height: 639px;
  width: 300px;
  color: #49413d;
}

#current_compass .compass_sections .compass_benefits_avatar,
#compass_modal .compass_sections .compass_benefits_avatar {
  position: absolute;
  top: 15px;
  left: 40px;
  height: 50px;
  width: 50px;
}

#current_compass .compass_sections .compass_benefits_sep,
#compass_modal .compass_sections .compass_benefits_sep {
  position: relative;
  margin-top: 30px;
  height: 5px;
  width: 65px;
  background-color: #ddeaef;
}

#current_compass .compass_sections .compass_benefits .trainer_benefits,
#compass_modal .compass_sections .compass_benefits .trainer_benefits {
  max-height: 500px;
  overflow-y: auto;
  overflow-x: hidden;
}

#current_compass .compass_sections .compass_benefits .trainer_benefits .compass_benefits_title,
#compass_modal .compass_sections .compass_benefits .trainer_benefits .compass_benefits_title {
  margin: 15px 0 5px;
}

#current_compass .compass_sections .compass_benefits .compass_benefits_title,
#compass_modal .compass_sections .compass_benefits .compass_benefits_title {
  font-size: 1.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #81817f;
  margin-top: 25px;
  margin-bottom: 15px;
}

#current_compass .compass_sections .compass_benefits .compass_benefits_bullets ul,
#compass_modal .compass_sections .compass_benefits .compass_benefits_bullets ul {
  margin-left: -10px;
}

#current_compass .compass_sections .compass_benefits .compass_benefits_bullets ul li,
#compass_modal .compass_sections .compass_benefits .compass_benefits_bullets ul li {
  font-size: 1.2rem;
  list-style-image: url(/static/img/compass/blue_bullet.png);
  margin: 5px 0 5px 0;
  padding-left: 10px;
}

#current_compass .compass_sections .compass_sections_row,
#compass_modal .compass_sections .compass_sections_row {
  width: 100%;
  position: relative;
  margin: 30px 0 0 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#current_compass .compass_sections .compass_why_it_works,
#compass_modal .compass_sections .compass_why_it_works {
  position: relative;
  font-size: 1.6rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #ff7a00;
  text-decoration: none;
  line-height: 18px;
}

#current_compass .compass_sections .compass_why_it_works span.works_icon,
#compass_modal .compass_sections .compass_why_it_works span.works_icon {
  position: absolute;
  display: block;
  top: 2px;
  left: -31px;
  width: 16px;
  height: 18px;
  background-image: url("/static/img/compass/icons.png");
  background-size: 89px 25px;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-color: transparent;
  background-position: -62px -4px;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #current_compass .compass_sections .compass_why_it_works span.works_icon,
  #compass_modal .compass_sections .compass_why_it_works span.works_icon {
    background-image: url("/static/img/compass/icons@x2.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #current_compass .compass_sections .compass_why_it_works span.works_icon,
  #compass_modal .compass_sections .compass_why_it_works span.works_icon {
    background-image: url("/static/img/compass/icons@x2.png");
  }
}

#current_compass .compass_sections .compass_why_it_works:hover,
#compass_modal .compass_sections .compass_why_it_works:hover {
  text-decoration: underline !important;
}

#current_compass .compass_sections button.compass_why_it_works,
#compass_modal .compass_sections button.compass_why_it_works {
  background: none;
  padding: 0px;
}

#current_compass .compass_sections button.compass_why_it_works span.works_icon,
#compass_modal .compass_sections button.compass_why_it_works span.works_icon {
  top: 12px;
}

#current_compass .compass_sections ul.sections_list,
#compass_modal .compass_sections ul.sections_list {
  position: relative;
  list-style-type: none;
  margin: 10px;
}

#current_compass .compass_sections ul.sections_list li,
#compass_modal .compass_sections ul.sections_list li {
  min-height: 107px;
  position: relative;
  padding: 40px;
  line-height: 36px;
}

#current_compass .compass_sections ul.sections_list li .v_line_bg,
#compass_modal .compass_sections ul.sections_list li .v_line_bg {
  position: absolute;
  left: 16px;
  top: 0;
  width: 5px;
  height: 100%;
  background-color: #d7d7d2;
}

#current_compass .compass_sections ul.sections_list li:last-child .v_line_bg,
#compass_modal .compass_sections ul.sections_list li:last-child .v_line_bg {
  display: none;
}

#current_compass .compass_sections ul.sections_list li .icon_gray_bg,
#compass_modal .compass_sections ul.sections_list li .icon_gray_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 36px;
  height: 36px;
  border-radius: 18px;
  background-clip: padding-box;
  background-color: #d7d7d2;
}

#current_compass .compass_sections ul.sections_list li .icon_gray_bg .icon_inside_bg,
#compass_modal .compass_sections ul.sections_list li .icon_gray_bg .icon_inside_bg {
  position: absolute;
  border-radius: 14px;
  background-clip: padding-box;
  top: 4px;
  left: 4px;
  width: 28px;
  height: 28px;
  background-color: #fff;
}

#current_compass .compass_sections ul.sections_list li .section_name,
#compass_modal .compass_sections ul.sections_list li .section_name {
  position: absolute;
  top: 0;
  left: 52px;
  height: 36px;
  width: 245px;
  line-height: 36px;
  font-size: 1.6rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
}

#current_compass .compass_sections ul.sections_list li .section_stored,
#compass_modal .compass_sections ul.sections_list li .section_stored {
  display: none;
  color: #000000;
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin-left: 10px;
}

#current_compass .compass_sections ul.sections_list li .section_stored b,
#compass_modal .compass_sections ul.sections_list li .section_stored b,
#current_compass .compass_sections ul.sections_list li .section_stored strong,
#compass_modal .compass_sections ul.sections_list li .section_stored strong {
  font-size: 1.4rem;
  font-family: OpenSansBold;
  font-weight: normal;
}

#current_compass .compass_sections ul.sections_list li .section_reset,
#compass_modal .compass_sections ul.sections_list li .section_reset {
  position: absolute;
  bottom: 10px;
  left: 52px;
  height: 16px;
  width: 75px;
  line-height: 16px;
  text-align: right;
  font-size: 1.6rem;
  font-family: OpenSansregular;
  font-weight: normal;
  color: #b8b8b8;
  cursor: pointer;
}

#current_compass .compass_sections ul.sections_list li .section_reset .reset_icon,
#compass_modal .compass_sections ul.sections_list li .section_reset .reset_icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  background-image: url("/static/img/compass/icons.png");
  background-size: 89px 25px;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-color: transparent;
  background-position: -36px -4px;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #current_compass .compass_sections ul.sections_list li .section_reset .reset_icon,
  #compass_modal .compass_sections ul.sections_list li .section_reset .reset_icon {
    background-image: url("/static/img/compass/icons@x2.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #current_compass .compass_sections ul.sections_list li .section_reset .reset_icon,
  #compass_modal .compass_sections ul.sections_list li .section_reset .reset_icon {
    background-image: url("/static/img/compass/icons@x2.png");
  }
}

#current_compass .compass_sections ul.sections_list li.current,
#compass_modal .compass_sections ul.sections_list li.current {
  color: #00abe8;
}

#current_compass .compass_sections ul.sections_list li.current .icon_inside_bg,
#compass_modal .compass_sections ul.sections_list li.current .icon_inside_bg {
  background-color: #00abe8;
}

#current_compass .compass_sections ul.sections_list li.regular,
#compass_modal .compass_sections ul.sections_list li.regular {
  color: #00abe8;
}

#current_compass .compass_sections ul.sections_list li.regular .icon_inside_bg,
#compass_modal .compass_sections ul.sections_list li.regular .icon_inside_bg {
  background-color: #fff;
}

#current_compass .compass_sections ul.sections_list li.next,
#compass_modal .compass_sections ul.sections_list li.next {
  color: #d7d7d2;
}

#current_compass .compass_sections ul.sections_list li.next .icon_inside_bg,
#compass_modal .compass_sections ul.sections_list li.next .icon_inside_bg {
  background-color: #d7d7d2;
}

#current_compass .compass_sections ul.sections_list li.next .section_reset,
#compass_modal .compass_sections ul.sections_list li.next .section_reset {
  display: none;
}

.compass_video_player_bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.7);
  z-index: 10001;
}

.compass_video_player_bg .compass_video_container {
  -webkit-box-shadow: 0 0 20px 10px rgba(00,0,00,0.1);
  box-shadow: 0 0 20px 10px rgba(00,0,00,0.1);
  position: relative;
  border-radius: 5px;
  background-clip: padding-box;
  width: 720px;
  height: 405px;
  margin: 10% auto;
}

.compass_video_player_bg .compass_video_player_close {
  cursor: pointer;
  position: absolute;
  top: -13px;
  right: -13px;
  width: 34px;
  height: 34px;
  background-image: url("/static/img/compass/player_v2.png");
  background-size: 225px 78px;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-color: transparent;
  background-position: -146px 0;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .compass_video_player_bg .compass_video_player_close {
    background-image: url("/static/img/compass/player_v2@x2.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .compass_video_player_bg .compass_video_player_close {
    background-image: url("/static/img/compass/player_v2@x2.png");
  }
}

.compass_video_player_bg .compass_video_player_main.fullscreen {
  margin-top: 0;
}

.compass_video_player_bg .compass_video_player_main.fullscreen .compass_video_player_close {
  display: none;
}

.compass_video_player_bg .compass_video_player_main.fullscreen .hap_main {
  margin: 0 auto;
}

.compass_video_player_bg .compass_video_player_main {
  -webkit-box-shadow: 0 0 20px 10px rgba(00,0,00,0.1);
  box-shadow: 0 0 20px 10px rgba(00,0,00,0.1);
  position: relative;
  border-radius: 5px;
  background-clip: padding-box;
  overflow: hidden;
  width: 720px;
  height: 405px;
  margin: 0;
}

.compass_video_player_bg .compass_video_player_main:-webkit-full-screen {
  width: 100%;
  height: 100%;
}

.compass_video_player_bg .compass_video_player_main:-ms-fullscreen {
  width: 100%;
  height: 100%;
}

.compass_video_player_bg .compass_video_player_main:fullscreen {
  width: 100%;
  height: 100%;
}

.compass_video_player_bg .compass_video_player_main video {
  background: #fff;
}

.compass_video_player_bg .compass_video_player_main .hap_main {
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #9b9b9b;
  width: 720px;
  height: 47px;
  margin: 0;
}

.compass_video_player_bg .compass_video_player_main .hap_main .hap_button {
  position: absolute;
  top: 14px;
  left: 35px;
  width: 18px;
  height: 18px;
  cursor: pointer;
  background-image: url("/static/img/compass/player_v2.png");
  background-size: 225px 78px;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-color: transparent;
  background-position: -21px -11px;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .compass_video_player_bg .compass_video_player_main .hap_main .hap_button {
    background-image: url("/static/img/compass/player_v2@x2.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .compass_video_player_bg .compass_video_player_main .hap_main .hap_button {
    background-image: url("/static/img/compass/player_v2@x2.png");
  }
}

.compass_video_player_bg .compass_video_player_main .hap_main .hap_button:hover {
  background-image: url("/static/img/compass/player_v2.png") !important;
  background-size: 225px 78px !important;
  background-repeat: no-repeat !important;
  background-position: 0% 0% !important;
  background-color: transparent !important;
  background-position: -21px -11px;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .compass_video_player_bg .compass_video_player_main .hap_main .hap_button:hover {
    background-image: url("/static/img/compass/player_v2@x2.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .compass_video_player_bg .compass_video_player_main .hap_main .hap_button:hover {
    background-image: url("/static/img/compass/player_v2@x2.png");
  }
}

.compass_video_player_bg .compass_video_player_main .hap_main .hap_button.play {
  background-position: 1px -11px;
}

.compass_video_player_bg .compass_video_player_main .hap_main .hap_mute {
  position: absolute;
  top: 14px;
  left: 70px;
  width: 18px;
  height: 18px;
  cursor: pointer;
  background-image: url("/static/img/compass/player_v2.png");
  background-size: 225px 78px;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-color: transparent;
  background-position: -42px -11px;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .compass_video_player_bg .compass_video_player_main .hap_main .hap_mute {
    background-image: url("/static/img/compass/player_v2@x2.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .compass_video_player_bg .compass_video_player_main .hap_main .hap_mute {
    background-image: url("/static/img/compass/player_v2@x2.png");
  }
}

.compass_video_player_bg .compass_video_player_main .hap_main .hap_mute:hover {
  background-image: url("/static/img/compass/player_v2.png") !important;
  background-size: 225px 78px !important;
  background-repeat: no-repeat !important;
  background-position: 0% 0% !important;
  background-color: transparent !important;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .compass_video_player_bg .compass_video_player_main .hap_main .hap_mute:hover {
    background-image: url("/static/img/compass/player_v2@x2.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .compass_video_player_bg .compass_video_player_main .hap_main .hap_mute:hover {
    background-image: url("/static/img/compass/player_v2@x2.png");
  }
}

.compass_video_player_bg .compass_video_player_main .hap_main .hap_mute.half {
  background-position: -82px -11px;
}

.compass_video_player_bg .compass_video_player_main .hap_main .hap_mute.half:hover {
  background-image: url("/static/img/compass/player_v2.png") !important;
  background-size: 225px 78px !important;
  background-repeat: no-repeat !important;
  background-position: 0% 0% !important;
  background-color: transparent !important;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .compass_video_player_bg .compass_video_player_main .hap_main .hap_mute.half:hover {
    background-image: url("/static/img/compass/player_v2@x2.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .compass_video_player_bg .compass_video_player_main .hap_main .hap_mute.half:hover {
    background-image: url("/static/img/compass/player_v2@x2.png");
  }
}

.compass_video_player_bg .compass_video_player_main .hap_main .hap_mute.on {
  background-position: -103px -11px;
}

.compass_video_player_bg .compass_video_player_main .hap_main .hap_mute.on:hover {
  background-image: url("/static/img/compass/player_v2.png") !important;
  background-size: 225px 78px !important;
  background-repeat: no-repeat !important;
  background-position: 0% 0% !important;
  background-color: transparent !important;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .compass_video_player_bg .compass_video_player_main .hap_main .hap_mute.on:hover {
    background-image: url("/static/img/compass/player_v2@x2.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .compass_video_player_bg .compass_video_player_main .hap_main .hap_mute.on:hover {
    background-image: url("/static/img/compass/player_v2@x2.png");
  }
}

.compass_video_player_bg .compass_video_player_main .hap_main .hap_volume {
  position: absolute;
  bottom: 40px;
  left: 75px;
  width: 12px;
  height: 118px;
}

.compass_video_player_bg .compass_video_player_main .hap_main .hap_ctime,
.compass_video_player_bg .compass_video_player_main .hap_main .hap_atime {
  font-size: 1.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #fff;
  width: 40px;
}

.compass_video_player_bg .compass_video_player_main .hap_main .hap_ctime {
  top: 9px;
  left: 100px;
}

.compass_video_player_bg .compass_video_player_main .hap_main .hap_atime {
  top: 9px;
  left: 620px;
}

.compass_video_player_bg .compass_video_player_main .hap_main .hap_progress {
  top: 11px;
  left: 168px;
  width: 430px;
}

.compass_video_player_bg .compass_video_player_main .hap_main .hap_progress .hap_bar {
  top: 12px;
  width: 430px;
  height: 6px;
}

.compass_video_player_bg .compass_video_player_main .hap_main .hap_progress .hap_bar .empty_bar {
  height: 6px;
  background-image: url(/static/img/compass/video_pbar_empty.png);
}

.compass_video_player_bg .compass_video_player_main .hap_main .hap_progress .hap_bar .empty_bar .full_bar {
  height: 6px;
  background-image: url(/static/img/compass/video_pbar_full.png);
}

.compass_video_player_bg .compass_video_player_main .hap_main .hap_progress .hap_slider {
  top: -6px;
  width: 15px;
  height: 18px;
  background-image: url("/static/img/compass/player_v2.png");
  background-size: 225px 78px;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-color: transparent;
  background-position: -125px -11px;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .compass_video_player_bg .compass_video_player_main .hap_main .hap_progress .hap_slider {
    background-image: url("/static/img/compass/player_v2@x2.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .compass_video_player_bg .compass_video_player_main .hap_main .hap_progress .hap_slider {
    background-image: url("/static/img/compass/player_v2@x2.png");
  }
}

.compass_video_player_bg .compass_video_player_main .hap_main .hap_fullscreen {
  cursor: pointer;
  position: absolute;
  top: 14px;
  right: 35px;
  height: 18px;
  width: 18px;
  background-image: url("/static/img/compass/player_v2.png");
  background-size: 225px 78px;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-color: transparent;
  background-position: -184px -10px;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .compass_video_player_bg .compass_video_player_main .hap_main .hap_fullscreen {
    background-image: url("/static/img/compass/player_v2@x2.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .compass_video_player_bg .compass_video_player_main .hap_main .hap_fullscreen {
    background-image: url("/static/img/compass/player_v2@x2.png");
  }
}

.compass_video_player_bg .compass_video_player_main .hap_main .hap_fullscreen.on {
  background-position: -207px -10px;
}

html.MSIE.v9 #current_compass .compass_msg {
  width: 717px;
}

.compass_ppmodal_bg {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  top: 0;
  left: 0;
  z-index: 3001;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.compass_ppmodal_bg .compass_ppmodal_body {
  position: relative;
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  width: 450px;
}

.compass_ppmodal_bg .compass_ppmodal_content {
  position: relative;
  padding: 10px 20px;
  max-width: 450px;
  line-height: 32px;
  color: #777;
  background-color: #fff;
  border-radius: 5px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 20px 10px rgba(00,0,00,0.1);
  box-shadow: 0 0 20px 10px rgba(00,0,00,0.1);
}

.compass_ppmodal_bg .compass_ppmodal_close {
  cursor: pointer;
  position: absolute;
  top: -13px;
  right: -13px;
  height: 34px;
  width: 34px;
  background-image: url("/static/img/compass/player_v2.png");
  background-size: 225px 78px;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-color: transparent;
  background-position: -146px 0;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .compass_ppmodal_bg .compass_ppmodal_close {
    background-image: url("/static/img/compass/player_v2@x2.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .compass_ppmodal_bg .compass_ppmodal_close {
    background-image: url("/static/img/compass/player_v2@x2.png");
  }
}

.compass_ppmodal_bg .user_info,
.compass_ppmodal_bg .user_post,
.compass_ppmodal_bg .date_post {
  width: 408px;
}

.compass_ppmodal_bg .post_image {
  position: relative;
  margin-top: 10px;
  margin-left: -20px;
  display: block;
  width: 450px;
}

.compass_ppmodal_bg .post_image img {
  position: relative;
  margin: 0 auto;
  display: block;
  max-height: 450px;
  max-width: 450px;
  top: 0;
  left: 0;
}

.compass_ppmodal_bg .user_info {
  position: relative;
  height: 45px;
}

.compass_ppmodal_bg .user_info .avatar_bg {
  position: absolute;
  top: 0;
  left: 0;
  height: 45px;
  width: 45px;
  border-radius: 50%;
  background-clip: padding-box;
  background-color: #e1e6ea;
}

.compass_ppmodal_bg .user_info .avatar_bg.plus {
  background-color: #f4d420;
}

.compass_ppmodal_bg .user_info .avatar_img {
  position: absolute;
  top: 2px;
  left: 2px;
  height: 41px;
  width: 41px;
  border-radius: 50%;
  background-clip: padding-box;
}

.compass_ppmodal_bg .user_info .user_name {
  position: absolute;
  left: 55px;
  top: 0;
  line-height: 45px;
  color: #757575;
}

.compass_ppmodal_bg .date_post {
  margin-top: 30px;
  text-align: right;
  color: #757575;
}

.compass_ppmodal_bg .compass_smile_1,
.compass_ppmodal_bg .compass_smile_2,
.compass_ppmodal_bg .compass_smile_3,
.compass_ppmodal_bg .compass_smile_4 {
  position: absolute;
  top: 0;
  right: 0;
  height: 40px;
  width: 41px;
  background-image: url("/static/img/smiles.png");
  background-size: 313px 401px;
  background-repeat: no-repeat;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .compass_ppmodal_bg .compass_smile_1,
  .compass_ppmodal_bg .compass_smile_2,
  .compass_ppmodal_bg .compass_smile_3,
  .compass_ppmodal_bg .compass_smile_4 {
    background-image: url("/static/img/smiles@x2.png");
  }
}

.compass_ppmodal_bg .compass_smile_1 {
  background-position-x: -3px;
}

.compass_ppmodal_bg .compass_smile_2 {
  background-position-x: -47px;
}

.compass_ppmodal_bg .compass_smile_3 {
  background-position-x: -91px;
}

.compass_ppmodal_bg .compass_smile_4 {
  background-position-x: -135px;
}

.compass_ppmodal_bg .compass_ppmodal_body.AS .compass_smile_1,
.compass_ppmodal_bg .compass_ppmodal_body.AS .compass_smile_2,
.compass_ppmodal_bg .compass_ppmodal_body.AS .compass_smile_3,
.compass_ppmodal_bg .compass_ppmodal_body.AS .compass_smile_4 {
  background-position-y: -180px;
}

.compass_ppmodal_bg .compass_ppmodal_body.AS .title {
  color: #00aaea;
}

.compass_ppmodal_bg .compass_ppmodal_body.EM .compass_smile_1,
.compass_ppmodal_bg .compass_ppmodal_body.EM .compass_smile_2,
.compass_ppmodal_bg .compass_ppmodal_body.EM .compass_smile_3,
.compass_ppmodal_bg .compass_ppmodal_body.EM .compass_smile_4 {
  background-position-y: -268px;
}

.compass_ppmodal_bg .compass_ppmodal_body.EM .title {
  color: #ff3131;
}

.compass_ppmodal_bg .compass_ppmodal_body.GI .compass_smile_1,
.compass_ppmodal_bg .compass_ppmodal_body.GI .compass_smile_2,
.compass_ppmodal_bg .compass_ppmodal_body.GI .compass_smile_3,
.compass_ppmodal_bg .compass_ppmodal_body.GI .compass_smile_4 {
  background-position-y: -312px;
}

.compass_ppmodal_bg .compass_ppmodal_body.GI .title {
  color: #06b709;
}

.compass_ppmodal_bg .compass_ppmodal_body.SA .compass_smile_1,
.compass_ppmodal_bg .compass_ppmodal_body.SA .compass_smile_2,
.compass_ppmodal_bg .compass_ppmodal_body.SA .compass_smile_3,
.compass_ppmodal_bg .compass_ppmodal_body.SA .compass_smile_4 {
  background-position-y: -224px;
}

.compass_ppmodal_bg .compass_ppmodal_body.SA .title {
  color: #c5168a;
}

.compass_ppmodal_bg .compass_ppmodal_body.TH .compass_smile_1,
.compass_ppmodal_bg .compass_ppmodal_body.TH .compass_smile_2,
.compass_ppmodal_bg .compass_ppmodal_body.TH .compass_smile_3,
.compass_ppmodal_bg .compass_ppmodal_body.TH .compass_smile_4 {
  background-position-y: -4px;
}

.compass_ppmodal_bg .compass_ppmodal_body.TH .title {
  color: #ff7a00;
}

.compass_ppmodal_bg .compass_ppmodal_body.RE .compass_smile_1,
.compass_ppmodal_bg .compass_ppmodal_body.RE .compass_smile_2,
.compass_ppmodal_bg .compass_ppmodal_body.RE .compass_smile_3,
.compass_ppmodal_bg .compass_ppmodal_body.RE .compass_smile_4 {
  background-position-y: -356px;
}

.compass_ppmodal_bg .compass_ppmodal_body.RE .title {
  color: #2ac4c5;
}

#compass-time,
#compass-date {
  display: inline-block;
}

#compass-time .timepicker,
#compass-date .timepicker {
  width: 130px;
}

#compass-time .timepicker-item,
#compass-date .timepicker-item {
  line-height: initial;
  font-size: 1.6rem;
  font-family: OpenSansLight;
  font-weight: normal;
}

#compass-time .timepicker-input-container .input-arrow,
#compass-date .timepicker-input-container .input-arrow {
  top: 2px;
  margin: 0 !important;
}

#compass-time .timepicker-input-container.open .input-arrow,
#compass-date .timepicker-input-container.open .input-arrow {
  top: 51px;
  line-height: initial;
}

#compass-time .birth-date-picker select,
#compass-date .birth-date-picker select,
#compass-time .birth-date-picker option,
#compass-date .birth-date-picker option {
  padding: 7px 8px;
}

#compass-time .birth-date-picker select,
#compass-date .birth-date-picker select {
  color: #777;
  border: 1px solid #d7d7d2;
  border-radius: 5px;
  background-clip: padding-box;
  min-width: 75px;
}

#compass-time .birth-date-picker select:not(:last-child),
#compass-date .birth-date-picker select:not(:last-child) {
  margin-right: 5px;
}

#compass-time .birth-date-picker .birth-date-error,
#compass-date .birth-date-picker .birth-date-error {
  line-height: normal;
  position: absolute;
  color: #ff3131;
  font-size: 1.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

.IE #current_compass .combobox__arrow,
.IE #compass_modal .combobox__arrow {
  top: 3px;
}

/* LOCALE SPECIFIC STYLING */

html[lang=fr] .compass_snd_image .compass_upload_button {
  width: 220px !important;
}

html[data-wcag-enabled="true"] .compass_pbar_showhide {
  width: 28px !important;
  left: 3px !important;
}

html[data-wcag-enabled="true"] .compass_pbar_showhide .compass_showhide_arrow {
  left: 6px !important;
}

/* ====================================================================
 * styling encapsulated by/with
 *    - by #my-coach-directory
 *
 *  used for/in:
 *    - in main tabs
 *
 *  child styling:
 *    -
 *
 * ================================================================== */

#my-coach-directory {
  padding: 30px 25px 60px;
  /*------------------------------------*\
    COACH
  \*------------------------------------*/
}

#my-coach-directory header {
  padding: 0 12px;
}

#my-coach-directory h2 {
  font: 24px/20px 'OpenSansRegular';
  color: #777;
}

#my-coach-directory .my-coach-list {
  margin-bottom: 40px;
}

#my-coach-directory .coaches-filters {
  margin: 20px 0 30px;
  width: 328px;
  display: inline-block;
}

#my-coach-directory .coaches-filters div {
  display: block;
  height: 48px;
  width: 328px;
  padding: 0 34px;
  line-height: 48px;
  border-radius: 5px;
  border: 1px solid #d7d7d2;
  font-family: 'OpenSansBold';
  font-size: 16px;
  cursor: pointer;
  position: relative;
}

#my-coach-directory .coaches-filters div::after {
  position: absolute;
  right: 30px;
  top: 22px;
  width: 14px;
  height: 7px;
  background: url('/static/img/coaching/bottom_arrow.png') no-repeat;
  background-size: 100% 100%;
  content: '';
}

#my-coach-directory .coaches-filters ul {
  padding: 10px 0;
  border-radius: 5px;
  border: 1px solid #d7d7d2;
  width: 328px;
  position: absolute;
  top: 72px;
  background: white;
  z-index: 2;
}

#my-coach-directory .coaches-filters li {
  cursor: pointer;
  padding: 10px 34px;
  font: 16px/16px 'OpenSansBold';
}

#my-coach-directory .coaches-filters li:hover {
  background: #1E90FF;
  color: white;
}

#my-coach-directory .coach:not(.coach-list-head) {
  padding: 19px 0;
}

#my-coach-directory .coach > * {
  display: inline-block;
  vertical-align: middle;
}

#my-coach-directory .coach > div:nth-of-type(1) {
  width: 8%;
  text-align: center;
}

#my-coach-directory .coach > div:nth-of-type(2) {
  width: 27%;
}

#my-coach-directory .coach > div:nth-of-type(3) {
  width: 49%;
}

#my-coach-directory .coach > div:nth-of-type(4) {
  width: 13%;
  text-align: center;
}

#my-coach-directory .coach-list-head {
  font-size: 14px;
  font-weight: bold;
}

#my-coach-directory .coach-list-head div:nth-of-type(2) {
  text-indent: 50px;
}

#my-coach-directory .coach-list-head div:nth-of-type(3) {
  text-indent: 138px;
}

#my-coach-directory .coach-avatar {
  display: block;
  width: 65px;
  height: 65px;
}

#my-coach-directory .coach-name {
  color: #ff7a00;
  font-size: 16px;
}

#my-coach-directory .coach-position {
  font-size: 15px;
}

#my-coach-directory .coach-duration {
  color: #d7d7d2;
  font-size: 12px;
  line-height: 2;
}

#my-coach-directory .coach-expertise {
  font-size: 15px;
}

#my-coach-directory .no_coach_message {
  text-align: center;
  margin-top: 50px;
  font-size: 2.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

/* ====================================================================
 * styling encapsulated by/with
 *    - by #my-clients-directory
 *
 *  used for/in:
 *    - in main tabs
 *
 *  child styling:
 *    -
 *
 * ================================================================== */

#my-clients-directory {
  padding: 30px 0 20px;
  /*------------------------------------*\
    COACHING TAB NAV
  \*------------------------------------*/
  /*------------------------------------*\
    CLIENT
  \*------------------------------------*/
}

#my-clients-directory header {
  text-align: center;
}

#my-clients-directory .spinner {
  margin-top: 100px;
}

#my-clients-directory .coaching-tab-nav {
  margin: 12px 25px;
  text-align: left;
}

#my-clients-directory .coaching-tab-nav ul {
  display: inline-block;
  margin-bottom: 30px;
}

#my-clients-directory .coaching-tab-nav li {
  display: inline-block;
  font: 400 18px/20px 'OpenSansRegular';
  font-size: 18px;
  vertical-align: middle;
  color: #777;
  cursor: pointer;
}

#my-clients-directory .coaching-tab-nav li:not(:last-of-type) {
  margin-right: 25px;
}

#my-clients-directory .coaching-tab-nav li.active,
#my-clients-directory .coaching-tab-nav li.on {
  color: #ff7a00;
  text-decoration: underline;
}

#my-clients-directory .client-list li.message {
  text-align: center;
  font-family: 'OpenSansRegular';
}

#my-clients-directory .client {
  position: relative;
}

#my-clients-directory .client.TRIAL,
#my-clients-directory .client.EXPIRED,
#my-clients-directory .client.days1,
#my-clients-directory .client.days2 {
  background: #FFF8E5;
}

#my-clients-directory .client.TRIAL::before,
#my-clients-directory .client.EXPIRED::before,
#my-clients-directory .client.days1::before,
#my-clients-directory .client.days2::before {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 74px;
  content: '';
}

#my-clients-directory .client.TRIAL::before {
  background: url('/static/img/coaching/ribbon_trial.png') no-repeat;
}

#my-clients-directory .client.EXPIRED::before {
  background: url('/static/img/coaching/ribbon_expired.png') no-repeat;
}

#my-clients-directory .client.days1::before {
  background: url('/static/img/coaching/ribbon_1_day.png') no-repeat;
}

#my-clients-directory .client.days2::before {
  background: url('/static/img/coaching/ribbon_2_days.png') no-repeat;
}

#my-clients-directory .client:not(.client-list-head) {
  padding: 25px 0;
}

#my-clients-directory .client:not(.client-list-head):not(:last-of-type) {
  margin-bottom: 1px;
}

#my-clients-directory .client > * {
  display: inline-block;
  vertical-align: middle;
}

#my-clients-directory .client > div:nth-of-type(1) {
  position: relative;
  width: 20%;
  text-align: center;
}

#my-clients-directory .client > div:nth-of-type(2) {
  width: 36%;
}

#my-clients-directory .client > div:nth-of-type(3) {
  width: 28%;
}

#my-clients-directory .client > div:nth-of-type(4) {
  width: 12%;
  text-align: center;
}

#my-clients-directory .client-list-head {
  padding: 0;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 15px;
}

#my-clients-directory .client-avatar {
  font-size: 14px;
}

#my-clients-directory .client-avatar img,
#my-clients-directory .client-avatar .expert-avatar {
  display: inline-block;
  border-radius: 50%;
  width: 60px;
  height: 60px;
}

#my-clients-directory .client-avatar img img,
#my-clients-directory .client-avatar .expert-avatar img {
  width: 100%;
  height: 100%;
}

#my-clients-directory .client-name {
  font-size: 14px;
  margin-top: 5px;
}

#my-clients-directory .client-name img {
  margin-left: 10px;
  vertical-align: middle;
}

#my-clients-directory .client-name .inactive {
  width: 11px;
  height: 12px;
}

#my-clients-directory .client-track {
  max-width: 280px;
  font-size: 16px;
}

#my-clients-directory .client-track span {
  display: block;
  font-size: 14px;
}

#my-clients-directory .client-activity {
  max-width: 280px;
}

#my-clients-directory .client-activity .text {
  font-size: 16px;
}

#my-clients-directory .client-activity .date {
  display: block;
  font-size: 13px;
  line-height: 2;
  color: #E2E2DF;
}

#my-clients-directory .client .notifications {
  padding: 0 3px;
  position: absolute;
  right: 67px;
  top: 45px;
  min-width: 18px;
  min-height: 18px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  border-radius: 18px;
  background: #00aaea;
  color: white;
  font: 600 11px/18px "OpenSansSemiBold";
}

[data-view=CoachProfile] {
  border: 1px solid #d7d7d2;
  border-radius: 5px;
}

[data-view=CoachProfile] .col-left {
  text-align: center;
}

[data-view=CoachProfile] .col-left .button {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  height: 26px;
  line-height: 22px;
  padding: 0 8px;
}

[data-view=CoachProfile] .col-right hr.invisible {
  visibility: hidden;
}

[data-view=CoachProfile] .col-right .name {
  font-size: 2.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #ff7a00;
  text-align: left;
  font-size: 26px;
}

[data-view=CoachProfile] .col-right .subtitle {
  color: #372f2b;
  font-size: 20px;
  margin-bottom: 20px;
}

[data-view=CoachProfile] .col-right .description {
  padding-left: 5px;
  line-height: 29px;
  margin-top: 40px;
}

[data-view=CoachProfile] .col-right .description.my-profile {
  margin-top: 85px;
}

[data-view=CoachProfile] .col-right .description p {
  font-size: 1.7rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
}

[data-view=CoachProfile] .col-right .description p .title {
  padding-top: 5px;
  font-family: OpenSansSemiBold;
  color: #2dbbdf;
}

[data-view=CoachProfile] .col-right .availability {
  font-size: 18px;
}

[data-view=CoachProfile] .col-right .availability .available-block,
[data-view=CoachProfile] .col-right .availability .in-session-block,
[data-view=CoachProfile] .col-right .availability .unavailable-block {
  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;
}

[data-view=CoachProfile] .col-right .availability .available-block .icon-available,
[data-view=CoachProfile] .col-right .availability .in-session-block .icon-available,
[data-view=CoachProfile] .col-right .availability .unavailable-block .icon-available {
  width: 14px;
  height: 14px;
  display: inline-block;
  margin-right: 10px;
  background: url('/static/img/coaching/ICON-available@2x.png') 0 0 no-repeat;
  background-size: 100% 100%;
}

[data-view=CoachProfile] .col-right .availability .available-block .icon-not-available,
[data-view=CoachProfile] .col-right .availability .in-session-block .icon-not-available,
[data-view=CoachProfile] .col-right .availability .unavailable-block .icon-not-available {
  display: inline-block;
  margin-right: 10px;
  width: 14px;
  height: 14px;
  background: url('/static/img/coaching/ICON-unavailable@2x.png') 0 0 no-repeat;
  background-size: 100% 100%;
}

[data-view=CoachProfile] .col-right .availability .available-block span,
[data-view=CoachProfile] .col-right .availability .in-session-block span,
[data-view=CoachProfile] .col-right .availability .unavailable-block span {
  color: #26a722;
}

[data-view=CoachProfile] .col-right .availability .available-block .choose_button,
[data-view=CoachProfile] .col-right .availability .in-session-block .choose_button,
[data-view=CoachProfile] .col-right .availability .unavailable-block .choose_button,
[data-view=CoachProfile] .col-right .availability .available-block .discontinue_button,
[data-view=CoachProfile] .col-right .availability .in-session-block .discontinue_button,
[data-view=CoachProfile] .col-right .availability .unavailable-block .discontinue_button {
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin: 0 25px;
}

[data-view=CoachProfile] .col-right .availability .available-block .choose_button.disabled,
[data-view=CoachProfile] .col-right .availability .in-session-block .choose_button.disabled,
[data-view=CoachProfile] .col-right .availability .unavailable-block .choose_button.disabled,
[data-view=CoachProfile] .col-right .availability .available-block .discontinue_button.disabled,
[data-view=CoachProfile] .col-right .availability .in-session-block .discontinue_button.disabled,
[data-view=CoachProfile] .col-right .availability .unavailable-block .discontinue_button.disabled {
  opacity: 0.5;
  pointer-events: none;
}

[data-view=CoachProfile] .col-right .availability a.coach-info-btn span,
[data-view=CoachProfile] .col-right .availability a.coach-info-btn:visited span {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
}

[data-view=CoachProfile] .col-right .availability a.coach-info-btn .info-ico,
[data-view=CoachProfile] .col-right .availability a.coach-info-btn:visited .info-ico {
  font-size: 1.4rem;
  font-family: OpenSansBold;
  font-weight: normal;
  display: inline-block;
  background: #dedede;
  width: 19px;
  height: 19px;
  border-radius: 50%;
  text-align: center;
  color: #FFFFFF;
  line-height: 20px;
  margin-right: 5px;
}

[data-view=CoachProfile] .col-right .availability a.coach-info-btn:hover {
  color: #372f2b;
  text-decoration: none;
}

[data-view=CoachProfile] .col-right .availability a.coach-info-btn:hover span {
  color: #777;
}

[data-view=CoachProfile] .col-right .availability a.coach-info-btn:hover .info-ico {
  color: #FFFFFF;
}

[data-view=CoachProfile] .col-right .availability a.coach-info-btn:hover .tooltip {
  display: block;
}

[data-view=CoachProfile] .col-right .availability .tooltip {
  font-size: 1.3rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
  margin-left: 200px;
  margin-top: -35px;
  position: absolute;
  display: none;
  background: #FFFFFF;
  border-radius: 3px;
  border: 1px solid #cac9c6;
  width: 220px;
  padding: 10px;
  -webkit-box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.2);
  box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.2);
  z-index: 100;
}

[data-view=CoachProfile] .col-right .availability .tooltip:before {
  content: "";
  position: absolute;
  right: 100%;
  top: 10px;
  width: 0;
  height: 0;
  border-top: 16px solid transparent;
  border-right: 17px solid #cac9c6;
  border-bottom: 16px solid transparent;
}

[data-view=CoachProfile] .col-right .availability .tooltip:after {
  content: "";
  position: absolute;
  right: 100%;
  top: 12px;
  width: 0;
  height: 0;
  border-top: 14px solid transparent;
  border-right: 15px solid white;
  border-bottom: 14px solid transparent;
}

[data-view=CoachProfile] .col-right .availability .unavailable-block span {
  color: #ff0000;
}

[data-view=CoachProfile] .col-right .availability .unavailable-block a {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
  margin-left: auto;
}

[data-view=CoachProfile] .col-right .availability .status {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
  width: 290px;
  display: inline-block;
  line-height: 23px;
}

[data-view=CoachProfile] .confirmationDialog {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 9999999;
  pointer-events: auto;
  visibility: hidden;
  background: rgba(255, 255, 255, 0.9);
}

[data-view=CoachProfile] .confirmationDialog.engage .disengage {
  display: none;
}

[data-view=CoachProfile] .confirmationDialog.disengage .engage {
  display: none;
}

[data-view=CoachProfile] .confirmationDialog .popup {
  position: relative;
  width: 405px;
  border-radius: 5px;
  border: solid 1px #e5e5e5;
  background: #FFFFFF;
  margin: 10% auto;
  padding: 20px 15px 30px 15px;
  -webkit-box-shadow: 0 0 30px rgba(153, 153, 153, 0.3);
  box-shadow: 0 0 30px rgba(153, 153, 153, 0.3);
}

[data-view=CoachProfile] .confirmationDialog .close {
  background: #fefefe;
  position: absolute;
  right: -12px;
  text-align: center;
  top: -10px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  -webkit-box-shadow: -2px 2px 1px rgba(0, 0, 0, 0.15);
  box-shadow: -2px 2px 1px rgba(0, 0, 0, 0.15);
}

[data-view=CoachProfile] .confirmationDialog .close span {
  background: url(/static/img/coaching/modal_dialog_close_cross.png) 0 0 no-repeat;
  background-size: 100% 100%;
  width: 13px;
  height: 13px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -7px;
}

[data-view=CoachProfile] .confirmationDialog h1 {
  font-size: 2rem;
  font-family: OpenSansBold;
  font-weight: normal;
  color: #362f2b;
  text-align: left;
}

[data-view=CoachProfile] .confirmationDialog p {
  color: #777;
  font-size: 15px;
  margin: 0 0 15px 5px;
}

[data-view=CoachProfile] .confirmationDialog hr {
  margin: 15px 0 20px;
}

[data-view=CoachProfile] .confirmationDialog.enabled {
  visibility: visible;
  pointer-events: auto;
}

[data-view=CoachProfile] .confirmationDialog .button-holder {
  text-align: center;
}

[data-view=CoachProfile] .confirmationDialog .button-holder .stay-button {
  color: #777;
  display: block;
  font-size: 12px;
  text-decoration: underline;
}

[data-view=CoachProfile] .confirmationDialog .button-holder .stay-button:hover {
  text-decoration: none;
}

#coach-settings [name='availability'] {
  width: 360px;
  padding: 4px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

#coach-settings .expertise-list {
  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: 10px 0 30px;
}

#coach-settings .expertise-list > li {
  width: 50%;
  font: 15px/35px 'OpenSansSemiBold';
  color: #B3B1B1;
  position: relative;
}

#coach-settings .expertise-list label {
  width: auto;
  height: auto;
}

#coach-settings .availability-dropdown {
  position: relative;
  width: 100%;
  max-width: 360px;
}

#coach-settings .availability-dropdown .show_items {
  font-size: 1.6rem;
  font-family: OpenSansBold;
  font-weight: normal;
  border: 1px solid #d7d7d2;
  color: #777;
  display: block;
  height: 40px;
  padding: 0 5px;
  line-height: 40px;
  border-radius: 5px;
  cursor: pointer;
  position: relative;
  width: 100%;
  background: #fff;
  text-align: left;
}

#coach-settings .availability-dropdown .show_items::after {
  position: absolute;
  right: 10px;
  top: 18px;
  width: 14px;
  height: 7px;
  background: url('/static/img/coaching/bottom_arrow.png') no-repeat;
  background-size: 100% 100%;
  content: '';
}

#coach-settings .availability-dropdown ul {
  border: 1px solid #d7d7d2;
  padding: 10px 0;
  border-radius: 5px;
  width: 100%;
  position: absolute;
  top: 39px;
  background: white;
  z-index: 2;
}

#coach-settings .availability-dropdown li {
  display: block;
  width: 100%;
  cursor: pointer;
  padding: 10px 5px;
  font: 16px/16px 'OpenSansBold';
}

#coach-settings [name='availability_message'] {
  width: 325px;
  padding: 5px;
  display: block;
  margin-bottom: 5px;
}

#coach-settings [type="checkbox"] {
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: -1;
}

#coach-settings [type="checkbox"]:not(:checked) + label::before {
  content: '';
  border: 2px solid #B3B1B1;
}

#coach-settings [type="checkbox"]:checked + label::before {
  border: 2px solid #ff7a00;
  background: #ff7a00;
  color: white;
  content: '✔';
}

#coach-settings [type="checkbox"] + label::before {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 15px;
  line-height: 20px;
  vertical-align: middle;
  font-size: 20px;
  border-radius: 5px;
  text-align: center;
  cursor: pointer;
}

/* ====================================================================
 * styling encapsulated by/with
 *    - by #coaching-upsell
 *
 *  used for/in:
 *    - in main tabs
 *
 *  child styling:
 *
 * ================================================================== */

#coaching-upsell,
#coaching-recommended-tab {
  padding: 55px 50px 75px;
}

#coaching-upsell .row-old,
#coaching-recommended-tab .row-old {
  width: 100%;
  overflow-y: hidden;
  padding: 5px 0;
}

#coaching-upsell .row-old .col,
#coaching-recommended-tab .row-old .col {
  width: 50%;
  float: left;
}

#coaching-upsell .row-old .col:nth-of-type(2),
#coaching-recommended-tab .row-old .col:nth-of-type(2) {
  padding-left: 85px;
}

#coaching-upsell h1,
#coaching-recommended-tab h1,
#coaching-upsell h2,
#coaching-recommended-tab h2,
#coaching-upsell h3,
#coaching-recommended-tab h3 {
  color: #00aaea;
  font-family: "OpenSansRegular";
  font-weight: normal;
}

#coaching-upsell h1,
#coaching-recommended-tab h1 {
  font-size: 28px;
  max-width: 380px;
  line-height: 32px;
}

#coaching-upsell h2,
#coaching-recommended-tab h2 {
  font-weight: bold;
  font-size: 18px;
}

#coaching-upsell h3,
#coaching-recommended-tab h3 {
  margin: 0 0 10px 0;
  font-size: 18px;
  line-height: 2;
}

#coaching-upsell .benefit-list,
#coaching-recommended-tab .benefit-list {
  margin: 40px 0;
}

#coaching-upsell .benefit-list li,
#coaching-recommended-tab .benefit-list li {
  position: relative;
  font: 18px/1.7 "OpenSansRegular";
}

#coaching-upsell .benefit-list li::before,
#coaching-recommended-tab .benefit-list li::before {
  display: inline-block;
  margin-right: 10px;
  font-size: 22px;
  line-height: normal;
  vertical-align: middle;
  color: #00aaea;
  content: '\2022';
}

#coaching-upsell .coach-avatar,
#coaching-recommended-tab .coach-avatar {
  float: left;
  margin: -5px 20px 10px 0;
  width: 100px;
  height: 100px;
}

#coaching-upsell .coach-about,
#coaching-recommended-tab .coach-about {
  max-height: 88px;
  margin: 0;
  color: #372f2b;
  font: 15px/22px "OpenSansRegular";
}

#coaching-upsell div,
#coaching-recommended-tab div {
  padding: 5px;
  overflow: hidden;
}

#coaching-upsell .btn-container,
#coaching-recommended-tab .btn-container {
  padding-top: 30px;
}

#coaching-upsell .button,
#coaching-recommended-tab .button {
  float: left;
  font-size: 16px;
  height: 47px;
  line-height: 47px;
  text-align: center;
  min-width: 185px;
  -webkit-box-shadow: 0 3px 0 #b35500;
  box-shadow: 0 3px 0 #b35500;
  text-transform: uppercase;
}

#coaching-upsell .link,
#coaching-recommended-tab .link {
  float: right;
  color: #777;
  text-decoration: underline;
  font: 15px/60px "OpenSansRegular";
  vertical-align: bottom;
}

/* ====================================================================
 * styling encapsulated by/with
 *    - by #my-clients
 *    - by #my-coaches
 *    - by #my-coach-directory
 *    - by #my-clients-directory
 *    - by #coaching-activities
 *    - by #coaching-messages
 *
 *  used for/in:
 *    - in main tabs
 *
 *  child styling:
 *    -
 *
 * ================================================================== */

#my-clients,
#my-coaches {
  margin: -30px -20px -20px;
}

#my-coaches .coaching-tab-nav,
#coaching-activities .coaching-tab-nav,
#coaching-messages .coaching-tab-nav {
  margin: 12px 0;
  text-align: center;
}

#my-coaches .coaching-tab-nav ul,
#coaching-activities .coaching-tab-nav ul,
#coaching-messages .coaching-tab-nav ul {
  display: inline-block;
  margin-bottom: 30px;
}

#my-coaches .coaching-tab-nav li,
#coaching-activities .coaching-tab-nav li,
#coaching-messages .coaching-tab-nav li {
  display: inline-block;
  margin: 5px;
  vertical-align: middle;
  font-size: 17px;
  cursor: pointer;
}

#my-coaches .coaching-tab-nav li:not(:last-of-type)::after,
#coaching-activities .coaching-tab-nav li:not(:last-of-type)::after,
#coaching-messages .coaching-tab-nav li:not(:last-of-type)::after {
  margin: 0 5px 0 15px;
  font-weight: bold;
  content: '\2022';
}

#my-coaches .coaching-tab-nav li:first-of-type::before,
#coaching-activities .coaching-tab-nav li:first-of-type::before,
#coaching-messages .coaching-tab-nav li:first-of-type::before,
#my-coaches .coaching-tab-nav li:last-of-type::after,
#coaching-activities .coaching-tab-nav li:last-of-type::after,
#coaching-messages .coaching-tab-nav li:last-of-type::after {
  display: inline-block;
  width: 74px;
  height: 3px;
  vertical-align: middle;
  content: '';
}

#my-coaches .coaching-tab-nav li:first-of-type::before,
#coaching-activities .coaching-tab-nav li:first-of-type::before,
#coaching-messages .coaching-tab-nav li:first-of-type::before {
  margin-right: 15px;
  background: url('/static/img/coaching/ribbon_arrow_2.png') no-repeat;
}

#my-coaches .coaching-tab-nav li:last-of-type::after,
#coaching-activities .coaching-tab-nav li:last-of-type::after,
#coaching-messages .coaching-tab-nav li:last-of-type::after {
  margin-left: 15px;
  background: url('/static/img/coaching/ribbon_arrow_1.png') no-repeat;
}

#my-coaches .coaching-tab-nav li.active,
#coaching-activities .coaching-tab-nav li.active,
#coaching-messages .coaching-tab-nav li.active,
#my-coaches .coaching-tab-nav li.on,
#coaching-activities .coaching-tab-nav li.on,
#coaching-messages .coaching-tab-nav li.on {
  font-family: 'OpenSansBold';
}

#my-clients-directory,
#my-coach-directory {
  min-height: 798px;
}

#my-clients-directory .grid-row,
#my-coach-directory .grid-row,
#my-clients-directory .grid-unit,
#my-coach-directory .grid-unit {
  width: 100%;
}

#my-clients-directory .grid-unit,
#my-coach-directory .grid-unit {
  margin: 0;
}

#my-clients-directory p,
#my-coach-directory p {
  margin: 0;
}

#my-clients-directory .coach,
#my-coach-directory .coach,
#my-clients-directory .client,
#my-coach-directory .client {
  width: 100%;
  font-family: 'OpenSansRegular';
}

#my-clients-directory .coach .button,
#my-coach-directory .coach .button,
#my-clients-directory .client .button,
#my-coach-directory .client .button {
  padding: 0 15px;
  font-size: 13px;
  -webkit-box-shadow: 0 3px 0 #b35500;
  box-shadow: 0 3px 0 #b35500;
}

#my-clients-directory header a,
#my-coach-directory header a {
  display: block;
  text-align: right;
  font: 14px/18px 'OpenSansSemiBold';
}

#my-coaches .expire-message {
  padding: 0 38px;
  background: #81BA00;
  color: white;
  width: 100%;
  font: 16px/37px 'OpenSansRegular';
}

#my-coaches .expire-message a {
  text-decoration: underline;
  color: white;
}

/* ====================================================================
 * styling encapsulated by/with
 *    - by #coaching-message-form
 *
 *  used for/in:
 *    - in main tabs
 *
 *  child styling:
 *    -
 *
 * ================================================================== */

#coaching-message-form {
  min-height: 80px;
  margin-top: 30px;
}

#coaching-message-form.sticked form {
  position: fixed;
  bottom: 0;
}

#coaching-message-form:not(.sticked) form {
  position: relative;
}

#coaching-message-form .grid-row {
  margin-top: 0;
}

#coaching-message-form form {
  background: white;
  padding: 20px 50px;
  border: 1px solid #A6A6A6;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
  width: 1024px;
  z-index: 2;
}

#coaching-message-form form > * {
  display: inline-block;
  vertical-align: middle;
}

#coaching-message-form form textarea {
  width: 88%;
  margin-right: 17px;
  font: 13px/13px 'OpenSansRegular';
  padding: 10px 20px 0 20px;
}

#coaching-message-form form label {
  font: 13px/13px 'OpenSansRegular';
  margin-bottom: 5px;
}

#coaching-message-form form .button {
  width: 90px;
  height: 35px;
}

/* ====================================================================
 * styling encapsulated by/with
 *    - by #coaching-messages
 *    - by #coaching-activities
 *
 *  used for/in:
 *    - in client main tab
 *    - in my coach main tab
 *
 *  child styling:
 *    -
 *
 * ================================================================== */

#coaching-messages,
#coaching-activities {
  padding: 30px 25px;
}

#coaching-messages p,
#coaching-activities p {
  margin: 0;
}

#coaching-messages header,
#coaching-activities header {
  text-align: right;
}

#coaching-messages header a,
#coaching-activities header a {
  font: 14px/14px 'OpenSansSemiBold';
}

#coaching-messages header .load-button,
#coaching-activities header .load-button {
  outline: none;
  display: block;
  text-align: left;
  margin-bottom: 30px;
  font: 12px/0.5 'OpenSansRegular';
}

#coaching-messages .coaching-message,
#coaching-activities .coaching-message,
#coaching-messages .coaching-activity,
#coaching-activities .coaching-activity {
  position: relative;
  padding: 0 20px;
  font-family: 'OpenSansRegular';
}

#coaching-messages .coaching-message:not(:last-of-type),
#coaching-activities .coaching-message:not(:last-of-type),
#coaching-messages .coaching-activity:not(:last-of-type),
#coaching-activities .coaching-activity:not(:last-of-type) {
  margin-bottom: 25px;
}

#coaching-messages .coaching-message > *,
#coaching-activities .coaching-message > *,
#coaching-messages .coaching-activity > *,
#coaching-activities .coaching-activity > * {
  position: relative;
  display: inline-block;
  vertical-align: top;
}

#coaching-messages .coaching-message div:nth-of-type(2),
#coaching-activities .coaching-message div:nth-of-type(2),
#coaching-messages .coaching-activity div:nth-of-type(2),
#coaching-activities .coaching-activity div:nth-of-type(2) {
  width: 91%;
}

#coaching-messages .coaching-message div[data-type]:not([data-type="coach_message"]),
#coaching-activities .coaching-message div[data-type]:not([data-type="coach_message"]),
#coaching-messages .coaching-activity div[data-type]:not([data-type="coach_message"]),
#coaching-activities .coaching-activity div[data-type]:not([data-type="coach_message"]) {
  vertical-align: middle;
}

#coaching-messages .coaching-message div[data-type]:not([data-type="coach_message"]) .username,
#coaching-activities .coaching-message div[data-type]:not([data-type="coach_message"]) .username,
#coaching-messages .coaching-activity div[data-type]:not([data-type="coach_message"]) .username,
#coaching-activities .coaching-activity div[data-type]:not([data-type="coach_message"]) .username,
#coaching-messages .coaching-message div[data-type]:not([data-type="coach_message"]) .text,
#coaching-activities .coaching-message div[data-type]:not([data-type="coach_message"]) .text,
#coaching-messages .coaching-activity div[data-type]:not([data-type="coach_message"]) .text,
#coaching-activities .coaching-activity div[data-type]:not([data-type="coach_message"]) .text {
  display: inline-block;
}

#coaching-messages .coaching-message div[data-type]:not([data-type="coach_message"]) .text,
#coaching-activities .coaching-message div[data-type]:not([data-type="coach_message"]) .text,
#coaching-messages .coaching-activity div[data-type]:not([data-type="coach_message"]) .text,
#coaching-activities .coaching-activity div[data-type]:not([data-type="coach_message"]) .text {
  font-size: 14px;
}

#coaching-messages .coaching-message .user-avatar img,
#coaching-activities .coaching-message .user-avatar img,
#coaching-messages .coaching-activity .user-avatar img,
#coaching-activities .coaching-activity .user-avatar img,
#coaching-messages .coaching-message .user-avatar .coach-avatar,
#coaching-activities .coaching-message .user-avatar .coach-avatar,
#coaching-messages .coaching-activity .user-avatar .coach-avatar,
#coaching-activities .coaching-activity .user-avatar .coach-avatar,
#coaching-messages .coaching-message .user-avatar .expert-avatar,
#coaching-activities .coaching-message .user-avatar .expert-avatar,
#coaching-messages .coaching-activity .user-avatar .expert-avatar,
#coaching-activities .coaching-activity .user-avatar .expert-avatar {
  margin-right: 10px;
}

#coaching-messages .coaching-message .user-avatar img img,
#coaching-activities .coaching-message .user-avatar img img,
#coaching-messages .coaching-activity .user-avatar img img,
#coaching-activities .coaching-activity .user-avatar img img,
#coaching-messages .coaching-message .user-avatar .coach-avatar img,
#coaching-activities .coaching-message .user-avatar .coach-avatar img,
#coaching-messages .coaching-activity .user-avatar .coach-avatar img,
#coaching-activities .coaching-activity .user-avatar .coach-avatar img,
#coaching-messages .coaching-message .user-avatar .expert-avatar img,
#coaching-activities .coaching-message .user-avatar .expert-avatar img,
#coaching-messages .coaching-activity .user-avatar .expert-avatar img,
#coaching-activities .coaching-activity .user-avatar .expert-avatar img {
  width: 100%;
  height: 100%;
}

#coaching-messages .coaching-message .user-avatar .expert-avatar,
#coaching-activities .coaching-message .user-avatar .expert-avatar,
#coaching-messages .coaching-activity .user-avatar .expert-avatar,
#coaching-activities .coaching-activity .user-avatar .expert-avatar {
  width: 50px;
  height: 50px;
}

#coaching-messages .coaching-message .user-avatar .coach-avatar,
#coaching-activities .coaching-message .user-avatar .coach-avatar,
#coaching-messages .coaching-activity .user-avatar .coach-avatar,
#coaching-activities .coaching-activity .user-avatar .coach-avatar {
  width: 63px;
  height: 63px;
}

#coaching-messages .coaching-message .username,
#coaching-activities .coaching-message .username,
#coaching-messages .coaching-activity .username,
#coaching-activities .coaching-activity .username {
  display: block;
  font-size: 14px;
  line-height: 2;
  color: #777;
}

#coaching-messages .coaching-message .username.coacher,
#coaching-activities .coaching-message .username.coacher,
#coaching-messages .coaching-activity .username.coacher,
#coaching-activities .coaching-activity .username.coacher {
  color: #ff7a00;
}

#coaching-messages .coaching-message .message a,
#coaching-activities .coaching-message .message a,
#coaching-messages .coaching-activity .message a,
#coaching-activities .coaching-activity .message a {
  text-decoration: none;
}

#coaching-messages .coaching-message .text,
#coaching-activities .coaching-message .text,
#coaching-messages .coaching-activity .text,
#coaching-activities .coaching-activity .text {
  display: block;
  font-size: 14px;
  line-height: 16px;
}

#coaching-messages .coaching-message .created,
#coaching-activities .coaching-message .created,
#coaching-messages .coaching-activity .created,
#coaching-activities .coaching-activity .created {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 1.2rem;
  font-family: OpenSansItalic;
  font-weight: normal;
  color: #b4b4b4;
}

#coaching_payment {
  color: #372f2b;
}

#coaching_payment section:first-child {
  background: url('/static/img/payflow-bg-pattern.png') no-repeat #fbfbfb;
  background-size: cover;
  text-align: center;
  color: #000000;
  padding: 55px 40px 55px 40px;
}

#coaching_payment section:first-child h1 {
  font-size: 3.5rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #ff7a00;
}

#coaching_payment section:first-child span {
  font-size: 2.5rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
}

#coaching_payment section:last-child {
  padding: 40px 40px 125px 40px;
}

#coaching_payment section:last-child .left-col {
  width: 540px;
  float: left;
  padding-right: 40px;
}

#coaching_payment section:last-child .left-col p {
  font-size: 2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin: 0 0 60px 0;
}

#coaching_payment section:last-child .left-col .msg-row {
  height: 135px;
}

#coaching_payment section:last-child .left-col .msg-row .img-holder {
  float: left;
  width: 135px;
  margin-right: 40px;
}

#coaching_payment section:last-child .left-col .msg-row .text-holder {
  padding-top: 8px;
}

#coaching_payment section:last-child .left-col .msg-row .text-holder h1 {
  font-size: 1.8rem;
  font-family: OpenSansBold;
  font-weight: normal;
}

#coaching_payment section:last-child .left-col .msg-row .text-holder span {
  font-size: 1.7rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#coaching_payment section:last-child .left-col .msg-row + .msg-row {
  margin-top: 50px;
}

#coaching_payment section:last-child .left-col .msg-row:last-child {
  margin-bottom: 125px;
}

#coaching_payment section:last-child .right-col {
  border: 1px solid #d7d7d2;
  width: 402px;
  float: left;
  padding: 30px 0 35px;
  margin-bottom: 40px;
}

#coaching_payment section:last-child .right-col .title {
  font-size: 1.8rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #ff7a00;
  margin-left: 35px;
}

#coaching_payment section:last-child .right-col .plan {
  padding: 30px 0 40px 30px;
  cursor: pointer;
  background: none;
}

#coaching_payment section:last-child .right-col .plan.selected {
  background: #d9f2fc;
}

#coaching_payment section:last-child .right-col .plan.selected .radio .icon {
  background: #ff7a00;
}

#coaching_payment section:last-child .right-col .plan .popular {
  font-size: 1.3rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  display: none;
  margin-left: 35px;
}

#coaching_payment section:last-child .right-col .plan.popular .popular {
  display: block;
}

#coaching_payment section:last-child .right-col .plan .radio {
  border: solid 1px #372f2b;
  width: 19px;
  height: 19px;
  border-radius: 50%;
  float: left;
}

#coaching_payment section:last-child .right-col .plan .radio .icon {
  position: relative;
  top: 1px;
  left: 1px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: none;
}

#coaching_payment section:last-child .right-col .plan .content {
  margin-left: 35px;
}

#coaching_payment section:last-child .right-col .plan .content .name {
  font-size: 1.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
}

#coaching_payment section:last-child .right-col .plan .content .save {
  font-size: 1.4rem;
  font-family: OpenSansBold;
  font-weight: normal;
  color: #81BA00;
}

#coaching_payment section:last-child .right-col .plan .content .subtitle {
  font-size: 1.4rem;
  font-family: OpenSansItalic;
  font-weight: normal;
}

#coaching_payment section:last-child .right-col hr {
  border: 0;
  border-bottom: 1px dashed #d7d7d2;
  background: #FFFFFF;
  padding: 30px 20px 0 20px;
  margin: 0 20px 30px 20px;
}

#coaching_payment section:last-child .right-col .payment-form {
  padding: 20px 20px 20px 35px;
}

#coaching_payment section:last-child .right-col .payment-form .error {
  font-size: 1.2rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #ff3131;
  margin-bottom: 20px;
  display: block;
}

#coaching_payment section:last-child .right-col .payment-form .error.hidden {
  display: none;
}

#coaching_payment section:last-child .right-col .payment-form .form-field {
  margin-bottom: 20px;
}

#coaching_payment section:last-child .right-col .payment-form .form-field label {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
}

#coaching_payment section:last-child .right-col .payment-form .form-field .date_select {
  display: inline-block;
  position: relative;
}

#coaching_payment section:last-child .right-col .payment-form .form-field .date_select.date_year {
  margin: 0 0 0 25px;
}

#coaching_payment section:last-child .right-col .payment-form .form-field .date_select.date_month {
  margin: 0 0 0 15px;
}

#coaching_payment section:last-child .right-col .payment-form .form-field .date_select .listbox-button {
  font-size: 1.8rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #777;
  position: relative;
  vertical-align: middle;
  display: inline-block;
  border: 2px solid #F0F0F0;
  width: 85px;
  height: 40px;
  border-radius: 4px;
  text-align: center;
  cursor: pointer;
  background: transparent;
  background-clip: padding-box;
  padding: 0 30px 0 0;
}

#coaching_payment section:last-child .right-col .payment-form .form-field .date_select .listbox-button.invalid {
  border: 2px solid #ff3131;
}

#coaching_payment section:last-child .right-col .payment-form .form-field .date_select .listbox-button span {
  font-family: 'OpenSansSemibold';
}

#coaching_payment section:last-child .right-col .payment-form .form-field .date_select .listbox-button .arrow {
  position: absolute;
  width: 30px;
  height: 40px;
  background-color: #CDCDCD;
  border: 2px solid #BBB;
  border-radius: 0 4px 4px 0;
  top: -2px;
  right: -2px;
}

#coaching_payment section:last-child .right-col .payment-form .form-field .date_select .listbox-button .arrow:before {
  border-color: #777 transparent transparent;
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-25%);
  -ms-transform: translateX(-50%) translateY(-25%);
  transform: translateX(-50%) translateY(-25%);
  border-width: 7px 7px 0 7px;
  border-style: inset;
}

#coaching_payment section:last-child .right-col .payment-form .form-field .date_select .dropdown.listbox {
  position: absolute;
  border-radius: 4px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  text-align: center;
  border: 2px solid #F0F0F0;
  background-color: #fff;
  padding: 5px 0;
  z-index: 10;
  top: 37px;
  left: 0;
  width: 100%;
}

#coaching_payment section:last-child .right-col .payment-form .form-field .date_select .dropdown.listbox li {
  font-size: 1.6rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #777;
  text-decoration: none;
  cursor: pointer;
  margin: 2px 0;
  line-height: 20px;
}

#coaching_payment section:last-child .right-col .payment-form .form-field .date_select .dropdown.listbox li.focused {
  background-color: #ddd;
}

#coaching_payment section:last-child .right-col .payment-form .form-field .date_select .dropdown.listbox li:hover {
  background-color: #ddd;
}

#coaching_payment section:last-child .right-col .payment-form .form-field input {
  font-size: 1.8rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
  width: 223px;
  border-radius: 5px;
  border: 2px solid #F0F0F0;
  position: relative;
  height: 48px;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#coaching_payment section:last-child .right-col .payment-form .form-field input.invalid {
  border-color: #ff3131;
}

#coaching_payment section:last-child .right-col .payment-form .form-field a {
  font-size: 1.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin-left: 30px;
}

#coaching_payment section:last-child .right-col .payment-form .form-field .error {
  margin: 0;
  position: relative;
  left: 113px;
  width: 220px;
}

#coaching_payment section:last-child .right-col .payment-form .form-field.name input {
  left: 69px;
}

#coaching_payment section:last-child .right-col .payment-form .form-field.name img {
  left: 180px;
  position: relative;
}

#coaching_payment section:last-child .right-col .payment-form .form-field.card-code input {
  width: 111px;
}

#coaching_payment section:last-child .right-col .payment-form .form-field.card-num input,
#coaching_payment section:last-child .right-col .payment-form .form-field.card-code input {
  left: 20px;
}

#coaching_payment section:last-child .right-col .payment-form .you-pay {
  font-size: 2.2rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #00aaea;
  margin-top: 20px;
}

#coaching_payment section:last-child .right-col .payment-form .you-pay.value {
  margin-left: 20px;
}

#coaching_payment section:last-child .right-col .payment-form .info {
  font-size: 1.3rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
  margin: 40px 0 35px;
  font-style: italic;
}

#coaching_payment section:last-child .right-col .payment-form .info a {
  color: #777;
  font-family: OpenSansSemibold;
}

#coaching_payment section:last-child .right-col .payment-form .info a:hover {
  text-decoration: underline;
}

#coaching_payment section:last-child .right-col .payment-form .details-button {
  font-size: 1.3rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  float: right;
}

#coaching_payment section:last-child .right-col .payment-form .submit-payment-button {
  width: 100%;
  height: 61px;
  font-size: 24px;
  text-transform: uppercase;
  text-align: center;
  line-height: 63px;
}

#coaching_payment section:last-child .right-col .payment-form .submit-payment-button.disabled {
  pointer-events: none;
  opacity: 0.2;
}

#coaching_payment .tip {
  color: #777;
  position: absolute;
  width: 390px;
  height: auto;
  border: 1px solid #DDD;
  background: #fff;
  padding: 15px 15px 25px;
  z-index: 1;
}

#coaching_payment .tip .close-btn {
  position: absolute;
  right: 3px;
  top: 3px;
  background-image: url(/static/img/sprite-1.png);
  background-position: -149px -330px;
  background-repeat: no-repeat;
  width: 12px;
  height: 12px;
  cursor: pointer;
}

#coaching_payment .tip .title-txt {
  font-size: 1.6rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #777 !important;
  display: block;
  line-height: 28px;
  margin: 0;
}

#coaching_payment .tip .message-txt {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777 !important;
  margin-top: 5px;
}

#coaching_payment .tip .message-txt + .title-txt {
  margin-top: 15px;
}

#coaching_payment .plan-details-tip {
  bottom: -204px;
}

#coaching_payment .coaching-confirmation {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 9999999;
  pointer-events: auto;
  background: rgba(255, 255, 255, 0.9);
}

#coaching_payment .coaching-confirmation .popup {
  position: relative;
  width: 850px;
  border-radius: 5px;
  border: solid 1px #e5e5e5;
  background: #FFFFFF;
  margin: 5% auto;
  padding: 100px 120px 150px 120px;
  -webkit-box-shadow: 0 0 30px rgba(153, 153, 153, 0.3);
  box-shadow: 0 0 30px rgba(153, 153, 153, 0.3);
  text-align: center;
}

#coaching_payment .coaching-confirmation .popup h1 {
  font-size: 3rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #00aaea;
}

#coaching_payment .coaching-confirmation .popup .text {
  font-size: 2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #666666;
  margin-top: 80px;
  display: block;
}

#coaching_payment .coaching-confirmation .popup .button {
  font-size: 1.7rem;
  font-family: OpenSansBold;
  font-weight: normal;
  margin-top: 80px;
  height: 62px;
  text-transform: uppercase;
  padding: 0 50px;
  line-height: 65px;
  letter-spacing: 1px;
}

#coaching_payment .coaching-confirmation .close {
  background: #fefefe;
  position: absolute;
  right: -12px;
  text-align: center;
  top: -10px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  -webkit-box-shadow: -2px 2px 1px rgba(0, 0, 0, 0.15);
  box-shadow: -2px 2px 1px rgba(0, 0, 0, 0.15);
}

#coaching_payment .coaching-confirmation .close span {
  background: url(/static/img/coaching/modal_dialog_close_cross.png) 0 0 no-repeat;
  background-size: 100% 100%;
  width: 13px;
  height: 13px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -7px;
}

#coaching_purchase_modal {
  padding: 70px 50px 50px;
  width: 850px;
}

#coaching_purchase_modal .wrapper {
  margin-right: 375px;
}

#coaching_purchase_modal h1 {
  font-family: OpenSansRegular;
  font-size: 33px;
  color: #ff7a00;
  text-align: center;
  margin-bottom: 60px;
}

#coaching_purchase_modal h2 {
  color: #00aaea;
  font-family: OpenSansSemibold;
  font-size: 20px;
}

#coaching_purchase_modal .col-left {
  float: left;
  width: 100%;
  padding-right: 25px;
}

#coaching_purchase_modal .col-left p {
  font-family: OpenSansRegular;
  color: #372f2b;
  font-size: 17px;
  margin-bottom: 30px;
}

#coaching_purchase_modal .col-left ul {
  font-family: OpenSansSemibold;
  font-size: 15px;
  color: #777;
  list-style-image: url(/static/img/blue_checkmark.png);
  margin-left: 15px;
}

#coaching_purchase_modal .col-left ul li + li {
  margin-top: 15px;
}

#coaching_purchase_modal .col-right {
  float: right;
  width: 375px;
  margin-right: -375px;
  color: #372f2b;
  font-size: 18px;
  font-family: OpenSansRegular;
  padding-left: 25px;
}

#coaching_purchase_modal .col-right .avatar {
  position: relative;
  float: left;
  margin-right: 20px;
}

#coaching_purchase_modal .col-right .avatar img:nth-child(1) {
  width: 102px;
}

#coaching_purchase_modal .col-right .avatar img:nth-child(2) {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 94px;
  height: 94px;
  border-radius: 50%;
}

#coaching_purchase_modal .col-right .avatar img:nth-child(3) {
  position: absolute;
  width: 102px;
  top: 81px;
  left: 1px;
}

#coaching_purchase_modal .col-right .name {
  font-family: OpenSansSemibold;
  margin: 5px 0 10px;
}

#coaching_purchase_modal .col-right .title {
  margin-bottom: 15px;
}

#coaching_purchase_modal .col-right .descr {
  font-size: 15px;
  color: #777;
}

#coaching_purchase_modal .cleared {
  clear: both;
}

#coaching_purchase_modal .button-holder {
  text-align: center;
  margin-top: 80px;
}

#coaching_purchase_modal .button-holder .button {
  font-size: 16px;
  height: 52px;
  line-height: 52px;
  padding: 0 50px;
  text-transform: uppercase;
}

#coaching_purchase_modal hr {
  width: 100%;
  visibility: hidden;
  margin: 0;
}

#coaching_purchase_modal .close_button {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url('/static/img/sprite-1.png') no-repeat -19px -321px;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  z-index: 2000;
  margin-top: 70px;
}

#coaching_purchase_modal .close {
  top: -80px;
}

#coaching_thank_you .col-3-old {
  padding: 55px 55px 80px 55px;
}

#coaching_thank_you .col-3-old h2,
#coaching_thank_you .col-3-old h3 {
  font-family: OpenSansRegular;
  font-size: 16px;
  color: #666666;
  text-align: center;
  margin-bottom: 50px;
}

#coaching_thank_you .col-3-old h3 {
  font-size: 18px;
  margin-bottom: 20px;
}

#coaching_thank_you .col-3-old .title {
  text-align: center;
  margin-bottom: 50px;
}

#coaching_thank_you .col-3-old .title .text {
  display: inline-block;
  font-family: OpenSansRegular;
  font-size: 30px;
  color: #00aaea;
}

#coaching_thank_you .col-3-old .title .text span {
  font-family: OpenSansSemibold;
}

#coaching_thank_you .col-3-old .title .picture {
  display: inline-block;
  vertical-align: top;
  padding-left: 10px;
}

#coaching_thank_you .col-3-old ul {
  list-style-image: url('/static/img/coaching/thank_you_list_marker.png');
  font-size: 21.5px;
  color: #372f2b;
  list-style-position: inside;
  margin-left: 205px;
  margin-bottom: 60px;
}

#coaching_thank_you .col-3-old ul li + li {
  margin-top: 25px;
}

#coaching_thank_you .col-3-old ul li span {
  position: relative;
  top: -8px;
  margin-left: 10px;
}

#coaching_thank_you .col-3-old .coach {
  margin: auto;
  width: 50%;
}

#coaching_thank_you .col-3-old .coach .avatar {
  position: relative;
  float: left;
  margin-right: 20px;
}

#coaching_thank_you .col-3-old .coach .avatar img:nth-child(1) {
  width: 152px;
}

#coaching_thank_you .col-3-old .coach .avatar img:nth-child(2) {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 142px;
  height: 142px;
  border-radius: 50%;
}

#coaching_thank_you .col-3-old .coach .avatar img:nth-child(3) {
  position: absolute;
  width: 151px;
  top: 120px;
  left: 1px;
}

#coaching_thank_you .col-3-old .coach .right-block {
  color: #372f2b;
  padding-left: 172px;
}

#coaching_thank_you .col-3-old .coach .right-block .coach-name {
  font-family: OpenSansBold;
  font-size: 21px;
}

#coaching_thank_you .col-3-old .coach .right-block .coach-title {
  font-family: OpenSansSemibold;
  font-size: 21px;
  margin: 5px 0 15px;
}

#coaching_thank_you .col-3-old .coach .right-block .button {
  height: 52px;
  white-space: nowrap;
  line-height: 52px;
  text-transform: uppercase;
  font-size: 16px;
  margin-bottom: 15px;
  display: block;
  text-align: center;
}

#coaching_thank_you .col-3-old .coach .right-block .cancel {
  text-align: center;
  font-family: OpenSansRegular;
  font-size: 15px;
}

#coaching_thank_you .col-3-old .coach .right-block .cancel a {
  color: #372f2b;
  text-decoration: underline;
}

#coaching_thank_you .col-3-old .coach .right-block .cancel a:hover {
  color: #372f2b;
  text-decoration: none;
}

#coaching_subscription_expired_modal {
  padding: 70px 50px 50px;
  width: 850px;
}

#coaching_subscription_expired_modal .wrapper {
  margin-right: 375px;
}

#coaching_subscription_expired_modal h1 {
  font-family: OpenSansRegular;
  font-size: 33px;
  color: #ff7a00;
  text-align: center;
  margin-bottom: 60px;
}

#coaching_subscription_expired_modal h2 {
  color: #777;
  font-family: OpenSansSemibold;
  font-size: 20px;
  padding-bottom: 30px;
}

#coaching_subscription_expired_modal .col-left {
  float: left;
  width: 100%;
  padding-right: 25px;
}

#coaching_subscription_expired_modal .col-left ul {
  font-family: OpenSansSemibold;
  font-size: 15px;
  color: #777;
  list-style-image: url(/static/img/blue_checkmark.png);
  margin-left: 15px;
}

#coaching_subscription_expired_modal .col-left ul li + li {
  margin-top: 15px;
}

#coaching_subscription_expired_modal .col-right {
  float: right;
  width: 375px;
  margin-right: -375px;
  color: #372f2b;
  font-size: 18px;
  font-family: OpenSansRegular;
  padding-left: 25px;
}

#coaching_subscription_expired_modal .col-right .avatar {
  position: relative;
  float: left;
  margin-right: 20px;
}

#coaching_subscription_expired_modal .col-right .avatar img:nth-child(1) {
  width: 102px;
}

#coaching_subscription_expired_modal .col-right .avatar img:nth-child(2) {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 94px;
  height: 94px;
  border-radius: 50%;
}

#coaching_subscription_expired_modal .col-right .avatar img:nth-child(3) {
  position: absolute;
  width: 102px;
  top: 81px;
  left: 1px;
}

#coaching_subscription_expired_modal .col-right .name {
  font-family: OpenSansSemibold;
  margin: 5px 0 10px;
}

#coaching_subscription_expired_modal .col-right .title {
  margin-bottom: 15px;
}

#coaching_subscription_expired_modal .col-right .descr {
  font-size: 15px;
  color: #777;
}

#coaching_subscription_expired_modal .cleared {
  clear: both;
}

#coaching_subscription_expired_modal .button-holder {
  text-align: center;
  margin-top: 80px;
}

#coaching_subscription_expired_modal .button-holder .button {
  font-size: 16px;
  height: 52px;
  line-height: 52px;
  padding: 0 50px;
  text-transform: uppercase;
}

#coaching_subscription_expired_modal hr {
  width: 100%;
  visibility: hidden;
  margin: 0;
}

#coaching_subscription_expired_modal .close_button {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url('/static/img/sprite-1.png') no-repeat -19px -321px;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  z-index: 2000;
  margin-top: 70px;
}

#coaching_subscription_expired_modal .close {
  top: -80px;
}

#rewards {
  padding: 30px 0;
}

#rewards h1 {
  font-size: 2.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #777;
  margin-bottom: 8px;
}

#rewards .semibold {
  font-family: OpenSansSemibold;
}

#rewards .bold {
  font-family: OpenSansBold;
}

#rewards .top_block {
  margin-bottom: 10px;
}

#rewards .top_block_left {
  padding: 0 5px 0 15px;
}

@media (max-width: 991.98px) {
  #rewards .top_block_left {
    padding: 0 15px;
    margin-bottom: 10px;
  }
}

#rewards .top_block_left .blue-box {
  background: #00aaea;
  color: #FFFFFF;
  padding: 20px;
  text-align: center;
  height: 100%;
}

#rewards .top_block_left .blue-box .title {
  font-size: 1.5rem;
  font-family: OpenSansBold;
  font-weight: normal;
  text-transform: uppercase;
}

#rewards .top_block_left .blue-box hr {
  height: 1px;
  border: 0;
  border-top: 1px solid #FFFFFF;
  margin: 12px 0 0 0;
}

#rewards .top_block_left .blue-box .content {
  margin: 30px 0;
}

#rewards .top_block_left .blue-box .content .message-top {
  font-size: 1.7rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  margin-bottom: 30px;
}

#rewards .top_block_left .blue-box .content .message-bottom {
  font-size: 1.1rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#rewards .top_block_left .blue-box .content .message-bottom a {
  font-size: 1.1rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  text-decoration: underline;
  color: white;
}

#rewards .top_block_left .blue-box .days-left {
  font-size: 1.9rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin-bottom: 20px;
}

#rewards .top_block_left .blue-box .points-left {
  font-size: 1.7rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin-bottom: 20px;
}

#rewards .top_block_left .blue-box .button {
  font-size: 1.4rem;
  font-family: OpenSansBold;
  font-weight: normal;
  width: 100%;
  display: block;
  height: 48px;
  line-height: 48px;
  text-transform: uppercase;
  max-width: 300px;
  margin: 0 auto;
}

#rewards .top_block_left .blue-box .button.disabled {
  pointer-events: none;
  opacity: 0.5;
}

#rewards .top_block_left .blue-box .bottom-disclaimer {
  font-size: 1.7rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
}

#rewards .top_block_right {
  padding: 0 15px 0 5px;
}

@media (max-width: 991.98px) {
  #rewards .top_block_right {
    padding: 0 15px;
  }
}

#rewards .top_block_right .points-top-banner {
  color: #777;
  margin-bottom: 10px;
  padding: 20px 10px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#rewards .top_block_right .points-top-banner .col {
  white-space: nowrap;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0 5px;
}

@media (max-width: 767.98px) {
  #rewards .top_block_right .points-top-banner .col {
    margin-bottom: 10px;
  }
}

#rewards .top_block_right .points-top-banner .col_top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#rewards .top_block_right .points-top-banner .col p {
  margin: 0;
}

#rewards .top_block_right .points-top-banner .col .num {
  font-size: 8rem;
  font-family: OpenSansLight;
  font-weight: normal;
  color: #00aaea;
  line-height: 1em;
  margin: -10px 10px 0 0;
  letter-spacing: -5px;
}

@media (max-width: 575.98px) {
  #rewards .top_block_right .points-top-banner .col .num {
    margin: 0 auto;
  }
}

@media (max-width: 1199.98px) {
  #rewards .top_block_right .points-top-banner .col .prize_wrap {
    width: 100%;
  }
}

@media (max-width: 575.98px) {
  #rewards .top_block_right .points-top-banner .col .prize_wrap {
    text-align: center;
  }
}

#rewards .top_block_right .points-top-banner .col .prize_wrap .prize-title span,
#rewards .top_block_right .points-top-banner .col .prize_wrap .prize-title h2 {
  font-size: 1.6rem;
  font-family: OpenSansBold;
  font-weight: normal;
  text-transform: uppercase;
  white-space: nowrap;
}

#rewards .top_block_right .points-top-banner .col .prize_wrap .prize-description span {
  font-size: 1.7rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  white-space: pre-wrap;
}

#rewards .top_block_right .points-top-banner .col hr {
  border: 0 none;
  border-top: 1px dashed #d7d7d2;
  background: none;
  height: 0;
  width: 100%;
}

#rewards .top_block_right .points-top-banner .col .price-holder {
  font-size: 1.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  width: 100%;
  text-align: center;
  white-space: normal;
  line-height: 17px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  #rewards .top_block_right .points-top-banner .col .price-holder {
    text-align: left;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  #rewards .top_block_right .points-top-banner .col .price-holder {
    text-align: left;
  }
}

@media (max-width: 575.98px) {
  #rewards .top_block_right .points-top-banner .col .price-holder {
    text-align: center;
  }
}

#rewards .top_block_right .points-top-banner .col .price-holder .blue {
  color: #00aaea;
}

#rewards .top_block_right .points-top-banner .col .price-holder .orange {
  color: #ff7a00;
}

#rewards .top_block_right .points-top-banner .col .price-holder img.earned-marker {
  margin-right: 6px;
  position: relative;
  top: 2px;
}

#rewards .img_wrap {
  height: 225px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  #rewards .img_wrap {
    height: 190px;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  #rewards .img_wrap {
    height: 160px;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  #rewards .img_wrap {
    height: 130px;
  }
}

@media (max-width: 575.98px) {
  #rewards .img_wrap {
    height: 90px;
  }
}

#rewards .img_wrap img {
  height: 100%;
}

#rewards .img_wrap img.img01 {
  width: 65%;
}

#rewards .img_wrap img.img02 {
  width: calc(35% - 10px);
}

#rewards .img_wrap img.img03 {
  width: 40%;
}

#rewards .img_wrap img.img04 {
  width: calc(40% - 20px);
}

#rewards .img_wrap img.img05 {
  width: 20%;
}

#rewards .middle_block {
  margin-top: 30px;
  margin-bottom: 30px;
}

#rewards .middle_block .how-it-works {
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
  padding: 30px 20px;
  height: 100%;
}

@media (max-width: 767.98px) {
  #rewards .middle_block .how-it-works {
    margin-bottom: 10px;
    height: auto;
  }
}

#rewards .middle_block .how-it-works .title {
  font-family: OpenSansBold;
  text-transform: uppercase;
}

#rewards .middle_block .how-it-works p {
  margin: 17px 0 0 0;
}

#rewards .middle_block .how-it-works p a {
  font-family: OpenSansSemibold;
}

#rewards .middle_block .how-it-works p .points-element {
  color: #00aaea;
  font-family: OpenSansBold;
}

#rewards .middle_block .how-it-works p + p {
  margin: 32px 0 0 0;
}

#rewards .middle_block .prizes-overview {
  border: none;
  background: #00aaea;
  color: white;
  font-size: 15px;
  padding: 30px 15px;
  height: 100%;
}

#rewards .middle_block .prizes-overview .header {
  font-size: 1.6rem;
  font-family: OpenSansBold;
  font-weight: normal;
  text-transform: uppercase;
  text-align: center;
}

#rewards .middle_block .prizes-overview .header h2 {
  font-family: inherit;
  font-size: 16px;
  display: inline;
  margin: 0 10px;
}

#rewards .middle_block .prizes-overview .header span {
  margin: 0 10px;
  position: relative;
  top: -2px;
}

#rewards .middle_block .prizes-overview .prize .icon {
  max-width: 22px;
  float: left;
}

#rewards .middle_block .prizes-overview .prize .icon.second {
  padding-top: 4px;
}

#rewards .middle_block .prizes-overview .prize .message {
  text-align: left;
  margin-left: 30px;
  margin-top: 15px;
}

#rewards .middle_block .prizes-overview .prize .message .header-text {
  font-family: OpenSansBold;
  color: #f3da04;
  text-transform: uppercase;
  margin: 0;
  font-size: 15px;
}

#rewards .middle_block .prizes-overview .prize .message .body-text {
  font-family: OpenSansSemibold;
  margin-top: 2px;
}

#rewards .middle_block .prizes-overview .prize .message .footer-text {
  font-size: 1.3rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin-top: 9px;
}

#rewards .middle_block .prizes-overview .prize + .prize {
  margin-top: 25px;
}

#rewards .winners_block {
  margin-bottom: 30px;
}

#rewards .bottom_block .footer {
  font-size: 1.3rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  padding: 0 25px;
}

#rewards .bottom_block .footer b,
#rewards .bottom_block .footer strong {
  font-family: OpenSansBold;
  font-weight: normal;
}

#rewards .bottom_block .footer a,
#rewards .bottom_block .footer a:visited,
#rewards .bottom_block .footer a:hover {
  color: #ff7a00;
  font-family: OpenSansSemibold;
  text-decoration: none;
}

#rewards .bottom_block .footer a:hover {
  text-decoration: underline;
}

[data-view=RewardsGrandPrizeWinnersCarousel] {
  position: relative;
}

[data-view=RewardsGrandPrizeWinnersCarousel] .carousel_title_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;
  margin-bottom: 20px;
}

[data-view=RewardsGrandPrizeWinnersCarousel] .carousel-title {
  font-size: 2.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
}

[data-view=RewardsGrandPrizeWinnersCarousel] a.winners {
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
}

[data-view=RewardsGrandPrizeWinnersCarousel] a.winners:hover {
  text-decoration: none;
}

[data-view=RewardsGrandPrizeWinnersCarousel] .arrow {
  width: 30px;
  height: 40px;
  top: 50%;
  cursor: pointer;
  position: absolute;
  z-index: 100;
}

[data-view=RewardsGrandPrizeWinnersCarousel] .arrow.left {
  background: url('/static/img/game_activities/arrow_back.png') no-repeat transparent;
  background-position: left;
  left: 25px;
}

[data-view=RewardsGrandPrizeWinnersCarousel] .arrow.right {
  background: url('/static/img/game_activities/arrow_next.png') no-repeat transparent;
  background-position: right;
  right: 25px;
}

[data-view=RewardsGrandPrizeWinnersCarousel] .carousel_container {
  position: relative;
  padding: 20px 0;
}

[data-view=RewardsGrandPrizeWinnersCarousel] .carousel_container .feed {
  padding: 0 30px;
}

[data-view=RewardsGrandPrizeWinnersCarousel] .carousel-item {
  -webkit-transition: left 0.5s ease-in-out;
  transition: left 0.5s ease-in-out;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  position: relative;
  text-align: center;
  padding: 0 20px;
}

[data-view=RewardsGrandPrizeWinnersCarousel] .carousel-item .inner {
  width: 100%;
  height: 100%;
  color: #777;
  position: relative;
  font-size: 16px;
  text-align: left;
}

[data-view=RewardsGrandPrizeWinnersCarousel] .carousel-item .inner .title {
  color: #777;
  font-family: OpenSansBold;
  margin-bottom: 2px;
}

[data-view=RewardsGrandPrizeWinnersCarousel] .carousel-item .inner .subtitle {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin-bottom: 8px;
}

[data-view=RewardsGrandPrizeWinnersCarousel] .carousel-item .inner .picture {
  width: 100%;
  max-height: 220px;
  background-size: cover;
  margin-bottom: 10px;
}

[data-view=RewardsGrandPrizeWinnersCarousel] .carousel-item .inner .winner-title {
  color: #00aaea;
  font-family: OpenSansSemibold;
}

[data-view=RewardsGrandPrizeWinnersCarousel] .carousel-item .inner .winner-name {
  font-family: OpenSansSemibold;
}

[data-view=RewardsGrandPrizeWinnersCarousel] .carousel-item .inner .winner-location {
  font-family: OpenSansRegular;
}

[data-view=RewardsGrandPrizeWinnersCarousel] .carousel-item:last-child {
  margin-right: 0;
}

#rewards_winners {
  color: #777;
  font-family: OpenSansRegular;
  text-align: center;
}

#rewards_winners .grid-row {
  padding: 50px 50px 120px;
}

#rewards_winners .page-title {
  font-size: 30px;
  color: #00aaea;
}

#rewards_winners .title-grand-prize {
  font-family: OpenSansSemibold;
  font-size: 27px;
  color: #777;
  margin-top: 60px;
}

#rewards_winners .title-second-prize {
  font-size: 27px;
  margin-top: 70px;
}

#rewards_winners .title-date {
  font-family: OpenSansBold;
  font-size: 14px;
  text-transform: uppercase;
  margin-bottom: 10px;
}

#rewards_winners .block {
  margin-top: 30px;
  width: 33%;
}

#rewards_winners .block.col-left,
#rewards_winners .block.col-center {
  float: left;
}

#rewards_winners .block.col-right {
  display: inline-block;
}

#rewards_winners .cleared {
  clear: both;
}

#rewards_winners .winner-name {
  font-family: OpenSansSemibold;
  font-size: 16px;
}

#rewards_winners .winner-loc {
  font-family: OpenSansRegular;
}

#rewards_claim_prize {
  font-family: OpenSansRegular;
  color: #777;
}

#rewards_claim_prize .grid-row.cell {
  padding: 60px 50px 80px;
}

#rewards_claim_prize .page-title {
  font-size: 30px;
  color: #00aaea;
  text-align: center;
}

#rewards_claim_prize .semibold {
  font-family: OpenSansSemibold;
}

#rewards_claim_prize .container-old {
  margin: 70px 0 0;
  font-size: 19px;
}

#rewards_claim_prize .container-old .col-left {
  float: left;
  width: 50%;
  text-align: center;
}

#rewards_claim_prize .container-old .col-left img {
  width: 100%;
}

#rewards_claim_prize .container-old .col-left .title {
  font-size: 25px;
  margin: 55px 0 35px;
}

#rewards_claim_prize .container-old .col-left .prize {
  margin-bottom: 30px;
}

#rewards_claim_prize .container-old .col-right {
  margin-left: 50%;
  padding-left: 50px;
}

#rewards_claim_prize .container-old .col-right .col-left {
  text-align: left;
  font-family: OpenSansRegular;
  font-size: 15px;
  width: 32%;
}

#rewards_claim_prize .container-old .col-right .col-left .label {
  margin-top: 13px;
  display: block;
}

#rewards_claim_prize .container-old .col-right .col-left .label.error-label-visible {
  padding-bottom: 24px;
}

#rewards_claim_prize .container-old .col-right .col-left .label.hidden {
  position: absolute;
  z-index: -1;
  opacity: 0;
  margin: 0;
}

#rewards_claim_prize .container-old .col-right .col-left .label + .label {
  margin-top: 38px;
}

#rewards_claim_prize .container-old .col-right .col-left sup {
  font-family: OpenSansRegular;
  font-size: 13px;
}

#rewards_claim_prize .container-old .col-right .col-right {
  margin-left: 32%;
  padding: 0;
}

#rewards_claim_prize .container-old .col-right .title {
  text-align: center;
  margin-bottom: 45px;
}

#rewards_claim_prize .container-old .col-right form {
  margin-bottom: 60px;
}

#rewards_claim_prize .container-old .col-right form input {
  width: 100%;
  height: 46px;
  border: #eaeae7 solid 1px;
  border-radius: 3px;
  padding: 0 12px;
  color: #777;
  font-family: OpenSansRegular;
}

#rewards_claim_prize .container-old .col-right form input.error {
  border-color: #FF0000;
}

#rewards_claim_prize .container-old .col-right form select,
#rewards_claim_prize .container-old .col-right form option {
  font-family: OpenSansRegular;
  font-size: 18px;
}

#rewards_claim_prize .container-old .col-right form select {
  border: #eaeae7 solid 1px;
  border-radius: 3px;
  background-color: #FFFFFF;
  color: #777;
  height: 46px;
}

#rewards_claim_prize .container-old .col-right form #state_input {
  width: 100%;
  margin: 14px 0;
}

#rewards_claim_prize .container-old .col-right form .birth-date-picker {
  margin: 14px 0;
}

#rewards_claim_prize .container-old .col-right form .birth-date-picker select:not(:last-child) {
  margin-right: 10px;
}

#rewards_claim_prize .container-old .col-right form .birth-date-picker .birth-date-control.error {
  border: 1px solid #FF0000;
}

#rewards_claim_prize .container-old .col-right form .error-label + input,
#rewards_claim_prize .container-old .col-right form .datepicker {
  margin-top: 14px;
}

#rewards_claim_prize .container-old .col-right form .error-label,
#rewards_claim_prize .container-old .col-right form .birth-date-error {
  font-family: OpenSansRegular;
  margin-top: 5px;
  font-size: 14px;
  color: #FF0000;
  display: none;
}

#rewards_claim_prize .container-old .col-right form .error-label.visible,
#rewards_claim_prize .container-old .col-right form .birth-date-error.visible {
  display: block;
}

#rewards_claim_prize .container-old .col-right .button {
  width: 100%;
  height: 57px;
  line-height: 57px;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 25px;
}

#rewards_claim_prize .container-old .col-right .button.disabled {
  pointer-events: none;
  opacity: 0.5;
}

#rewards_claim_prize .container-old .col-right .tip {
  font-size: 13px;
  text-align: center;
  margin-bottom: 55px;
}

#rewards_claim_prize .container-old .col-right .required {
  font-size: 13px;
  float: right;
}

#rewards_claim_prize .container-old .cleared {
  clear: both;
}

#rewards_claim_prize .legal {
  cursor: pointer;
  margin-bottom: 25px;
  position: relative;
}

#rewards_claim_prize .legal .checkbox {
  width: 20px;
  height: 20px;
  position: absolute;
  z-index: -1;
  left: 0;
}

#rewards_claim_prize .legal .checkbox:checked + label {
  background-position: 0 -20px;
}

#rewards_claim_prize .legal .label {
  float: left;
  width: 20px;
  height: 20px;
  background: url(/static/img/rewards/checkbox_sprite.png) no-repeat 0 0;
  display: inline-block;
  cursor: pointer;
  z-index: 10;
  position: relative;
}

#rewards_claim_prize .legal .label .hidden_text {
  display: none;
}

#rewards_claim_prize .legal .label.checked {
  background-position: 0 -20px;
}

#rewards_claim_prize .legal .label.disabled {
  pointer-events: none;
  opacity: 0.5;
}

#rewards_claim_prize .legal .message {
  margin-left: 38px;
  font-size: 1.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

.reward-win-banner {
  width: 100%;
  height: 40px;
  background: #81BA00;
  text-align: center;
  color: white;
  font-size: 16px;
  font-family: OpenSansSemibold;
  padding: 9px;
}

.reward-win-banner a,
.reward-win-banner a:visited {
  text-decoration: underline;
  color: white;
}

.reward-win-banner a:hover {
  text-decoration: none;
  color: #fff55a;
}

#rewards_claim_prize_modal {
  padding: 100px 65px;
  text-align: center;
  width: auto;
}

#rewards_claim_prize_modal .message {
  font-family: OpenSansRegular;
  font-size: 21px;
  color: #777;
}

#rewards_claim_prize_modal .message b,
#rewards_claim_prize_modal .message strong {
  font-family: OpenSansSemibold;
}

#rewards_claim_prize_modal .close {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url('/static/img/sprite-1.png') no-repeat -19px -321px;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  z-index: 2000;
  margin-top: 70px;
  top: -80px;
}

#rewards_claim_prize_modal .button {
  font-size: 16px;
  height: 52px;
  line-height: 52px;
  padding: 0 50px;
  text-transform: uppercase;
  margin-top: 50px;
}

#rewards_claim_prize_error_modal {
  padding: 70px 150px;
  text-align: center;
}

#rewards_claim_prize_error_modal .message {
  font-family: OpenSansRegular;
  font-size: 21px;
  color: #777;
}

#rewards_claim_prize_error_modal .message b,
#rewards_claim_prize_error_modal .message strong {
  font-family: OpenSansSemibold;
}

#rewards_claim_prize_error_modal .close {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url('/static/img/sprite-1.png') no-repeat -19px -321px;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  z-index: 2000;
  margin-top: 70px;
  top: -80px;
}

#rewards_claim_prize_error_modal .button {
  font-size: 16px;
  height: 52px;
  line-height: 52px;
  padding: 0 50px;
  text-transform: uppercase;
  margin-top: 50px;
}

html[lang=es] #rewards .blue-box .button {
  font-size: 12px;
}

.score-floater {
  background-color: green;
  padding: 0 0 0 60px;
}

.score-floater .skill-icon-floater {
  float: left;
  display: block;
  width: 41px;
  height: 42px;
  margin: 0 0 0 0;
}

.score-floater .skill-icon-floater.savor {
  background-image: url("/static/img/skill_icons/Savor.png");
  background-size: 41px 42px;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-color: transparent;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .score-floater .skill-icon-floater.savor {
    background-image: url("/static/img/skill_icons/Savor@2x.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .score-floater .skill-icon-floater.savor {
    background-image: url("/static/img/skill_icons/Savor@2x.png");
  }
}

.score-floater .skill-icon-floater.thank {
  background-image: url("/static/img/skill_icons/Thank.png");
  background-size: 41px 42px;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-color: transparent;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .score-floater .skill-icon-floater.thank {
    background-image: url("/static/img/skill_icons/Thank@2x.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .score-floater .skill-icon-floater.thank {
    background-image: url("/static/img/skill_icons/Thank@2x.png");
  }
}

.score-floater .skill-icon-floater.aspire {
  background-image: url("/static/img/skill_icons/Aspire.png");
  background-size: 41px 42px;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-color: transparent;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .score-floater .skill-icon-floater.aspire {
    background-image: url("/static/img/skill_icons/Aspire@2x.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .score-floater .skill-icon-floater.aspire {
    background-image: url("/static/img/skill_icons/Aspire@2x.png");
  }
}

.score-floater .skill-icon-floater.give {
  background-image: url("/static/img/skill_icons/Give.png");
  background-size: 41px 42px;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-color: transparent;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .score-floater .skill-icon-floater.give {
    background-image: url("/static/img/skill_icons/Give@2x.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .score-floater .skill-icon-floater.give {
    background-image: url("/static/img/skill_icons/Give@2x.png");
  }
}

.score-floater .skill-icon-floater.empathize {
  background-image: url("/static/img/skill_icons/Empathy.png");
  background-size: 41px 42px;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-color: transparent;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .score-floater .skill-icon-floater.empathize {
    background-image: url("/static/img/skill_icons/Empathy@2x.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .score-floater .skill-icon-floater.empathize {
    background-image: url("/static/img/skill_icons/Empathy@2x.png");
  }
}

.score-floater .skill-icon-floater.other {
  background-image: url("/static/img/skill_icons/Other.png");
  background-size: 41px 42px;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-color: transparent;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .score-floater .skill-icon-floater.other {
    background-image: url("/static/img/skill_icons/Other@2x.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .score-floater .skill-icon-floater.other {
    background-image: url("/static/img/skill_icons/Other@2x.png");
  }
}

.score-floater .skill-points-floater {
  float: left;
  display: block;
  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) {
  .score-floater .skill-points-floater {
    background-image: url("/static/img/sprite-2@2x.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .score-floater .skill-points-floater {
    background-image: url("/static/img/sprite-2@2x.png");
  }
}

.score-floater .skill-points-floater.p20 {
  width: 26px;
  height: 15px;
  margin: 0 0 0 0;
}

.score-floater .skill-points-floater.p20.savor {
  background-position: -701px, -926px;
}

.score-floater .skill-points-floater.p20.thank {
  background-position: -754px -926px;
}

.score-floater .skill-points-floater.p20.aspire {
  background-position: -808px -926px;
}

.score-floater .skill-points-floater.p20.give {
  background-position: -857px -926px;
}

.score-floater .skill-points-floater.p20.empathize {
  background-position: -907px -926px;
}

.score-floater .skill-points-floater.p10 {
  width: 26px;
  height: 15px;
  margin: 0 0 0 0;
}

.score-floater .skill-points-floater.p10.savor {
  background-position: -701px -943px;
}

.score-floater .skill-points-floater.p10.thank {
  background-position: -754px -943px;
}

.score-floater .skill-points-floater.p10.aspire {
  background-position: -808px -943px;
}

.score-floater .skill-points-floater.p10.give {
  background-position: -857px -943px;
}

.score-floater .skill-points-floater.p10.empathize {
  background-position: -907px -943px;
}

.score-floater .skill-points-floater.p5 {
  width: 19px;
  height: 15px;
  margin: 0 0 0 0;
}

.score-floater .skill-points-floater.p5.savor {
  background-position: -705px -960px;
}

.score-floater .skill-points-floater.p5.thank {
  background-position: -758px -960px;
}

.score-floater .skill-points-floater.p5.aspire {
  background-position: -812px -960px;
}

.score-floater .skill-points-floater.p5.give {
  background-position: -861px -960px;
}

.score-floater .skill-points-floater.p5.empathize {
  background-position: -911px -960px;
}

.score-floater .skill-points-floater.p2 {
  width: 19px;
  height: 14px;
  margin: 0 0 0 0;
}

.score-floater .skill-points-floater.p2.savor {
  background-position: -705px -976px;
}

.score-floater .skill-points-floater.p2.thank {
  background-position: -758px -976px;
}

.score-floater .skill-points-floater.p2.aspire {
  background-position: -812px -926px;
}

.score-floater .skill-points-floater.p2.give {
  background-position: -861px -976px;
}

.score-floater .skill-points-floater.p2.empathize {
  background-position: -911px -976px;
}

.score-floater .skill-points-floater.p1 {
  width: 18px;
  height: 14px;
  margin: 0 0 0 0;
}

.score-floater .skill-points-floater.p1.savor {
  background-position: -705px -993px;
}

.score-floater .skill-points-floater.p1.thank {
  background-position: -758px -993px;
}

.score-floater .skill-points-floater.p1.aspire {
  background-position: -812px -993px;
}

.score-floater .skill-points-floater.p1.give {
  background-position: -861px -993px;
}

.score-floater .skill-points-floater.p1.empathize {
  background-position: -911px -993px;
}

.score-floater .skill-points-floater.p_custom.other {
  color: #f4d420;
  font-family: 'OpenSansSemibold';
  font-size: 12px;
}

#work_assessment_scores h1 {
  font-size: 3.8rem;
  font-family: OpenSansSemibold;
  color: #777;
  text-align: center;
  font-weight: normal;
  margin: 30px auto 0px;
}

#work_assessment_scores h2 {
  font-size: 3.2rem;
  font-family: OpenSansRegular;
  color: #00aaea;
  font-weight: normal;
  margin: 0;
}

#work_assessment_scores h3 {
  font-size: 2.6rem;
  font-family: OpenSansSemibold;
  color: #777;
  font-weight: normal;
  margin: 0;
}

#work_assessment_scores h3.subtitle {
  margin: 0 0 50px;
  text-align: center;
}

#work_assessment_scores p {
  margin: 25px 0;
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
}

#work_assessment_scores p .score,
#work_assessment_scores p .description {
  font-family: 'OpenSansBold';
}

#work_assessment_scores p .score {
  color: #00aaea;
}

#work_assessment_scores p .description {
  text-transform: uppercase;
  color: #777;
}

#consest-modal,
#watson-assessment-modal,
#compass_modal {
  position: relative;
  max-width: 800px;
  min-height: 650px;
  border: 1px solid #d0d0d0;
  /*------------------------------------*\
    SPINNER CONTAINER
  \*------------------------------------*/
  /*------------------------------------*\
    PROGRESS BAR
  \*------------------------------------*/
}

#consest-modal .consest-modal-screen-container,
#watson-assessment-modal .consest-modal-screen-container,
#compass_modal .consest-modal-screen-container,
#consest-modal .watson-assessment-screen-container,
#watson-assessment-modal .watson-assessment-screen-container,
#compass_modal .watson-assessment-screen-container {
  position: relative;
  left: 0;
  overflow: hidden;
  border-radius: 10px;
  max-width: 800px;
  height: 650px;
}

#consest-modal .consest-modal-screen-containe,
#watson-assessment-modal .consest-modal-screen-containe,
#compass_modal .consest-modal-screen-containe {
  width: 800px;
}

#consest-modal .watson-assessment-modal-header:before,
#watson-assessment-modal .watson-assessment-modal-header:before,
#compass_modal .watson-assessment-modal-header:before {
  content: "";
  display: block;
  position: absolute;
  border-left: 20px solid #00aaea;
  border-right: 20px solid #00aaea;
  left: -20px;
  right: -20px;
  height: 100%;
  pointer-events: none;
}

#consest-modal .consest-modal-screen-inner,
#watson-assessment-modal .consest-modal-screen-inner,
#compass_modal .consest-modal-screen-inner,
#consest-modal .watson-assessment-screen-inner,
#watson-assessment-modal .watson-assessment-screen-inner,
#compass_modal .watson-assessment-screen-inner {
  overflow: hidden;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}

#consest-modal .watson-assessment-screen-inner,
#watson-assessment-modal .watson-assessment-screen-inner,
#compass_modal .watson-assessment-screen-inner {
  position: absolute;
  width: 3200px;
  height: 650px;
  left: -800px;
  top: 0;
  overflow: hidden;
}

#consest-modal .button_div,
#watson-assessment-modal .button_div,
#compass_modal .button_div {
  position: absolute;
  bottom: 100px;
  left: 0;
  width: 100%;
  text-align: center;
}

#consest-modal .button_div[data-type="intro"],
#watson-assessment-modal .button_div[data-type="intro"],
#compass_modal .button_div[data-type="intro"] {
  position: relative;
  bottom: 0;
  margin-top: 10px;
}

#consest-modal .button_div .button,
#watson-assessment-modal .button_div .button,
#compass_modal .button_div .button {
  display: inline-block !important;
  position: relative;
  margin: 0 auto;
  height: 55px;
  width: 100%;
  max-width: 260px;
}

#consest-modal .button_div .decline_button,
#watson-assessment-modal .button_div .decline_button,
#compass_modal .button_div .decline_button {
  margin-top: 10px;
  font-size: large;
  cursor: pointer;
}

#consest-modal .button,
#watson-assessment-modal .button,
#compass_modal .button {
  font-size: 2rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  display: block;
  width: 260px;
  height: 55px;
  margin: 30px auto 0;
  text-transform: uppercase;
  line-height: 55px;
  text-align: center;
  -webkit-box-shadow: 0 2px 0 #00729e;
  box-shadow: 0 2px 0 #00729e;
  background: #00aaea;
  cursor: pointer;
  position: relative;
  z-index: 4;
}

#consest-modal .button:not(.inactive):not(.orange),
#watson-assessment-modal .button:not(.inactive):not(.orange),
#compass_modal .button:not(.inactive):not(.orange) {
  -webkit-box-shadow: 0 2px 0 #00729e;
  box-shadow: 0 2px 0 #00729e;
  background: #00aaea;
}

#consest-modal .button.inactive:not(.orange),
#watson-assessment-modal .button.inactive:not(.orange),
#compass_modal .button.inactive:not(.orange) {
  background: #7FD4F4;
  -webkit-box-shadow: 0 2px 0 #D2D5D8;
  box-shadow: 0 2px 0 #D2D5D8;
  pointer-events: none;
}

#consest-modal .button.orange,
#watson-assessment-modal .button.orange,
#compass_modal .button.orange {
  background: #ff7a00;
  -webkit-box-shadow: none;
  box-shadow: none;
  display: inline-block;
  width: auto;
  text-transform: none;
  padding: 0 35px;
}

#consest-modal .button.orange.inactive,
#watson-assessment-modal .button.orange.inactive,
#compass_modal .button.orange.inactive {
  opacity: 0.5;
  pointer-events: none;
  background: #ff7a00;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0 35px;
}

#consest-modal .button-close,
#watson-assessment-modal .button-close,
#compass_modal .button-close {
  position: absolute;
  top: -16.5px;
  right: -16.5px;
  display: block;
  width: 33px;
  height: 33px;
  background: url('/static/img/strengths/button_close.png');
  z-index: 2000;
  cursor: pointer;
}

#consest-modal .link-container,
#watson-assessment-modal .link-container,
#compass_modal .link-container {
  position: absolute;
  left: 0;
  bottom: 18px;
  width: 100%;
  height: 40px;
  text-align: center;
  z-index: 99998;
}

#consest-modal .link-container span,
#watson-assessment-modal .link-container span,
#compass_modal .link-container span {
  font: 11px / normal 'OpenSansRegular';
}

#consest-modal .link-container .confidencial_copy,
#watson-assessment-modal .link-container .confidencial_copy,
#compass_modal .link-container .confidencial_copy {
  display: block;
}

#consest-modal .link-container .confidencial_copy span.key,
#watson-assessment-modal .link-container .confidencial_copy span.key,
#compass_modal .link-container .confidencial_copy span.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);
}

#consest-modal .link-container .confidencial_copy span.inside,
#watson-assessment-modal .link-container .confidencial_copy span.inside,
#compass_modal .link-container .confidencial_copy span.inside {
  display: inline-block;
  padding-bottom: 2px;
}

#consest-modal .link-container .confidencial_copy span.inside a,
#watson-assessment-modal .link-container .confidencial_copy span.inside a,
#compass_modal .link-container .confidencial_copy span.inside a {
  color: #777;
  font-family: 'OpenSansSemibold';
}

#consest-modal .btn-retake,
#watson-assessment-modal .btn-retake,
#compass_modal .btn-retake {
  display: block;
  position: absolute;
  bottom: 27px;
  left: 35px;
  width: 30px;
  height: 30px;
  background: url('/static/img/assessment/btn_retake.png');
  background-size: cover;
  z-index: 99999;
  text-decoration: none;
  overflow: visible;
}

#consest-modal .btn-retake > span,
#watson-assessment-modal .btn-retake > span,
#compass_modal .btn-retake > span {
  text-decoration: none;
  display: block;
  position: absolute;
  font-size: 1rem;
  font-family: OpenSansBold;
  font-weight: normal;
  color: #777;
  text-transform: uppercase;
  left: 50%;
  text-align: center;
  padding: 0 10px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 32px;
  line-height: 32px;
  top: -52px;
  border-radius: 2px;
  background: white;
  -webkit-box-shadow: 0 2px 0 1px #eee;
  box-shadow: 0 2px 0 1px #eee;
  border: 1px solid #eee;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#consest-modal .btn-retake::after,
#watson-assessment-modal .btn-retake::after,
#compass_modal .btn-retake::after {
  display: block;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  width: 10px;
  height: 10px;
  background: white;
  content: '';
  top: -26px;
  left: 50%;
  margin-left: -5px;
  -webkit-box-shadow: 2px 2px 2px 0 #eee;
  box-shadow: 2px 2px 2px 0 #eee;
}

#consest-modal .btn-retake > span,
#watson-assessment-modal .btn-retake > span,
#compass_modal .btn-retake > span,
#consest-modal .btn-retake::after,
#watson-assessment-modal .btn-retake::after,
#compass_modal .btn-retake::after {
  visibility: hidden;
}

#consest-modal .btn-retake:hover > span,
#watson-assessment-modal .btn-retake:hover > span,
#compass_modal .btn-retake:hover > span,
#consest-modal .btn-retake:focus > span,
#watson-assessment-modal .btn-retake:focus > span,
#compass_modal .btn-retake:focus > span,
#consest-modal .btn-retake:hover::after,
#watson-assessment-modal .btn-retake:hover::after,
#compass_modal .btn-retake:hover::after,
#consest-modal .btn-retake:focus::after,
#watson-assessment-modal .btn-retake:focus::after,
#compass_modal .btn-retake:focus::after {
  visibility: visible;
}

#consest-modal .spinner-container,
#watson-assessment-modal .spinner-container,
#compass_modal .spinner-container {
  display: inline-block;
  position: absolute;
  top: 300px;
  left: 0;
  width: 100%;
  height: 330px;
  line-height: 330px;
  border-radius: 10px;
  text-align: center;
  background: white;
  z-index: 1000;
}

#consest-modal .spinner-container .spinner,
#watson-assessment-modal .spinner-container .spinner,
#compass_modal .spinner-container .spinner {
  display: inline-block;
  margin: 0 0 -15px 0;
  line-height: normal;
}

#consest-modal .progress-bar-holder,
#watson-assessment-modal .progress-bar-holder,
#compass_modal .progress-bar-holder {
  text-align: center;
  height: 25px;
  width: 100%;
  bottom: 70px;
  left: 0;
  position: absolute;
  z-index: 99997;
}

#consest-modal .progress-bar-holder .watson-assessment-progress-bar,
#watson-assessment-modal .progress-bar-holder .watson-assessment-progress-bar,
#compass_modal .progress-bar-holder .watson-assessment-progress-bar {
  text-align: center;
  display: inline-block;
}

#consest-modal .progress-bar-holder .watson-assessment-progress-bar .overall-section,
#watson-assessment-modal .progress-bar-holder .watson-assessment-progress-bar .overall-section,
#compass_modal .progress-bar-holder .watson-assessment-progress-bar .overall-section {
  display: inline-block;
  vertical-align: top;
  line-height: 25px;
  float: left;
}

#consest-modal .progress-bar-holder .watson-assessment-progress-bar .overall-section .overall-point,
#watson-assessment-modal .progress-bar-holder .watson-assessment-progress-bar .overall-section .overall-point,
#compass_modal .progress-bar-holder .watson-assessment-progress-bar .overall-section .overall-point {
  width: 25px;
  height: 25px;
  line-height: 25px;
  border-radius: 50%;
  text-align: center;
  font-size: 1.4rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  background: #d0d0d1;
  color: #ffffff;
  vertical-align: middle;
  float: left;
  margin: 0 2px 4px;
}

#consest-modal .progress-bar-holder .watson-assessment-progress-bar .overall-section .overall-point.small,
#watson-assessment-modal .progress-bar-holder .watson-assessment-progress-bar .overall-section .overall-point.small,
#compass_modal .progress-bar-holder .watson-assessment-progress-bar .overall-section .overall-point.small {
  border: 2px solid #d0d0d1;
  width: 12.5px;
  height: 12.5px;
  margin-top: 6px;
  background: #fff;
}

#consest-modal .progress-bar-holder .watson-assessment-progress-bar .overall-section .overall-point.small.select,
#watson-assessment-modal .progress-bar-holder .watson-assessment-progress-bar .overall-section .overall-point.small.select,
#compass_modal .progress-bar-holder .watson-assessment-progress-bar .overall-section .overall-point.small.select {
  border: none;
}

#consest-modal .progress-bar-holder .watson-assessment-progress-bar .overall-section .overall-point.select,
#watson-assessment-modal .progress-bar-holder .watson-assessment-progress-bar .overall-section .overall-point.select,
#compass_modal .progress-bar-holder .watson-assessment-progress-bar .overall-section .overall-point.select {
  background: #00aaea;
}

#consest-modal .progress-bar-holder .watson-assessment-progress-bar .overall-section .overall-line,
#watson-assessment-modal .progress-bar-holder .watson-assessment-progress-bar .overall-section .overall-line,
#compass_modal .progress-bar-holder .watson-assessment-progress-bar .overall-section .overall-line {
  background: #d0d0d1;
  height: 3px;
  vertical-align: middle;
  float: left;
  margin-top: 11px;
  width: 45px;
}

#consest-modal .progress-bar-holder .watson-assessment-progress-bar .overall-section .overall-line.select,
#watson-assessment-modal .progress-bar-holder .watson-assessment-progress-bar .overall-section .overall-line.select,
#compass_modal .progress-bar-holder .watson-assessment-progress-bar .overall-section .overall-line.select {
  background: #00aaea;
}

#watson-assessment-modal .intro_slide.track_recommender .section:nth-child(1) {
  height: unset !important;
}

#watson-assessment-modal .section.first {
  background: url(/static/img/assessment/bg_image_skills.png?v=2.0) no-repeat #f7f9fa;
  background-size: 820px auto;
  background-position: -10px -10px;
  max-width: 798px;
  max-height: 280px;
  border-bottom: 2px solid #D2D1CE;
  height: unset !important;
}

#watson-assessment-modal .section.first .image-container img,
#watson-assessment-modal .section.first .image-container .PseudoImg {
  margin: 20px auto;
  left: auto !important;
  top: auto !important;
}

#watson-assessment-modal .section.first .custom-image-container {
  height: 280px;
  position: relative;
}

#watson-assessment-modal .section.first .custom-image-container .customImg {
  width: 100%;
  height: auto;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

#watson-assessment-modal .section.second {
  padding-top: 17px;
}

#watson-assessment-modal .section.second .text-container {
  padding: 0;
  font-size: 32px;
  line-height: normal;
  width: 100%;
  font-family: OpenSansSemibold;
  font-weight: normal;
  display: inline-block;
  vertical-align: top;
  max-height: unset !important;
  min-height: unset !important;
  text-align: center;
}

#watson-assessment-modal .section.second .text-container span {
  color: #00aaea;
  line-height: 42px;
}

#watson-assessment-modal .section.second .text-container p {
  margin: 20px;
  padding: 0;
  font-size: 16px;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
  text-align: center;
  line-height: normal;
}

#watson-assessment-modal .nav .button {
  min-height: 70px;
  font-size: 20px;
  font-family: OpenSansSemibold;
  font-weight: normal;
  line-height: 70px;
}

#watson-assessment-modal .featured_in {
  margin-top: 25px;
  text-align: center;
}

#watson-assessment-modal #watson-assessment-brain-screen .buttons-holder {
  position: relative;
  margin-bottom: 20px;
}

#watson-assessment-modal #watson-assessment-brain-screen .buttons-holder .customButtonText {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

#watson-assessment-modal #watson-assessment-brain-screen .section:nth-child(2) {
  padding-bottom: 0;
  height: auto;
}

#watson-assessment-modal #watson-assessment-brain-screen .section:nth-child(2) .text-container {
  height: auto;
  min-height: auto;
  margin-bottom: 0;
}

#watson-assessment-modal #watson-assessment-brain-screen .section:nth-child(2) .text-container p {
  margin-bottom: 0;
}

.undo_button,
.redo_button {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 125px;
  cursor: pointer;
  border-left: 2px solid #ffffff;
  border-top: 2px solid #ffffff;
  display: block;
  background-color: rgba(0, 170, 230, 0);
  border-radius: 0;
}

.undo_button.hidden,
.redo_button.hidden {
  display: none;
}

.undo_button:focus,
.redo_button:focus {
  /* border-left: 2px solid #ff4220;
    border-top: 2px solid #ff4220; */
}

.undo_button.blue-arrow,
.redo_button.blue-arrow {
  border-left: 2px solid #00aaea;
  border-top: 2px solid #00aaea;
}

.undo_button {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  left: 30px;
}

.redo_button {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  right: 30px;
}

#watson-assessment-modal .text-answer .answer-input,
#watson-assessment-modal .text-answer .answer-textarea {
  margin-top: 10px;
}

#consest-modal .answer a.answer-checkbox,
#watson-assessment-modal .answer a.answer-checkbox,
#compass_modal .answer a.answer-checkbox {
  margin: 5px !important;
}

#consest-modal .answer-text,
#watson-assessment-modal .answer-text,
#compass_modal .answer-text {
  margin-top: 5px !important;
}

#compass_modal {
  max-width: none;
  border: none;
}

#compass_modal .watson-assessment-screen-container {
  max-width: none;
  border: 1px solid #d0d0d0;
}

html[lang=es] #watson-assessment-modal #watson-assessment-brain-screen .section.second .text-container #modalSubtitle {
  margin-left: 0;
  margin-right: 0;
}

html[lang=es] #watson-assessment-modal #watson-assessment-brain-screen .buttons-holder {
  margin-bottom: 15px !important;
}

html[lang=es] #watson-assessment-modal #watson-assessment-brain-screen .buttons-holder button.js-quiz {
  margin-top: 20px;
}

html[lang=es] #watson-assessment-modal #watson-assessment-brain-screen .featured_in {
  margin-top: 40px;
}

html[lang=de] #watson-assessment-modal #watson-assessment-brain-screen .section.second .text-container #modalSubtitle {
  margin-left: 0;
  margin-right: 0;
}

html[lang=de] #watson-assessment-modal #watson-assessment-brain-screen .buttons-holder {
  margin-bottom: 15px !important;
}

html[lang=de] #watson-assessment-modal #watson-assessment-brain-screen .buttons-holder button.js-quiz {
  margin-top: 15px;
}

html[lang=de] #watson-assessment-modal #watson-assessment-brain-screen .featured_in {
  margin-top: 22px;
}

html[lang=pt] #watson-assessment-modal #watson-assessment-brain-screen .section.second .text-container #modalTitle {
  font-size: 30px;
}

html[lang=pt] #watson-assessment-modal #watson-assessment-brain-screen .section.second .text-container #modalSubtitle {
  margin-left: 0;
  margin-right: 0;
}

html[lang=pt] #watson-assessment-modal #watson-assessment-brain-screen .buttons-holder {
  margin-bottom: 15px !important;
}

html[lang=pt] #watson-assessment-modal #watson-assessment-brain-screen .buttons-holder button.js-quiz {
  margin-top: 20px;
}

html[lang=pt] #watson-assessment-modal #watson-assessment-brain-screen .featured_in {
  margin-top: 40px;
}

.watson-assessment-image-container {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.watson-assessment-image-container .pink {
  color: #c83397;
}

.watson-assessment-image-container .green {
  color: #3bb24a;
}

.watson-assessment-image-container .orange {
  color: #f77a02;
}

.watson-assessment-image-container .blue {
  color: #3bb2eb;
}

.watson-assessment-image-container img {
  max-height: 190px;
  margin: 24px 26px !important;
  width: 192px !important;
}

@media screen and (max-width: 1000px) {
  .watson-assessment-image-container img {
    margin: 24px 3px !important;
  }
}

.watson-assessment-image-container .watson-assessment-image-container-block {
  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: end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
  height: 120px;
  font-family: 'OpenSansBold';
}

.watson-assessment-image-container .watson-assessment-image-container-block:nth-child(2) {
  height: 228px;
}

.watson-assessment-image-container .watson-assessment-image-container-block span {
  margin: 0;
  display: block;
  width: 130px;
  padding-bottom: 10px;
}

.watson-assessment-image-container .watson-assessment-image-container-block span:nth-child(2) {
  min-height: 64px;
  margin-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.watson-assessment-image-text {
  border-bottom: 1px solid;
  font-size: 12px;
  padding: 1em 0;
  line-height: 14px;
  margin: 8px;
}

.watson-assessment-image-text span {
  padding: 0 !important;
}

.watson-assessment-spacer {
  height: 20px;
}

.acc_nav {
  width: 100%;
  text-align: center;
}

.acc_nav button {
  background: none;
  color: #575250;
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  display: inline-block;
}

.acc_nav button:hover {
  text-decoration: none;
}

.acc_nav button * {
  vertical-align: middle;
}

.acc_nav button .icon {
  display: inline-block;
  background: url("/static/img/accessibility_icon_26.png") no-repeat 0 0;
  width: 26px;
  height: 26px;
  margin-right: 6px;
}

.acc_nav button span {
  text-decoration: underline;
}

/* ====================================================================
 * styling encapsulated by/with
 *    - by .consest-modal-screen
 *    - by .watson-assessment-modal-screen
 *
 *  used for/in:
 *    - #consest-modal
 *    - #watson-assessment-modal
 *
 * ================================================================== */

.consest-modal-screen {
  position: relative;
  float: left;
}

.watson-assessment-modal-screen {
  position: absolute;
  top: 0;
}

.consest-modal-screen,
.watson-assessment-modal-screen {
  width: 100%;
  max-width: 800px;
  min-height: 650px;
}

.consest-modal-screen .answer,
.watson-assessment-modal-screen .answer {
  cursor: pointer;
}

.consest-modal-screen .consest-modal-header:not([data-type='intro']):not([data-type='end']):not([data-type='terms']),
.watson-assessment-modal-screen .consest-modal-header:not([data-type='intro']):not([data-type='end']):not([data-type='terms']) {
  background: #00aaea;
}

.consest-modal-screen .consest-modal-header:not([data-type='intro']):not([data-type='end']):not([data-type='terms']) p,
.watson-assessment-modal-screen .consest-modal-header:not([data-type='intro']):not([data-type='end']):not([data-type='terms']) p {
  color: white !important;
  font-size: 3.6rem !important;
  font-family: OpenSansLight !important;
  font-weight: normal !important;
  line-height: 49px !important;
}

.consest-modal-screen .consest-modal-header:not([data-type='intro']):not([data-type='end']):not([data-type='terms']) p.guidence,
.watson-assessment-modal-screen .consest-modal-header:not([data-type='intro']):not([data-type='end']):not([data-type='terms']) p.guidence {
  font-size: 2rem;
  font-family: OpenSansLight;
  font-weight: normal;
}

.consest-modal-screen .consest-modal-header,
.watson-assessment-modal-screen .consest-modal-header,
.consest-modal-screen .watson-assessment-modal-header,
.watson-assessment-modal-screen .watson-assessment-modal-header {
  position: relative;
  width: 100%;
  height: 282px;
  padding: 0 50px;
  background: #00aaea;
  text-align: center;
  display: table;
}

.consest-modal-screen .consest-modal-header > *,
.watson-assessment-modal-screen .consest-modal-header > *,
.consest-modal-screen .watson-assessment-modal-header > *,
.watson-assessment-modal-screen .watson-assessment-modal-header > * {
  display: table-cell;
  vertical-align: middle;
}

.consest-modal-screen .consest-modal-header[data-type='intro'],
.watson-assessment-modal-screen .consest-modal-header[data-type='intro'],
.consest-modal-screen .watson-assessment-modal-header[data-type='intro'],
.watson-assessment-modal-screen .watson-assessment-modal-header[data-type='intro'],
.consest-modal-screen .consest-modal-header[data-type='end'],
.watson-assessment-modal-screen .consest-modal-header[data-type='end'],
.consest-modal-screen .watson-assessment-modal-header[data-type='end'],
.watson-assessment-modal-screen .watson-assessment-modal-header[data-type='end'] {
  background: #ffffff url('/static/img/assessment/bg_image_skills.png');
  background-size: cover;
  border-bottom: 1px solid #d0d0d0;
}

.consest-modal-screen .consest-modal-header[data-type='intro'].eligibility-popup-header,
.watson-assessment-modal-screen .consest-modal-header[data-type='intro'].eligibility-popup-header,
.consest-modal-screen .watson-assessment-modal-header[data-type='intro'].eligibility-popup-header,
.watson-assessment-modal-screen .watson-assessment-modal-header[data-type='intro'].eligibility-popup-header,
.consest-modal-screen .consest-modal-header[data-type='end'].eligibility-popup-header,
.watson-assessment-modal-screen .consest-modal-header[data-type='end'].eligibility-popup-header,
.consest-modal-screen .watson-assessment-modal-header[data-type='end'].eligibility-popup-header,
.watson-assessment-modal-screen .watson-assessment-modal-header[data-type='end'].eligibility-popup-header {
  background-color: white;
  background-image: none;
  height: 200px;
}

.consest-modal-screen .consest-modal-header[data-type='intro'] p,
.watson-assessment-modal-screen .consest-modal-header[data-type='intro'] p,
.consest-modal-screen .watson-assessment-modal-header[data-type='intro'] p,
.watson-assessment-modal-screen .watson-assessment-modal-header[data-type='intro'] p,
.consest-modal-screen .consest-modal-header[data-type='end'] p,
.watson-assessment-modal-screen .consest-modal-header[data-type='end'] p,
.consest-modal-screen .watson-assessment-modal-header[data-type='end'] p,
.watson-assessment-modal-screen .watson-assessment-modal-header[data-type='end'] p {
  color: #00aaea !important;
  line-height: 36px !important;
  font-size: 3rem !important;
  font-family: OpenSansRegular !important;
  font-weight: normal !important;
}

.consest-modal-screen .consest-modal-header:not([data-type='intro']):not([data-type='end']):not([data-type='terms']),
.watson-assessment-modal-screen .consest-modal-header:not([data-type='intro']):not([data-type='end']):not([data-type='terms']),
.consest-modal-screen .watson-assessment-modal-header:not([data-type='intro']):not([data-type='end']):not([data-type='terms']),
.watson-assessment-modal-screen .watson-assessment-modal-header:not([data-type='intro']):not([data-type='end']):not([data-type='terms']) {
  background: #00aaea;
}

.consest-modal-screen .consest-modal-header:not([data-type='intro']):not([data-type='end']):not([data-type='terms']) p,
.watson-assessment-modal-screen .consest-modal-header:not([data-type='intro']):not([data-type='end']):not([data-type='terms']) p,
.consest-modal-screen .watson-assessment-modal-header:not([data-type='intro']):not([data-type='end']):not([data-type='terms']) p,
.watson-assessment-modal-screen .watson-assessment-modal-header:not([data-type='intro']):not([data-type='end']):not([data-type='terms']) p {
  color: white !important;
  font-size: 3.6rem;
  font-family: OpenSansLight;
  font-weight: normal;
  line-height: 49px;
}

.consest-modal-screen .consest-modal-header:not([data-type='intro']):not([data-type='end']):not([data-type='terms']) p.guidence,
.watson-assessment-modal-screen .consest-modal-header:not([data-type='intro']):not([data-type='end']):not([data-type='terms']) p.guidence,
.consest-modal-screen .watson-assessment-modal-header:not([data-type='intro']):not([data-type='end']):not([data-type='terms']) p.guidence,
.watson-assessment-modal-screen .watson-assessment-modal-header:not([data-type='intro']):not([data-type='end']):not([data-type='terms']) p.guidence {
  font-size: 2rem;
  font-family: OpenSansLight;
  font-weight: normal;
}

.consest-modal-screen .consest-modal-header .img,
.watson-assessment-modal-screen .consest-modal-header .img,
.consest-modal-screen .watson-assessment-modal-header .img,
.watson-assessment-modal-screen .watson-assessment-modal-header .img {
  text-align: right;
}

.consest-modal-screen .consest-modal-header .img img,
.watson-assessment-modal-screen .consest-modal-header .img img,
.consest-modal-screen .watson-assessment-modal-header .img img,
.watson-assessment-modal-screen .watson-assessment-modal-header .img img {
  max-width: 225px;
  margin: 0 -20px 0 20px;
}

.consest-modal-screen .consest-modal-header p span,
.watson-assessment-modal-screen .consest-modal-header p span,
.consest-modal-screen .watson-assessment-modal-header p span,
.watson-assessment-modal-screen .watson-assessment-modal-header p span {
  font-size: 2rem;
  font-family: OpenSansLight;
  font-weight: normal;
  display: block;
  margin: 10px 0;
}

.consest-modal-screen .consest-modal-header p.text-left,
.watson-assessment-modal-screen .consest-modal-header p.text-left,
.consest-modal-screen .watson-assessment-modal-header p.text-left,
.watson-assessment-modal-screen .watson-assessment-modal-header p.text-left {
  text-align: left;
}

.consest-modal-screen .consest-modal-header .go-next-arrow,
.watson-assessment-modal-screen .consest-modal-header .go-next-arrow,
.consest-modal-screen .watson-assessment-modal-header .go-next-arrow,
.watson-assessment-modal-screen .watson-assessment-modal-header .go-next-arrow {
  margin-top: -15px;
  background: url(/static/img/track_presentation/track_presentation_nav.png) no-repeat top left;
  background-position: 0 -177px;
  width: 17px;
  height: 31px;
  position: absolute;
  top: 50%;
  opacity: 0.5;
  right: 20px;
  cursor: pointer;
}

.consest-modal-screen .consest-modal-header .go-next-arrow:hover,
.watson-assessment-modal-screen .consest-modal-header .go-next-arrow:hover,
.consest-modal-screen .watson-assessment-modal-header .go-next-arrow:hover,
.watson-assessment-modal-screen .watson-assessment-modal-header .go-next-arrow:hover {
  opacity: 1;
}

.consest-modal-screen .watson-assessment-modal-header[data-type='text'] div p,
.watson-assessment-modal-screen .watson-assessment-modal-header[data-type='text'] div p,
.consest-modal-screen .watson-assessment-modal-header[data-type='intro'] div p,
.watson-assessment-modal-screen .watson-assessment-modal-header[data-type='intro'] div p,
.consest-modal-screen .watson-assessment-modal-header[data-type='multi'] div p,
.watson-assessment-modal-screen .watson-assessment-modal-header[data-type='multi'] div p,
.consest-modal-screen .watson-assessment-modal-header[data-type='single'] div p,
.watson-assessment-modal-screen .watson-assessment-modal-header[data-type='single'] div p,
.consest-modal-screen .watson-assessment-modal-header[data-type='interim'] div p,
.watson-assessment-modal-screen .watson-assessment-modal-header[data-type='interim'] div p,
.consest-modal-screen .watson-assessment-modal-header[data-type='input'] div p,
.watson-assessment-modal-screen .watson-assessment-modal-header[data-type='input'] div p,
.consest-modal-screen .watson-assessment-modal-header[data-type='phone'] div p,
.watson-assessment-modal-screen .watson-assessment-modal-header[data-type='phone'] div p,
.consest-modal-screen .watson-assessment-modal-header[data-type='float'] div p,
.watson-assessment-modal-screen .watson-assessment-modal-header[data-type='float'] div p,
.consest-modal-screen .watson-assessment-modal-header[data-type='integer'] div p,
.watson-assessment-modal-screen .watson-assessment-modal-header[data-type='integer'] div p,
.consest-modal-screen .watson-assessment-modal-header[data-type='multi_obj'] div p,
.watson-assessment-modal-screen .watson-assessment-modal-header[data-type='multi_obj'] div p,
.consest-modal-screen .watson-assessment-modal-header[data-type='single_obj'] div p,
.watson-assessment-modal-screen .watson-assessment-modal-header[data-type='single_obj'] div p,
.consest-modal-screen .watson-assessment-modal-header[data-type='email'] div p,
.watson-assessment-modal-screen .watson-assessment-modal-header[data-type='email'] div p,
.consest-modal-screen .watson-assessment-modal-header[data-type='end'] div p,
.watson-assessment-modal-screen .watson-assessment-modal-header[data-type='end'] div p {
  padding: 10px 0;
  max-height: 242px;
  margin: 0;
  overflow-y: auto;
}

.consest-modal-screen .watson-assessment-modal-header.trackpart[data-type='intro'],
.watson-assessment-modal-screen .watson-assessment-modal-header.trackpart[data-type='intro'] {
  background-image: none;
  background-color: #ffffff;
  position: relative;
  height: 370px;
  width: 798px;
}

.consest-modal-screen .watson-assessment-modal-header.trackpart[data-type='intro'] div.image_container,
.watson-assessment-modal-screen .watson-assessment-modal-header.trackpart[data-type='intro'] div.image_container {
  position: absolute;
  width: 798px;
  height: 370px;
  top: 0;
  left: 0;
  display: block;
  overflow: hidden;
}

.consest-modal-screen .watson-assessment-modal-header.trackpart[data-type='intro'] div.image_container img,
.watson-assessment-modal-screen .watson-assessment-modal-header.trackpart[data-type='intro'] div.image_container img {
  position: absolute;
  width: 798px;
  top: -6px;
  left: 0;
  display: block;
}

.consest-modal-screen .watson-assessment-modal-header.trackpart[data-type='intro'] div.title,
.watson-assessment-modal-screen .watson-assessment-modal-header.trackpart[data-type='intro'] div.title {
  position: absolute;
  height: 130px;
  width: 100%;
  bottom: -1px;
  left: 0;
  background: rgba(0, 170, 255, 0.7);
}

.consest-modal-screen .watson-assessment-modal-header.trackpart[data-type='intro'] div.title span,
.watson-assessment-modal-screen .watson-assessment-modal-header.trackpart[data-type='intro'] div.title span {
  margin-top: -5px;
  display: inline-block;
  line-height: 130px;
  font-size: 3.8rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  vertical-align: middle;
  text-align: center;
}

.consest-modal-screen .watson-assessment-modal-header.trackpart[data-type='intro'] div.title span span,
.watson-assessment-modal-screen .watson-assessment-modal-header.trackpart[data-type='intro'] div.title span span {
  line-height: 38px;
  color: #ffffff !important;
}

.consest-modal-screen .watson-assessment-modal-header.trackpart[data-type='intro'] div,
.watson-assessment-modal-screen .watson-assessment-modal-header.trackpart[data-type='intro'] div {
  position: absolute;
  height: 130px;
  width: 100%;
  bottom: -1px;
  left: 0;
  background: rgba(0, 170, 255, 0.7);
  vertical-align: middle;
}

.consest-modal-screen .watson-assessment-modal-header.trackpart[data-type='intro'] div p,
.watson-assessment-modal-screen .watson-assessment-modal-header.trackpart[data-type='intro'] div p {
  color: #ffffff !important;
  max-height: 130px;
  font-size: 4.5rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

.consest-modal-screen .consest-modal-body[data-type='intro'],
.watson-assessment-modal-screen .consest-modal-body[data-type='intro'],
.consest-modal-screen .watson-assessment-modal-body[data-type='intro'],
.watson-assessment-modal-screen .watson-assessment-modal-body[data-type='intro'],
.consest-modal-screen .consest-modal-body[data-type='end'],
.watson-assessment-modal-screen .consest-modal-body[data-type='end'],
.consest-modal-screen .watson-assessment-modal-body[data-type='end'],
.watson-assessment-modal-screen .watson-assessment-modal-body[data-type='end'],
.consest-modal-screen .consest-modal-body[data-type='interim'],
.watson-assessment-modal-screen .consest-modal-body[data-type='interim'],
.consest-modal-screen .watson-assessment-modal-body[data-type='interim'],
.watson-assessment-modal-screen .watson-assessment-modal-body[data-type='interim'] {
  text-align: center;
}

.consest-modal-screen .consest-modal-body[data-type='intro'] p,
.watson-assessment-modal-screen .consest-modal-body[data-type='intro'] p,
.consest-modal-screen .watson-assessment-modal-body[data-type='intro'] p,
.watson-assessment-modal-screen .watson-assessment-modal-body[data-type='intro'] p,
.consest-modal-screen .consest-modal-body[data-type='end'] p,
.watson-assessment-modal-screen .consest-modal-body[data-type='end'] p,
.consest-modal-screen .watson-assessment-modal-body[data-type='end'] p,
.watson-assessment-modal-screen .watson-assessment-modal-body[data-type='end'] p,
.consest-modal-screen .consest-modal-body[data-type='interim'] p,
.watson-assessment-modal-screen .consest-modal-body[data-type='interim'] p,
.consest-modal-screen .watson-assessment-modal-body[data-type='interim'] p,
.watson-assessment-modal-screen .watson-assessment-modal-body[data-type='interim'] p {
  font-size: 1.7rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

.consest-modal-screen .consest-modal-body[data-type='intro'] p.eligibility-popup-text,
.watson-assessment-modal-screen .consest-modal-body[data-type='intro'] p.eligibility-popup-text,
.consest-modal-screen .watson-assessment-modal-body[data-type='intro'] p.eligibility-popup-text,
.watson-assessment-modal-screen .watson-assessment-modal-body[data-type='intro'] p.eligibility-popup-text,
.consest-modal-screen .consest-modal-body[data-type='end'] p.eligibility-popup-text,
.watson-assessment-modal-screen .consest-modal-body[data-type='end'] p.eligibility-popup-text,
.consest-modal-screen .watson-assessment-modal-body[data-type='end'] p.eligibility-popup-text,
.watson-assessment-modal-screen .watson-assessment-modal-body[data-type='end'] p.eligibility-popup-text,
.consest-modal-screen .consest-modal-body[data-type='interim'] p.eligibility-popup-text,
.watson-assessment-modal-screen .consest-modal-body[data-type='interim'] p.eligibility-popup-text,
.consest-modal-screen .watson-assessment-modal-body[data-type='interim'] p.eligibility-popup-text,
.watson-assessment-modal-screen .watson-assessment-modal-body[data-type='interim'] p.eligibility-popup-text {
  line-height: 26px;
}

.consest-modal-screen .consest-modal-body[data-type='intro'] .eligibility-button,
.watson-assessment-modal-screen .consest-modal-body[data-type='intro'] .eligibility-button,
.consest-modal-screen .watson-assessment-modal-body[data-type='intro'] .eligibility-button,
.watson-assessment-modal-screen .watson-assessment-modal-body[data-type='intro'] .eligibility-button,
.consest-modal-screen .consest-modal-body[data-type='end'] .eligibility-button,
.watson-assessment-modal-screen .consest-modal-body[data-type='end'] .eligibility-button,
.consest-modal-screen .watson-assessment-modal-body[data-type='end'] .eligibility-button,
.watson-assessment-modal-screen .watson-assessment-modal-body[data-type='end'] .eligibility-button,
.consest-modal-screen .consest-modal-body[data-type='interim'] .eligibility-button,
.watson-assessment-modal-screen .consest-modal-body[data-type='interim'] .eligibility-button,
.consest-modal-screen .watson-assessment-modal-body[data-type='interim'] .eligibility-button,
.watson-assessment-modal-screen .watson-assessment-modal-body[data-type='interim'] .eligibility-button {
  text-transform: uppercase !important;
}

.consest-modal-screen .consest-modal-body[data-type='intro'] .ok-button,
.watson-assessment-modal-screen .consest-modal-body[data-type='intro'] .ok-button,
.consest-modal-screen .watson-assessment-modal-body[data-type='intro'] .ok-button,
.watson-assessment-modal-screen .watson-assessment-modal-body[data-type='intro'] .ok-button,
.consest-modal-screen .consest-modal-body[data-type='end'] .ok-button,
.watson-assessment-modal-screen .consest-modal-body[data-type='end'] .ok-button,
.consest-modal-screen .watson-assessment-modal-body[data-type='end'] .ok-button,
.watson-assessment-modal-screen .watson-assessment-modal-body[data-type='end'] .ok-button,
.consest-modal-screen .consest-modal-body[data-type='interim'] .ok-button,
.watson-assessment-modal-screen .consest-modal-body[data-type='interim'] .ok-button,
.consest-modal-screen .watson-assessment-modal-body[data-type='interim'] .ok-button,
.watson-assessment-modal-screen .watson-assessment-modal-body[data-type='interim'] .ok-button {
  background-color: #F4F4F4 !important;
  color: #777777 !important;
  -webkit-box-shadow: 0 2px 0 #7777779c !important;
  box-shadow: 0 2px 0 #7777779c !important;
}

.consest-modal-screen .consest-modal-body[data-type='end'],
.watson-assessment-modal-screen .consest-modal-body[data-type='end'],
.consest-modal-screen .watson-assessment-modal-body[data-type='end'],
.watson-assessment-modal-screen .watson-assessment-modal-body[data-type='end'],
.consest-modal-screen .consest-modal-body[data-type='interim'],
.watson-assessment-modal-screen .consest-modal-body[data-type='interim'],
.consest-modal-screen .watson-assessment-modal-body[data-type='interim'],
.watson-assessment-modal-screen .watson-assessment-modal-body[data-type='interim'] {
  padding: 20px 100px;
}

.consest-modal-screen .consest-modal-body:not([data-type='end']),
.watson-assessment-modal-screen .consest-modal-body:not([data-type='end']),
.consest-modal-screen .watson-assessment-modal-body:not([data-type='end']),
.watson-assessment-modal-screen .watson-assessment-modal-body:not([data-type='end']) {
  padding: 40px 50px;
}

.consest-modal-screen .consest-modal-body[data-type='intro'],
.watson-assessment-modal-screen .consest-modal-body[data-type='intro'],
.consest-modal-screen .watson-assessment-modal-body[data-type='intro'],
.watson-assessment-modal-screen .watson-assessment-modal-body[data-type='intro'] {
  padding: 50px 50px 0;
}

.consest-modal-screen .consest-modal-body[data-type='single'],
.watson-assessment-modal-screen .consest-modal-body[data-type='single'],
.consest-modal-screen .watson-assessment-modal-body[data-type='single'],
.watson-assessment-modal-screen .watson-assessment-modal-body[data-type='single'],
.consest-modal-screen .consest-modal-body[data-type='single_obj'],
.watson-assessment-modal-screen .consest-modal-body[data-type='single_obj'],
.consest-modal-screen .watson-assessment-modal-body[data-type='single_obj'],
.watson-assessment-modal-screen .watson-assessment-modal-body[data-type='single_obj'] {
  padding: 50px 0 0 0;
  text-align: center;
}

.consest-modal-screen .consest-modal-body[data-type='multi'],
.watson-assessment-modal-screen .consest-modal-body[data-type='multi'],
.consest-modal-screen .watson-assessment-modal-body[data-type='multi'],
.watson-assessment-modal-screen .watson-assessment-modal-body[data-type='multi'],
.consest-modal-screen .consest-modal-body[data-type='multi_obj'],
.watson-assessment-modal-screen .consest-modal-body[data-type='multi_obj'],
.consest-modal-screen .watson-assessment-modal-body[data-type='multi_obj'],
.watson-assessment-modal-screen .watson-assessment-modal-body[data-type='multi_obj'] {
  padding-top: 5px;
}

.consest-modal-screen .consest-modal-body[data-type='multi'] .button,
.watson-assessment-modal-screen .consest-modal-body[data-type='multi'] .button,
.consest-modal-screen .watson-assessment-modal-body[data-type='multi'] .button,
.watson-assessment-modal-screen .watson-assessment-modal-body[data-type='multi'] .button,
.consest-modal-screen .consest-modal-body[data-type='multi_obj'] .button,
.watson-assessment-modal-screen .consest-modal-body[data-type='multi_obj'] .button,
.consest-modal-screen .watson-assessment-modal-body[data-type='multi_obj'] .button,
.watson-assessment-modal-screen .watson-assessment-modal-body[data-type='multi_obj'] .button {
  z-index: 9999 !important;
}

.consest-modal-screen .consest-modal-body.scroll,
.watson-assessment-modal-screen .consest-modal-body.scroll,
.consest-modal-screen .watson-assessment-modal-body.scroll,
.watson-assessment-modal-screen .watson-assessment-modal-body.scroll {
  position: relative;
}

.consest-modal-screen .consest-modal-body.scroll .scroll_button,
.watson-assessment-modal-screen .consest-modal-body.scroll .scroll_button,
.consest-modal-screen .watson-assessment-modal-body.scroll .scroll_button,
.watson-assessment-modal-screen .watson-assessment-modal-body.scroll .scroll_button,
.consest-modal-screen .consest-modal-body.scroll .scrollbar,
.watson-assessment-modal-screen .consest-modal-body.scroll .scrollbar,
.consest-modal-screen .watson-assessment-modal-body.scroll .scrollbar,
.watson-assessment-modal-screen .watson-assessment-modal-body.scroll .scrollbar {
  display: block;
}

.consest-modal-screen .consest-modal-body_intro,
.watson-assessment-modal-screen .consest-modal-body_intro,
.consest-modal-screen .watson-assessment-modal-body_intro,
.watson-assessment-modal-screen .watson-assessment-modal-body_intro {
  position: relative;
  padding-bottom: 20px;
  height: 140px;
  overflow-y: auto;
}

.consest-modal-screen .consest-modal-body .watson-assessment-modal-msg-wrapper,
.watson-assessment-modal-screen .consest-modal-body .watson-assessment-modal-msg-wrapper,
.consest-modal-screen .watson-assessment-modal-body .watson-assessment-modal-msg-wrapper,
.watson-assessment-modal-screen .watson-assessment-modal-body .watson-assessment-modal-msg-wrapper {
  position: relative;
}

.consest-modal-screen .consest-modal-body .watson-assessment-modal-msg-wrapper .watson-assessment-modal-shadow,
.watson-assessment-modal-screen .consest-modal-body .watson-assessment-modal-msg-wrapper .watson-assessment-modal-shadow,
.consest-modal-screen .watson-assessment-modal-body .watson-assessment-modal-msg-wrapper .watson-assessment-modal-shadow,
.watson-assessment-modal-screen .watson-assessment-modal-body .watson-assessment-modal-msg-wrapper .watson-assessment-modal-shadow {
  position: absolute;
  left: 0;
  width: 100%;
  height: 30px;
  z-index: 2;
}

.consest-modal-screen .consest-modal-body .watson-assessment-modal-msg-wrapper .watson-assessment-modal-shadow.upper,
.watson-assessment-modal-screen .consest-modal-body .watson-assessment-modal-msg-wrapper .watson-assessment-modal-shadow.upper,
.consest-modal-screen .watson-assessment-modal-body .watson-assessment-modal-msg-wrapper .watson-assessment-modal-shadow.upper,
.watson-assessment-modal-screen .watson-assessment-modal-body .watson-assessment-modal-msg-wrapper .watson-assessment-modal-shadow.upper {
  top: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #fff), to(rgba(255, 255, 255, 0)));
  background-image: linear-gradient(#fff 5%, rgba(255, 255, 255, 0));
}

.consest-modal-screen .consest-modal-body .watson-assessment-modal-msg-wrapper .watson-assessment-modal-shadow.lower,
.watson-assessment-modal-screen .consest-modal-body .watson-assessment-modal-msg-wrapper .watson-assessment-modal-shadow.lower,
.consest-modal-screen .watson-assessment-modal-body .watson-assessment-modal-msg-wrapper .watson-assessment-modal-shadow.lower,
.watson-assessment-modal-screen .watson-assessment-modal-body .watson-assessment-modal-msg-wrapper .watson-assessment-modal-shadow.lower {
  bottom: 0;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #fff), to(rgba(255, 255, 255, 0)));
  background-image: linear-gradient(to top, #fff 50%, rgba(255, 255, 255, 0));
}

.consest-modal-screen .text-container,
.watson-assessment-modal-screen .text-container {
  min-height: 400px;
  max-height: 400px;
  overflow-y: auto;
  margin: 0 5px 10px 0;
}

.consest-modal-screen .text-container > p,
.watson-assessment-modal-screen .text-container > p {
  margin: 0;
  padding: 20px 50px;
}

.consest-modal-screen .consest-modal-footer,
.watson-assessment-modal-screen .consest-modal-footer,
.consest-modal-screen .watson-assessment-modal-footer,
.watson-assessment-modal-screen .watson-assessment-modal-footer {
  width: 100%;
  height: 105px;
  text-align: center;
  clear: both;
}

.consest-modal-screen .wcag-placeholder,
.watson-assessment-modal-screen .wcag-placeholder {
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

.consest-modal-screen .text-answer,
.watson-assessment-modal-screen .text-answer {
  text-align: center;
}

.consest-modal-screen .text-answer .error-label,
.watson-assessment-modal-screen .text-answer .error-label,
.consest-modal-screen .text-answer .birth-date-error,
.watson-assessment-modal-screen .text-answer .birth-date-error {
  font-size: 1.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: red;
  margin-top: 5px;
}

.consest-modal-screen .text-answer .error-label,
.watson-assessment-modal-screen .text-answer .error-label {
  text-align: left;
}

.consest-modal-screen .text-answer.date,
.watson-assessment-modal-screen .text-answer.date {
  position: relative;
  width: 276px;
  margin: 0 auto;
}

.consest-modal-screen .text-answer.date .birth-date-picker,
.watson-assessment-modal-screen .text-answer.date .birth-date-picker {
  font-size: 1.6rem;
  font-family: OpenSansLight;
}

.consest-modal-screen .text-answer.date .birth-date-picker select,
.watson-assessment-modal-screen .text-answer.date .birth-date-picker select {
  padding: 4px;
  border: 1px solid #808080;
  border-radius: 3px;
  background-clip: padding-box;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: all 250ms;
  transition: all 250ms;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.consest-modal-screen .text-answer.date .birth-date-picker select:not(:last-child),
.watson-assessment-modal-screen .text-answer.date .birth-date-picker select:not(:last-child) {
  margin-right: 5px;
}

.consest-modal-screen .text-answer.date .birth-date-picker select:focus,
.watson-assessment-modal-screen .text-answer.date .birth-date-picker select:focus {
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.consest-modal-screen .text-answer.input .error-label,
.watson-assessment-modal-screen .text-answer.input .error-label {
  padding: 0 7px;
}

.consest-modal-screen .text-answer.text .error-label,
.watson-assessment-modal-screen .text-answer.text .error-label {
  padding: 0 53px;
}

.consest-modal-screen .single-answer,
.watson-assessment-modal-screen .single-answer {
  text-align: center;
  margin: 0 auto;
}

.consest-modal-screen .single-answer .answer,
.watson-assessment-modal-screen .single-answer .answer {
  width: 100px;
  text-align: center;
  margin: 10px 5px 0 5px;
}

.consest-modal-screen .single-answer .answer.small,
.watson-assessment-modal-screen .single-answer .answer.small {
  width: 70px;
}

.consest-modal-screen .single-answer .answer-text,
.watson-assessment-modal-screen .single-answer .answer-text {
  display: block;
  margin: 10px auto;
}

.consest-modal-screen .scrollbar,
.watson-assessment-modal-screen .scrollbar {
  position: absolute;
  right: 60px;
  top: 50px;
  width: 25px;
  height: 127px;
  display: none;
}

.consest-modal-screen .scrollbar .scroll_progress_wrapper,
.watson-assessment-modal-screen .scrollbar .scroll_progress_wrapper {
  position: absolute;
  width: 25px;
  height: 66px;
  top: 30px;
  right: 0;
}

.consest-modal-screen .scrollbar .scroll_progress_wrapper[aria-valuemax="2"],
.watson-assessment-modal-screen .scrollbar .scroll_progress_wrapper[aria-valuemax="2"] {
  height: 42px;
  top: 43px;
}

.consest-modal-screen .scrollbar .scroll_progress_wrapper[aria-valuemax="2"] li,
.watson-assessment-modal-screen .scrollbar .scroll_progress_wrapper[aria-valuemax="2"] li {
  line-height: 20px;
}

.consest-modal-screen .scrollbar .scroll_progress_wrapper[aria-valuemax="3"],
.watson-assessment-modal-screen .scrollbar .scroll_progress_wrapper[aria-valuemax="3"] {
  height: 53px;
  top: 37px;
}

.consest-modal-screen .scrollbar .scroll_progress_wrapper[aria-valuemax="3"] li,
.watson-assessment-modal-screen .scrollbar .scroll_progress_wrapper[aria-valuemax="3"] li {
  line-height: 18px;
}

.consest-modal-screen .scrollbar .scroll_progress_wrapper[aria-valuemax="4"],
.watson-assessment-modal-screen .scrollbar .scroll_progress_wrapper[aria-valuemax="4"] {
  height: 57px;
  top: 36px;
}

.consest-modal-screen .scrollbar .scroll_progress_wrapper[aria-valuemax="4"] li,
.watson-assessment-modal-screen .scrollbar .scroll_progress_wrapper[aria-valuemax="4"] li {
  line-height: 14px;
}

.consest-modal-screen .scrollbar .scroll_progress_wrapper[aria-valuemax="5"],
.watson-assessment-modal-screen .scrollbar .scroll_progress_wrapper[aria-valuemax="5"] {
  height: 65px;
  top: 32px;
}

.consest-modal-screen .scrollbar .scroll_progress_wrapper[aria-valuemax="5"] li,
.watson-assessment-modal-screen .scrollbar .scroll_progress_wrapper[aria-valuemax="5"] li {
  line-height: 13px;
}

.consest-modal-screen .scrollbar .scroll_progress_wrapper[aria-valuemax="6"],
.watson-assessment-modal-screen .scrollbar .scroll_progress_wrapper[aria-valuemax="6"] {
  height: 65px;
  top: 32px;
}

.consest-modal-screen .scrollbar .scroll_progress_wrapper[aria-valuemax="6"] li,
.watson-assessment-modal-screen .scrollbar .scroll_progress_wrapper[aria-valuemax="6"] li {
  line-height: 11px;
}

.consest-modal-screen .scrollbar .scroll_progress_wrapper[aria-valuemax="7"],
.watson-assessment-modal-screen .scrollbar .scroll_progress_wrapper[aria-valuemax="7"] {
  height: 70px;
  top: 29px;
}

.consest-modal-screen .scrollbar .scroll_progress_wrapper[aria-valuemax="7"] li,
.watson-assessment-modal-screen .scrollbar .scroll_progress_wrapper[aria-valuemax="7"] li {
  line-height: 10px;
}

.consest-modal-screen .scrollbar .scroll_progress_wrapper li,
.watson-assessment-modal-screen .scrollbar .scroll_progress_wrapper li {
  text-align: center;
}

.consest-modal-screen .scrollbar .scroll_progress_wrapper li span,
.watson-assessment-modal-screen .scrollbar .scroll_progress_wrapper li span {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-width: 1px;
  border-color: #d5d4cf;
  background-color: #d5d4cf;
  border-radius: 50%;
}

.consest-modal-screen .scrollbar .scroll_progress_wrapper li.selected span,
.watson-assessment-modal-screen .scrollbar .scroll_progress_wrapper li.selected span {
  border-color: #696966;
  background-color: #777774;
}

.consest-modal-screen .scrollbar .scroll_button,
.watson-assessment-modal-screen .scrollbar .scroll_button {
  display: none;
  position: absolute;
  width: 25px;
  height: 25px;
  background-color: #00aaea;
  cursor: pointer;
  right: 0;
  border-radius: 5px;
}

.consest-modal-screen .scrollbar .scroll_button[disabled="true"],
.watson-assessment-modal-screen .scrollbar .scroll_button[disabled="true"] {
  background-color: #d7d7d2;
  cursor: default;
}

.consest-modal-screen .scrollbar .scroll_button[disabled="true"] .arrow,
.watson-assessment-modal-screen .scrollbar .scroll_button[disabled="true"] .arrow {
  border-color: #fff !important;
}

.consest-modal-screen .scrollbar .scroll_button.up,
.watson-assessment-modal-screen .scrollbar .scroll_button.up {
  top: 0;
}

.consest-modal-screen .scrollbar .scroll_button.up .arrow,
.watson-assessment-modal-screen .scrollbar .scroll_button.up .arrow {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border-left: 3px solid #fff;
  border-top: 3px solid #fff;
  top: 8px;
}

.consest-modal-screen .scrollbar .scroll_button.down,
.watson-assessment-modal-screen .scrollbar .scroll_button.down {
  bottom: 0;
}

.consest-modal-screen .scrollbar .scroll_button.down .arrow,
.watson-assessment-modal-screen .scrollbar .scroll_button.down .arrow {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
  bottom: 8px;
}

.consest-modal-screen .scrollbar .scroll_button .arrow,
.watson-assessment-modal-screen .scrollbar .scroll_button .arrow {
  position: absolute;
  width: 13px;
  height: 13px;
  left: 6px;
}

.consest-modal-screen .container_for_scroll,
.watson-assessment-modal-screen .container_for_scroll {
  position: relative;
  overflow-y: hidden;
  height: 160px;
  margin: 20px 10px 0 10px;
}

.consest-modal-screen .multi-answer,
.watson-assessment-modal-screen .multi-answer {
  padding: 0 40px;
}

.consest-modal-screen .multi-answer.scroll,
.watson-assessment-modal-screen .multi-answer.scroll {
  text-align: left;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 40px;
}

.consest-modal-screen .multi-answer.no-scroll,
.watson-assessment-modal-screen .multi-answer.no-scroll {
  text-align: center;
}

.consest-modal-screen .multi-answer.single-row,
.watson-assessment-modal-screen .multi-answer.single-row {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.consest-modal-screen .multi-answer.text-center,
.watson-assessment-modal-screen .multi-answer.text-center {
  text-align: center;
}

.consest-modal-screen .multi-answer .answer,
.watson-assessment-modal-screen .multi-answer .answer {
  width: 147px;
  overflow: hidden;
  text-align: left;
  display: inline-block;
}

.consest-modal-screen .multi-answer .answer span,
.watson-assessment-modal-screen .multi-answer .answer span,
.consest-modal-screen .multi-answer .answer a,
.watson-assessment-modal-screen .multi-answer .answer a {
  float: left;
}

.consest-modal-screen .multi-answer .answer span .black-triangle,
.watson-assessment-modal-screen .multi-answer .answer span .black-triangle,
.consest-modal-screen .multi-answer .answer a .black-triangle,
.watson-assessment-modal-screen .multi-answer .answer a .black-triangle {
  color: black;
  float: none;
}

.consest-modal-screen .multi-answer .answer .answer-text,
.watson-assessment-modal-screen .multi-answer .answer .answer-text {
  margin-top: -2px;
}

.consest-modal-screen .multi-answer .answer.small,
.watson-assessment-modal-screen .multi-answer .answer.small {
  width: auto;
}

.consest-modal-screen .multi-answer .answer.large,
.watson-assessment-modal-screen .multi-answer .answer.large {
  width: 294px;
  padding: 5px;
  margin: 3px 0;
}

.consest-modal-screen .multi-answer .answer.large.checked,
.watson-assessment-modal-screen .multi-answer .answer.large.checked {
  background: #1CABE7;
  border-radius: 3px;
}

.consest-modal-screen .multi-answer .answer.large.checked .answer-text.large,
.watson-assessment-modal-screen .multi-answer .answer.large.checked .answer-text.large {
  color: #fff;
}

.consest-modal-screen .life-graph li,
.watson-assessment-modal-screen .life-graph li {
  float: left;
  width: 48%;
  margin-right: 2%;
  word-wrap: break-word;
}

.consest-modal-screen .life-graph li .answer-text,
.watson-assessment-modal-screen .life-graph li .answer-text {
  text-transform: none !important;
}

.consest-modal-screen label,
.watson-assessment-modal-screen label {
  font-size: 1.6rem;
  font-family: OpenSansLight;
  font-weight: normal;
  display: inline-block;
  width: 100%;
  text-align: left;
}

.consest-modal-screen label.mm,
.watson-assessment-modal-screen label.mm,
.consest-modal-screen label.dd,
.watson-assessment-modal-screen label.dd {
  width: 70px;
  text-align: center;
  margin-right: 10px;
}

.consest-modal-screen label.yyyy,
.watson-assessment-modal-screen label.yyyy {
  text-align: center;
  width: 85px;
}

.consest-modal-screen .answer,
.watson-assessment-modal-screen .answer {
  margin: 10px 0;
  display: inline-block;
  width: 130px;
  vertical-align: text-top;
}

.consest-modal-screen .answer.checked .answer-circle,
.watson-assessment-modal-screen .answer.checked .answer-circle {
  background: url('/static/img/strengths/answer_mousedown.png');
  background-size: 67px 67px;
}

.consest-modal-screen .answer.checked .answer-checkbox-image,
.watson-assessment-modal-screen .answer.checked .answer-checkbox-image {
  background-position: 0 0;
}

.consest-modal-screen .answer.checked.large .answer-checkbox-image,
.watson-assessment-modal-screen .answer.checked.large .answer-checkbox-image {
  background-position: -38px 0;
}

.consest-modal-screen .answer.checked.previous .answer-circle,
.watson-assessment-modal-screen .answer.checked.previous .answer-circle {
  background: url('/static/img/strengths/answer_mousedown_previous.png');
  background-size: 67px 67px;
}

.consest-modal-screen .answer-circle,
.watson-assessment-modal-screen .answer-circle {
  width: 67px;
  height: 67px;
  line-height: 67px;
  border-radius: 50%;
  text-align: center;
  display: block;
  margin: 0 auto;
  background: url('/static/img/strengths/answer-circle.png');
  background-size: 67px 67px;
  cursor: pointer;
}

.consest-modal-screen .answer-circle:hover,
.watson-assessment-modal-screen .answer-circle:hover {
  background: url('/static/img/strengths/answer_hover.png');
  background-size: 67px 67px;
}

.consest-modal-screen .answer-circle:active,
.watson-assessment-modal-screen .answer-circle:active {
  background: url('/static/img/strengths/answer_mousedown.png');
  background-size: 67px 67px;
}

.consest-modal-screen .answer-circle.small,
.watson-assessment-modal-screen .answer-circle.small {
  width: 55px;
  height: 55px;
  line-height: 55px;
  border-radius: 50%;
  text-align: center;
  background-size: 55px 55px;
}

.consest-modal-screen .answer-circle.small:hover,
.watson-assessment-modal-screen .answer-circle.small:hover {
  background-size: 55px 55px;
}

.consest-modal-screen .answer-circle.small:active,
.watson-assessment-modal-screen .answer-circle.small:active {
  background-size: 55px 55px;
}

.consest-modal-screen .answer-checkbox-image,
.watson-assessment-modal-screen .answer-checkbox-image {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 5px 5px 0 0;
  vertical-align: top;
  background-image: url('/static/img/q17.png');
  background-repeat: no-repeat;
  background-position: -20px 0;
  cursor: pointer;
}

.consest-modal-screen .answer-textarea,
.watson-assessment-modal-screen .answer-textarea {
  font-size: 1.6rem;
  font-family: OpenSansLight;
  font-weight: normal;
  width: 86%;
  height: 94px;
  border: 1px solid #00aaea;
}

.consest-modal-screen .answer-input,
.watson-assessment-modal-screen .answer-input {
  font-size: 1.6rem;
  font-family: OpenSansLight;
  font-weight: normal;
  width: 100%;
  padding: 8px;
  border: 1px solid #00aaea;
}

.consest-modal-screen .answer-text,
.watson-assessment-modal-screen .answer-text {
  width: 100px;
  font-size: 1.3rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  margin: 0 auto;
  vertical-align: middle;
  color: #777;
}

.consest-modal-screen .answer-text.small,
.watson-assessment-modal-screen .answer-text.small {
  font-size: 1rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  width: auto;
}

.consest-modal-screen .answer-text.large,
.watson-assessment-modal-screen .answer-text.large {
  width: 200px;
}

.consest-modal-screen .answer.previous .answer-checkbox-image,
.watson-assessment-modal-screen .answer.previous .answer-checkbox-image {
  background-image: url('/static/img/q17_prev.png');
}

.consest-modal-screen .partner-logo,
.watson-assessment-modal-screen .partner-logo {
  position: relative;
  float: right;
  margin: 20px 30px 0 0;
  max-height: 85px;
  max-width: 200px;
}

.consest-modal-screen .partner-logo.transparent,
.watson-assessment-modal-screen .partner-logo.transparent {
  opacity: 0;
}

.consest-modal-screen .partner-logo img,
.watson-assessment-modal-screen .partner-logo img {
  width: 100%;
  max-height: 85px;
}

.consest-modal-screen .single-answer.small-circle .answer,
.watson-assessment-modal-screen .single-answer.small-circle .answer {
  width: 90px;
}

.consest-modal-screen .single-answer.small-circle .answer .answer-text,
.watson-assessment-modal-screen .single-answer.small-circle .answer .answer-text {
  width: 90px;
  font-size: 10px;
}

.consest-modal-screen .single-answer.small-circle .answer .answer-circle,
.watson-assessment-modal-screen .single-answer.small-circle .answer .answer-circle {
  background: url('/static/img/strengths/assessment_circle.png');
  background-size: 46px 46px;
}

.consest-modal-screen .single-answer.small-circle .answer.checked .answer-circle,
.watson-assessment-modal-screen .single-answer.small-circle .answer.checked .answer-circle {
  background: url('/static/img/strengths/answer_mousedown.png');
  background-size: 46px 46px;
}

.consest-modal-screen .single-answer.small-circle .answer.checked.previous .answer-circle,
.watson-assessment-modal-screen .single-answer.small-circle .answer.checked.previous .answer-circle {
  background: url('/static/img/strengths/answer_mousedown_previous.png');
  background-size: 46px 46px;
}

.consest-modal-screen .single-answer.small-circle .answer-circle,
.watson-assessment-modal-screen .single-answer.small-circle .answer-circle {
  width: 46px;
  height: 46px;
  line-height: 46px;
  border-radius: 50%;
  text-align: center;
  background: url('/static/img/strengths/answer-circle.png');
  background-size: 46px 46px;
}

.consest-modal-screen .single-answer.small-circle .answer-circle:hover,
.watson-assessment-modal-screen .single-answer.small-circle .answer-circle:hover {
  background: url('/static/img/strengths/answer_hover.png');
  background-size: 46px 46px;
}

.consest-modal-screen .single-answer.small-circle .answer-circle:active,
.watson-assessment-modal-screen .single-answer.small-circle .answer-circle:active {
  background: url('/static/img/strengths/answer_mousedown.png');
  background-size: 46px 46px;
}

.consest-modal-screen .reward,
.watson-assessment-modal-screen .reward {
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  text-align: center;
}

.consest-modal-screen .reward[data-type='end'],
.watson-assessment-modal-screen .reward[data-type='end'] {
  margin: 30px 0 -30px 0;
}

.consest-modal-screen .reward-text,
.watson-assessment-modal-screen .reward-text {
  color: #81BA00;
  margin: 0;
}

.watson-assessment-modal-screen {
  height: auto;
  min-height: 650px;
}

.watson-assessment-modal-screen .text-container {
  min-height: 250px;
}

@media only screen and (max-width: 450px) {
  .watson-assessment-modal-body {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}

@media only screen and (max-width: 350px) {
  .watson-assessment-modal-body {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

html[lang=pt] .watson-assessment-modal-screen .answer-text {
  font-size: 1.15rem;
}

#watson-assessment-popover {
  position: absolute;
  width: 550px;
  border: 1px solid #d0d0d0;
  bottom: 30px;
  padding: 20px;
  word-wrap: break-word;
  background: white;
  left: 50%;
  margin-left: 550px/-2;
  z-index: 99999;
}

#watson-assessment-popover h1 {
  text-align: center;
}

#watson-assessment-popover .text-container {
  height: 200px;
  overflow-y: auto;
}

#watson-assessment-popover .life-graph {
  margin: 0 20px;
}

#watson-assessment-popover .life-graph li {
  float: left;
  width: 48%;
  margin-right: 2%;
}

#watson-assessment-popover .life-graph li .answer-text {
  text-transform: none !important;
}

#watson-assessment-popover .answer-text {
  font-size: 1.2rem;
  font-family: OpenSansBold;
  font-weight: normal;
  width: 80px;
  margin: 0 auto;
  vertical-align: middle;
  color: #777;
}

#watson-assessment-popover .multi-answer {
  overflow: hidden;
}

.consest-modal-screen .consest-modal-header:not([data-type="terms"]) {
  height: 250px;
}

.consest-modal-screen .consest-modal-header[data-type="intro"] h1 {
  font-size: 2.7rem;
  font-family: OpenSansRegular;
  display: block;
  font-weight: normal;
  text-align: left;
  color: #00aaea;
  overflow-y: auto;
  max-height: 140px;
  word-wrap: break-word;
}

.consest-modal-screen .consest-modal-header[data-type="intro"] h1.text-center {
  text-align: center;
}

.consest-modal-screen .consest-modal-header[data-type="terms"] {
  max-height: 220px;
  height: auto;
  display: block;
  padding: 30px 40px 20px 40px;
  background: transparent;
  text-align: center;
}

.consest-modal-screen .consest-modal-header[data-type="terms"] p {
  font-size: 1.8rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  display: block;
  margin: 0;
  padding: 5px 0 20px;
  color: #372f2b;
}

.consest-modal-screen .consest-modal-header[data-type="terms"] h1 {
  font-size: 2.7rem;
  font-family: OpenSansRegular;
  display: block;
  font-weight: normal;
  color: #00aaea;
  overflow-y: auto;
  max-height: 110px;
  word-wrap: break-word;
}

.consest-modal-screen .consest-modal-header[data-type="terms"] hr {
  display: block;
  margin-bottom: 20px;
}

.consest-modal-screen .consest-modal-header[data-type="confirmation"] {
  height: 170px;
  background: none !important;
}

.consest-modal-screen .consest-modal-header[data-type="confirmation"] h1 {
  font-size: 2.7rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #00aaea;
  line-height: 170px;
  display: block;
}

.consest-modal-screen .consest-modal-header[data-type="confirmation"] hr {
  display: block;
  margin-top: -7px;
}

.consest-modal-screen .consest-modal-body .text-center {
  text-align: center;
  padding: 40px 80px;
}

.consest-modal-screen .consest-modal-body[data-type="intro"] {
  padding: 20px 5px 10px 0;
}

.consest-modal-screen .consest-modal-body[data-type="intro"] button {
  margin-top: 0;
}

.consest-modal-screen .consest-modal-body[data-type="intro"] .text-container {
  min-height: 240px;
  max-height: 240px;
  padding: 0 40px;
  word-wrap: break-word;
}

.consest-modal-screen .consest-modal-body[data-type="terms"] {
  padding: 0;
}

.consest-modal-screen .consest-modal-body[data-type="terms"] .btn-link {
  margin-top: 20px;
}

.consest-modal-screen .consest-modal-body[data-type="terms"] p {
  color: #4f5556;
}

.consest-modal-screen .consest-modal-body[data-type="confirmation"] p {
  font-size: 1.8rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
  height: 146px;
  overflow-y: auto;
}

.consest-modal-screen .consest-modal-body[data-type="confirmation"] .buttons button {
  margin-top: 22px;
}

.consest-modal-screen .consest-modal-body[data-type="confirmation"] .buttons button.js-decline-confirmation {
  background: #ebebeb;
  -webkit-box-shadow: 0 2px 0 #9d9d9d;
  box-shadow: 0 2px 0 #9d9d9d;
  color: #5a5a56 !important;
}

.consest-modal-screen .consest-modal-body .text-container {
  line-height: 20px;
}

.consest-modal-screen .consest-modal-body .text-container ol {
  list-style-type: decimal;
  list-style-position: inside;
}

.consest-modal-screen .consest-modal-body .text-container p,
.consest-modal-screen .consest-modal-body .text-container ol,
.consest-modal-screen .consest-modal-body .text-container li {
  line-height: 20px;
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  text-align: left;
  color: #4f5556;
}

.consest-modal-screen .text-container {
  min-height: 270px;
  max-height: 270px;
  margin: 0 5px 20px 0;
  padding: 0 30px 20px;
  overflow-y: auto;
  word-wrap: break-word;
}

.consest-modal-screen .prize-banner {
  font-size: 1.3rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  position: absolute;
  top: 30px;
  right: -70px;
  width: 250px;
  padding: 10px;
  background: #ff7a00;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  text-align: center;
  color: white;
}

.consest-modal-screen .prize-banner.circle {
  width: 150px;
  height: 150px;
  top: 50px;
  right: 70px;
  -webkit-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  transform: rotate(15deg);
  border-radius: 150px;
}

.consest-modal-screen .prize-banner.circle:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

.consest-modal-screen .prize-banner span {
  vertical-align: middle;
  display: inline-block;
  max-width: 110px;
  max-height: 110px;
  overflow: hidden;
}

.consest-modal-screen .button {
  font-size: 1.8rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  width: 300px;
  height: 65px;
}

.consest-modal-screen .btn-link {
  font-size: 1.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  position: relative;
  display: block;
  margin: 10px auto !important;
  width: 100px;
  text-decoration: underline !important;
  text-align: center;
  color: #777;
  z-index: 1;
  padding: 0;
  background: none;
  line-height: normal;
  height: auto;
}

html[data-wcag-enabled=true] .consest-modal-screen .btn-link {
  color: black;
}

#watson-assessment-intro .section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

#watson-assessment-intro .section:first-child {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: url('/static/img/assessment/bg_image_skills.png?v=2.0') no-repeat #f7f9fa;
  background-size: cover;
  min-height: 300px;
  border-bottom: 2px solid #D2D1CE;
  padding: 5%;
}

#watson-assessment-intro .section:nth-child(2) {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 100%;
}

#watson-assessment-intro .section .text-container {
  min-height: auto;
}

#watson-assessment-intro .section .text-container h2 {
  font-size: 3.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #00aaea;
}

#watson-assessment-intro .section p {
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  text-align: center;
  margin: 7% 0;
  line-height: normal;
  -ms-flex-preferred-size: 70%;
  flex-basis: 70%;
}

#watson-assessment-intro.phq9-gad7 .text-container {
  width: 55%;
}

#watson-assessment-intro.phq9-gad7 .image-container {
  text-align: center;
  width: 42%;
}

#watson-assessment-intro.phq9-gad7 .image-container svg {
  width: 216px;
}

#watson-assessment-intro.happiness-assessment .text-container {
  width: 53%;
}

#watson-assessment-intro.happiness-assessment .image-container {
  position: relative;
  width: 45%;
}

#watson-assessment-intro.happiness-assessment .image-container .base-graph {
  opacity: 0.5;
  padding: 0;
}

#watson-assessment-intro.happiness-assessment .image-container .index-graph {
  top: 0;
  right: 0;
  position: absolute;
  width: 100%;
}

#portal_dashboard .sub {
  color: #777;
  font-size: 15px;
  display: inline-block;
  max-width: 75%;
}

#portal_dashboard .download-reports {
  float: right;
  height: 33px;
  line-height: 31px;
  padding: 0 12px;
  margin-top: -4px;
  text-transform: uppercase;
  font-size: 1.1rem;
  font-family: OpenSansBold;
  font-weight: normal;
  letter-spacing: 0.25px;
  position: relative;
}

#portal_dashboard .download-reports .icon {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #8e8e8c;
  float: right;
  margin-top: 14px;
  margin-left: 10px;
}

#portal_dashboard .download-reports .content {
  position: absolute;
  display: none;
  border: 1px solid #dddcda;
  border-radius: 5px;
  background: #fefefe;
  padding: 3px 1px;
  right: 0;
  top: 42px;
  z-index: 99999;
  text-transform: none;
}

#portal_dashboard .download-reports .content .item {
  display: block;
  height: 28px;
  white-space: nowrap;
  background: white;
  cursor: pointer;
  padding: 0 10px;
  line-height: 28px;
  font-size: 1.1rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  color: #2f2723;
}

#portal_dashboard .download-reports .content .item:hover {
  background: #efefef;
}

#portal_dashboard .download-reports .content .item:nth-child(odd) {
  background: #f8f8f8;
}

#portal_dashboard .download-reports .content .item:nth-child(odd):hover {
  background: #ededed;
}

#portal_dashboard .download-reports .content:before {
  content: '';
  display: block;
  position: absolute;
  right: 30px;
  bottom: 100%;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-bottom-color: #dddcda;
}

#portal_dashboard .download-reports .content:after {
  content: '';
  display: block;
  position: absolute;
  right: 31px;
  bottom: 100%;
  width: 0;
  height: 0;
  border: 9px solid transparent;
  border-bottom-color: #fefefe;
}

#portal_dashboard .download-reports.open .icon {
  border-top: none;
  border-bottom: 5px solid #8e8e8c;
  margin-top: 13px;
}

#portal_dashboard .download-reports.open .content {
  display: block;
}

#portal_dashboard .download-csv {
  float: right;
  color: #777;
  font-size: 16px;
  text-decoration: none;
}

#portal_dashboard .download-csv span {
  border-bottom: 1px solid;
}

#portal_dashboard .download-csv span.icon {
  padding: 0 5px;
}

#portal_dashboard .title_main_block {
  position: relative;
}

#portal_dashboard .title_main_block .title_main {
  color: #ff7a00;
  font-size: 21px;
}

#portal_dashboard .title_main_block .title_description {
  font-size: 18px;
}

#portal_dashboard .title_main_block .title_description a {
  color: #ff7a00;
  text-decoration: none;
}

a#portal_dashboard .title_main_block .title_descriptionhover {
  text-decoration: underline;
}

#portal_dashboard .content-container {
  min-height: 580px;
}

#portal_dashboard .content-container .reports-error {
  background: #FF0000;
  color: #fff;
  width: 882px;
  height: 40px;
  line-height: 40px;
  border-radius: 5px;
  background-clip: padding-box;
  margin-bottom: 30px;
}

#portal_dashboard .content-container .reports-error .close {
  margin: 4px 15px 0;
  display: inline-block;
  vertical-align: top;
}

#portal_dashboard .content-container .reports-error span {
  vertical-align: middle;
  display: inline-block;
  line-height: normal;
  font-size: 1.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  max-width: 824px;
}

#portal_dashboard .content-container .no-data-banner {
  width: 884px;
  background: #00aaea;
  border-radius: 5px;
  margin-top: 12px;
  padding: 9px 14px;
}

#portal_dashboard .content-container .no-data-banner .close {
  width: 12px;
  height: 12px;
  background: url(/static/img/portal/no_data_banner_cross.png) no-repeat;
  background-size: 12px 12px;
  display: inline-block;
  margin-right: 12px;
  cursor: pointer;
}

#portal_dashboard .content-container .no-data-banner span {
  font-size: 1.5rem;
  font-family: OpenSansLight;
  font-weight: normal;
  color: #ffffff;
}

#portal_dashboard .content-container .no-data-banner span.title {
  font-size: 1.7rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#portal_dashboard .content-container .no-data-banner span.strong {
  font-size: 1.5rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#portal_dashboard #portal_happiness_index ul.line-selection li:nth-child(2),
#portal_dashboard #portal_happiness_index ul.line-selection li:nth-child(3) {
  display: none;
}

#portal_dashboard #portal_happiness_index ul.line-selection.visible li:nth-child(2),
#portal_dashboard #portal_happiness_index ul.line-selection.visible li:nth-child(3) {
  display: block;
}

#portal_activity_levels {
  position: relative;
}

#portal_activity_levels #svgUserEngagement rect {
  pointer-events: none;
}

#portal_activity_levels .chart-tooltip {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 1px;
  height: 15px;
}

#portal_activity_levels .tooltip {
  background: #ffffff;
  border: solid 1px #ddd;
  display: none;
  position: absolute;
  top: -18px;
  left: 18px;
  min-width: 215px;
  padding: 15px;
  text-align: left;
  border-radius: 4px;
}

#portal_activity_levels .tooltip::after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  width: 25px;
  height: 25px;
  content: '';
  border-bottom: solid 1px #ddd;
  border-right: solid 1px #ddd;
  border-radius: 0;
  left: 90px;
  bottom: -14px;
  background: #ffffff;
}

#portal_activity_levels .tooltip h3 {
  margin: 0 0 4px 0;
  color: #ff7a00;
  font-size: 1.5rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
}

#portal_activity_levels .tooltip p {
  font-size: 1.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
  margin: 0;
  line-height: 1.8;
}

#portal_activity_levels .portal_chart .head img {
  float: left;
  margin-right: 30px;
}

#portal_activity_levels .portal_chart .head .title {
  font-family: OpenSansRegular;
  color: #ff7a00;
  font-size: 22px;
}

#portal_activity_levels .portal_chart .head .message {
  font-family: OpenSansLight;
  color: #777;
  font-size: 14px;
}

#portal_activity_levels .portal_chart .chart {
  width: 880px;
  height: 560px;
  position: relative;
  margin: 40px auto;
}

#portal_activity_levels .portal_chart .chart.user-engagement {
  height: 480px;
}

#portal_activity_levels .portal_chart .chart.user-engagement .axisTitleY {
  left: -70px;
  top: 40%;
}

#portal_activity_levels .portal_chart .chart .arrow-left {
  background: url('/static/img/stats/arrow_left.png') no-repeat;
  background-size: 14px 24px;
  left: -35px;
}

#portal_activity_levels .portal_chart .chart .arrow-right {
  background: url('/static/img/stats/arrow_right.png') no-repeat;
  background-size: 14px 24px;
  right: -35px;
}

#portal_activity_levels .portal_chart .chart .arrow-left,
#portal_activity_levels .portal_chart .chart .arrow-right {
  height: 24px;
  margin-top: -12px;
  line-height: 30px;
  text-align: center;
  width: 14px;
  position: absolute;
  top: 50%;
  cursor: pointer;
}

#portal_activity_levels .portal_chart .chart .axisTitleY {
  font-family: OpenSansLight;
  font-size: 13px;
  color: #ff7a00;
  position: absolute;
  top: 50%;
  margin-top: -9px;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

#portal_activity_levels .portal_chart .chart .chart-inner {
  position: absolute;
  top: 0;
  left: 100px;
  width: 780px;
  overflow: hidden;
}

#portal_activity_levels .portal_chart .chart .chart-inner svg.chart-layer {
  padding: 30px 0;
  -webkit-transition: margin-left 0.5s ease-in-out;
  transition: margin-left 0.5s ease-in-out;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

#portal_activity_levels .portal_chart .chart .chart-inner svg.chart-layer.in-motion {
  -webkit-transition: margin-left 0.5s ease-out;
  transition: margin-left 0.5s ease-out;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

#portal_activity_levels .portal_chart .chart .axisY {
  font-family: OpenSansLight;
  color: #777;
  font-size: 13px;
  position: absolute;
  left: 60px;
}

#portal_activity_levels .portal_chart .chart .axisY div + div {
  margin-top: 22px;
}

#portal_activity_levels .portal_chart .chart .grid {
  position: absolute;
  left: 100px;
  width: 780px;
  top: 2px;
}

#portal_activity_levels .portal_chart .chart .grid hr {
  border: none;
  background: url("/static/img/portal/dot.png");
  height: 3px;
}

#portal_activity_levels .portal_chart .chart .grid hr + hr {
  margin-top: 37px;
}

#portal_activity_levels .portal_chart .chart .chart-background {
  position: absolute;
  padding: 30px 0;
}

#portal_activity_levels .active-users,
#portal_activity_levels .user-engagement {
  position: relative;
}

#portal_activity_levels .hr-between-charts {
  margin-bottom: 40px;
}

#portal_activity_levels .bold {
  font-family: OpenSansSemibold;
  color: #ff7a00;
}

#portal_activity_levels .head img {
  float: left;
  margin-right: 30px;
}

#portal_activity_levels .head .title {
  font-family: OpenSansRegular;
  color: #ff7a00;
  font-size: 22px;
}

#portal_activity_levels .head .message {
  font-family: OpenSansLight;
  color: #777;
  font-size: 14px;
}

#portal_activity_levels .chart {
  width: 880px;
  height: 560px;
  position: relative;
  margin: 40px auto;
}

#portal_activity_levels .chart.user-engagement {
  height: 480px;
}

#portal_activity_levels .chart.user-engagement .axisTitleY {
  left: -70px;
  top: 40%;
}

#portal_activity_levels .chart .arrow-left {
  background: url('/static/img/stats/arrow_left.png') no-repeat;
  background-size: 14px 24px;
  left: -35px;
}

#portal_activity_levels .chart .arrow-right {
  background: url('/static/img/stats/arrow_right.png') no-repeat;
  background-size: 14px 24px;
  right: -35px;
}

#portal_activity_levels .chart .arrow-left,
#portal_activity_levels .chart .arrow-right {
  height: 24px;
  margin-top: -12px;
  line-height: 30px;
  text-align: center;
  width: 14px;
  position: absolute;
  top: 50%;
  cursor: pointer;
}

#portal_activity_levels .chart .axisTitleY {
  font-family: OpenSansLight;
  font-size: 13px;
  color: #ff7a00;
  position: absolute;
  top: 50%;
  margin-top: -9px;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

#portal_activity_levels .chart .chart-inner {
  position: absolute;
  top: 0;
  left: 100px;
  width: 780px;
  overflow: hidden;
}

#portal_activity_levels .chart .chart-inner svg.chart-layer {
  padding: 30px 0;
  -webkit-transition: margin-left 0.5s ease-in-out;
  transition: margin-left 0.5s ease-in-out;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

#portal_activity_levels .chart .chart-inner svg.chart-layer.in-motion {
  -webkit-transition: margin-left 0.5s ease-out;
  transition: margin-left 0.5s ease-out;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

#portal_activity_levels .chart .axisY {
  font-family: OpenSansLight;
  color: #777;
  font-size: 13px;
  position: absolute;
  left: 60px;
}

#portal_activity_levels .chart .axisY div + div {
  margin-top: 22px;
}

#portal_activity_levels .chart .grid {
  position: absolute;
  left: 100px;
  width: 780px;
  top: 2px;
}

#portal_activity_levels .chart .grid hr {
  border: none;
  background: url("/static/img/portal/dot.png");
  height: 3px;
}

#portal_activity_levels .chart .grid hr + hr {
  margin-top: 37px;
}

#portal_activity_levels .chart .chart-background {
  position: absolute;
  padding: 30px 0;
}

#portal_activity_levels .chart .chart-background {
  padding: 30px 0 0 0;
}

#portal_activity_levels .chart.user-engagement .chart-inner svg.chart-layer {
  padding: 30px 0 0 0;
}

#portal_activity_levels .footer {
  border: 1px solid #e9e9e9;
  border-radius: 5px;
  text-align: center;
  padding: 40px;
}

#portal_activity_levels .footer .top {
  font-family: OpenSansRegular;
  font-size: 18px;
  color: #ff7a00;
  margin-bottom: 7px;
}

#portal_activity_levels .footer .middle,
#portal_activity_levels .footer .bottom {
  font-family: OpenSansLight;
  color: #777;
  font-size: 14px;
  margin-top: 5px;
}

#portal_activity_levels .footer .middle .bold,
#portal_activity_levels .footer .bottom .bold {
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #777;
}

#portal_activity_levels ul.line-selection {
  position: absolute;
  top: 0;
  right: 0;
}

#portal_activity_levels ul.line-selection li {
  text-align: right;
  font-size: 12px;
  line-height: 26px;
  font-family: OpenSansSemibold;
}

#portal_activity_levels ul.line-selection li input {
  display: none;
}

#portal_activity_levels ul.line-selection li label .checkbox {
  background: url('/static/img/stats/dot_empty.png');
  background-size: 14px 14px;
  background-repeat: no-repeat;
}

#portal_activity_levels ul.line-selection li label {
  opacity: 0.5;
}

#portal_activity_levels ul.line-selection li #overall-active-users:checked + label,
#portal_activity_levels ul.line-selection li #overall-content-views:checked + label {
  opacity: 1;
}

#portal_activity_levels ul.line-selection li #overall-active-users:checked + label .checkbox,
#portal_activity_levels ul.line-selection li #overall-content-views:checked + label .checkbox {
  background: url('/static/img/stats/dot_orange.png');
  background-size: 14px 14px;
  background-repeat: no-repeat;
}

#portal_activity_levels ul.line-selection li #overall-active-users + label,
#portal_activity_levels ul.line-selection li #overall-content-views + label {
  color: #ff7a00;
}

#portal_activity_levels ul.line-selection li #overall-signups:checked + label,
#portal_activity_levels ul.line-selection li #overall-social-activities:checked + label {
  opacity: 1;
}

#portal_activity_levels ul.line-selection li #overall-signups:checked + label .checkbox,
#portal_activity_levels ul.line-selection li #overall-social-activities:checked + label .checkbox {
  background: url('/static/img/stats/dot_blue.png');
  background-size: 14px 14px;
  background-repeat: no-repeat;
}

#portal_activity_levels ul.line-selection li #overall-signups + label,
#portal_activity_levels ul.line-selection li #overall-social-activities + label {
  color: #00aaea;
}

#portal_activity_levels ul.line-selection li #overall-completed-activities:checked + label {
  opacity: 1;
}

#portal_activity_levels ul.line-selection li #overall-completed-activities:checked + label .checkbox {
  background: url('/static/img/stats/dot_green.png');
  background-size: 14px 14px;
  background-repeat: no-repeat;
}

#portal_activity_levels ul.line-selection li #overall-completed-activities + label {
  color: #c5168a;
}

#portal_activity_levels ul.line-selection li label span.checkbox {
  margin-left: 10px;
  display: inline-block;
  width: 15px;
  height: 15px;
  cursor: pointer;
  vertical-align: middle;
}

#portal_work_assessment {
  position: relative;
  margin-left: 65px;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
}

#portal_work_assessment .title_main_block {
  position: relative;
  margin-bottom: 70px;
  margin-left: 53px;
}

#portal_work_assessment .title_main_block .title_icon {
  position: absolute;
  width: 37px;
  height: 55px;
  top: 0;
  left: -50px;
  background: url(/static/img/portal/icon_lamp.png);
}

#portal_work_assessment ul.was_items {
  display: none;
}

#portal_work_assessment ul.was_items li {
  list-style-type: none;
  margin-bottom: 50px;
}

#portal_work_assessment ul.was_items li .title {
  margin-left: 10px;
  font-size: 22px;
  font-weight: bold;
  font-family: OpenSansLight;
  color: #777;
}

#portal_work_assessment ul.was_items li .graph {
  position: relative;
  top: 0;
  left: 0;
  padding-left: 60px;
}

#portal_work_assessment ul.was_items li .graph .main_graph {
  position: absolute;
  width: 219px;
  height: 110px;
  left: 240px;
  top: 25px;
  background: url(/static/img/portal/img_chart.png);
}

#portal_work_assessment ul.was_items li .graph .graph_item {
  position: absolute;
  width: 235px;
  height: 55px;
}

#portal_work_assessment ul.was_items li .graph .graph_item.num_1 {
  bottom: 0;
  left: 0;
}

#portal_work_assessment ul.was_items li .graph .graph_item.num_1 .item_percents {
  background-color: #ff6d00;
  left: 0;
}

#portal_work_assessment ul.was_items li .graph .graph_item.num_1 .item_name {
  text-align: left;
}

#portal_work_assessment ul.was_items li .graph .graph_item.num_1 .item_underline {
  background-image: url('/static/img/portal/line_1.png');
  width: 236px;
  height: 3px;
  left: 0;
}

#portal_work_assessment ul.was_items li .graph .graph_item.num_2 {
  top: 0;
  left: 0;
}

#portal_work_assessment ul.was_items li .graph .graph_item.num_2 .item_percents {
  background-color: #f0b900;
  left: 0;
}

#portal_work_assessment ul.was_items li .graph .graph_item.num_2 .item_name {
  text-align: left;
}

#portal_work_assessment ul.was_items li .graph .graph_item.num_2 .item_underline {
  background-image: url('/static/img/portal/line_2.png');
  width: 262px;
  height: 31px;
  left: 0;
}

#portal_work_assessment ul.was_items li .graph .graph_item.num_3 {
  top: 0;
  right: 0;
}

#portal_work_assessment ul.was_items li .graph .graph_item.num_3 .item_percents {
  background-color: #06b708;
  right: 0;
}

#portal_work_assessment ul.was_items li .graph .graph_item.num_3 .item_name {
  text-align: right;
}

#portal_work_assessment ul.was_items li .graph .graph_item.num_3 .item_underline {
  background-image: url('/static/img/portal/line_3.png');
  width: 262px;
  height: 31px;
  right: 0;
}

#portal_work_assessment ul.was_items li .graph .graph_item.num_4 {
  bottom: 0;
  right: 0;
}

#portal_work_assessment ul.was_items li .graph .graph_item.num_4 .item_percents {
  background-color: #00aaea;
  right: 0;
}

#portal_work_assessment ul.was_items li .graph .graph_item.num_4 .item_name {
  text-align: right;
}

#portal_work_assessment ul.was_items li .graph .graph_item.num_4 .item_name.small {
  right: 0;
  width: 160px;
}

#portal_work_assessment ul.was_items li .graph .graph_item.num_4 .item_underline {
  background-image: url('/static/img/portal/line_1.png');
  width: 236px;
  height: 3px;
  right: 0;
}

#portal_work_assessment ul.was_items li .graph .graph_item .item_underline {
  position: absolute;
  top: 22px;
}

#portal_work_assessment ul.was_items li .graph .graph_item .item_name {
  position: absolute;
  bottom: 33px;
  font-size: 16px;
}

#portal_work_assessment ul.was_items li .graph .graph_item .item_percents {
  position: absolute;
  color: #ffffff;
  width: 40px;
  height: 25px;
  border-radius: 3px;
  bottom: 0;
  text-align: center;
  line-height: 25px;
  font-size: 13px;
}

#portal_happiness_index {
  position: relative;
  margin-left: 90px;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
}

#portal_happiness_index .chart-tooltip {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 1px;
  height: 15px;
}

#portal_happiness_index .tooltip {
  background: #ffffff;
  border: solid 1px #ddd;
  display: none;
  position: absolute;
  top: -18px;
  left: 18px;
  min-width: 215px;
  padding: 15px 20px;
  text-align: left;
  border-radius: 4px;
}

#portal_happiness_index .tooltip::after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  width: 25px;
  height: 25px;
  content: '';
  border-bottom: solid 1px #ddd;
  border-left: solid 1px #ddd;
  border-radius: 0 100% 0 0;
  left: -13.5px;
  top: 15px;
  background: #ffffff;
}

#portal_happiness_index .tooltip h3 {
  margin: 0 0 4px 0;
  color: #ff7a00;
  font-size: 1.5rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
}

#portal_happiness_index .tooltip p {
  font-size: 1.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
  margin: 0;
  line-height: 1.8;
  font-style: normal;
}

#portal_happiness_index .title_main_block {
  position: relative;
}

#portal_happiness_index .title_main_block .title_icon_hi {
  position: absolute;
  width: 67px;
  height: 64px;
  top: -6px;
  left: -78px;
  background: url(/static/img/portal/icon_smiles.png);
}

#portal_happiness_index .title_main_block .title_sub {
  color: #777;
  font-size: 15px;
}

#portal_happiness_index .hi_charts_block {
  position: relative;
  left: -90px;
  width: 950px;
  height: 448px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#portal_happiness_index .hi_charts_block .chart_arrow {
  position: absolute;
  cursor: pointer;
  width: 13px;
  height: 22px;
  top: 213px;
}

#portal_happiness_index .hi_charts_block .chart_arrow.left {
  left: 25px;
  background: url(/static/img/portal/arrow_left.png) no-repeat;
}

#portal_happiness_index .hi_charts_block .chart_arrow.right {
  right: 25px;
  background: url(/static/img/portal/arrow_right.png) no-repeat;
}

#portal_happiness_index .hi_chart {
  position: relative;
  overflow: hidden;
  margin: auto;
  width: 800px;
  height: 448px;
  display: none;
}

#portal_happiness_index .hi_chart.show {
  display: block;
}

#portal_happiness_index .hi_chart .chart_bar {
  position: absolute;
  left: 0;
  top: 0;
  width: 80px;
  height: 448px;
}

#portal_happiness_index .hi_chart .chart_slide {
  position: absolute;
  top: 0;
  left: 0;
}

#portal_happiness_index .hi_chart .chart_slide.withbar {
  left: 80px;
}

#portal_happiness_index .hi_chart img.chart {
  position: absolute;
  top: 0;
  left: 0;
}

#portal_happiness_index .hi_chart.week .chart_slide {
  width: 5062px;
  height: 448px;
}

#portal_happiness_index .hi_chart.week img.chart {
  width: 5062px;
  height: 448px;
}

#portal_happiness_index .hi_chart.month .chart_slide {
  width: 1186px;
  height: 448px;
}

#portal_happiness_index .hi_chart.month img.chart {
  width: 1186px;
  height: 448px;
}

#portal_happiness_index ul.line-selection {
  position: absolute;
  top: 0;
  right: 0;
}

#portal_happiness_index ul.line-selection li {
  text-align: right;
  font-size: 13px;
  line-height: 26px;
  font-family: OpenSansSemibold;
  text-transform: capitalize;
}

#portal_happiness_index ul.line-selection li input {
  display: none;
}

#portal_happiness_index ul.line-selection li label .checkbox {
  background: url('/static/img/stats/dot_empty.png');
  background-size: 14px 14px;
  background-repeat: no-repeat;
}

#portal_happiness_index ul.line-selection li label .text {
  opacity: 0.5;
}

#portal_happiness_index ul.line-selection li label .question {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url(/static/img/stats/question_mark_1.png) no-repeat;
  background-size: 14px 14px;
  vertical-align: middle;
  cursor: pointer;
  margin-left: 10px;
  opacity: 0.5;
}

#portal_happiness_index ul.line-selection li label .question:hover {
  opacity: 1;
}

#portal_happiness_index ul.line-selection li label .question_tooltip {
  display: inline-block;
  text-transform: none;
  width: 1px;
  height: 15px;
  position: relative;
}

#portal_happiness_index ul.line-selection li label .question:hover + .question_tooltip .tooltip {
  display: block;
}

#portal_happiness_index ul.line-selection li #overall-happiness:checked + label .text {
  opacity: 1;
}

#portal_happiness_index ul.line-selection li #overall-happiness:checked + label .checkbox {
  background: url('/static/img/stats/dot_orange.png');
  background-size: 14px 14px;
  background-repeat: no-repeat;
}

#portal_happiness_index ul.line-selection li #overall-happiness + label {
  color: #ff7a00;
}

#portal_happiness_index ul.line-selection li #positive-emotion:checked + label .text {
  opacity: 1;
}

#portal_happiness_index ul.line-selection li #positive-emotion:checked + label .checkbox {
  background: url('/static/img/stats/dot_green.png');
  background-size: 14px 14px;
  background-repeat: no-repeat;
}

#portal_happiness_index ul.line-selection li #positive-emotion + label {
  color: #06b709;
}

#portal_happiness_index ul.line-selection li #life-satisfaction:checked + label .text {
  opacity: 1;
}

#portal_happiness_index ul.line-selection li #life-satisfaction:checked + label .checkbox {
  background: url('/static/img/stats/dot_blue.png');
  background-size: 14px 14px;
  background-repeat: no-repeat;
}

#portal_happiness_index ul.line-selection li #life-satisfaction + label {
  color: #00aaea;
}

#portal_happiness_index ul.line-selection li label span.checkbox {
  margin-left: 10px;
  display: inline-block;
  width: 15px;
  height: 15px;
  cursor: pointer;
  vertical-align: middle;
}

#portal_features .preferences .item,
#portal_track_catalog .preferences .item {
  margin: 25px 0;
}

#portal_features .preferences .item .description,
#portal_track_catalog .preferences .item .description {
  color: #777;
  font-size: 1.8rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  line-height: 35px;
  display: inline-block;
  width: 215px;
  text-align: right;
}

#portal_features .preferences .item .tip-container,
#portal_track_catalog .preferences .item .tip-container {
  width: 15px;
  height: 15px;
  display: inline-block;
  cursor: pointer;
  position: relative;
  text-align: center;
  top: 2px;
  left: 25px;
  background: url('/static/img/stats/question_mark_2.png') no-repeat transparent;
  background-size: 14px 14px;
  z-index: 1;
}

#portal_features .preferences .item .tip-container .tip,
#portal_track_catalog .preferences .item .tip-container .tip {
  display: none;
  position: absolute;
  background: #fff;
  padding: 20px 15px;
  z-index: 9;
  -webkit-box-shadow: 0 0 15px rgba(50, 50, 50, 0.25);
  box-shadow: 0 0 15px rgba(50, 50, 50, 0.25);
  border-radius: 6px;
  background-clip: padding-box;
  border: 2px solid #e6e6e6;
  text-align: left;
  width: 245px;
  top: -21px;
  left: 40px;
  cursor: default;
}

#portal_features .preferences .item .tip-container .tip h3,
#portal_track_catalog .preferences .item .tip-container .tip h3 {
  color: #ff7a00;
  font-size: 16px;
  font-family: OpenSansRegular;
  font-weight: bold;
  margin: 0 0 7px;
}

#portal_features .preferences .item .tip-container .tip span,
#portal_track_catalog .preferences .item .tip-container .tip span {
  font-size: 13px;
  font-family: OpenSansRegular;
  color: #777;
  line-height: 22px;
}

#portal_features .preferences .item .tip-container .tip:after,
#portal_track_catalog .preferences .item .tip-container .tip:after {
  top: 25px;
  left: -32px;
  right: auto;
  margin-top: -16px;
  border-width: 17px;
  border-color: transparent rgba(0, 0, 0, 0.06) transparent transparent;
  border-style: solid;
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  z-index: 1;
}

#portal_features .preferences .item .tip-container .tip:before,
#portal_track_catalog .preferences .item .tip-container .tip:before {
  margin-left: -15px;
  z-index: 2;
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 15px;
  width: 0;
  height: 0;
  top: 25px;
  left: -13px;
  right: auto;
  margin-top: -15px;
  border-color: transparent #FFF transparent transparent;
}

#portal_features .preferences .item .tip-container:hover,
#portal_track_catalog .preferences .item .tip-container:hover {
  background: url('/static/img/stats/question_mark_1.png') no-repeat transparent;
  background-size: 14px 14px;
}

#portal_features .preferences .item .tip-container:hover .tip,
#portal_track_catalog .preferences .item .tip-container:hover .tip {
  display: block;
}

#portal_features .preferences .item .trigger,
#portal_track_catalog .preferences .item .trigger {
  margin-left: 0;
  position: relative;
  left: 75px;
}

#portal_features .checkbox-keep,
#portal_track_catalog .checkbox-keep {
  width: 25px;
  display: inline-block;
  margin-left: 110px;
  position: absolute;
  margin-top: 8px;
}

#portal_features .checkbox-keep label,
#portal_track_catalog .checkbox-keep label {
  cursor: pointer;
  position: absolute;
  width: 19px;
  height: 19px;
  top: 0;
  left: 0;
  background: transparent;
  border: 1px solid #ddd;
  border-radius: 3px;
}

#portal_features .checkbox-keep label:after,
#portal_track_catalog .checkbox-keep label:after {
  opacity: 0.2;
  content: '';
  position: absolute;
  width: 8px;
  height: 4px;
  background: transparent;
  top: 4px;
  left: 4px;
  border: 2px solid #FFFFFF;
  border-top: none;
  border-right: none;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#portal_features .checkbox-keep label:hover::after,
#portal_track_catalog .checkbox-keep label:hover::after {
  opacity: 0.5;
}

#portal_features .checkbox-keep label span,
#portal_track_catalog .checkbox-keep label span {
  margin-left: 35px;
  line-height: 18px;
  white-space: nowrap;
}

#portal_features .checkbox-keep input[type=checkbox],
#portal_track_catalog .checkbox-keep input[type=checkbox] {
  visibility: hidden;
}

#portal_features .checkbox-keep input[type=checkbox]:checked + label,
#portal_track_catalog .checkbox-keep input[type=checkbox]:checked + label {
  background: #00aaea;
}

#portal_features .checkbox-keep input[type=checkbox]:checked + label:after,
#portal_track_catalog .checkbox-keep input[type=checkbox]:checked + label:after {
  opacity: 1;
}

#portal_resources .selector input {
  padding: 10px 20px;
  width: 600px;
  height: 40px;
  margin-right: 13px;
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
}

#portal_resources .selector label {
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
  margin-right: 5px;
}

#portal_resource_card {
  display: inline-block;
  vertical-align: top;
  width: 300px;
  margin-right: 15px;
  height: 380px;
  padding: 10px;
  position: relative;
  cursor: pointer;
}

#portal_resource_card .image {
  width: 280px;
  height: 220px;
}

#portal_resource_card .name {
  margin: 10px 0;
  color: #ff7a00;
  font-size: 1.6rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
}

#portal_resource_card .description {
  font-size: 1.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  line-height: 16px;
  max-height: 48px;
  margin-bottom: 10px;
  color: #777;
  overflow: hidden;
}

#portal_resource_card .type {
  font-size: 1.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
}

#portal_resource_card .download {
  position: absolute;
  bottom: 10px;
  right: 20px;
  font-size: 1.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
}

#portal_resource_card .download span {
  margin-right: 1px;
}

#portal_resource_card .download span.downl_img {
  margin-left: 3px;
  margin-right: 0;
}

#portal_resource_card:nth-child(3n) {
  margin-right: 0;
}

#portal_resource_card a,
#portal_resource_card a:focus,
#portal_resource_card a:visited,
#portal_resource_card a:hover {
  text-decoration: none;
  outline: 0;
}

#portal_user_add_update,
#portal_user_add_update_upload,
#portal_user_add_update_auto_upload {
  margin-top: -60px;
  /* --------------------------------------------------------------------------------------------------------------- */
}

#portal_user_add_update .line,
#portal_user_add_update_upload .line,
#portal_user_add_update_auto_upload .line {
  border-bottom: 1px solid #d7d7d2;
  position: absolute;
  width: 1020px;
  left: 1px;
}

#portal_user_add_update .top-section .filtration input[type="text"],
#portal_user_add_update_upload .top-section .filtration input[type="text"],
#portal_user_add_update_auto_upload .top-section .filtration input[type="text"] {
  width: 550px;
  height: 50px;
  border: 1px #d7d7d2 solid;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 5px 0 0 5px;
  margin-bottom: 12px;
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
  padding: 0 40px 0 15px;
}

#portal_user_add_update .top-section .filtration .filter-by,
#portal_user_add_update_upload .top-section .filtration .filter-by,
#portal_user_add_update_auto_upload .top-section .filtration .filter-by {
  margin-bottom: 28px;
}

#portal_user_add_update .top-section .filtration .filter-by .label,
#portal_user_add_update_upload .top-section .filtration .filter-by .label,
#portal_user_add_update_auto_upload .top-section .filtration .filter-by .label {
  font-size: 1.5rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  vertical-align: middle;
  margin-right: 20px;
}

#portal_user_add_update .top-section .filtration .filter-by .item,
#portal_user_add_update_upload .top-section .filtration .filter-by .item,
#portal_user_add_update_auto_upload .top-section .filtration .filter-by .item {
  display: inline-block;
  text-decoration: none;
}

#portal_user_add_update .top-section .filtration .filter-by .item .checkbox,
#portal_user_add_update_upload .top-section .filtration .filter-by .item .checkbox,
#portal_user_add_update_auto_upload .top-section .filtration .filter-by .item .checkbox {
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid #d7d7d2;
  border-radius: 3px;
  margin-right: 5px;
  vertical-align: middle;
}

#portal_user_add_update .top-section .filtration .filter-by .item .checkbox-label,
#portal_user_add_update_upload .top-section .filtration .filter-by .item .checkbox-label,
#portal_user_add_update_auto_upload .top-section .filtration .filter-by .item .checkbox-label {
  font-size: 1.5rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  vertical-align: middle;
  text-decoration: none;
  color: #777;
}

#portal_user_add_update .top-section .filtration .filter-by .item.checked .checkbox,
#portal_user_add_update_upload .top-section .filtration .filter-by .item.checked .checkbox,
#portal_user_add_update_auto_upload .top-section .filtration .filter-by .item.checked .checkbox {
  background: url("/static/img/check_icon.png") no-repeat center;
}

#portal_user_add_update .top-section .filtration .filter-by .item + .item,
#portal_user_add_update_upload .top-section .filtration .filter-by .item + .item,
#portal_user_add_update_auto_upload .top-section .filtration .filter-by .item + .item {
  margin-left: 30px;
}

#portal_user_add_update .top-section .filtration .dropdown-wrapper,
#portal_user_add_update_upload .top-section .filtration .dropdown-wrapper,
#portal_user_add_update_auto_upload .top-section .filtration .dropdown-wrapper {
  display: inline;
}

#portal_user_add_update .top-section .filtration .dropdown-wrapper .dropdown .dropdown-btn,
#portal_user_add_update_upload .top-section .filtration .dropdown-wrapper .dropdown .dropdown-btn,
#portal_user_add_update_auto_upload .top-section .filtration .dropdown-wrapper .dropdown .dropdown-btn {
  border-left: 0;
  border-radius: 0 5px 5px 0;
  height: 50px;
  padding: 14px;
}

#portal_user_add_update .top-section .filtration .dropdown-wrapper .dropdown .dropdown-btn .label,
#portal_user_add_update_upload .top-section .filtration .dropdown-wrapper .dropdown .dropdown-btn .label,
#portal_user_add_update_auto_upload .top-section .filtration .dropdown-wrapper .dropdown .dropdown-btn .label {
  font-family: OpenSansSemibold;
}

#portal_user_add_update .top-section .filtration.no-filters,
#portal_user_add_update_upload .top-section .filtration.no-filters,
#portal_user_add_update_auto_upload .top-section .filtration.no-filters {
  margin-bottom: 47px;
}

#portal_user_add_update .top-section .add-user-btn,
#portal_user_add_update_upload .top-section .add-user-btn,
#portal_user_add_update_auto_upload .top-section .add-user-btn {
  width: 105px;
  height: 45px;
  text-align: center;
  line-height: 45px;
  font-size: 14px;
  font-family: OpenSansBold;
  float: right;
  margin-top: -162px;
}

#portal_user_add_update .top-section .page_select_ui,
#portal_user_add_update_upload .top-section .page_select_ui,
#portal_user_add_update_auto_upload .top-section .page_select_ui {
  float: right;
  margin-top: -100px;
}

#portal_user_add_update .users-section,
#portal_user_add_update_upload .users-section,
#portal_user_add_update_auto_upload .users-section {
  padding: 40px 0;
}

#portal_user_add_update .users-section .image,
#portal_user_add_update_upload .users-section .image,
#portal_user_add_update_auto_upload .users-section .image {
  display: inline-block;
  vertical-align: top;
}

#portal_user_add_update .users-section .text,
#portal_user_add_update_upload .users-section .text,
#portal_user_add_update_auto_upload .users-section .text {
  display: inline-block;
  vertical-align: top;
  margin-left: 25px;
  max-width: 70%;
}

#portal_user_add_update .users-section .text .title,
#portal_user_add_update_upload .users-section .text .title,
#portal_user_add_update_auto_upload .users-section .text .title {
  color: #ff7a00;
  font-size: 2.2rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  line-height: 22px;
}

#portal_user_add_update .users-section .text .sub,
#portal_user_add_update_upload .users-section .text .sub,
#portal_user_add_update_auto_upload .users-section .text .sub {
  color: #777;
  font-size: 1.5rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin-top: 5px;
  line-height: 16px;
}

#portal_user_add_update .users-section .question,
#portal_user_add_update_upload .users-section .question,
#portal_user_add_update_auto_upload .users-section .question {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(/static/img/stats/question_mark_1.png) no-repeat;
  background-size: 14px 14px;
  vertical-align: middle;
  cursor: pointer;
  margin-left: 10px;
  opacity: 0.5;
}

#portal_user_add_update .users-section .question:hover,
#portal_user_add_update_upload .users-section .question:hover,
#portal_user_add_update_auto_upload .users-section .question:hover {
  opacity: 1;
}

#portal_user_add_update .users-section .question_tooltip,
#portal_user_add_update_upload .users-section .question_tooltip,
#portal_user_add_update_auto_upload .users-section .question_tooltip {
  display: inline-block;
  text-transform: none;
  width: 1px;
  height: 15px;
  position: relative;
}

#portal_user_add_update .users-section .question_tooltip .tooltip,
#portal_user_add_update_upload .users-section .question_tooltip .tooltip,
#portal_user_add_update_auto_upload .users-section .question_tooltip .tooltip {
  background: #ffffff;
  border: solid 1px #ddd;
  display: none;
  position: absolute;
  top: -18px;
  left: 18px;
  min-width: 215px;
  padding: 15px 20px;
  text-align: left;
  border-radius: 4px;
  z-index: 99;
}

#portal_user_add_update .users-section .question_tooltip .tooltip.info,
#portal_user_add_update_upload .users-section .question_tooltip .tooltip.info,
#portal_user_add_update_auto_upload .users-section .question_tooltip .tooltip.info {
  top: -190px;
  left: -80px;
  display: none;
}

#portal_user_add_update .users-section .question_tooltip .tooltip.info::after,
#portal_user_add_update_upload .users-section .question_tooltip .tooltip.info::after,
#portal_user_add_update_auto_upload .users-section .question_tooltip .tooltip.info::after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  width: 25px;
  height: 25px;
  content: '';
  border-bottom: solid 1px #ddd;
  border-right: solid 1px #ddd;
  border-left: 0;
  left: 90px;
  top: initial;
  border-radius: 0;
  bottom: -14px;
  background: #ffffff;
}

#portal_user_add_update .users-section .question_tooltip .tooltip:not(.info)::after,
#portal_user_add_update_upload .users-section .question_tooltip .tooltip:not(.info)::after,
#portal_user_add_update_auto_upload .users-section .question_tooltip .tooltip:not(.info)::after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  width: 25px;
  height: 25px;
  content: '';
  border-bottom: solid 1px #ddd;
  border-left: solid 1px #ddd;
  border-radius: 0 100% 0 0;
  left: -13.5px;
  top: 15px;
  background: #ffffff;
}

#portal_user_add_update .users-section .question_tooltip .tooltip h3,
#portal_user_add_update_upload .users-section .question_tooltip .tooltip h3,
#portal_user_add_update_auto_upload .users-section .question_tooltip .tooltip h3 {
  margin: 0 0 4px 0;
  color: #ff7a00;
  font-size: 1.5rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
}

#portal_user_add_update .users-section .question_tooltip .tooltip p,
#portal_user_add_update_upload .users-section .question_tooltip .tooltip p,
#portal_user_add_update_auto_upload .users-section .question_tooltip .tooltip p {
  font-size: 1.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
  margin: 0;
  line-height: 1.8;
  font-style: normal;
}

#portal_user_add_update .users-section .eligible_users_table,
#portal_user_add_update_upload .users-section .eligible_users_table,
#portal_user_add_update_auto_upload .users-section .eligible_users_table {
  overflow: auto;
}

#portal_user_add_update .users-section .eligible_users_table .spinner,
#portal_user_add_update_upload .users-section .eligible_users_table .spinner,
#portal_user_add_update_auto_upload .users-section .eligible_users_table .spinner {
  position: absolute;
  left: 50%;
  margin-left: -20px;
  margin-top: 45px;
}

#portal_user_add_update .users-section .eligible_users_table .spinner.hidden,
#portal_user_add_update_upload .users-section .eligible_users_table .spinner.hidden,
#portal_user_add_update_auto_upload .users-section .eligible_users_table .spinner.hidden {
  display: none;
}

#portal_user_add_update .users-section .users-tab,
#portal_user_add_update_upload .users-section .users-tab,
#portal_user_add_update_auto_upload .users-section .users-tab {
  display: table;
  width: 100%;
  border-collapse: collapse;
}

#portal_user_add_update .users-section .users-tab .tab-row,
#portal_user_add_update_upload .users-section .users-tab .tab-row,
#portal_user_add_update_auto_upload .users-section .users-tab .tab-row {
  display: table-row;
  font-size: 1.5rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
}

#portal_user_add_update .users-section .users-tab .tab-row.head-row,
#portal_user_add_update_upload .users-section .users-tab .tab-row.head-row,
#portal_user_add_update_auto_upload .users-section .users-tab .tab-row.head-row {
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #00aaea;
}

#portal_user_add_update .users-section .users-tab .tab-row.head-row .tab-cell,
#portal_user_add_update_upload .users-section .users-tab .tab-row.head-row .tab-cell,
#portal_user_add_update_auto_upload .users-section .users-tab .tab-row.head-row .tab-cell {
  padding: 0 15px;
  white-space: normal;
}

#portal_user_add_update .users-section .users-tab .tab-row.head-row .tab-cell.user-avatar-cell,
#portal_user_add_update_upload .users-section .users-tab .tab-row.head-row .tab-cell.user-avatar-cell,
#portal_user_add_update_auto_upload .users-section .users-tab .tab-row.head-row .tab-cell.user-avatar-cell {
  min-width: 45px;
  width: 45px;
  padding: 0;
}

#portal_user_add_update .users-section .users-tab .tab-row.head-row .tab-cell.edit,
#portal_user_add_update_upload .users-section .users-tab .tab-row.head-row .tab-cell.edit,
#portal_user_add_update_auto_upload .users-section .users-tab .tab-row.head-row .tab-cell.edit {
  width: 60px;
}

#portal_user_add_update .users-section .users-tab .tab-row:nth-child(2n),
#portal_user_add_update_upload .users-section .users-tab .tab-row:nth-child(2n),
#portal_user_add_update_auto_upload .users-section .users-tab .tab-row:nth-child(2n) {
  background: #fdfcf9;
}

#portal_user_add_update .users-section .users-tab .tab-cell,
#portal_user_add_update_upload .users-section .users-tab .tab-cell,
#portal_user_add_update_auto_upload .users-section .users-tab .tab-cell {
  display: table-cell;
  height: 55px;
  vertical-align: middle;
  padding: 0 15px;
  white-space: nowrap;
}

#portal_user_add_update .users-section .users-tab .tab-cell.user-avatar-cell,
#portal_user_add_update_upload .users-section .users-tab .tab-cell.user-avatar-cell,
#portal_user_add_update_auto_upload .users-section .users-tab .tab-cell.user-avatar-cell {
  padding: 0 0 0 4px;
}

#portal_user_add_update .users-section .users-tab .tab-cell.edit,
#portal_user_add_update_upload .users-section .users-tab .tab-cell.edit,
#portal_user_add_update_auto_upload .users-section .users-tab .tab-cell.edit {
  text-align: center;
  width: 60px;
  min-width: 60px;
  max-width: 60px;
  padding: 0;
  position: relative;
}

#portal_user_add_update .users-section .users-tab .tab-cell.edit .edit-icon,
#portal_user_add_update_upload .users-section .users-tab .tab-cell.edit .edit-icon,
#portal_user_add_update_auto_upload .users-section .users-tab .tab-cell.edit .edit-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("/static/img/portal/users/icon_pencil.png") no-repeat;
  background-size: cover;
}

#portal_user_add_update .users-section .users-tab .tab-cell.edit .hit-area,
#portal_user_add_update_upload .users-section .users-tab .tab-cell.edit .hit-area,
#portal_user_add_update_auto_upload .users-section .users-tab .tab-cell.edit .hit-area {
  width: 100%;
  height: 100%;
  background: transparent;
  position: absolute;
  top: 0;
  left: 0;
}

#portal_user_add_update .users-section .users-tab .tab-cell.edit .user-avatar img,
#portal_user_add_update_upload .users-section .users-tab .tab-cell.edit .user-avatar img,
#portal_user_add_update_auto_upload .users-section .users-tab .tab-cell.edit .user-avatar img {
  vertical-align: middle;
}

#portal_user_add_update .bottom-section .page_select_ui,
#portal_user_add_update_upload .bottom-section .page_select_ui,
#portal_user_add_update_auto_upload .bottom-section .page_select_ui {
  margin-top: 30px;
  float: right;
}

#portal_user_add_update .step,
#portal_user_add_update_upload .step,
#portal_user_add_update_auto_upload .step {
  padding: 0 50px;
}

#portal_user_add_update .step .title,
#portal_user_add_update_upload .step .title,
#portal_user_add_update_auto_upload .step .title {
  color: #ff7a00;
  font-size: 1.6rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  line-height: 20px;
}

#portal_user_add_update .step .description,
#portal_user_add_update_upload .step .description,
#portal_user_add_update_auto_upload .step .description {
  color: #777;
  font-size: 1.3rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  line-height: 16px;
}

#portal_user_add_update .step .button.download,
#portal_user_add_update_upload .step .button.download,
#portal_user_add_update_auto_upload .step .button.download {
  height: auto;
  margin-top: 10px;
}

#portal_user_add_update .step .button.download img,
#portal_user_add_update_upload .step .button.download img,
#portal_user_add_update_auto_upload .step .button.download img {
  position: relative;
  top: 5px;
  margin-right: 3px;
}

#portal_user_add_update .step .upload .button,
#portal_user_add_update_upload .step .upload .button,
#portal_user_add_update_auto_upload .step .upload .button {
  margin-top: 15px;
  height: auto;
}

#portal_user_add_update .step .upload .button img,
#portal_user_add_update_upload .step .upload .button img,
#portal_user_add_update_auto_upload .step .upload .button img {
  position: relative;
  top: 5px;
  margin-right: 3px;
}

#portal_user_add_update .step:nth-child(2),
#portal_user_add_update_upload .step:nth-child(2),
#portal_user_add_update_auto_upload .step:nth-child(2) {
  margin-bottom: 50px;
}

#portal_user_add_update .step .progress,
#portal_user_add_update_upload .step .progress,
#portal_user_add_update_auto_upload .step .progress {
  display: none;
  font-size: 1.5rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  min-width: 344px;
  color: #777;
  line-height: 30px;
  margin-top: 20px;
}

#portal_user_add_update .step .progress.visible,
#portal_user_add_update_upload .step .progress.visible,
#portal_user_add_update_auto_upload .step .progress.visible {
  display: inline-block;
}

#portal_user_add_update .step .progress .filename,
#portal_user_add_update_upload .step .progress .filename,
#portal_user_add_update_auto_upload .step .progress .filename {
  display: inline-block;
  margin-right: 50px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 88%;
}

#portal_user_add_update .step .progress .filesize,
#portal_user_add_update_upload .step .progress .filesize,
#portal_user_add_update_auto_upload .step .progress .filesize {
  float: right;
  display: inline-block;
}

#portal_user_add_update .step .progress .progressbar,
#portal_user_add_update_upload .step .progress .progressbar,
#portal_user_add_update_auto_upload .step .progress .progressbar {
  position: relative;
  margin-top: -5px;
}

#portal_user_add_update .step .progress .progressbar .background,
#portal_user_add_update_upload .step .progress .progressbar .background,
#portal_user_add_update_auto_upload .step .progress .progressbar .background {
  width: 100%;
  height: 4px;
  background: #ebebe8;
  border-radius: 4px;
}

#portal_user_add_update .step .progress .progressbar .progress-line,
#portal_user_add_update_upload .step .progress .progressbar .progress-line,
#portal_user_add_update_auto_upload .step .progress .progressbar .progress-line {
  width: 0;
  height: 4px;
  background: #ff7a00;
  border-radius: 4px;
  position: absolute;
  top: 0;
  -webkit-transition: width 100ms linear;
  transition: width 100ms linear;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

#portal_user_add_update .step .progress .progressbar .progress-line.notransition,
#portal_user_add_update_upload .step .progress .progressbar .progress-line.notransition,
#portal_user_add_update_auto_upload .step .progress .progressbar .progress-line.notransition {
  -webkit-transition: width 0ms;
  transition: width 0ms;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

#portal_user_add_update .step .progress .percents,
#portal_user_add_update_upload .step .progress .percents,
#portal_user_add_update_auto_upload .step .progress .percents {
  font-size: 1.3rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#portal_user_add_update .step .progress .percents.success,
#portal_user_add_update_upload .step .progress .percents.success,
#portal_user_add_update_auto_upload .step .progress .percents.success {
  color: #009900;
}

#portal_user_add_update .step.ftp-auto-upload,
#portal_user_add_update_upload .step.ftp-auto-upload,
#portal_user_add_update_auto_upload .step.ftp-auto-upload {
  position: relative;
}

#portal_user_add_update .step.ftp-auto-upload hr,
#portal_user_add_update_upload .step.ftp-auto-upload hr,
#portal_user_add_update_auto_upload .step.ftp-auto-upload hr {
  margin: 40px 0;
}

#portal_user_add_update .step.ftp-auto-upload .title,
#portal_user_add_update_upload .step.ftp-auto-upload .title,
#portal_user_add_update_auto_upload .step.ftp-auto-upload .title {
  font-family: OpenSansRegular;
  color: #777;
}

#portal_user_add_update .step.ftp-auto-upload .row-old,
#portal_user_add_update_upload .step.ftp-auto-upload .row-old,
#portal_user_add_update_auto_upload .step.ftp-auto-upload .row-old {
  margin-top: 20px;
}

#portal_user_add_update .step.ftp-auto-upload .row-old .title,
#portal_user_add_update_upload .step.ftp-auto-upload .row-old .title,
#portal_user_add_update_auto_upload .step.ftp-auto-upload .row-old .title {
  display: inline-block;
  background: none;
  border: 0;
  vertical-align: middle;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0 0 1px 0;
}

#portal_user_add_update .step.ftp-auto-upload .row-old .title.key,
#portal_user_add_update_upload .step.ftp-auto-upload .row-old .title.key,
#portal_user_add_update_auto_upload .step.ftp-auto-upload .row-old .title.key {
  width: 120px;
  text-align: right;
  margin-right: 20px;
}

#portal_user_add_update .step.ftp-auto-upload .buttons-holder,
#portal_user_add_update_upload .step.ftp-auto-upload .buttons-holder,
#portal_user_add_update_auto_upload .step.ftp-auto-upload .buttons-holder {
  display: inline-block;
  margin-left: 50px;
}

#portal_user_add_update .step.ftp-auto-upload .buttons-holder *,
#portal_user_add_update_upload .step.ftp-auto-upload .buttons-holder *,
#portal_user_add_update_auto_upload .step.ftp-auto-upload .buttons-holder * {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}

#portal_user_add_update .step.ftp-auto-upload .buttons-holder *:not(:last-child),
#portal_user_add_update_upload .step.ftp-auto-upload .buttons-holder *:not(:last-child),
#portal_user_add_update_auto_upload .step.ftp-auto-upload .buttons-holder *:not(:last-child) {
  margin-right: 10px;
}

#portal_user_add_update .step.ftp-auto-upload .buttons-holder .copy-pd-button,
#portal_user_add_update_upload .step.ftp-auto-upload .buttons-holder .copy-pd-button,
#portal_user_add_update_auto_upload .step.ftp-auto-upload .buttons-holder .copy-pd-button {
  width: 15px;
  height: 18px;
  background: url(/static/img/portal/copy_default@2x.png) no-repeat;
  background-size: 15px 18px;
}

#portal_user_add_update .step.ftp-auto-upload .buttons-holder .copy-pd-button:hover,
#portal_user_add_update_upload .step.ftp-auto-upload .buttons-holder .copy-pd-button:hover,
#portal_user_add_update_auto_upload .step.ftp-auto-upload .buttons-holder .copy-pd-button:hover {
  background: url(/static/img/portal/copy_active@2x.png) no-repeat;
  background-size: 15px 18px;
}

#portal_user_add_update .step.ftp-auto-upload .buttons-holder .pd-display-mode-button,
#portal_user_add_update_upload .step.ftp-auto-upload .buttons-holder .pd-display-mode-button,
#portal_user_add_update_auto_upload .step.ftp-auto-upload .buttons-holder .pd-display-mode-button {
  width: 18px;
  height: 14px;
  background: url(/static/img/portal/show_pw_default@2x.png) no-repeat;
  background-size: 18px 14px;
}

#portal_user_add_update .step.ftp-auto-upload .buttons-holder .pd-display-mode-button:hover,
#portal_user_add_update_upload .step.ftp-auto-upload .buttons-holder .pd-display-mode-button:hover,
#portal_user_add_update_auto_upload .step.ftp-auto-upload .buttons-holder .pd-display-mode-button:hover {
  background: url(/static/img/portal/show_pw_active@2x.png) no-repeat;
  background-size: 18px 14px;
}

#portal_user_add_update .step.ftp-auto-upload .copied-message,
#portal_user_add_update_upload .step.ftp-auto-upload .copied-message,
#portal_user_add_update_auto_upload .step.ftp-auto-upload .copied-message {
  position: absolute;
  width: 200px;
  padding: 30px;
  border-radius: 8px;
  border: 1px solid #dfdfdb;
  text-align: center;
  top: 50px;
  left: 320px;
  background: rgba(255, 255, 255, 0.7);
  -webkit-box-shadow: 0 4px 0 #adadad;
  box-shadow: 0 4px 0 #adadad;
  display: none;
}

#portal_user_add_update .step.ftp-auto-upload .copied-message .img,
#portal_user_add_update_upload .step.ftp-auto-upload .copied-message .img,
#portal_user_add_update_auto_upload .step.ftp-auto-upload .copied-message .img {
  width: 54px;
  height: 62px;
  background: url(/static/img/portal/lockcheck@2x.png) no-repeat;
  background-size: 54px 62px;
  margin: 0 auto 15px;
}

#portal_user_add_update .step.ftp-auto-upload .copied-message .msg,
#portal_user_add_update_upload .step.ftp-auto-upload .copied-message .msg,
#portal_user_add_update_auto_upload .step.ftp-auto-upload .copied-message .msg {
  font-size: 1.5rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#portal_user_update_error_modal {
  width: 590px;
  height: 325px;
  padding: 50px 60px;
}

#portal_user_update_error_modal .title {
  font-size: 2.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
}

#portal_user_update_error_modal .errors {
  font-size: 1.5rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #ff3131;
  margin-top: 15px;
  height: 160px;
  overflow-y: scroll;
}

#portal_user_roles .list .list-row .list-cell {
  width: 20% !important;
}

#portal_user_roles .list .list-row .list-cell:first-child {
  width: 40% !important;
  padding-left: 130px !important;
}

#portal_user_roles .list .list-row .list-cell:first-child .user-avatar {
  position: absolute;
  left: 60px;
  margin-top: -9px;
}

#portal_user_roles .list .list-row .list-cell .edit-icon {
  display: block;
  width: 16px;
  height: 16px;
  background: url("/static/img/portal/users/icon_pencil.png") no-repeat;
  background-size: cover;
  margin: 4px 0 0 4px;
}

#portal_user_roles .button.add {
  float: right;
  margin: 60px 65px 100px 0;
  height: auto;
}

#portal_user_status .top_section .text .sub {
  line-height: 38px;
}

#portal_demo_data .step {
  padding: 0 50px;
}

#portal_demo_data .step .title {
  color: #ff7a00;
  font-size: 1.6rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  line-height: 20px;
}

#portal_demo_data .step .description {
  color: #777;
  font-size: 1.3rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  line-height: 16px;
}

#portal_demo_data .step .button.download {
  height: auto;
  margin-top: 10px;
}

#portal_demo_data .step .button.download img {
  position: relative;
  top: 3px;
  margin-right: 3px;
}

#portal_demo_data .step .upload .button {
  margin-top: 15px;
  height: auto;
}

#portal_demo_data .step .upload .button img {
  position: relative;
  top: 5px;
  margin-right: 3px;
}

#portal_demo_data .step:nth-child(2) {
  margin-bottom: 50px;
}

#portal_demo_data .step .progress {
  display: none;
  font-size: 1.5rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  min-width: 344px;
  color: #777;
  line-height: 30px;
  margin-top: 20px;
}

#portal_demo_data .step .progress.visible {
  display: inline-block;
}

#portal_demo_data .step .progress .filename {
  display: inline-block;
  margin-right: 50px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 88%;
}

#portal_demo_data .step .progress .filesize {
  float: right;
  display: inline-block;
}

#portal_demo_data .step .progress .progressbar {
  position: relative;
  margin-top: -5px;
}

#portal_demo_data .step .progress .progressbar .background {
  width: 100%;
  height: 4px;
  background: #ebebe8;
  border-radius: 4px;
}

#portal_demo_data .step .progress .progressbar .progress-line {
  width: 0%;
  height: 4px;
  background: #ff7a00;
  border-radius: 4px;
  position: absolute;
  top: 0;
  -webkit-transition: width 100ms linear;
  transition: width 100ms linear;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

#portal_demo_data .step .progress .progressbar .progress-line.notransition {
  -webkit-transition: width 0ms;
  transition: width 0ms;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

#portal_demo_data .step .progress .percents {
  font-size: 1.3rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#portal_demo_data .step .progress .percents.success {
  color: #009900;
}

#portal_demo_data .step .demo_setting {
  border-bottom: 1px solid #DFDFDB;
  padding: 25px 0;
}

#portal_demo_data .step .demo_setting .title {
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  display: inline-block;
  vertical-align: top;
  color: #777;
  line-height: 35px;
}

#portal_branding .top_section .logo_setting {
  border-bottom: 1px solid #DFDFDB;
  padding: 25px 0;
}

#portal_branding .top_section .logo_setting .title {
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  display: inline-block;
  vertical-align: top;
  color: #777;
  line-height: 35px;
}

#portal_branding .upload_section {
  padding: 70px 0 86px;
}

#portal_branding .upload_section .upload {
  width: 350px;
  padding-left: 20px;
  display: inline-block;
  vertical-align: top;
}

#portal_branding .upload_section .upload .button {
  height: auto;
}

#portal_branding .upload_section .upload .button img {
  position: relative;
  top: 2px;
  margin-right: 3px;
}

#portal_branding .upload_section .support_info {
  margin: 25px 0;
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#portal_branding .upload_section .support_image {
  padding-left: 15px;
}

#portal_branding .upload_section .uploaded_logo {
  width: 300px;
  height: 100px;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  position: relative;
}

#portal_branding .upload_section .uploaded_logo img {
  height: auto;
  max-height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#portal_branding .preview_section {
  padding: 0 0 0 60px;
}

#portal_branding .preview_section .title {
  font-size: 1.8rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin-bottom: 25px;
}

#portal_branding .preview_section .click_zoom {
  position: absolute;
  top: 0;
  color: #FFFFFF;
  font-size: 1.6rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  padding-top: 7px;
  letter-spacing: 0.3px;
  background: #f56529;
  border-radius: 0 0 0 7px;
  text-transform: uppercase;
  -webkit-transition: all 0.25s ease 0s;
  transition: all 0.25s ease 0s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

#portal_branding .preview_section .click_zoom .label {
  float: right;
  margin-right: 15px;
}

#portal_branding .preview_section .click_zoom .zoom-icon {
  background: url("/static/img/icons/magnifier_2x.png") center top / cover no-repeat;
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-left: 6px;
}

#portal_branding .preview_section .mobile {
  display: inline-block;
  vertical-align: bottom;
  width: 173px;
  height: 362px;
  background: url('/static/img/portal/settings/iphone.png') no-repeat transparent;
  background-size: cover;
  margin-right: 70px;
  position: relative;
  cursor: pointer;
  overflow: hidden;
}

#portal_branding .preview_section .mobile .screenshot {
  width: 146px;
  height: 257px;
  position: absolute;
  top: 53px;
  left: 14px;
  overflow: hidden;
}

#portal_branding .preview_section .mobile .click_zoom {
  color: #FFFFFF;
  font-size: 10px;
  padding-top: 7px;
  letter-spacing: 0.3px;
  background: #f56529;
  border-radius: 0 0 0 7px;
  text-transform: uppercase;
  background-image: none;
  width: 148px;
  height: 28px;
  left: 146px;
  top: 2px;
}

#portal_branding .preview_section .mobile .click_zoom.visible {
  left: 25px;
}

#portal_branding .preview_section .mobile .click_zoom .label {
  margin-right: 4px;
}

#portal_branding .preview_section .mobile .click_zoom .zoom-icon {
  width: 16px;
  height: 16px;
}

#portal_branding .preview_section .mobile .logo {
  margin: 170px auto;
  left: 0;
  right: 0;
  width: 75px;
  height: 25px;
  text-align: center;
  position: relative;
}

#portal_branding .preview_section .mobile .logo img {
  max-height: 100%;
  height: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#portal_branding .preview_section .browser {
  display: inline-block;
  vertical-align: top;
  background: url('/static/img/portal/settings/browser.png') no-repeat transparent;
  background-size: cover;
  width: 590px;
  height: 397px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

#portal_branding .preview_section .browser .screenshot {
  width: 588px;
  height: 337px;
  position: absolute;
  top: 59px;
  left: 1px;
  border-radius: 0 0 4px 4px;
  overflow: hidden;
}

#portal_branding .preview_section .browser .click_zoom {
  width: 237px;
  height: 35px;
  left: 555px;
}

#portal_branding .preview_section .browser .click_zoom.visible {
  left: 354px;
}

#portal_branding .preview_section .browser .logo {
  margin: 31px auto;
  left: 0;
  right: 0;
  text-align: center;
  width: 75px;
  height: 25px;
  position: relative;
}

#portal_branding .preview_section .browser .logo img {
  max-height: 100%;
  height: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

html[lang=es] #portal_branding .preview_section .browser .click_zoom {
  font-size: 14px;
  padding-top: 1px;
}

html[lang=es] #portal_branding .preview_section .browser .click_zoom .zoom-icon {
  margin-top: 6px;
}

html[lang=es] #portal_branding .preview_section .browser .click_zoom .label {
  margin-right: 2px;
  display: inline-block;
  max-width: 200px;
  line-height: 16px;
}

html[lang=es] #portal_branding .preview_section .mobile .click_zoom {
  font-size: 9px;
  padding-top: 1px;
}

html[lang=es] #portal_branding .preview_section .mobile .click_zoom .zoom-icon {
  margin-top: 5px;
}

html[lang=es] #portal_branding .preview_section .mobile .click_zoom .label {
  margin-right: 2px;
  display: inline-block;
  max-width: 120px;
}

html[lang=fr] #portal_branding .preview_section .browser .click_zoom {
  font-size: 14px;
  padding-top: 1px;
}

html[lang=fr] #portal_branding .preview_section .browser .click_zoom .zoom-icon {
  margin-top: 6px;
}

html[lang=fr] #portal_branding .preview_section .browser .click_zoom .label {
  margin-right: 6px;
  display: inline-block;
  max-width: 190px;
  line-height: 16px;
}

html[lang=fr] #portal_branding .preview_section .mobile .click_zoom {
  font-size: 9px;
  padding-top: 1px;
}

html[lang=fr] #portal_branding .preview_section .mobile .click_zoom .zoom-icon {
  margin-top: 5px;
}

html[lang=fr] #portal_branding .preview_section .mobile .click_zoom .label {
  margin-right: 2px;
  display: inline-block;
  max-width: 115px;
}

#portal_branding_preview_modal {
  max-width: 100%;
  max-height: 100%;
  width: auto;
}

#portal_branding_preview_modal.mobile {
  display: block;
  max-width: none;
  max-height: none;
  width: 640px;
  height: 1136px;
}

#portal_branding_preview_modal.mobile .mobile-logo {
  position: absolute;
  top: 51%;
  left: 50%;
}

#portal_branding_preview_modal.mobile .mobile-logo .logo {
  margin-left: -50%;
}

#portal_branding_preview_modal .container-old {
  overflow: hidden;
  border-radius: 10px;
}

#portal_branding_preview_modal .container-old .logo {
  position: absolute;
}

#portal_overview {
  padding: 0 15px 0 25px;
}

#portal_overview #cohorts-svg rect,
#portal_overview #cohorts-svg text {
  pointer-events: none;
}

#portal_overview .clearfix {
  clear: both;
}

#portal_overview .js-toggle {
  font-size: 1.6rem;
  font-family: OpenSansLight;
  font-weight: normal;
  position: absolute;
  top: -2px;
  right: -10px;
  text-decoration: none;
  z-index: 1000;
}

#portal_overview .week-retention-rate.collapsed,
#portal_overview .month-retention-rate.collapsed {
  display: none;
}

#portal_overview .section {
  margin-left: 20px;
}

#portal_overview .divider {
  border-color: #e4e4e2;
  margin: 60px 0;
}

#portal_overview .half-divider {
  border-color: #e4e4e2;
  margin-top: 60px;
}

#portal_overview .title {
  font-family: OpenSansRegular;
}

#portal_overview .title .icon {
  position: absolute;
}

#portal_overview .title .text {
  margin-left: 82px;
}

#portal_overview .title .label {
  color: #ff7a00;
  font-size: 21px;
}

#portal_overview .title .sub {
  color: #777;
  font-size: 15px;
}

#portal_overview .title .question {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url(/static/img/stats/question_mark_1.png) no-repeat;
  background-size: 14px 14px;
  vertical-align: middle;
  cursor: pointer;
  margin-left: 10px;
  opacity: 0.5;
}

#portal_overview .title .question:hover {
  opacity: 1;
}

#portal_overview .title .question_tooltip {
  display: inline-block;
  text-transform: none;
  width: 1px;
  height: 15px;
  position: relative;
}

#portal_overview .title .question_tooltip .tooltip {
  background: #ffffff;
  border: solid 1px #ddd;
  display: none;
  position: absolute;
  top: -18px;
  left: 18px;
  min-width: 215px;
  padding: 15px 20px;
  text-align: left;
  border-radius: 4px;
  z-index: 99;
}

#portal_overview .title .question_tooltip .tooltip::after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  width: 25px;
  height: 25px;
  content: '';
  border-bottom: solid 1px #ddd;
  border-left: solid 1px #ddd;
  border-radius: 0 100% 0 0;
  left: -13.5px;
  top: 15px;
  background: #ffffff;
}

#portal_overview .title .question_tooltip .tooltip h3 {
  margin: 0 0 4px 0;
  color: #ff7a00;
  font-size: 1.5rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
}

#portal_overview .title .question_tooltip .tooltip p {
  font-size: 1.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
  margin: 0;
  line-height: 1.8;
  font-style: normal;
}

#portal_overview .title .question:hover + .question_tooltip .tooltip {
  display: block;
}

#portal_overview .summary .title {
  min-height: 38px;
}

#portal_overview .summary .title .icon {
  width: 38px;
  height: 38px;
  background: url("/static/img/portal/overview/title_summary_icon.png");
}

#portal_overview .summary .content {
  padding-top: 50px;
}

#portal_overview .summary .content .heatmap-container {
  border: 1px solid #F2F3F3;
  margin: 20px;
  overflow: auto;
  position: relative;
}

#portal_overview .summary .content .heatmap-container .heatmap-title {
  background: #F2F3F3;
  line-height: 26px;
  height: 26px;
  padding-left: 8px;
  font-weight: 500;
}

#portal_overview .summary .content .heatmap-container .heatmap-pivot-label {
  font-size: 12px;
  text-align: center;
  margin: 10px;
}

#portal_overview .summary .content .heatmap-container .heatmap-table {
  table-layout: fixed;
  border-collapse: separate;
  font-size: 10px;
  border-spacing: 1px;
  margin: 5px auto 10px auto;
}

#portal_overview .summary .content .heatmap-container .heatmap-table td {
  overflow: hidden;
  padding: 6px 6px 4px 6px;
  color: #333333;
  /*border-radius: 4px;*/
}

#portal_overview .summary .content .heatmap-container .heatmap-table .heatmap-table-header-cell {
  overflow: hidden;
  font-size: 12px;
  padding: 4px;
  color: white;
  background: gray;
}

#portal_overview .summary .content .heatmap-container .heatmap-table .heatmap-string {
  text-align: left;
  white-space: nowrap;
}

#portal_overview .summary .content .heatmap-container .heatmap-table .heatmap-number {
  text-align: center;
}

#portal_overview .summary .content .heatmap-container .label {
  text-align: center;
  color: #8D9D9F;
}

#portal_overview .summary .content .heatmap-container .title {
  padding-left: 10px;
}

#portal_overview .summary .content .left {
  width: 50%;
  float: left;
}

#portal_overview .summary .content .left .tab-row {
  min-height: 70px;
  color: #777;
}

#portal_overview .summary .content .left .tab-row .key {
  float: left;
  width: 50%;
  text-align: right;
  font-size: 1.8rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  padding-top: 5px;
  position: relative;
}

#portal_overview .summary .content .left .tab-row .val {
  margin-left: 50%;
  padding-left: 30px;
  position: relative;
}

#portal_overview .summary .content .left .tab-row .val .information {
  margin: 0;
}

#portal_overview .summary .content .left .tab-row .val.up .grow-icon {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 17px 10px;
  border-color: transparent transparent #009900 transparent;
}

#portal_overview .summary .content .left .tab-row .val.up .grow-message .percent {
  color: #009900;
}

#portal_overview .summary .content .left .tab-row .val.down .grow-icon {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 17px 10px 0 10px;
  border-color: #ff0026 transparent transparent transparent;
}

#portal_overview .summary .content .left .tab-row .val.down .grow-message .percent {
  color: #ff0026;
}

#portal_overview .summary .content .left .tab-row .val .num {
  font-size: 2.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#portal_overview .summary .content .left .tab-row .val .grow-icon {
  float: right;
  margin: 7px 93px 0 0;
}

#portal_overview .summary .content .left .tab-row .val .grow-message .percent {
  font-size: 1.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#portal_overview .summary .content .left .tab-row .val .grow-message .text {
  font-size: 1.2rem;
  font-family: OpenSansLight;
  font-weight: normal;
}

#portal_overview .summary .content .right {
  margin-left: 50%;
  padding-top: 40px;
}

#portal_overview .summary .content .right .left {
  width: 50%;
  float: left;
}

#portal_overview .summary .content .right .right {
  padding-top: 0;
  margin-left: 50%;
}

#portal_overview .summary .content .right .chart {
  position: relative;
  text-align: center;
}

#portal_overview .summary .content .right .chart .label {
  font-size: 3rem;
  font-family: OpenSansLight;
  font-weight: normal;
  position: absolute;
  color: #ff7a00;
  line-height: 111px;
  width: 100%;
}

#portal_overview .summary .content .right .chart svg {
  display: block;
  margin: 0 auto;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

#portal_overview .summary .content .right .chart .name-label {
  font-size: 1.8rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #333333;
  margin: 25px 0 12px 0;
}

#portal_overview .summary .content .right .chart .grow-percent {
  font-size: 1.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #009900;
}

#portal_overview .summary .content .right .chart .grow-percent.down {
  color: #ff0026;
}

#portal_overview .summary .content .right .chart .grow-message {
  font-size: 1.2rem;
  font-family: OpenSansLight;
  font-weight: normal;
  color: #777;
}

#portal_overview .hs-cohorts .title {
  min-height: 64px;
}

#portal_overview .hs-cohorts .title .icon {
  width: 67px;
  height: 64px;
  background: url("/static/img/portal/overview/title_hs_cohorts_icon.png");
}

#portal_overview .hs-cohorts .content {
  padding-top: 65px;
  color: #777;
}

#portal_overview .hs-cohorts .content .title {
  font-size: 2.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#portal_overview .hs-cohorts .content .left {
  width: 60%;
  float: left;
  border-right: 1px solid #e4e4e2;
  padding-right: 20px;
}

#portal_overview .hs-cohorts .content .left .title {
  min-height: 52px;
}

#portal_overview .hs-cohorts .content .left .chart {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Non-prefixed version, currently not supported by any browser */
  cursor: default;
  position: relative;
}

#portal_overview .hs-cohorts .content .left .chart .axisTitleY {
  font-family: OpenSansLight;
  font-size: 13px;
  color: #ff7a00;
  position: absolute;
  top: 50%;
  left: -13%;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

#portal_overview .hs-cohorts .content .left .chart .chart-description {
  position: absolute;
  top: 20px;
  margin-left: 40px;
  display: inline-block;
}

#portal_overview .hs-cohorts .content .left .chart .chart-description .title {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  min-height: auto;
  margin-bottom: 20px;
}

#portal_overview .hs-cohorts .content .left .chart .chart-description .item {
  margin-bottom: 15px;
}

#portal_overview .hs-cohorts .content .left .chart .chart-description .item * {
  vertical-align: middle;
}

#portal_overview .hs-cohorts .content .left .chart .chart-description .item .point {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  display: inline-block;
}

#portal_overview .hs-cohorts .content .left .chart .chart-description .item .point.severe {
  background: #ff0027;
}

#portal_overview .hs-cohorts .content .left .chart .chart-description .item .point.mild-moderate {
  background: #fe882a;
}

#portal_overview .hs-cohorts .content .left .chart .chart-description .item .point.low {
  background: #f4d420;
}

#portal_overview .hs-cohorts .content .left .chart .chart-description .item .point.none {
  background: #009900;
}

#portal_overview .hs-cohorts .content .left .chart .chart-description .item .label {
  margin-left: 10px;
  display: inline-block;
}

#portal_overview .hs-cohorts .content .left .chart .chart-description .item .question {
  height: 15px;
}

#portal_overview .hs-cohorts .content .left .chart .head {
  float: right;
  text-align: right;
  font-size: 1.3rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#portal_overview .hs-cohorts .content .left .chart .head > * .text {
  display: inline-block;
}

#portal_overview .hs-cohorts .content .left .chart .head > * .icon {
  vertical-align: bottom;
  margin-left: 7px;
  width: 17px;
  height: 17px;
}

#portal_overview .hs-cohorts .content .left .chart .head .initial {
  margin-bottom: 12px;
}

#portal_overview .hs-cohorts .content .left .chart .head .initial .icon {
  background: url(/static/img/portal/overview/initial_score_icon.png);
}

#portal_overview .hs-cohorts .content .left .chart .head .most-recent .icon {
  background: url(/static/img/portal/overview/most_recent_score_icon.png);
}

#portal_overview .hs-cohorts .content .left .chart .body {
  margin-top: 50px;
  position: relative;
}

#portal_overview .hs-cohorts .content .left .chart .body svg {
  margin-top: -50px;
  position: absolute;
}

#portal_overview .hs-cohorts .content .right {
  padding-left: 40px;
  float: left;
  width: 40%;
}

#portal_overview .hs-cohorts .content .right .nav-bar li {
  display: inline-block;
  margin-right: 25px;
}

#portal_overview .hs-cohorts .content .right .nav-bar li a {
  font-size: 1.8rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  display: block;
  color: #777;
  text-decoration: none;
}

#portal_overview .hs-cohorts .content .right .nav-bar li a:hover {
  color: #ff7a00;
}

#portal_overview .hs-cohorts .content .right .nav-bar li.active {
  border-bottom: #ff7a00 solid 1px;
  padding-bottom: 4px;
}

#portal_overview .hs-cohorts .content .right .nav-bar li.active a {
  color: #ff7a00;
  pointer-events: none;
}

#portal_overview .hs-cohorts .content .right .tab {
  color: #777;
  position: relative;
  margin-top: 40px;
}

#portal_overview .hs-cohorts .content .right .tab .divider-v {
  width: 3px;
  position: absolute;
  background: #c9c9c7;
  left: 65%;
  top: 25px;
  bottom: 22px;
}

#portal_overview .hs-cohorts .content .right .tab .tab-row .key {
  font-size: 1.8rem;
  font-family: OpenSansLight;
  font-weight: normal;
  float: left;
  width: 55%;
  text-align: right;
  padding: 23px 0;
}

#portal_overview .hs-cohorts .content .right .tab .tab-row .val {
  font-size: 2.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin-left: 55%;
  padding: 20px 0 20px 50px;
}

#portal_overview .hs-cohorts .content .right .tab .tab-row .val .grow-icon {
  display: inline-block;
  margin-left: 5px;
}

#portal_overview .hs-cohorts .content .right .tab .tab-row .val.up .grow-icon {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 17px 10px;
  border-color: transparent transparent #009900 transparent;
}

#portal_overview .hs-cohorts .content .right .tab .tab-row .val.down .grow-icon {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 17px 10px 0 10px;
  border-color: #ff0026 transparent transparent transparent;
}

#portal_overview .track-topics-breakdown .title {
  min-height: 49px;
}

#portal_overview .track-topics-breakdown .title .icon {
  width: 44px;
  height: 49px;
  background: url("/static/img/portal/overview/track_topics_breakdown_icon.png");
}

#portal_overview .track-topics-breakdown .content {
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#portal_overview .track-topics-breakdown .content .tab-header {
  color: #00aaea;
  margin: 50px 0 30px 0;
  padding-left: 60px;
}

#portal_overview .track-topics-breakdown .content .tab-row {
  padding: 16px 0 16px 60px;
  color: #777;
  font-weight: 500;
}

#portal_overview .track-topics-breakdown .content .tab-row:nth-child(even) {
  background: #fdfcf9;
}

#portal_overview .track-topics-breakdown .content .key {
  display: inline-block;
  width: 44%;
  float: left;
}

#portal_overview .track-topics-breakdown .content .val {
  display: inline-block;
  text-align: center;
}

#portal_baseline {
  padding: 0 15px 0 25px;
}

#portal_baseline svg {
  width: 100%;
  height: 100%;
}

#portal_baseline path.slice {
  stroke-width: 2px;
}

#portal_baseline polyline {
  opacity: 0.3;
  stroke: black;
  stroke-width: 2px;
  fill: none;
}

#portal_baseline .clearfix {
  clear: both;
}

#portal_baseline .section {
  margin-left: 20px;
}

#portal_baseline .divider {
  border-color: #e4e4e2;
  margin: 60px 0;
}

#portal_baseline .half-divider {
  border-color: #e4e4e2;
  margin-top: 60px;
}

#portal_baseline .title {
  font-family: OpenSansRegular;
}

#portal_baseline .title .icon {
  position: absolute;
}

#portal_baseline .title .text {
  margin-left: 75px;
}

#portal_baseline .title .label {
  color: #ff7a00;
  font-size: 21px;
}

#portal_baseline .happiness-index .title {
  line-height: 45px;
  min-height: 65px;
}

#portal_baseline .happiness-index .title .icon {
  width: 67px;
  height: 65px;
  background: url("/static/img/portal/overview/icon_initial_score.png") no-repeat left center;
  background-size: 50px;
}

#portal_baseline .happiness-index .content {
  padding-top: 20px;
}

#portal_baseline .happiness-index .content .title {
  font-size: 2.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#portal_baseline .happiness-index .content .left {
  width: 50%;
  float: left;
}

#portal_baseline .happiness-index .content .left #baseline-hi-pie {
  position: relative;
  width: 400px;
  height: 400px;
  margin-top: -3rem;
}

#portal_baseline .happiness-index .content .right {
  margin-left: 50%;
}

#portal_baseline .happiness-index .content .right .legend {
  text-align: left;
  width: 360px;
  color: #777;
  font-family: OpenSansRegular;
}

#portal_baseline .happiness-index .content .right .legend .title-label {
  font-size: 16px;
  margin-bottom: 17px;
  font-weight: 600;
}

#portal_baseline .happiness-index .content .right .legend .row-old .text {
  margin-left: 25px;
}

#portal_baseline .happiness-index .content .right .legend .row-old .text .label {
  font-size: 13px;
  margin-bottom: 4px;
}

#portal_baseline .happiness-index .content .right .legend .row-old .text .description {
  font-size: 12px;
}

#portal_baseline .happiness-index .content .right .legend .row-old + .row-old {
  margin-top: 10px;
}

#portal_baseline .happiness-index .content .right .legend .row-old .point {
  width: 14px;
  height: 14px;
  background: black;
  float: left;
  margin-top: 3px;
  border-radius: 50%;
}

#portal_baseline .happiness-index .content .right .legend .row-old.severe .point {
  background: #f70037;
}

#portal_baseline .happiness-index .content .right .legend .row-old.moderate .point {
  background: #f87d27;
}

#portal_baseline .happiness-index .content .right .legend .row-old.mild .point {
  background: #fac235;
}

#portal_baseline .happiness-index .content .right .legend .row-old.none .point {
  background: #22a523;
}

#portal_baseline .demographics .title {
  line-height: 45px;
  min-height: 51px;
}

#portal_baseline .demographics .title .icon {
  width: 80px;
  height: 51px;
  background: url("/static/img/portal/overview/icon_demographics.png") no-repeat left center;
  background-size: 50px;
}

#portal_baseline .demographics .content {
  color: #777;
}

#portal_baseline .demographics .content .title {
  font-size: 2.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin-top: 1rem;
}

#portal_baseline .demographics .content .left {
  width: 50%;
  float: left;
}

#portal_baseline .demographics .content .left #baseline-gender-pie {
  position: relative;
  width: 400px;
  height: 400px;
  margin-top: -2rem;
}

#portal_baseline .demographics .content .right {
  padding-left: 40px;
  float: left;
  width: 50%;
}

#portal_baseline .demographics .content .right #baseline-age-pie {
  position: relative;
  width: 400px;
  height: 400px;
  margin-top: -2rem;
}

#portal_recommender_assessment {
  padding: 0 15px 0 45px;
}

#portal_recommender_assessment .title {
  min-height: 55px;
  font-family: OpenSansRegular;
}

#portal_recommender_assessment .title .icon {
  position: absolute;
  background: url(/static/img/portal/icon_lamp.png);
  width: 37px;
  height: 55px;
}

#portal_recommender_assessment .title .text {
  margin-left: 82px;
}

#portal_recommender_assessment .title .text .label {
  color: #ff7a00;
  font-size: 21px;
}

#portal_recommender_assessment .title .text .sub {
  color: #777;
  font-size: 15px;
}

#portal_recommender_assessment .content {
  padding: 40px 0 165px 0;
}

#portal_recommender_assessment .content .section {
  margin-bottom: 85px;
}

#portal_recommender_assessment .content .section#gender .chart-semiround {
  margin-top: -40px;
}

#portal_recommender_assessment .content .section#meditation .chart-semiround {
  margin-top: -40px;
}

#portal_recommender_assessment .content .section .section-title {
  font-size: 2.2rem;
  font-family: OpenSansLight;
  font-weight: normal;
}

#portal_recommender_assessment .content .section .chart-semiround {
  margin: 0 auto;
  width: 690px;
}

#portal_recommender_assessment .content .section .charts {
  position: relative;
  margin-top: 40px;
}

#portal_recommender_assessment .content .section .charts .divider {
  position: absolute;
  width: 1px;
  height: 100%;
  background: #dddddd;
  top: 0;
  left: 229px;
}

#portal_recommender_assessment .content .section .charts .bar-chart {
  margin-bottom: 28px;
}

#portal_recommender_assessment .content .section .charts .bar-chart .label {
  width: 230px;
  text-align: right;
  padding-right: 25px;
  height: 25px;
  float: left;
  line-height: 25px;
  font-size: 1.9rem;
  font-family: OpenSansLight;
  font-weight: normal;
}

#portal_recommender_assessment .content .section .charts .bar-chart .progressbar {
  width: 480px;
  background: #00aaea;
  height: 25px;
  display: inline-block;
  float: left;
}

#portal_recommender_assessment .content .section .charts .bar-chart .percent {
  margin-left: 20px;
  font-size: 1.6rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  line-height: 25px;
}

#portal_recommender_assessment #multisection-dropdown {
  position: inherit;
}

#portal_recommender_assessment #multisection-dropdown .dropdown-btn {
  width: 280px;
  height: 50px;
  padding: 14px 20px;
  font-size: 2.2rem;
  font-family: OpenSansLight;
  font-weight: normal;
  line-height: 18px;
}

#portal_recommender_assessment #multisection-dropdown .dropdown-content {
  min-width: 280px;
}

#portal_recommender_assessment #multisection-dropdown .dropdown-content a {
  font-size: 2.2rem;
  font-family: OpenSansLight;
  font-weight: normal;
}

#portal_campaigns {
  position: relative;
}

#portal_campaigns *:not(input) {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#portal_campaigns .options {
  color: #372f2b;
  font-size: 1.8rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  line-height: 24px;
}

#portal_campaigns #portal_campaign_tip {
  width: 265px;
  position: absolute;
  z-index: 999;
  overflow: hidden;
}

#portal_campaigns #portal_campaign_tip .tip-inner {
  width: 265px;
  min-height: 200px;
  background: white;
  position: relative;
  border-radius: 5px;
  background-clip: padding-box;
  border: 1px solid #CAC9C6;
  padding: 20px 20px 30px;
}

#portal_campaigns #portal_campaign_tip .tip-inner .links-section {
  width: 85%;
  height: 20px;
  position: absolute;
  bottom: 15px;
}

#portal_campaigns #portal_campaign_tip .tip-inner .links-section .link {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
  text-decoration: underline;
}

#portal_campaigns #portal_campaign_tip .tip-inner .links-section .link.left {
  float: left;
}

#portal_campaigns #portal_campaign_tip .tip-inner .links-section .link.right {
  float: right;
}

#portal_campaigns #portal_campaign_tip .tip-inner .links-section .link:hover {
  color: #ff7a00;
}

#portal_campaigns #portal_campaign_tip .tip-inner .title {
  color: #00aaea;
  font-size: 1.6rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
}

#portal_campaigns #portal_campaign_tip .tip-inner p {
  font-size: 1.3rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#portal_campaigns #portal_campaign_tip .tip-inner.bottom {
  top: 17px;
}

#portal_campaigns #portal_campaign_tip .tip-inner.bottom:before {
  top: -34px;
}

#portal_campaigns #portal_campaign_tip .tip-inner.top:before {
  bottom: -34px;
  border-color: #fff transparent transparent;
}

#portal_campaigns #portal_campaign_tip .tip-inner:before {
  left: 50%;
  margin-left: -20px;
  z-index: 2;
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 17px;
  border-color: transparent transparent #fff;
}

#portal_campaigns #portal_campaign_tip .tip-inner:after {
  border-style: solid;
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  z-index: 1;
}

#portal_campaigns #portal_campaign_tip .tip-inner.bottom:after {
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #CAC9C6;
  border-width: 19px;
  left: 50%;
  margin-left: -22px;
  top: -38px;
}

#portal_campaigns #portal_campaign_tip .tip-inner.top:after {
  border-color: #CAC9C6 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  bottom: -36px;
  border-width: 18px;
  left: 50%;
  margin-left: -21px;
}

#portal_campaigns .content-container .landing-ready {
  background: #D3F3FF;
}

#portal_campaigns .content-container .top_section {
  padding: 5px 0 0 11px;
}

#portal_campaigns .content-container .top_section .button {
  position: relative;
  top: -2px;
}

#portal_campaigns .content-container .top_section .options {
  position: relative;
  top: 7px;
  width: 20%;
}

#portal_campaigns .content-container .top_section .reminder {
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  line-height: 40px;
  font-weight: normal;
  margin: 20px 0 10px;
}

#portal_campaigns .content-container .top_section .reminder span {
  margin: 0 10px 0 0;
}

#portal_campaigns .content-container .top_section .reminder span.last {
  margin: 0 0 0 10px;
}

#portal_campaigns .content-container .top_section .recipients {
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  line-height: 40px;
  font-weight: normal;
  margin-left: 25px;
}

#portal_campaigns .content-container .top_section .recipients .error {
  font-size: 1.3rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: red;
  line-height: 24px;
  margin-left: 100px;
}

#portal_campaigns .content-container .top_section .recipients input {
  height: 40px;
  width: 820px;
  padding: 5px 20px;
  margin-left: 15px;
}

#portal_campaigns .content-container .campaigns_section {
  margin: 70px auto 0;
}

#portal_campaigns .content-container .campaigns_section .description {
  color: #777;
  font-size: 1.8rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  line-height: 22px;
  margin-bottom: 10px;
}

#portal_campaigns .content-container .calendar-container {
  position: relative;
}

#portal_campaigns .content-container .calendar-container .arrow {
  width: 23px;
  height: 41px;
  position: absolute;
  top: 260px;
  cursor: pointer;
}

#portal_campaigns .content-container .calendar-container .arrow.left {
  left: -33px;
  background: url('/static/img/portal/campaigns/arrow_left.png');
}

#portal_campaigns .content-container .calendar-container .arrow.right {
  right: -32px;
  background: url('/static/img/portal/campaigns/arrow_right.png');
}

#portal_campaigns .content-container .calendar {
  width: 932px;
  height: 600px;
  margin: 15px 0 30px;
  overflow: hidden;
}

#portal_campaigns .content-container .calendar .calendar-inner {
  width: 1864px;
  position: relative;
  left: 0;
}

#portal_campaigns .content-container .calendar .calendar-inner .current_year {
  vertical-align: top;
  float: left;
  width: 932px;
}

#portal_campaigns .content-container .calendar .calendar-inner .next_year {
  vertical-align: top;
  float: left;
  width: 932px;
}

#portal_campaigns .content-container .calendar .year {
  color: #372f2b;
  font-size: 2.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin-bottom: 5px;
}

#portal_campaigns .content-container .calendar .month {
  width: 233px;
  height: 165px;
  vertical-align: top;
  float: left;
  border: 1px solid #d7d7d2;
  font-size: 1.5rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
  padding: 3px 8px;
}

#portal_campaigns .content-container .calendar .month .campaign {
  margin-top: 2px;
  margin-left: 1px;
}

#portal_campaigns .content-container .calendar .month .campaign:first-child {
  margin-top: 5px;
}

#portal_campaigns .content-container .calendar .month.current {
  background: #FFEBD8;
}

#portal_campaigns .content-container .calendar .month.landing-ready {
  background: #D3F3FF;
}

#portal_campaigns .content-container .dynamic {
  min-height: 95px;
  width: 100%;
  position: relative;
  margin: 15px 0;
}

#portal_campaigns .content-container .dynamic #campaigns-container {
  min-height: 70px;
  width: 100%;
  position: absolute;
  padding-bottom: 20px;
  top: 0;
  left: 0;
}

#portal_campaigns .content-container .dynamic #campaigns-container .clearfix {
  width: 1px;
  height: 50px;
  display: inline-block;
  vertical-align: top;
  margin: 15px 0 0 -3px;
}

#portal_campaigns .content-container .campaign {
  position: relative;
  outline: none;
  vertical-align: bottom;
  margin: 10px 10px 0 0;
  opacity: 1;
  cursor: pointer;
  left: 0;
  top: 0;
  -khtml-user-drag: element;
  -webkit-user-drag: element;
}

#portal_campaigns .content-container .campaign img {
  height: auto;
  width: 204px;
}

#portal_campaigns .content-container .campaign.dragging {
  opacity: 0;
}

#portal_campaigns .content-container .campaign.drag_ready {
  left: 3px;
  top: -3px;
}

/* LOCALE RELATED */

html[lang=fr] #portal_campaign_tip .tip-inner .links-section {
  line-height: 10px;
}

html[lang=fr] #portal_campaign_tip .tip-inner .links-section .link {
  font-size: 10px !important;
}

html[lang=de] #portal_campaign_tip .tip-inner .links-section {
  line-height: 12px;
}

html[lang=de] #portal_campaign_tip .tip-inner .links-section .link {
  font-size: 12px !important;
}

.dropdown-container {
  position: relative;
  display: inline-block;
  vertical-align: top;
}

.dropdown-container .dropdown {
  position: relative;
}

.dropdown-container .dropdown .dropdown-body {
  border: 1px solid #d7d7d2;
  cursor: pointer;
  border-radius: 5px;
  padding: 10px;
  font-size: 1.4rem;
  font-family: OpenSansBold;
  font-weight: normal;
  color: #777;
  height: 40px;
}

.dropdown-container .dropdown .dropdown-body .triangle-icon {
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #8e8e8c;
  border-bottom: none;
  float: right;
  margin: 7px 8px 0 0;
}

.dropdown-container .dropdown .dropdown-body.open .triangle-icon {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #8e8e8c;
  border-top: none;
}

.dropdown-container .dropdown .dropdown-content {
  z-index: 9999;
  display: none;
  position: absolute;
  background-color: white;
  -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
}

.dropdown-container .dropdown .dropdown-content a {
  padding: 10px;
  font-size: 1.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #777;
}

.dropdown-container .dropdown .dropdown-content span {
  padding: 10px;
  font-size: 1.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #999;
  display: inline-block;
}

#portal_campaigns .dropdown-container {
  min-width: 150px;
}

#portal_campaigns .dropdown-container .dropdown .dropdown-body {
  width: 150px;
  line-height: normal;
  font-size: 1.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
}

#portal_campaigns .dropdown-container .dropdown .dropdown-content {
  min-width: 150px;
}

#portal_resources .dropdown-container {
  min-width: 225px;
}

#portal_resources .dropdown-container .dropdown .dropdown-body {
  width: 225px;
}

#portal_resources .dropdown-container .dropdown .dropdown-content {
  min-width: 225px;
  max-height: 311px;
  overflow-y: scroll;
}

.ov_inner .ov_content .dropdown-container {
  width: 321px;
  top: 9px;
}

.ov_inner .ov_content .dropdown-container .dropdown .dropdown-body {
  width: 321px;
}

.ov_inner .ov_content .dropdown-container .dropdown .dropdown-content {
  min-width: 321px;
}

#portal_strength_in_action {
  position: relative;
  margin-left: 90px;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
}

#portal_strength_in_action .sia_charts_block {
  position: relative;
  width: 900px;
  height: 335px;
  margin-top: 60px;
  margin-left: -78px;
}

#portal_strength_in_action .title_icon_sia {
  position: absolute;
  width: 42px;
  height: 48px;
  top: -6px;
  left: -60px;
  background: url(/static/img/portal/icon_sheld.png);
  background-repeat: no-repeat;
}

#portal_strength_in_action .arrow_block {
  position: relative;
  width: 13px;
  height: 335px;
  float: left;
}

#portal_strength_in_action .arrow_block.right {
  width: 30px;
}

#portal_strength_in_action .arrow_block .chart_arrow {
  position: absolute;
  cursor: pointer;
  width: 13px;
  height: 22px;
  top: 123px;
}

#portal_strength_in_action .arrow_block .chart_arrow.right {
  right: 0;
  background: url(/static/img/portal/arrow_right.png) no-repeat;
}

#portal_strength_in_action .arrow_block .chart_arrow.left {
  left: 0;
  background: url(/static/img/portal/arrow_left.png) no-repeat;
}

#portal_strength_in_action .chart_body {
  position: relative;
  float: left;
  overflow: hidden;
  margin: auto;
  width: 760px;
  height: 335px;
}

#portal_strength_in_action .chart_body .sia_main_chart {
  position: absolute;
  top: 0;
  left: 0;
}

#portal_strength_in_action .yaxis_block {
  position: relative;
  float: left;
  width: 60px;
  height: 335px;
  color: #ff7a00;
}

#portal_strength_in_action .yaxis_block .yaxis_name {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  white-space: nowrap;
  margin: auto;
  height: 30px;
  width: 20px;
  display: block;
  top: 125px;
  left: 25px;
  position: absolute;
}

#portal_strength_in_action .yaxis_scale {
  position: relative;
  float: left;
  width: 30px;
  height: 335px;
  color: #777;
}

#portal_strength_in_action .yaxis_scale .number {
  position: absolute;
  top: 0;
}

#portal_strength_in_action .yaxis_scale .number.one {
  top: 211px;
}

#portal_strength_in_action .yaxis_scale .number.two {
  top: 166px;
}

#portal_strength_in_action .yaxis_scale .number.free {
  top: 121px;
}

#portal_strength_in_action .yaxis_scale .number.fore {
  top: 76px;
}

#portal_strength_in_action .yaxis_scale .number.five {
  top: 31px;
}

#portal_strength_in_action .tooltip {
  background: #ffffff;
  border: solid 1px #ddd;
  display: none;
  position: absolute;
  top: -18px;
  left: 18px;
  width: 215px;
  padding: 15px 20px;
  text-align: left;
  border-radius: 4px;
}

#portal_strength_in_action .tooltip .tooltip_arrow {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  width: 25px;
  height: 25px;
  border-bottom: solid 1px #ddd;
  border-left: solid 1px #ddd;
  border-radius: 0 100% 0 0;
  left: -13.5px;
  top: 15px;
  background: #ffffff;
}

#portal_strength_in_action .tooltip h3 {
  margin: 0 0 4px 0;
  color: #ff7a00;
  font-size: 1.5rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
}

#portal_strength_in_action .tooltip p {
  font-size: 1.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
  margin: 0;
  line-height: 1.8;
}

#portal_add_edit_patient_modal {
  max-width: 560px;
  padding: 30px 60px 35px;
}

#portal_add_edit_patient_modal h1 {
  color: #ff7a00;
  text-align: center;
  margin-bottom: 35px;
}

#portal_add_edit_patient_modal .field label {
  display: block;
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin-bottom: 5px;
}

#portal_add_edit_patient_modal .field input,
#portal_add_edit_patient_modal .field select,
#portal_add_edit_patient_modal .field option {
  height: 40px;
  padding: 0 11px;
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#portal_add_edit_patient_modal .field input {
  width: 100%;
}

#portal_add_edit_patient_modal .field input.error {
  border-color: #ff3131;
}

#portal_add_edit_patient_modal .field + .field {
  margin-top: 20px;
}

#portal_add_edit_patient_modal .field .error-label,
#portal_add_edit_patient_modal .field .birth-date-error {
  color: #ff3131;
  margin-top: 5px;
}

#portal_add_edit_patient_modal .field .birth-date-picker select {
  border: 1px solid #d7d7d2;
  border-radius: 3px;
  background-clip: padding-box;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

#portal_add_edit_patient_modal .field .birth-date-picker select:not(:last-child) {
  margin-right: 10px;
}

#portal_add_edit_patient_modal .buttons-wrapper {
  margin-top: 40px;
  text-align: center;
}

#portal_add_edit_patient_modal .buttons-wrapper button {
  text-transform: uppercase;
}

#portal_add_edit_patient_modal .buttons-wrapper button#btn-save {
  min-width: 140px;
}

#portal_add_edit_patient_modal .buttons-wrapper button#btn-save-n-send {
  min-width: 200px;
}

#portal_add_edit_patient_modal .buttons-wrapper button + button {
  margin-left: 15px;
}

#portal_patients .content-container .top-button-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-bottom: 30px;
}

#portal_patients .content-container .top-button-wrapper button {
  text-transform: uppercase;
}

#portal_patients .content-container .filter-by {
  margin-bottom: 28px;
}

#portal_patients .content-container .filter-by .label {
  font-size: 1.5rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  vertical-align: middle;
  margin-right: 20px;
}

#portal_patients .content-container .filter-by .item {
  display: inline-block;
  text-decoration: none;
}

#portal_patients .content-container .filter-by .item .checkbox {
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid #d7d7d2;
  border-radius: 3px;
  margin-right: 5px;
  vertical-align: middle;
}

#portal_patients .content-container .filter-by .item .checkbox-label {
  font-size: 1.5rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  vertical-align: middle;
  text-decoration: none;
  color: #777;
}

#portal_patients .content-container .filter-by .item.checked .checkbox {
  background: url("/static/img/check_icon.png") no-repeat center;
}

#portal_patients .content-container .filter-by .item + .item {
  margin-left: 30px;
}

#portal_patients .content-container .search-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#portal_patients .content-container .search-wrapper .search-inputs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#portal_patients .content-container .search-wrapper .search-inputs input {
  width: 550px;
  height: 50px;
  border: 1px #d7d7d2 solid;
  border-radius: 5px 0 0 5px;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0 15px;
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
}

#portal_patients .content-container .search-wrapper .search-inputs .search-by-listbox-wrapper #search-by-listbox #search-by-listbox-listbox-button {
  border: 1px #d7d7d2 solid;
  border-left: 0;
  border-radius: 0 5px 5px 0;
  padding: 14px;
  font-size: 1.4rem;
  font-family: OpenSansLight;
  font-weight: normal;
  color: #777;
  width: 180px;
  text-align: left;
  height: 50px;
}

#portal_patients .content-container .search-wrapper .search-inputs .search-by-listbox-wrapper #search-by-listbox #search-by-listbox-listbox-button .button-label {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 129px;
  display: inline-block;
}

#portal_patients .content-container .search-wrapper .search-inputs .search-by-listbox-wrapper #search-by-listbox #search-by-listbox-listbox-button .arrow {
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #8e8e8c;
  float: right;
  margin: 7px 8px 0 0;
}

#portal_patients .content-container .search-wrapper .search-inputs .search-by-listbox-wrapper #search-by-listbox #search-by-listbox-listbox {
  position: absolute;
  -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
  min-width: 180px;
  font-size: 1.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #777;
  z-index: 1;
}

#portal_patients .content-container .search-wrapper .search-inputs .search-by-listbox-wrapper #search-by-listbox #search-by-listbox-listbox li {
  background-color: white;
  padding: 10px;
  cursor: pointer;
}

#portal_patients .content-container .search-wrapper .search-inputs .search-by-listbox-wrapper #search-by-listbox #search-by-listbox-listbox li:nth-child(2n) {
  background-color: #f9f9f9;
}

#portal_patients .content-container .search-wrapper .search-inputs .search-by-listbox-wrapper #search-by-listbox #search-by-listbox-listbox li:hover,
#portal_patients .content-container .search-wrapper .search-inputs .search-by-listbox-wrapper #search-by-listbox #search-by-listbox-listbox li:focus,
#portal_patients .content-container .search-wrapper .search-inputs .search-by-listbox-wrapper #search-by-listbox #search-by-listbox-listbox li.focused {
  background-color: #f1f1f1;
}

#portal_patients .content-container .search-wrapper #page_select_ui {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#portal_patients .content-container .table-wrapper {
  border-top: 1px solid #d7d7d2;
}

#portal_patients .content-container .table-wrapper #patients-table {
  display: table;
  width: 100%;
  border-collapse: collapse;
  margin: 30px 0 80px;
  position: relative;
}

#portal_patients .content-container .table-wrapper #patients-table .tab-row {
  display: table-row;
  font-size: 1.5rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
  height: 55px;
}

#portal_patients .content-container .table-wrapper #patients-table .tab-row:nth-child(2n) {
  background-color: #fdfcf9;
}

#portal_patients .content-container .table-wrapper #patients-table .tab-row.head-row {
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #00aaea;
  height: 60px;
}

#portal_patients .content-container .table-wrapper #patients-table .tab-row.head-row .tab-cell.view {
  text-align: center;
}

#portal_patients .content-container .table-wrapper #patients-table .tab-row.head-row .tab-cell.userpic {
  min-width: 55px;
}

#portal_patients .content-container .table-wrapper #patients-table .tab-row .tab-cell {
  display: table-cell;
  vertical-align: middle;
  padding: 0 10px;
}

#portal_patients .content-container .table-wrapper #patients-table .tab-row .tab-cell.edit-user {
  text-align: center;
}

#portal_patients .content-container .table-wrapper #patients-table .tab-row .tab-cell.edit-user button.edit-icon {
  border-radius: 0;
  vertical-align: middle;
}

#portal_patients .content-container .table-wrapper #patients-table .tab-row .tab-cell.view button {
  line-height: normal;
  width: 100%;
  height: 55px;
}

#portal_patients .content-container .table-wrapper #patients-table .tab-row .tab-cell.view button svg {
  width: 18px;
  height: 20px;
  fill: #777;
  vertical-align: middle;
}

#portal_patients .content-container .table-wrapper #patients-table .tab-row .tab-cell.view button:hover svg,
#portal_patients .content-container .table-wrapper #patients-table .tab-row .tab-cell.view button:focus svg {
  fill: #ff7a00;
}

#portal_patients .content-container .table-wrapper #patients-table .tab-row .tab-cell.suicide_risk {
  text-align: center;
  vertical-align: middle;
}

#portal_patients .content-container .table-wrapper #patients-table .tab-row .tab-cell.suicide_risk .btn-patient-details {
  padding: 0 10px;
}

#portal_patients .content-container .table-wrapper #patients-table .tab-row .tab-cell.suicide_risk svg {
  height: 20px;
}

#portal_patients .content-container .table-wrapper #patients-table .tab-row .tab-cell .edit-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("/static/img/portal/users/icon_pencil.png") no-repeat;
  background-size: cover;
}

#portal_patient_info .section .section-title {
  margin-bottom: 25px;
}

#portal_patient_info .section .section-title .icon-wrapper {
  display: inline-block;
  width: 65px;
  padding-right: 15px;
}

#portal_patient_info .section .section-title .icon-wrapper img {
  max-width: 100%;
}

#portal_patient_info .section .section-title h2 {
  color: #ff7a00;
  display: inline-block;
  font-size: 2.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#portal_patient_info .section .section-content-wrapper {
  padding-left: 70px;
}

#portal_patient_info .section.patient-adherence-wrapper {
  padding-bottom: 70px;
}

#portal_patient_info .section.patient-adherence-wrapper .section-content-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#portal_patient_info .section.patient-adherence-wrapper .section-content-wrapper .num-activities-chart {
  width: 50%;
  margin-top: 20px;
}

#portal_patient_info .section.patient-adherence-wrapper .section-content-wrapper .num-activities-chart.left {
  padding-right: 20px;
}

#portal_patient_info .section.patient-adherence-wrapper .section-content-wrapper .num-activities-chart.right {
  padding-left: 20px;
}

#portal_patient_info .section.patient-adherence-wrapper .section-content-wrapper .num-activities-chart .title {
  font-size: 1.8rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  margin-bottom: 30px;
}

#portal_patient_info .section.patient-adherence-wrapper .section-content-wrapper .num-activities-chart .chart-wrapper .value-wrapper {
  display: inline-block;
  text-align: center;
  margin-bottom: 5px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

#portal_patient_info .section.patient-adherence-wrapper .section-content-wrapper .num-activities-chart .chart-wrapper .value-wrapper .val {
  font-size: 2rem;
  font-family: OpenSansBold;
  font-weight: normal;
}

#portal_patient_info .section.patient-adherence-wrapper .section-content-wrapper .num-activities-chart .chart-wrapper .value-wrapper .arrow {
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 7px solid #777;
  margin: 0 auto;
}

#portal_patient_info .section.patient-adherence-wrapper .section-content-wrapper .num-activities-chart .chart-wrapper .progressbar-wrapper {
  position: relative;
}

#portal_patient_info .section.patient-adherence-wrapper .section-content-wrapper .num-activities-chart .chart-wrapper .progressbar-wrapper .background,
#portal_patient_info .section.patient-adherence-wrapper .section-content-wrapper .num-activities-chart .chart-wrapper .progressbar-wrapper .foreground {
  height: 15px;
}

#portal_patient_info .section.patient-adherence-wrapper .section-content-wrapper .num-activities-chart .chart-wrapper .progressbar-wrapper .background {
  width: 100%;
  background-color: #f4d420;
  position: absolute;
}

#portal_patient_info .section.patient-adherence-wrapper .section-content-wrapper .num-activities-chart .chart-wrapper .progressbar-wrapper .foreground {
  width: 50%;
  background-color: #55b82e;
  position: absolute;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 50%;
}

#portal_patient_info .section.patient-adherence-wrapper .section-content-wrapper .num-activities-chart .chart-wrapper .progressbar-wrapper .foreground .val {
  padding-top: 15px;
  font-size: 1.7rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#portal_patient_info .section.patient-adherence-wrapper .section-content-wrapper .num-activities-chart .chart-wrapper .progressbar-wrapper .foreground .start-val {
  float: left;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

#portal_patient_info .section.patient-adherence-wrapper .section-content-wrapper .num-activities-chart .chart-wrapper .progressbar-wrapper .foreground .final-val {
  float: right;
  -webkit-transform: translateX(50%);
  -ms-transform: translateX(50%);
  transform: translateX(50%);
}

#portal_patient_info .content-container .userdata-row + .userdata-row {
  margin-top: 5px;
}

#portal_patient_info .content-container .userdata-row label {
  font-size: 1.6rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  margin-right: 5px;
}

#portal_patient_info .content-container .userdata-row .val {
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#portal_patient_info .content-container .patient-details-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 40px 0 0;
}

#portal_patient_info .content-container .patient-details-wrapper .userpic-section-wrapper {
  width: 150px;
}

#portal_patient_info .content-container .patient-details-wrapper .user-data-section-wrapper {
  width: calc(100% - 150px);
}

#portal_patient_info .content-container .patient-details-wrapper .user-data-section-wrapper .userdata-row.username .val {
  font-size: 2.2rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
}

#portal_patient_info .content-container .patient-details-wrapper .user-data-section-wrapper .userdata-row.date_of_birth {
  margin-top: 10px;
}

#portal_patient_info .content-container .patient-details-wrapper .user-data-section-wrapper .userdata-row.suicide-risk {
  margin-top: 20px;
}

#portal_patient_info .content-container .patient-details-wrapper .user-data-section-wrapper .userdata-row.suicide-risk .val.yes {
  color: #ff3131;
}

#portal_patient_info .content-container .patient-details-wrapper .user-data-section-wrapper .suicide-risk-table-wrapper {
  padding: 10px 0;
}

#portal_patient_info .content-container .patient-details-wrapper .user-data-section-wrapper .suicide-risk-table-wrapper .div-table {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#portal_patient_info .content-container .patient-details-wrapper .user-data-section-wrapper .suicide-risk-table-wrapper .div-table .tab-row {
  height: 55px;
}

#portal_patient_info .content-container .patient-details-wrapper .user-data-section-wrapper .suicide-risk-table-wrapper .div-table .tab-row.head-row {
  color: #00aaea;
}

#portal_patient_info .content-container .patient-details-wrapper .user-data-section-wrapper .suicide-risk-table-wrapper .div-table .tab-row.head-row .tab-cell:first-child {
  width: 100px;
}

#portal_patient_info .content-container .patient-details-wrapper .user-data-section-wrapper .suicide-risk-table-wrapper .div-table .tab-row:nth-child(2n) {
  background-color: #fdfcf9;
}

#portal_patient_info .content-container .patient-details-wrapper .user-data-section-wrapper .suicide-risk-table-wrapper .div-table .tab-row .tab-cell {
  padding: 0 15px;
}

#portal_patient_info .content-container .charts-wrapper #chart-psychiatric-symptoms-wrapper {
  margin-bottom: 30px;
}

#portal_patient_info .content-container .charts-wrapper #chart-psychiatric-symptoms-wrapper #mental_health_symptoms_chart {
  padding-bottom: 0;
}

#portal_patient_info .content-container .charts-wrapper #chart-psychiatric-symptoms-wrapper #mental_health_symptoms_chart .happify-chart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

#portal_patient_info .content-container .charts-wrapper #chart-psychiatric-symptoms-wrapper #mental_health_symptoms_chart .happify-chart .chart-wrapper {
  width: calc(100% - 200px);
  position: relative;
}

#portal_patient_info .content-container .charts-wrapper #chart-psychiatric-symptoms-wrapper #mental_health_symptoms_chart .happify-chart .chart-wrapper .chart-arrow {
  position: absolute;
}

#portal_patient_info .content-container hr {
  border-top-color: #e4e4e2;
  margin: 60px 0;
}

#portal_patient_info .responses-link {
  float: right;
  margin-bottom: 70px;
  font-size: 1.8rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
}

#portal_patient_info .title-container {
  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;
}

#portal_patient_info .title-container .download-report-btn {
  float: right;
  font-size: 1.4rem;
  font-family: OpenSansBold;
  font-weight: normal;
  padding: 0 20px;
}

#portal_patient_info.pdf {
  margin-bottom: 50px;
}

#portal_patient_psychiatric_symptoms .content-container-wrapper .section {
  margin-bottom: 60px;
}

#portal_patient_psychiatric_symptoms .content-container-wrapper .section.phq9 {
  padding: 40px 0 0;
}

#portal_patient_psychiatric_symptoms .content-container-wrapper .section .table-wrapper {
  padding: 0 20px;
}

#portal_patient_psychiatric_symptoms .content-container-wrapper .section .table-wrapper .div-table {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#portal_patient_psychiatric_symptoms .content-container-wrapper .section .table-wrapper .div-table .tab-row {
  height: 55px;
}

#portal_patient_psychiatric_symptoms .content-container-wrapper .section .table-wrapper .div-table .tab-row.head-row {
  color: #00aaea;
  height: 70px;
}

#portal_patient_psychiatric_symptoms .content-container-wrapper .section .table-wrapper .div-table .tab-row.head-row .tab-cell:first-child {
  min-width: 120px;
}

#portal_patient_psychiatric_symptoms .content-container-wrapper .section .table-wrapper .div-table .tab-row:nth-child(2n) {
  background-color: #fdfcf9;
}

#portal_patient_psychiatric_symptoms .content-container-wrapper .section .table-wrapper .div-table .tab-row .tab-cell {
  padding: 10px 15px;
}

#portal_patient_psychiatric_symptoms .content-container-wrapper .section .table-wrapper .div-table .tab-row .tab-cell:nth-child(n+3) {
  text-align: center;
}

.program-scores_title {
  color: #777;
  font-size: 2.2rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  margin-bottom: 30px;
}

header.banner.application.portal [role="navigation"] a {
  font-family: OpenSansBold;
}

header.banner.application.portal [role="navigation"] a:hover,
header.banner.application.portal [role="navigation"] a.on {
  padding-bottom: 8px;
}

#portal_dashboard .read_only,
#portal_users .read_only,
#portal_resources .read_only,
#portal_settings .read_only,
#portal_user_roles_edit_modal .read_only,
#portal_user_roles_assign_modal .read_only,
#portal_user_add_update_edit_modal .read_only,
#portal_campaigns .read_only,
#portal_patients .read_only,
#portal_patient_info .read_only,
#portal_patient_psychiatric_symptoms .read_only {
  opacity: 0.5;
  pointer-events: none;
}

#portal_dashboard .hidden,
#portal_users .hidden,
#portal_resources .hidden,
#portal_settings .hidden,
#portal_user_roles_edit_modal .hidden,
#portal_user_roles_assign_modal .hidden,
#portal_user_add_update_edit_modal .hidden,
#portal_campaigns .hidden,
#portal_patients .hidden,
#portal_patient_info .hidden,
#portal_patient_psychiatric_symptoms .hidden {
  display: none !important;
}

#portal_dashboard .content.empty,
#portal_users .content.empty,
#portal_resources .content.empty,
#portal_settings .content.empty,
#portal_user_roles_edit_modal .content.empty,
#portal_user_roles_assign_modal .content.empty,
#portal_user_add_update_edit_modal .content.empty,
#portal_campaigns .content.empty,
#portal_patients .content.empty,
#portal_patient_info .content.empty,
#portal_patient_psychiatric_symptoms .content.empty {
  padding: 65px 0;
}

#portal_dashboard .title-container,
#portal_users .title-container,
#portal_resources .title-container,
#portal_settings .title-container,
#portal_user_roles_edit_modal .title-container,
#portal_user_roles_assign_modal .title-container,
#portal_user_add_update_edit_modal .title-container,
#portal_campaigns .title-container,
#portal_patients .title-container,
#portal_patient_info .title-container,
#portal_patient_psychiatric_symptoms .title-container {
  font-family: OpenSansLight;
  font-size: 18px;
  color: #777;
  padding: 17px 44px 17px;
  background: #f9f7f6;
  border-bottom: 1px solid #d7d7d2;
}

#portal_dashboard .content-container,
#portal_users .content-container,
#portal_resources .content-container,
#portal_settings .content-container,
#portal_user_roles_edit_modal .content-container,
#portal_user_roles_assign_modal .content-container,
#portal_user_add_update_edit_modal .content-container,
#portal_campaigns .content-container,
#portal_patients .content-container,
#portal_patient_info .content-container,
#portal_patient_psychiatric_symptoms .content-container {
  padding: 40px 44px 0;
  position: relative;
}

#portal_dashboard .content-container .current-tab,
#portal_users .content-container .current-tab,
#portal_resources .content-container .current-tab,
#portal_settings .content-container .current-tab,
#portal_user_roles_edit_modal .content-container .current-tab,
#portal_user_roles_assign_modal .content-container .current-tab,
#portal_user_add_update_edit_modal .content-container .current-tab,
#portal_campaigns .content-container .current-tab,
#portal_patients .content-container .current-tab,
#portal_patient_info .content-container .current-tab,
#portal_patient_psychiatric_symptoms .content-container .current-tab {
  padding-top: 65px;
  padding-bottom: 100px;
}

#portal_dashboard .groups-selector,
#portal_users .groups-selector,
#portal_resources .groups-selector,
#portal_settings .groups-selector,
#portal_user_roles_edit_modal .groups-selector,
#portal_user_roles_assign_modal .groups-selector,
#portal_user_add_update_edit_modal .groups-selector,
#portal_campaigns .groups-selector,
#portal_patients .groups-selector,
#portal_patient_info .groups-selector,
#portal_patient_psychiatric_symptoms .groups-selector {
  position: relative;
  display: inline-block;
}

#portal_dashboard .groups-selector.assign-role .groups-holder,
#portal_users .groups-selector.assign-role .groups-holder,
#portal_resources .groups-selector.assign-role .groups-holder,
#portal_settings .groups-selector.assign-role .groups-holder,
#portal_user_roles_edit_modal .groups-selector.assign-role .groups-holder,
#portal_user_roles_assign_modal .groups-selector.assign-role .groups-holder,
#portal_user_add_update_edit_modal .groups-selector.assign-role .groups-holder,
#portal_campaigns .groups-selector.assign-role .groups-holder,
#portal_patients .groups-selector.assign-role .groups-holder,
#portal_patient_info .groups-selector.assign-role .groups-holder,
#portal_patient_psychiatric_symptoms .groups-selector.assign-role .groups-holder {
  width: 650px;
}

#portal_dashboard .groups-selector.assign-role .groups-list,
#portal_users .groups-selector.assign-role .groups-list,
#portal_resources .groups-selector.assign-role .groups-list,
#portal_settings .groups-selector.assign-role .groups-list,
#portal_user_roles_edit_modal .groups-selector.assign-role .groups-list,
#portal_user_roles_assign_modal .groups-selector.assign-role .groups-list,
#portal_user_add_update_edit_modal .groups-selector.assign-role .groups-list,
#portal_campaigns .groups-selector.assign-role .groups-list,
#portal_patients .groups-selector.assign-role .groups-list,
#portal_patient_info .groups-selector.assign-role .groups-list,
#portal_patient_psychiatric_symptoms .groups-selector.assign-role .groups-list {
  min-width: 650px;
}

#portal_dashboard .groups-selector.assign-superspace .group-label,
#portal_users .groups-selector.assign-superspace .group-label,
#portal_resources .groups-selector.assign-superspace .group-label,
#portal_settings .groups-selector.assign-superspace .group-label,
#portal_user_roles_edit_modal .groups-selector.assign-superspace .group-label,
#portal_user_roles_assign_modal .groups-selector.assign-superspace .group-label,
#portal_user_add_update_edit_modal .groups-selector.assign-superspace .group-label,
#portal_campaigns .groups-selector.assign-superspace .group-label,
#portal_patients .groups-selector.assign-superspace .group-label,
#portal_patient_info .groups-selector.assign-superspace .group-label,
#portal_patient_psychiatric_symptoms .groups-selector.assign-superspace .group-label {
  background: #00aaea;
}

#portal_dashboard .groups-selector .groups-holder,
#portal_users .groups-selector .groups-holder,
#portal_resources .groups-selector .groups-holder,
#portal_settings .groups-selector .groups-holder,
#portal_user_roles_edit_modal .groups-selector .groups-holder,
#portal_user_roles_assign_modal .groups-selector .groups-holder,
#portal_user_add_update_edit_modal .groups-selector .groups-holder,
#portal_campaigns .groups-selector .groups-holder,
#portal_patients .groups-selector .groups-holder,
#portal_patient_info .groups-selector .groups-holder,
#portal_patient_psychiatric_symptoms .groups-selector .groups-holder {
  border: 1px solid #d7d7d2;
  border-radius: 5px;
  width: 693px;
  padding: 0 6px 6px 6px;
  margin-right: 10px;
  cursor: text;
}

#portal_dashboard .groups-selector .groups-holder .groups-selected .group-label,
#portal_users .groups-selector .groups-holder .groups-selected .group-label,
#portal_resources .groups-selector .groups-holder .groups-selected .group-label,
#portal_settings .groups-selector .groups-holder .groups-selected .group-label,
#portal_user_roles_edit_modal .groups-selector .groups-holder .groups-selected .group-label,
#portal_user_roles_assign_modal .groups-selector .groups-holder .groups-selected .group-label,
#portal_user_add_update_edit_modal .groups-selector .groups-holder .groups-selected .group-label,
#portal_campaigns .groups-selector .groups-holder .groups-selected .group-label,
#portal_patients .groups-selector .groups-holder .groups-selected .group-label,
#portal_patient_info .groups-selector .groups-holder .groups-selected .group-label,
#portal_patient_psychiatric_symptoms .groups-selector .groups-holder .groups-selected .group-label,
#portal_dashboard .groups-selector .groups-holder .groups-selected .groups-input,
#portal_users .groups-selector .groups-holder .groups-selected .groups-input,
#portal_resources .groups-selector .groups-holder .groups-selected .groups-input,
#portal_settings .groups-selector .groups-holder .groups-selected .groups-input,
#portal_user_roles_edit_modal .groups-selector .groups-holder .groups-selected .groups-input,
#portal_user_roles_assign_modal .groups-selector .groups-holder .groups-selected .groups-input,
#portal_user_add_update_edit_modal .groups-selector .groups-holder .groups-selected .groups-input,
#portal_campaigns .groups-selector .groups-holder .groups-selected .groups-input,
#portal_patients .groups-selector .groups-holder .groups-selected .groups-input,
#portal_patient_info .groups-selector .groups-holder .groups-selected .groups-input,
#portal_patient_psychiatric_symptoms .groups-selector .groups-holder .groups-selected .groups-input {
  margin-top: 6px;
}

#portal_dashboard .groups-selector .groups-holder .groups-selected,
#portal_users .groups-selector .groups-holder .groups-selected,
#portal_resources .groups-selector .groups-holder .groups-selected,
#portal_settings .groups-selector .groups-holder .groups-selected,
#portal_user_roles_edit_modal .groups-selector .groups-holder .groups-selected,
#portal_user_roles_assign_modal .groups-selector .groups-holder .groups-selected,
#portal_user_add_update_edit_modal .groups-selector .groups-holder .groups-selected,
#portal_campaigns .groups-selector .groups-holder .groups-selected,
#portal_patients .groups-selector .groups-holder .groups-selected,
#portal_patient_info .groups-selector .groups-holder .groups-selected,
#portal_patient_psychiatric_symptoms .groups-selector .groups-holder .groups-selected,
#portal_dashboard .groups-selector .groups-holder .groups-input,
#portal_users .groups-selector .groups-holder .groups-input,
#portal_resources .groups-selector .groups-holder .groups-input,
#portal_settings .groups-selector .groups-holder .groups-input,
#portal_user_roles_edit_modal .groups-selector .groups-holder .groups-input,
#portal_user_roles_assign_modal .groups-selector .groups-holder .groups-input,
#portal_user_add_update_edit_modal .groups-selector .groups-holder .groups-input,
#portal_campaigns .groups-selector .groups-holder .groups-input,
#portal_patients .groups-selector .groups-holder .groups-input,
#portal_patient_info .groups-selector .groups-holder .groups-input,
#portal_patient_psychiatric_symptoms .groups-selector .groups-holder .groups-input {
  display: inline-block;
}

#portal_dashboard .groups-selector .groups-holder input,
#portal_users .groups-selector .groups-holder input,
#portal_resources .groups-selector .groups-holder input,
#portal_settings .groups-selector .groups-holder input,
#portal_user_roles_edit_modal .groups-selector .groups-holder input,
#portal_user_roles_assign_modal .groups-selector .groups-holder input,
#portal_user_add_update_edit_modal .groups-selector .groups-holder input,
#portal_campaigns .groups-selector .groups-holder input,
#portal_patients .groups-selector .groups-holder input,
#portal_patient_info .groups-selector .groups-holder input,
#portal_patient_psychiatric_symptoms .groups-selector .groups-holder input {
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-family: OpenSansRegular;
  font-size: 16px;
  color: #777;
  padding: 2px;
  width: 100%;
}

#portal_dashboard .groups-selector .groups-list,
#portal_users .groups-selector .groups-list,
#portal_resources .groups-selector .groups-list,
#portal_settings .groups-selector .groups-list,
#portal_user_roles_edit_modal .groups-selector .groups-list,
#portal_user_roles_assign_modal .groups-selector .groups-list,
#portal_user_add_update_edit_modal .groups-selector .groups-list,
#portal_campaigns .groups-selector .groups-list,
#portal_patients .groups-selector .groups-list,
#portal_patient_info .groups-selector .groups-list,
#portal_patient_psychiatric_symptoms .groups-selector .groups-list {
  z-index: 1;
  display: none;
  position: absolute;
  background-color: white;
  -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
  min-width: 693px;
}

#portal_dashboard .groups-selector .groups-list a,
#portal_users .groups-selector .groups-list a,
#portal_resources .groups-selector .groups-list a,
#portal_settings .groups-selector .groups-list a,
#portal_user_roles_edit_modal .groups-selector .groups-list a,
#portal_user_roles_assign_modal .groups-selector .groups-list a,
#portal_user_add_update_edit_modal .groups-selector .groups-list a,
#portal_campaigns .groups-selector .groups-list a,
#portal_patients .groups-selector .groups-list a,
#portal_patient_info .groups-selector .groups-list a,
#portal_patient_psychiatric_symptoms .groups-selector .groups-list a {
  padding: 6px;
  display: block;
  float: left;
}

#portal_dashboard .groups-selector .groups-list a:hover,
#portal_users .groups-selector .groups-list a:hover,
#portal_resources .groups-selector .groups-list a:hover,
#portal_settings .groups-selector .groups-list a:hover,
#portal_user_roles_edit_modal .groups-selector .groups-list a:hover,
#portal_user_roles_assign_modal .groups-selector .groups-list a:hover,
#portal_user_add_update_edit_modal .groups-selector .groups-list a:hover,
#portal_campaigns .groups-selector .groups-list a:hover,
#portal_patients .groups-selector .groups-list a:hover,
#portal_patient_info .groups-selector .groups-list a:hover,
#portal_patient_psychiatric_symptoms .groups-selector .groups-list a:hover {
  background-color: #f1f1f1;
}

#portal_dashboard .groups-selector .groups-list a.hover,
#portal_users .groups-selector .groups-list a.hover,
#portal_resources .groups-selector .groups-list a.hover,
#portal_settings .groups-selector .groups-list a.hover,
#portal_user_roles_edit_modal .groups-selector .groups-list a.hover,
#portal_user_roles_assign_modal .groups-selector .groups-list a.hover,
#portal_user_add_update_edit_modal .groups-selector .groups-list a.hover,
#portal_campaigns .groups-selector .groups-list a.hover,
#portal_patients .groups-selector .groups-list a.hover,
#portal_patient_info .groups-selector .groups-list a.hover,
#portal_patient_psychiatric_symptoms .groups-selector .groups-list a.hover {
  background-color: #e2e2e2;
}

#portal_dashboard .groups-selector .groups-list a:nth-child(2n),
#portal_users .groups-selector .groups-list a:nth-child(2n),
#portal_resources .groups-selector .groups-list a:nth-child(2n),
#portal_settings .groups-selector .groups-list a:nth-child(2n),
#portal_user_roles_edit_modal .groups-selector .groups-list a:nth-child(2n),
#portal_user_roles_assign_modal .groups-selector .groups-list a:nth-child(2n),
#portal_user_add_update_edit_modal .groups-selector .groups-list a:nth-child(2n),
#portal_campaigns .groups-selector .groups-list a:nth-child(2n),
#portal_patients .groups-selector .groups-list a:nth-child(2n),
#portal_patient_info .groups-selector .groups-list a:nth-child(2n),
#portal_patient_psychiatric_symptoms .groups-selector .groups-list a:nth-child(2n) {
  background-color: #f9f9f9;
}

#portal_dashboard .groups-selector .groups-list a:nth-child(2n):hover,
#portal_users .groups-selector .groups-list a:nth-child(2n):hover,
#portal_resources .groups-selector .groups-list a:nth-child(2n):hover,
#portal_settings .groups-selector .groups-list a:nth-child(2n):hover,
#portal_user_roles_edit_modal .groups-selector .groups-list a:nth-child(2n):hover,
#portal_user_roles_assign_modal .groups-selector .groups-list a:nth-child(2n):hover,
#portal_user_add_update_edit_modal .groups-selector .groups-list a:nth-child(2n):hover,
#portal_campaigns .groups-selector .groups-list a:nth-child(2n):hover,
#portal_patients .groups-selector .groups-list a:nth-child(2n):hover,
#portal_patient_info .groups-selector .groups-list a:nth-child(2n):hover,
#portal_patient_psychiatric_symptoms .groups-selector .groups-list a:nth-child(2n):hover {
  background-color: #f1f1f1;
}

#portal_dashboard .groups-selector .groups-list a:nth-child(2n).hover,
#portal_users .groups-selector .groups-list a:nth-child(2n).hover,
#portal_resources .groups-selector .groups-list a:nth-child(2n).hover,
#portal_settings .groups-selector .groups-list a:nth-child(2n).hover,
#portal_user_roles_edit_modal .groups-selector .groups-list a:nth-child(2n).hover,
#portal_user_roles_assign_modal .groups-selector .groups-list a:nth-child(2n).hover,
#portal_user_add_update_edit_modal .groups-selector .groups-list a:nth-child(2n).hover,
#portal_campaigns .groups-selector .groups-list a:nth-child(2n).hover,
#portal_patients .groups-selector .groups-list a:nth-child(2n).hover,
#portal_patient_info .groups-selector .groups-list a:nth-child(2n).hover,
#portal_patient_psychiatric_symptoms .groups-selector .groups-list a:nth-child(2n).hover {
  background-color: #e2e2e2;
}

#portal_dashboard .groups-selector .groups-list a,
#portal_users .groups-selector .groups-list a,
#portal_resources .groups-selector .groups-list a,
#portal_settings .groups-selector .groups-list a,
#portal_user_roles_edit_modal .groups-selector .groups-list a,
#portal_user_roles_assign_modal .groups-selector .groups-list a,
#portal_user_add_update_edit_modal .groups-selector .groups-list a,
#portal_campaigns .groups-selector .groups-list a,
#portal_patients .groups-selector .groups-list a,
#portal_patient_info .groups-selector .groups-list a,
#portal_patient_psychiatric_symptoms .groups-selector .groups-list a,
#portal_dashboard .groups-selector .groups-list a:hover,
#portal_users .groups-selector .groups-list a:hover,
#portal_resources .groups-selector .groups-list a:hover,
#portal_settings .groups-selector .groups-list a:hover,
#portal_user_roles_edit_modal .groups-selector .groups-list a:hover,
#portal_user_roles_assign_modal .groups-selector .groups-list a:hover,
#portal_user_add_update_edit_modal .groups-selector .groups-list a:hover,
#portal_campaigns .groups-selector .groups-list a:hover,
#portal_patients .groups-selector .groups-list a:hover,
#portal_patient_info .groups-selector .groups-list a:hover,
#portal_patient_psychiatric_symptoms .groups-selector .groups-list a:hover,
#portal_dashboard .groups-selector .groups-list a:visited,
#portal_users .groups-selector .groups-list a:visited,
#portal_resources .groups-selector .groups-list a:visited,
#portal_settings .groups-selector .groups-list a:visited,
#portal_user_roles_edit_modal .groups-selector .groups-list a:visited,
#portal_user_roles_assign_modal .groups-selector .groups-list a:visited,
#portal_user_add_update_edit_modal .groups-selector .groups-list a:visited,
#portal_campaigns .groups-selector .groups-list a:visited,
#portal_patients .groups-selector .groups-list a:visited,
#portal_patient_info .groups-selector .groups-list a:visited,
#portal_patient_psychiatric_symptoms .groups-selector .groups-list a:visited,
#portal_dashboard .groups-selector .groups-list a:active,
#portal_users .groups-selector .groups-list a:active,
#portal_resources .groups-selector .groups-list a:active,
#portal_settings .groups-selector .groups-list a:active,
#portal_user_roles_edit_modal .groups-selector .groups-list a:active,
#portal_user_roles_assign_modal .groups-selector .groups-list a:active,
#portal_user_add_update_edit_modal .groups-selector .groups-list a:active,
#portal_campaigns .groups-selector .groups-list a:active,
#portal_patients .groups-selector .groups-list a:active,
#portal_patient_info .groups-selector .groups-list a:active,
#portal_patient_psychiatric_symptoms .groups-selector .groups-list a:active {
  text-decoration: none;
}

#portal_dashboard .groups-selector .groups-list.show,
#portal_users .groups-selector .groups-list.show,
#portal_resources .groups-selector .groups-list.show,
#portal_settings .groups-selector .groups-list.show,
#portal_user_roles_edit_modal .groups-selector .groups-list.show,
#portal_user_roles_assign_modal .groups-selector .groups-list.show,
#portal_user_add_update_edit_modal .groups-selector .groups-list.show,
#portal_campaigns .groups-selector .groups-list.show,
#portal_patients .groups-selector .groups-list.show,
#portal_patient_info .groups-selector .groups-list.show,
#portal_patient_psychiatric_symptoms .groups-selector .groups-list.show {
  display: block;
}

#portal_dashboard .groups-selector .group-label,
#portal_users .groups-selector .group-label,
#portal_resources .groups-selector .group-label,
#portal_settings .groups-selector .group-label,
#portal_user_roles_edit_modal .groups-selector .group-label,
#portal_user_roles_assign_modal .groups-selector .group-label,
#portal_user_add_update_edit_modal .groups-selector .group-label,
#portal_campaigns .groups-selector .group-label,
#portal_patients .groups-selector .group-label,
#portal_patient_info .groups-selector .group-label,
#portal_patient_psychiatric_symptoms .groups-selector .group-label {
  color: white;
  background: #ff7a00;
  border-radius: 5px;
  font-family: OpenSansSemibold;
  font-size: 16px;
  padding: 2px 6px;
  display: inline-block;
  margin-right: 4px;
}

#portal_dashboard .groups-selector .group-label .remove-btn,
#portal_users .groups-selector .group-label .remove-btn,
#portal_resources .groups-selector .group-label .remove-btn,
#portal_settings .groups-selector .group-label .remove-btn,
#portal_user_roles_edit_modal .groups-selector .group-label .remove-btn,
#portal_user_roles_assign_modal .groups-selector .group-label .remove-btn,
#portal_user_add_update_edit_modal .groups-selector .group-label .remove-btn,
#portal_campaigns .groups-selector .group-label .remove-btn,
#portal_patients .groups-selector .group-label .remove-btn,
#portal_patient_info .groups-selector .group-label .remove-btn,
#portal_patient_psychiatric_symptoms .groups-selector .group-label .remove-btn {
  display: inline-block;
  width: 8px;
  height: 8px;
  background: url("/static/img/portal/cross_tag.png") no-repeat;
  background-size: cover;
  margin-top: 7px;
  margin-right: 4px;
  float: left;
  cursor: pointer;
}

#portal_dashboard .groups-selector .group-label .remove-btn.hidden,
#portal_users .groups-selector .group-label .remove-btn.hidden,
#portal_resources .groups-selector .group-label .remove-btn.hidden,
#portal_settings .groups-selector .group-label .remove-btn.hidden,
#portal_user_roles_edit_modal .groups-selector .group-label .remove-btn.hidden,
#portal_user_roles_assign_modal .groups-selector .group-label .remove-btn.hidden,
#portal_user_add_update_edit_modal .groups-selector .group-label .remove-btn.hidden,
#portal_campaigns .groups-selector .group-label .remove-btn.hidden,
#portal_patients .groups-selector .group-label .remove-btn.hidden,
#portal_patient_info .groups-selector .group-label .remove-btn.hidden,
#portal_patient_psychiatric_symptoms .groups-selector .group-label .remove-btn.hidden {
  display: none;
}

#portal_dashboard .dropdown,
#portal_users .dropdown,
#portal_resources .dropdown,
#portal_settings .dropdown,
#portal_user_roles_edit_modal .dropdown,
#portal_user_roles_assign_modal .dropdown,
#portal_user_add_update_edit_modal .dropdown,
#portal_campaigns .dropdown,
#portal_patients .dropdown,
#portal_patient_info .dropdown,
#portal_patient_psychiatric_symptoms .dropdown {
  position: absolute;
  display: inline-block;
}

#portal_dashboard .dropdown .dropdown-btn,
#portal_users .dropdown .dropdown-btn,
#portal_resources .dropdown .dropdown-btn,
#portal_settings .dropdown .dropdown-btn,
#portal_user_roles_edit_modal .dropdown .dropdown-btn,
#portal_user_roles_assign_modal .dropdown .dropdown-btn,
#portal_user_add_update_edit_modal .dropdown .dropdown-btn,
#portal_campaigns .dropdown .dropdown-btn,
#portal_patients .dropdown .dropdown-btn,
#portal_patient_info .dropdown .dropdown-btn,
#portal_patient_psychiatric_symptoms .dropdown .dropdown-btn {
  border: 1px solid #d7d7d2;
  cursor: pointer;
  border-radius: 5px;
  width: 180px;
  padding: 10px;
  font-family: OpenSansBold;
  font-size: 14px;
  color: #777;
  height: 40px;
}

#portal_dashboard .dropdown .dropdown-btn:hover .triangle-icon,
#portal_users .dropdown .dropdown-btn:hover .triangle-icon,
#portal_resources .dropdown .dropdown-btn:hover .triangle-icon,
#portal_settings .dropdown .dropdown-btn:hover .triangle-icon,
#portal_user_roles_edit_modal .dropdown .dropdown-btn:hover .triangle-icon,
#portal_user_roles_assign_modal .dropdown .dropdown-btn:hover .triangle-icon,
#portal_user_add_update_edit_modal .dropdown .dropdown-btn:hover .triangle-icon,
#portal_campaigns .dropdown .dropdown-btn:hover .triangle-icon,
#portal_patients .dropdown .dropdown-btn:hover .triangle-icon,
#portal_patient_info .dropdown .dropdown-btn:hover .triangle-icon,
#portal_patient_psychiatric_symptoms .dropdown .dropdown-btn:hover .triangle-icon {
  border-top-color: #9e9e9c;
}

#portal_dashboard .dropdown .dropdown-btn .triangle-icon,
#portal_users .dropdown .dropdown-btn .triangle-icon,
#portal_resources .dropdown .dropdown-btn .triangle-icon,
#portal_settings .dropdown .dropdown-btn .triangle-icon,
#portal_user_roles_edit_modal .dropdown .dropdown-btn .triangle-icon,
#portal_user_roles_assign_modal .dropdown .dropdown-btn .triangle-icon,
#portal_user_add_update_edit_modal .dropdown .dropdown-btn .triangle-icon,
#portal_campaigns .dropdown .dropdown-btn .triangle-icon,
#portal_patients .dropdown .dropdown-btn .triangle-icon,
#portal_patient_info .dropdown .dropdown-btn .triangle-icon,
#portal_patient_psychiatric_symptoms .dropdown .dropdown-btn .triangle-icon {
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #8e8e8c;
  float: right;
  margin: 7px 8px 0 0;
}

#portal_dashboard .dropdown .dropdown-content,
#portal_users .dropdown .dropdown-content,
#portal_resources .dropdown .dropdown-content,
#portal_settings .dropdown .dropdown-content,
#portal_user_roles_edit_modal .dropdown .dropdown-content,
#portal_user_roles_assign_modal .dropdown .dropdown-content,
#portal_user_add_update_edit_modal .dropdown .dropdown-content,
#portal_campaigns .dropdown .dropdown-content,
#portal_patients .dropdown .dropdown-content,
#portal_patient_info .dropdown .dropdown-content,
#portal_patient_psychiatric_symptoms .dropdown .dropdown-content {
  z-index: 9999;
  display: none;
  position: absolute;
  background-color: white;
  -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
  min-width: 180px;
}

#portal_dashboard .dropdown .dropdown-content a,
#portal_users .dropdown .dropdown-content a,
#portal_resources .dropdown .dropdown-content a,
#portal_settings .dropdown .dropdown-content a,
#portal_user_roles_edit_modal .dropdown .dropdown-content a,
#portal_user_roles_assign_modal .dropdown .dropdown-content a,
#portal_user_add_update_edit_modal .dropdown .dropdown-content a,
#portal_campaigns .dropdown .dropdown-content a,
#portal_patients .dropdown .dropdown-content a,
#portal_patient_info .dropdown .dropdown-content a,
#portal_patient_psychiatric_symptoms .dropdown .dropdown-content a {
  padding: 10px;
  font-family: OpenSansSemibold;
  font-size: 14px;
  color: #777;
}

#portal_dashboard .dropdown .dropdown-content a,
#portal_users .dropdown .dropdown-content a,
#portal_resources .dropdown .dropdown-content a,
#portal_settings .dropdown .dropdown-content a,
#portal_user_roles_edit_modal .dropdown .dropdown-content a,
#portal_user_roles_assign_modal .dropdown .dropdown-content a,
#portal_user_add_update_edit_modal .dropdown .dropdown-content a,
#portal_campaigns .dropdown .dropdown-content a,
#portal_patients .dropdown .dropdown-content a,
#portal_patient_info .dropdown .dropdown-content a,
#portal_patient_psychiatric_symptoms .dropdown .dropdown-content a {
  display: block;
}

#portal_dashboard .dropdown .dropdown-content a:hover,
#portal_users .dropdown .dropdown-content a:hover,
#portal_resources .dropdown .dropdown-content a:hover,
#portal_settings .dropdown .dropdown-content a:hover,
#portal_user_roles_edit_modal .dropdown .dropdown-content a:hover,
#portal_user_roles_assign_modal .dropdown .dropdown-content a:hover,
#portal_user_add_update_edit_modal .dropdown .dropdown-content a:hover,
#portal_campaigns .dropdown .dropdown-content a:hover,
#portal_patients .dropdown .dropdown-content a:hover,
#portal_patient_info .dropdown .dropdown-content a:hover,
#portal_patient_psychiatric_symptoms .dropdown .dropdown-content a:hover {
  background-color: #f1f1f1;
}

#portal_dashboard .dropdown .dropdown-content a:nth-child(2n),
#portal_users .dropdown .dropdown-content a:nth-child(2n),
#portal_resources .dropdown .dropdown-content a:nth-child(2n),
#portal_settings .dropdown .dropdown-content a:nth-child(2n),
#portal_user_roles_edit_modal .dropdown .dropdown-content a:nth-child(2n),
#portal_user_roles_assign_modal .dropdown .dropdown-content a:nth-child(2n),
#portal_user_add_update_edit_modal .dropdown .dropdown-content a:nth-child(2n),
#portal_campaigns .dropdown .dropdown-content a:nth-child(2n),
#portal_patients .dropdown .dropdown-content a:nth-child(2n),
#portal_patient_info .dropdown .dropdown-content a:nth-child(2n),
#portal_patient_psychiatric_symptoms .dropdown .dropdown-content a:nth-child(2n) {
  background-color: #f9f9f9;
}

#portal_dashboard .dropdown .dropdown-content a:nth-child(2n):hover,
#portal_users .dropdown .dropdown-content a:nth-child(2n):hover,
#portal_resources .dropdown .dropdown-content a:nth-child(2n):hover,
#portal_settings .dropdown .dropdown-content a:nth-child(2n):hover,
#portal_user_roles_edit_modal .dropdown .dropdown-content a:nth-child(2n):hover,
#portal_user_roles_assign_modal .dropdown .dropdown-content a:nth-child(2n):hover,
#portal_user_add_update_edit_modal .dropdown .dropdown-content a:nth-child(2n):hover,
#portal_campaigns .dropdown .dropdown-content a:nth-child(2n):hover,
#portal_patients .dropdown .dropdown-content a:nth-child(2n):hover,
#portal_patient_info .dropdown .dropdown-content a:nth-child(2n):hover,
#portal_patient_psychiatric_symptoms .dropdown .dropdown-content a:nth-child(2n):hover {
  background-color: #f1f1f1;
}

#portal_dashboard .dropdown .dropdown-content a,
#portal_users .dropdown .dropdown-content a,
#portal_resources .dropdown .dropdown-content a,
#portal_settings .dropdown .dropdown-content a,
#portal_user_roles_edit_modal .dropdown .dropdown-content a,
#portal_user_roles_assign_modal .dropdown .dropdown-content a,
#portal_user_add_update_edit_modal .dropdown .dropdown-content a,
#portal_campaigns .dropdown .dropdown-content a,
#portal_patients .dropdown .dropdown-content a,
#portal_patient_info .dropdown .dropdown-content a,
#portal_patient_psychiatric_symptoms .dropdown .dropdown-content a,
#portal_dashboard .dropdown .dropdown-content a:hover,
#portal_users .dropdown .dropdown-content a:hover,
#portal_resources .dropdown .dropdown-content a:hover,
#portal_settings .dropdown .dropdown-content a:hover,
#portal_user_roles_edit_modal .dropdown .dropdown-content a:hover,
#portal_user_roles_assign_modal .dropdown .dropdown-content a:hover,
#portal_user_add_update_edit_modal .dropdown .dropdown-content a:hover,
#portal_campaigns .dropdown .dropdown-content a:hover,
#portal_patients .dropdown .dropdown-content a:hover,
#portal_patient_info .dropdown .dropdown-content a:hover,
#portal_patient_psychiatric_symptoms .dropdown .dropdown-content a:hover,
#portal_dashboard .dropdown .dropdown-content a:visited,
#portal_users .dropdown .dropdown-content a:visited,
#portal_resources .dropdown .dropdown-content a:visited,
#portal_settings .dropdown .dropdown-content a:visited,
#portal_user_roles_edit_modal .dropdown .dropdown-content a:visited,
#portal_user_roles_assign_modal .dropdown .dropdown-content a:visited,
#portal_user_add_update_edit_modal .dropdown .dropdown-content a:visited,
#portal_campaigns .dropdown .dropdown-content a:visited,
#portal_patients .dropdown .dropdown-content a:visited,
#portal_patient_info .dropdown .dropdown-content a:visited,
#portal_patient_psychiatric_symptoms .dropdown .dropdown-content a:visited,
#portal_dashboard .dropdown .dropdown-content a:active,
#portal_users .dropdown .dropdown-content a:active,
#portal_resources .dropdown .dropdown-content a:active,
#portal_settings .dropdown .dropdown-content a:active,
#portal_user_roles_edit_modal .dropdown .dropdown-content a:active,
#portal_user_roles_assign_modal .dropdown .dropdown-content a:active,
#portal_user_add_update_edit_modal .dropdown .dropdown-content a:active,
#portal_campaigns .dropdown .dropdown-content a:active,
#portal_patients .dropdown .dropdown-content a:active,
#portal_patient_info .dropdown .dropdown-content a:active,
#portal_patient_psychiatric_symptoms .dropdown .dropdown-content a:active {
  text-decoration: none;
}

#portal_dashboard .dropdown .dropdown-content.show,
#portal_users .dropdown .dropdown-content.show,
#portal_resources .dropdown .dropdown-content.show,
#portal_settings .dropdown .dropdown-content.show,
#portal_user_roles_edit_modal .dropdown .dropdown-content.show,
#portal_user_roles_assign_modal .dropdown .dropdown-content.show,
#portal_user_add_update_edit_modal .dropdown .dropdown-content.show,
#portal_campaigns .dropdown .dropdown-content.show,
#portal_patients .dropdown .dropdown-content.show,
#portal_patient_info .dropdown .dropdown-content.show,
#portal_patient_psychiatric_symptoms .dropdown .dropdown-content.show {
  display: block;
}

#portal_dashboard .dropdown .dropdown-content.waPeriod,
#portal_users .dropdown .dropdown-content.waPeriod,
#portal_resources .dropdown .dropdown-content.waPeriod,
#portal_settings .dropdown .dropdown-content.waPeriod,
#portal_user_roles_edit_modal .dropdown .dropdown-content.waPeriod,
#portal_user_roles_assign_modal .dropdown .dropdown-content.waPeriod,
#portal_user_add_update_edit_modal .dropdown .dropdown-content.waPeriod,
#portal_campaigns .dropdown .dropdown-content.waPeriod,
#portal_patients .dropdown .dropdown-content.waPeriod,
#portal_patient_info .dropdown .dropdown-content.waPeriod,
#portal_patient_psychiatric_symptoms .dropdown .dropdown-content.waPeriod {
  max-height: 311px;
  overflow-y: scroll;
}

#portal_dashboard .menu,
#portal_users .menu,
#portal_resources .menu,
#portal_settings .menu,
#portal_user_roles_edit_modal .menu,
#portal_user_roles_assign_modal .menu,
#portal_user_add_update_edit_modal .menu,
#portal_campaigns .menu,
#portal_patients .menu,
#portal_patient_info .menu,
#portal_patient_psychiatric_symptoms .menu {
  font-family: OpenSansLight;
  color: #777;
  font-size: 18px;
  display: block;
  margin-bottom: 28px;
}

#portal_dashboard .menu a,
#portal_users .menu a,
#portal_resources .menu a,
#portal_settings .menu a,
#portal_user_roles_edit_modal .menu a,
#portal_user_roles_assign_modal .menu a,
#portal_user_add_update_edit_modal .menu a,
#portal_campaigns .menu a,
#portal_patients .menu a,
#portal_patient_info .menu a,
#portal_patient_psychiatric_symptoms .menu a,
#portal_dashboard .menu a:visited,
#portal_users .menu a:visited,
#portal_resources .menu a:visited,
#portal_settings .menu a:visited,
#portal_user_roles_edit_modal .menu a:visited,
#portal_user_roles_assign_modal .menu a:visited,
#portal_user_add_update_edit_modal .menu a:visited,
#portal_campaigns .menu a:visited,
#portal_patients .menu a:visited,
#portal_patient_info .menu a:visited,
#portal_patient_psychiatric_symptoms .menu a:visited {
  color: #777;
  text-decoration: none;
}

#portal_dashboard .menu a:hover,
#portal_users .menu a:hover,
#portal_resources .menu a:hover,
#portal_settings .menu a:hover,
#portal_user_roles_edit_modal .menu a:hover,
#portal_user_roles_assign_modal .menu a:hover,
#portal_user_add_update_edit_modal .menu a:hover,
#portal_campaigns .menu a:hover,
#portal_patients .menu a:hover,
#portal_patient_info .menu a:hover,
#portal_patient_psychiatric_symptoms .menu a:hover,
#portal_dashboard .menu a:active,
#portal_users .menu a:active,
#portal_resources .menu a:active,
#portal_settings .menu a:active,
#portal_user_roles_edit_modal .menu a:active,
#portal_user_roles_assign_modal .menu a:active,
#portal_user_add_update_edit_modal .menu a:active,
#portal_campaigns .menu a:active,
#portal_patients .menu a:active,
#portal_patient_info .menu a:active,
#portal_patient_psychiatric_symptoms .menu a:active,
#portal_dashboard .menu a.selected,
#portal_users .menu a.selected,
#portal_resources .menu a.selected,
#portal_settings .menu a.selected,
#portal_user_roles_edit_modal .menu a.selected,
#portal_user_roles_assign_modal .menu a.selected,
#portal_user_add_update_edit_modal .menu a.selected,
#portal_campaigns .menu a.selected,
#portal_patients .menu a.selected,
#portal_patient_info .menu a.selected,
#portal_patient_psychiatric_symptoms .menu a.selected {
  color: #ff7a00;
  text-decoration: underline;
}

#portal_dashboard .menu a.selected,
#portal_users .menu a.selected,
#portal_resources .menu a.selected,
#portal_settings .menu a.selected,
#portal_user_roles_edit_modal .menu a.selected,
#portal_user_roles_assign_modal .menu a.selected,
#portal_user_add_update_edit_modal .menu a.selected,
#portal_campaigns .menu a.selected,
#portal_patients .menu a.selected,
#portal_patient_info .menu a.selected,
#portal_patient_psychiatric_symptoms .menu a.selected {
  pointer-events: none;
}

#portal_dashboard .menu li,
#portal_users .menu li,
#portal_resources .menu li,
#portal_settings .menu li,
#portal_user_roles_edit_modal .menu li,
#portal_user_roles_assign_modal .menu li,
#portal_user_add_update_edit_modal .menu li,
#portal_campaigns .menu li,
#portal_patients .menu li,
#portal_patient_info .menu li,
#portal_patient_psychiatric_symptoms .menu li {
  display: inline-block;
}

#portal_dashboard .menu li + li,
#portal_users .menu li + li,
#portal_resources .menu li + li,
#portal_settings .menu li + li,
#portal_user_roles_edit_modal .menu li + li,
#portal_user_roles_assign_modal .menu li + li,
#portal_user_add_update_edit_modal .menu li + li,
#portal_campaigns .menu li + li,
#portal_patients .menu li + li,
#portal_patient_info .menu li + li,
#portal_patient_psychiatric_symptoms .menu li + li {
  margin-left: 18px;
  letter-spacing: -0.5px;
}

#portal_dashboard .top_section,
#portal_users .top_section,
#portal_resources .top_section,
#portal_settings .top_section,
#portal_user_roles_edit_modal .top_section,
#portal_user_roles_assign_modal .top_section,
#portal_user_add_update_edit_modal .top_section,
#portal_campaigns .top_section,
#portal_patients .top_section,
#portal_patient_info .top_section,
#portal_patient_psychiatric_symptoms .top_section {
  padding: 20px 50px 50px;
}

#portal_dashboard .top_section .image,
#portal_users .top_section .image,
#portal_resources .top_section .image,
#portal_settings .top_section .image,
#portal_user_roles_edit_modal .top_section .image,
#portal_user_roles_assign_modal .top_section .image,
#portal_user_add_update_edit_modal .top_section .image,
#portal_campaigns .top_section .image,
#portal_patients .top_section .image,
#portal_patient_info .top_section .image,
#portal_patient_psychiatric_symptoms .top_section .image {
  display: inline-block;
  vertical-align: top;
}

#portal_dashboard .top_section .text,
#portal_users .top_section .text,
#portal_resources .top_section .text,
#portal_settings .top_section .text,
#portal_user_roles_edit_modal .top_section .text,
#portal_user_roles_assign_modal .top_section .text,
#portal_user_add_update_edit_modal .top_section .text,
#portal_campaigns .top_section .text,
#portal_patients .top_section .text,
#portal_patient_info .top_section .text,
#portal_patient_psychiatric_symptoms .top_section .text {
  display: inline-block;
  vertical-align: top;
  margin-left: 25px;
  max-width: 70%;
}

#portal_dashboard .top_section .text .title,
#portal_users .top_section .text .title,
#portal_resources .top_section .text .title,
#portal_settings .top_section .text .title,
#portal_user_roles_edit_modal .top_section .text .title,
#portal_user_roles_assign_modal .top_section .text .title,
#portal_user_add_update_edit_modal .top_section .text .title,
#portal_campaigns .top_section .text .title,
#portal_patients .top_section .text .title,
#portal_patient_info .top_section .text .title,
#portal_patient_psychiatric_symptoms .top_section .text .title {
  color: #ff7a00;
  font-size: 2.2rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  line-height: 22px;
}

#portal_dashboard .top_section .text .sub,
#portal_users .top_section .text .sub,
#portal_resources .top_section .text .sub,
#portal_settings .top_section .text .sub,
#portal_user_roles_edit_modal .top_section .text .sub,
#portal_user_roles_assign_modal .top_section .text .sub,
#portal_user_add_update_edit_modal .top_section .text .sub,
#portal_campaigns .top_section .text .sub,
#portal_patients .top_section .text .sub,
#portal_patient_info .top_section .text .sub,
#portal_patient_psychiatric_symptoms .top_section .text .sub {
  color: #777;
  font-size: 1.5rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin-top: 5px;
  line-height: 16px;
}

#portal_dashboard .top_section .button,
#portal_users .top_section .button,
#portal_resources .top_section .button,
#portal_settings .top_section .button,
#portal_user_roles_edit_modal .top_section .button,
#portal_user_roles_assign_modal .top_section .button,
#portal_user_add_update_edit_modal .top_section .button,
#portal_campaigns .top_section .button,
#portal_patients .top_section .button,
#portal_patient_info .top_section .button,
#portal_patient_psychiatric_symptoms .top_section .button {
  float: right;
  height: auto;
}

#portal_dashboard .question,
#portal_users .question,
#portal_resources .question,
#portal_settings .question,
#portal_user_roles_edit_modal .question,
#portal_user_roles_assign_modal .question,
#portal_user_add_update_edit_modal .question,
#portal_campaigns .question,
#portal_patients .question,
#portal_patient_info .question,
#portal_patient_psychiatric_symptoms .question {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(/static/img/stats/question_mark_1.png) no-repeat;
  background-size: 14px 14px;
  vertical-align: middle;
  cursor: pointer;
  margin-left: 10px;
  opacity: 0.5;
}

#portal_dashboard .question:hover,
#portal_users .question:hover,
#portal_resources .question:hover,
#portal_settings .question:hover,
#portal_user_roles_edit_modal .question:hover,
#portal_user_roles_assign_modal .question:hover,
#portal_user_add_update_edit_modal .question:hover,
#portal_campaigns .question:hover,
#portal_patients .question:hover,
#portal_patient_info .question:hover,
#portal_patient_psychiatric_symptoms .question:hover {
  opacity: 1;
}

#portal_dashboard .question_tooltip,
#portal_users .question_tooltip,
#portal_resources .question_tooltip,
#portal_settings .question_tooltip,
#portal_user_roles_edit_modal .question_tooltip,
#portal_user_roles_assign_modal .question_tooltip,
#portal_user_add_update_edit_modal .question_tooltip,
#portal_campaigns .question_tooltip,
#portal_patients .question_tooltip,
#portal_patient_info .question_tooltip,
#portal_patient_psychiatric_symptoms .question_tooltip {
  display: inline-block;
  text-transform: none;
  width: 1px;
  height: 15px;
  position: relative;
}

#portal_dashboard .question_tooltip .tooltip,
#portal_users .question_tooltip .tooltip,
#portal_resources .question_tooltip .tooltip,
#portal_settings .question_tooltip .tooltip,
#portal_user_roles_edit_modal .question_tooltip .tooltip,
#portal_user_roles_assign_modal .question_tooltip .tooltip,
#portal_user_add_update_edit_modal .question_tooltip .tooltip,
#portal_campaigns .question_tooltip .tooltip,
#portal_patients .question_tooltip .tooltip,
#portal_patient_info .question_tooltip .tooltip,
#portal_patient_psychiatric_symptoms .question_tooltip .tooltip {
  background: #ffffff;
  border: solid 1px #ddd;
  display: none;
  position: absolute;
  top: -18px;
  left: 18px;
  min-width: 215px;
  padding: 15px 20px;
  text-align: left;
  border-radius: 4px;
  z-index: 99;
}

#portal_dashboard .question_tooltip .tooltip.info,
#portal_users .question_tooltip .tooltip.info,
#portal_resources .question_tooltip .tooltip.info,
#portal_settings .question_tooltip .tooltip.info,
#portal_user_roles_edit_modal .question_tooltip .tooltip.info,
#portal_user_roles_assign_modal .question_tooltip .tooltip.info,
#portal_user_add_update_edit_modal .question_tooltip .tooltip.info,
#portal_campaigns .question_tooltip .tooltip.info,
#portal_patients .question_tooltip .tooltip.info,
#portal_patient_info .question_tooltip .tooltip.info,
#portal_patient_psychiatric_symptoms .question_tooltip .tooltip.info {
  top: -190px;
  left: -80px;
  display: none;
}

#portal_dashboard .question_tooltip .tooltip.info::after,
#portal_users .question_tooltip .tooltip.info::after,
#portal_resources .question_tooltip .tooltip.info::after,
#portal_settings .question_tooltip .tooltip.info::after,
#portal_user_roles_edit_modal .question_tooltip .tooltip.info::after,
#portal_user_roles_assign_modal .question_tooltip .tooltip.info::after,
#portal_user_add_update_edit_modal .question_tooltip .tooltip.info::after,
#portal_campaigns .question_tooltip .tooltip.info::after,
#portal_patients .question_tooltip .tooltip.info::after,
#portal_patient_info .question_tooltip .tooltip.info::after,
#portal_patient_psychiatric_symptoms .question_tooltip .tooltip.info::after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  width: 25px;
  height: 25px;
  content: '';
  border-bottom: solid 1px #ddd;
  border-right: solid 1px #ddd;
  border-left: 0;
  left: 90px;
  top: initial;
  border-radius: 0;
  bottom: -14px;
  background: #ffffff;
}

#portal_dashboard .question_tooltip .tooltip:not(.info)::after,
#portal_users .question_tooltip .tooltip:not(.info)::after,
#portal_resources .question_tooltip .tooltip:not(.info)::after,
#portal_settings .question_tooltip .tooltip:not(.info)::after,
#portal_user_roles_edit_modal .question_tooltip .tooltip:not(.info)::after,
#portal_user_roles_assign_modal .question_tooltip .tooltip:not(.info)::after,
#portal_user_add_update_edit_modal .question_tooltip .tooltip:not(.info)::after,
#portal_campaigns .question_tooltip .tooltip:not(.info)::after,
#portal_patients .question_tooltip .tooltip:not(.info)::after,
#portal_patient_info .question_tooltip .tooltip:not(.info)::after,
#portal_patient_psychiatric_symptoms .question_tooltip .tooltip:not(.info)::after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  width: 25px;
  height: 25px;
  content: '';
  border-bottom: solid 1px #ddd;
  border-left: solid 1px #ddd;
  border-radius: 0 100% 0 0;
  left: -13.5px;
  top: 15px;
  background: #ffffff;
}

#portal_dashboard .question_tooltip .tooltip h3,
#portal_users .question_tooltip .tooltip h3,
#portal_resources .question_tooltip .tooltip h3,
#portal_settings .question_tooltip .tooltip h3,
#portal_user_roles_edit_modal .question_tooltip .tooltip h3,
#portal_user_roles_assign_modal .question_tooltip .tooltip h3,
#portal_user_add_update_edit_modal .question_tooltip .tooltip h3,
#portal_campaigns .question_tooltip .tooltip h3,
#portal_patients .question_tooltip .tooltip h3,
#portal_patient_info .question_tooltip .tooltip h3,
#portal_patient_psychiatric_symptoms .question_tooltip .tooltip h3 {
  margin: 0 0 4px 0;
  color: #ff7a00;
  font-size: 1.5rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
}

#portal_dashboard .question_tooltip .tooltip p,
#portal_users .question_tooltip .tooltip p,
#portal_resources .question_tooltip .tooltip p,
#portal_settings .question_tooltip .tooltip p,
#portal_user_roles_edit_modal .question_tooltip .tooltip p,
#portal_user_roles_assign_modal .question_tooltip .tooltip p,
#portal_user_add_update_edit_modal .question_tooltip .tooltip p,
#portal_campaigns .question_tooltip .tooltip p,
#portal_patients .question_tooltip .tooltip p,
#portal_patient_info .question_tooltip .tooltip p,
#portal_patient_psychiatric_symptoms .question_tooltip .tooltip p {
  font-size: 1.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
  margin: 0;
  line-height: 1.8;
  font-style: normal;
}

#portal_dashboard .information .question_tooltip,
#portal_users .information .question_tooltip,
#portal_resources .information .question_tooltip,
#portal_settings .information .question_tooltip,
#portal_user_roles_edit_modal .information .question_tooltip,
#portal_user_roles_assign_modal .information .question_tooltip,
#portal_user_add_update_edit_modal .information .question_tooltip,
#portal_campaigns .information .question_tooltip,
#portal_patients .information .question_tooltip,
#portal_patient_info .information .question_tooltip,
#portal_patient_psychiatric_symptoms .information .question_tooltip {
  display: none;
}

#portal_dashboard .information-mark:hover + .question_tooltip,
#portal_users .information-mark:hover + .question_tooltip,
#portal_resources .information-mark:hover + .question_tooltip,
#portal_settings .information-mark:hover + .question_tooltip,
#portal_user_roles_edit_modal .information-mark:hover + .question_tooltip,
#portal_user_roles_assign_modal .information-mark:hover + .question_tooltip,
#portal_user_add_update_edit_modal .information-mark:hover + .question_tooltip,
#portal_campaigns .information-mark:hover + .question_tooltip,
#portal_patients .information-mark:hover + .question_tooltip,
#portal_patient_info .information-mark:hover + .question_tooltip,
#portal_patient_psychiatric_symptoms .information-mark:hover + .question_tooltip {
  display: block;
}

#portal_dashboard .information-mark:hover + .question_tooltip .tooltip,
#portal_users .information-mark:hover + .question_tooltip .tooltip,
#portal_resources .information-mark:hover + .question_tooltip .tooltip,
#portal_settings .information-mark:hover + .question_tooltip .tooltip,
#portal_user_roles_edit_modal .information-mark:hover + .question_tooltip .tooltip,
#portal_user_roles_assign_modal .information-mark:hover + .question_tooltip .tooltip,
#portal_user_add_update_edit_modal .information-mark:hover + .question_tooltip .tooltip,
#portal_campaigns .information-mark:hover + .question_tooltip .tooltip,
#portal_patients .information-mark:hover + .question_tooltip .tooltip,
#portal_patient_info .information-mark:hover + .question_tooltip .tooltip,
#portal_patient_psychiatric_symptoms .information-mark:hover + .question_tooltip .tooltip,
#portal_dashboard .question:hover + .question_tooltip .tooltip,
#portal_users .question:hover + .question_tooltip .tooltip,
#portal_resources .question:hover + .question_tooltip .tooltip,
#portal_settings .question:hover + .question_tooltip .tooltip,
#portal_user_roles_edit_modal .question:hover + .question_tooltip .tooltip,
#portal_user_roles_assign_modal .question:hover + .question_tooltip .tooltip,
#portal_user_add_update_edit_modal .question:hover + .question_tooltip .tooltip,
#portal_campaigns .question:hover + .question_tooltip .tooltip,
#portal_patients .question:hover + .question_tooltip .tooltip,
#portal_patient_info .question:hover + .question_tooltip .tooltip,
#portal_patient_psychiatric_symptoms .question:hover + .question_tooltip .tooltip {
  display: block;
}

#portal_dashboard .information,
#portal_users .information,
#portal_resources .information,
#portal_settings .information,
#portal_user_roles_edit_modal .information,
#portal_user_roles_assign_modal .information,
#portal_user_add_update_edit_modal .information,
#portal_campaigns .information,
#portal_patients .information,
#portal_patient_info .information,
#portal_patient_psychiatric_symptoms .information {
  width: 45px;
  height: 45px;
  background: #3DA1D5;
  border-radius: 3px;
  line-height: 45px;
  color: #3da1d5;
  font-size: 18px;
  font-family: serif;
  font-style: italic;
  font-weight: 700;
  cursor: pointer;
  margin: 0 auto;
  text-align: center;
}

#portal_dashboard .information .information-mark,
#portal_users .information .information-mark,
#portal_resources .information .information-mark,
#portal_settings .information .information-mark,
#portal_user_roles_edit_modal .information .information-mark,
#portal_user_roles_assign_modal .information .information-mark,
#portal_user_add_update_edit_modal .information .information-mark,
#portal_campaigns .information .information-mark,
#portal_patients .information .information-mark,
#portal_patient_info .information .information-mark,
#portal_patient_psychiatric_symptoms .information .information-mark {
  padding: 2px 10px;
  background: #fff;
  border-radius: 50px;
}

#portal_dashboard .reference-text,
#portal_baseline .reference-text {
  padding-left: 10px;
}

#portal_dashboard .reference-text .reference-asterisk,
#portal_baseline .reference-text .reference-asterisk {
  float: left;
  margin-left: -10px;
}

#portal_campaigns .content-container {
  padding-bottom: 150px;
}

#portal_user_roles_edit_modal .groups-selector .groups-holder,
#portal_user_roles_assign_modal .groups-selector .groups-holder {
  width: 650px;
}

#portal_user_roles_edit_modal .groups-selector .groups-list,
#portal_user_roles_assign_modal .groups-selector .groups-list {
  min-width: 650px;
}

#portal_user_roles_edit_modal .dropdown .dropdown-btn,
#portal_user_roles_assign_modal .dropdown .dropdown-btn {
  width: 321px;
  margin-top: 10px;
}

#portal_user_roles_edit_modal .dropdown .dropdown-content,
#portal_user_roles_assign_modal .dropdown .dropdown-content {
  min-width: 321px;
}

#portal_user_roles_edit_modal .disabled,
#portal_user_roles_assign_modal .disabled {
  opacity: 0.5;
  pointer-events: none;
}

#portal_resources .content-container {
  padding: 40px 40px 100px;
}

#portal_resources #portal_resource {
  margin: 37px auto 0;
}

#portal_user_status .list .list-row,
#portal_user_roles .list .list-row {
  padding: 17px 0;
}

#portal_user_status .list .list-row .clearfix,
#portal_user_roles .list .list-row .clearfix {
  clear: both;
}

#portal_user_status .list .list-row:nth-child(2n),
#portal_user_roles .list .list-row:nth-child(2n) {
  background-color: #fdfcf9;
}

#portal_user_status .list .list-row:first-child .list-cell,
#portal_user_roles .list .list-row:first-child .list-cell {
  color: #00aaea;
  font-family: OpenSansLight !important;
}

#portal_user_status .list .list-row .list-cell,
#portal_user_roles .list .list-row .list-cell {
  width: 24%;
  font-size: 14px;
  font-family: OpenSansLight;
  color: #777;
  padding-left: 60px;
  float: left;
}

#portal_user_status .list .list-row .list-cell .email_tooltip,
#portal_user_roles .list .list-row .list-cell .email_tooltip {
  position: absolute;
  height: 40px;
  line-height: 40px;
  top: -60px;
  display: block;
  background: #ffffff;
  border: solid 1px #ddd;
  padding: 0 15px;
  border-radius: 4px;
  cursor: text;
}

#portal_user_status .list .list-row .list-cell .email_tooltip .email_tooltip_footer,
#portal_user_roles .list .list-row .list-cell .email_tooltip .email_tooltip_footer {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  width: 20px;
  height: 20px;
  border-bottom: solid 1px #ddd;
  border-right: solid 1px #ddd;
  border-radius: 100% 0 0;
  left: 20px;
  top: 29px;
  background: #ffffff;
}

#portal_user_status .list .list-row .list-cell.halfscreen,
#portal_user_roles .list .list-row .list-cell.halfscreen {
  width: 50% !important;
}

#portal_user_status .list .list-row .list-cell.name,
#portal_user_roles .list .list-row .list-cell.name {
  width: 220px !important;
  padding-left: 70px!important;
}

#portal_user_status .list .list-row .list-cell.email,
#portal_user_roles .list .list-row .list-cell.email {
  position: relative;
  width: 225px !important;
  padding-left: 10px !important;
}

#portal_user_status .list .list-row .list-cell.email[data-text],
#portal_user_roles .list .list-row .list-cell.email[data-text] {
  cursor: pointer;
  white-space: nowrap;
}

#portal_user_status .list .list-row .list-cell.role,
#portal_user_roles .list .list-row .list-cell.role {
  position: relative;
  padding-left: 10px !important;
  width: 100px !important;
}

#portal_user_status .list .list-row .list-cell.role[data-text],
#portal_user_roles .list .list-row .list-cell.role[data-text] {
  cursor: pointer;
  white-space: nowrap;
}

#portal_user_status .list .list-row .list-cell.groups,
#portal_user_roles .list .list-row .list-cell.groups {
  padding-left: 10px !important;
  width: 335px !important;
}

#portal_user_status .list .list-row .list-cell.edit,
#portal_user_roles .list .list-row .list-cell.edit {
  padding-left: 10px !important;
  width: 50px !important;
}

#portal_user_status .list .list-row .list-cell:first-child,
#portal_user_roles .list .list-row .list-cell:first-child {
  width: 28%;
  font-family: OpenSansRegular;
}

#portal_user_status .list .list-row .list-cell:nth-last-child(2),
#portal_user_roles .list .list-row .list-cell:nth-last-child(2) {
  float: right;
}

#portal_user_roles_edit_modal,
#portal_user_roles_assign_modal,
#portal_user_add_update_edit_modal {
  width: 800px;
  height: 653px;
  padding: 80px 70px;
}

#portal_user_roles_edit_modal .title,
#portal_user_roles_assign_modal .title,
#portal_user_add_update_edit_modal .title {
  font-family: OpenSansRegular;
  font-size: 33px;
  color: #ff7a00;
  text-align: center;
  margin-bottom: 70px;
}

#portal_user_roles_edit_modal .subtitle,
#portal_user_roles_assign_modal .subtitle,
#portal_user_add_update_edit_modal .subtitle {
  font-family: OpenSansRegular;
  font-size: 21px;
  color: #777;
}

#portal_user_roles_edit_modal .user,
#portal_user_roles_assign_modal .user,
#portal_user_add_update_edit_modal .user,
#portal_user_roles_edit_modal .roles,
#portal_user_roles_assign_modal .roles,
#portal_user_add_update_edit_modal .roles,
#portal_user_roles_edit_modal .search-user,
#portal_user_roles_assign_modal .search-user,
#portal_user_add_update_edit_modal .search-user {
  width: 50%;
  display: inline-block;
}

#portal_user_roles_edit_modal .user,
#portal_user_roles_assign_modal .user,
#portal_user_add_update_edit_modal .user {
  font-family: OpenSansSemibold;
  font-size: 19px;
  color: #777;
  margin: 38px 0 65px 0;
}

#portal_user_roles_edit_modal .user .user-avatar,
#portal_user_roles_assign_modal .user .user-avatar,
#portal_user_add_update_edit_modal .user .user-avatar {
  position: absolute;
}

#portal_user_roles_edit_modal .user .user-name,
#portal_user_roles_assign_modal .user .user-name,
#portal_user_add_update_edit_modal .user .user-name {
  margin-left: 62px;
  margin-top: 6px;
}

#portal_user_roles_edit_modal .reports,
#portal_user_roles_assign_modal .reports,
#portal_user_add_update_edit_modal .reports {
  margin: 20px 0 0 15px;
  line-height: 13px;
}

#portal_user_roles_edit_modal .reports *,
#portal_user_roles_assign_modal .reports *,
#portal_user_add_update_edit_modal .reports * {
  vertical-align: middle;
}

#portal_user_roles_edit_modal .reports label,
#portal_user_roles_assign_modal .reports label,
#portal_user_add_update_edit_modal .reports label {
  font-size: 1.3rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  line-height: 13px;
}

#portal_user_roles_edit_modal .search-user,
#portal_user_roles_assign_modal .search-user,
#portal_user_add_update_edit_modal .search-user {
  margin-bottom: 65px;
  position: relative;
}

#portal_user_roles_edit_modal .search-user .input-container,
#portal_user_roles_assign_modal .search-user .input-container,
#portal_user_add_update_edit_modal .search-user .input-container {
  width: 321px;
  margin-top: 10px;
  border: 1px solid #d7d7d2;
  border-radius: 5px;
  padding: 8px 10px;
  font-family: OpenSansRegular;
  font-size: 14px;
  color: #777;
  height: 40px;
}

#portal_user_roles_edit_modal .search-user .input-container input,
#portal_user_roles_assign_modal .search-user .input-container input,
#portal_user_add_update_edit_modal .search-user .input-container input {
  border: 0;
  width: 100%;
  color: #777;
}

#portal_user_roles_edit_modal .search-user .found-list,
#portal_user_roles_assign_modal .search-user .found-list,
#portal_user_add_update_edit_modal .search-user .found-list {
  min-height: 40px;
  max-height: 320px;
  position: absolute;
  min-width: 321px;
  overflow-y: auto;
  background: #FFFFFF;
  -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
  z-index: 1;
  display: none;
}

#portal_user_roles_edit_modal .search-user .found-list.show,
#portal_user_roles_assign_modal .search-user .found-list.show,
#portal_user_add_update_edit_modal .search-user .found-list.show {
  display: block;
}

#portal_user_roles_edit_modal .search-user .found-list .found-item,
#portal_user_roles_assign_modal .search-user .found-list .found-item,
#portal_user_add_update_edit_modal .search-user .found-list .found-item {
  height: 40px;
  display: block;
  font-family: OpenSansRegular;
  color: #777;
  font-size: 14px;
  padding: 8px 10px;
  text-decoration: none;
}

#portal_user_roles_edit_modal .search-user .found-list .found-item:nth-child(2n),
#portal_user_roles_assign_modal .search-user .found-list .found-item:nth-child(2n),
#portal_user_add_update_edit_modal .search-user .found-list .found-item:nth-child(2n) {
  background: #f9f9f9;
}

#portal_user_roles_edit_modal .search-user .found-list .found-item:hover,
#portal_user_roles_assign_modal .search-user .found-list .found-item:hover,
#portal_user_add_update_edit_modal .search-user .found-list .found-item:hover,
#portal_user_roles_edit_modal .search-user .found-list .found-item.hover,
#portal_user_roles_assign_modal .search-user .found-list .found-item.hover,
#portal_user_add_update_edit_modal .search-user .found-list .found-item.hover {
  background: #f1f1f1;
}

#portal_user_roles_edit_modal .roles,
#portal_user_roles_assign_modal .roles,
#portal_user_add_update_edit_modal .roles {
  float: right;
}

#portal_user_roles_edit_modal .groups-selector,
#portal_user_roles_assign_modal .groups-selector,
#portal_user_add_update_edit_modal .groups-selector {
  margin-top: 10px;
}

#portal_user_roles_edit_modal .buttons,
#portal_user_roles_assign_modal .buttons,
#portal_user_add_update_edit_modal .buttons {
  text-align: center;
  margin-top: 70px;
}

#portal_user_roles_edit_modal .buttons .button,
#portal_user_roles_assign_modal .buttons .button,
#portal_user_add_update_edit_modal .buttons .button {
  display: inline-block;
  height: auto;
}

#portal_user_roles_edit_modal .buttons .button.remove,
#portal_user_roles_assign_modal .buttons .button.remove,
#portal_user_add_update_edit_modal .buttons .button.remove {
  margin-right: 80px;
}

#portal_user_roles_edit_modal .buttons .button.disabled,
#portal_user_roles_assign_modal .buttons .button.disabled,
#portal_user_add_update_edit_modal .buttons .button.disabled {
  pointer-events: none;
}

#portal_user_roles_assign_modal .reports {
  margin: 10px 0 0 0;
}

#portal_user_roles_assign_modal .search-user .input-container {
  margin-top: 0;
  padding: 5px;
}

#portal_user_roles_assign_modal .search-user .found-label-field {
  display: block;
  font-size: 1.4rem;
}

#portal_user_roles_assign_modal .roles .subtitle {
  margin-bottom: 10px;
}

#portal_user_add_update_edit_modal {
  width: 800px;
  height: 655px;
  padding: 50px 70px 55px;
}

#portal_user_add_update_edit_modal .title {
  margin-bottom: 44px !important;
}

#portal_user_add_update_edit_modal .col {
  width: 50%;
  float: left;
}

#portal_user_add_update_edit_modal .col.left {
  padding-right: 10px;
}

#portal_user_add_update_edit_modal .col.right {
  padding-top: 36px;
  padding-left: 10px;
}

#portal_user_add_update_edit_modal .label {
  font-size: 2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
  margin-bottom: 9px;
}

#portal_user_add_update_edit_modal input {
  border: 1px #dcdcd8 solid;
  border-radius: 5px;
  width: 100%;
  height: 60px;
  padding: 0 20px;
  line-height: 60px;
  font-size: 1.9rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
  margin-bottom: 36px;
}

#portal_user_add_update_edit_modal input.error {
  border-color: red;
  margin-bottom: 5px;
}

#portal_user_add_update_edit_modal .error-label {
  margin-top: -31px;
  position: absolute;
  color: red;
  font-size: 11px;
  width: 329px;
}

#portal_user_add_update_edit_modal .button.blue {
  font-size: 1.9rem;
  font-family: OpenSansBold;
  font-weight: normal;
  height: 50px !important;
  line-height: 50px;
  padding: 0 20px;
  width: auto !important;
}

#portal_user_add_update_edit_modal .button.blue.js-save-changes {
  margin-right: 15px;
}

#portal_user_add_update_edit_modal .dropdown {
  position: relative;
}

#portal_user_add_update_edit_modal .dropdown .dropdown-btn {
  width: 180px;
  height: 60px;
  padding: 15px;
}

#portal_user_add_update_edit_modal .dropdown .dropdown-btn .triangle-icon {
  margin-top: 8px;
}

#portal_user_add_update_edit_modal .dropdown .dropdown-content {
  width: 180px;
}

#portal_user_add_update_edit_modal .buttons {
  margin-top: 50px;
}

#portal_user_add_update_edit_modal {
  height: auto;
  padding-left: 75px;
  padding-right: 75px;
  padding-top: 40px;
}

#portal_user_add_update_edit_modal .fields-row {
  white-space: nowrap;
  margin-bottom: 20px;
}

#portal_user_add_update_edit_modal .field {
  width: 50%;
  display: inline-block;
  vertical-align: top;
}

#portal_user_add_update_edit_modal .field:nth-child(2n) {
  padding-left: 10px;
}

#portal_user_add_update_edit_modal .field:nth-child(1n) {
  padding-right: 10px;
}

#portal_user_add_update_edit_modal .title {
  font-size: 3rem;
  font-family: OpenSansLight;
  font-weight: normal;
  margin-bottom: 25px !important;
}

#portal_user_add_update_edit_modal .dropdown-wrapper .dropdown-btn {
  height: 50px;
}

#portal_user_add_update_edit_modal .label {
  font-size: 15px;
}

#portal_user_add_update_edit_modal input {
  margin-bottom: 0;
  height: 50px;
  line-height: 50px;
}

#portal_user_add_update_edit_modal .error-label {
  margin-top: 0;
  position: initial;
  margin-bottom: 5px;
  width: 100%;
  white-space: normal;
}

#portal_user_add_update_edit_modal .buttons {
  margin-top: 40px;
  margin-bottom: 10px;
  text-align: center;
}

#portal_user_add_update_edit_modal .buttons .button {
  line-height: 55px;
  font-size: 15px;
  vertical-align: top;
  width: 200px;
}

#portal_user_add_update_edit_modal .buttons .button.save {
  margin-right: 35px;
  height: 55px;
}

#portal_user_add_update_edit_modal .buttons .button.orange {
  height: 53px;
  line-height: 53px;
}

#portal_user_add_update_edit_modal .buttons .button.disabled {
  opacity: 0.5;
  pointer-events: none;
}

#portal_user_add_update_edit_modal .buttons .button:focus {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

#portal_user_add_update_edit_modal .required-label {
  font-size: 1.5rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  position: absolute;
  right: 50px;
  bottom: 35px;
}

#portal_patient_info .back-button,
#portal_patient_psychiatric_symptoms .back-button {
  color: #00aaea;
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#portal_patient_info .back-button .arrow,
#portal_patient_psychiatric_symptoms .back-button .arrow {
  border: solid #00aaea;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 7px;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  vertical-align: middle;
  margin-right: 10px;
}

#portal_patient_info.pdf .download-report-btn,
#portal_patient_psychiatric_symptoms.pdf .download-report-btn,
#portal_patient_info.pdf .responses-link,
#portal_patient_psychiatric_symptoms.pdf .responses-link,
#portal_patient_info.pdf .back-button,
#portal_patient_psychiatric_symptoms.pdf .back-button,
#portal_patient_info.pdf .question-tooltip,
#portal_patient_psychiatric_symptoms.pdf .question-tooltip {
  display: none;
}

#portal_patient_info.pdf .content-container-wrapper,
#portal_patient_psychiatric_symptoms.pdf .content-container-wrapper {
  padding-bottom: 50px;
}

html[lang=es] #portal_settings_confirm_modal .nav-section .button.light-gray {
  font-size: 13px;
}

html[lang=es] #portal_settings_confirm_modal .nav-section .button.orange {
  font-size: 13px;
}

html[lang=fr] #portal_settings .top_section .text {
  max-width: 55%;
}

html[lang=fr] #portal_settings_confirm_modal .nav-section .button.light-gray {
  width: 220px;
}

html[lang=fr] #portal_settings_confirm_modal .nav-section .button.orange {
  width: 220px;
}

#public_home #sweepstakes-congrats {
  text-align: center;
  padding: 150px 0 0 0;
  min-height: 60%;
}

#public_home #sweepstakes-congrats h1 {
  font-size: 4.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  line-height: 60px;
  color: #372f2b;
  margin-bottom: 75px;
}

#public_home #sweepstakes-congrats h2 {
  font-size: 3.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  line-height: 28px;
  color: #777;
}

@media screen and (max-width: 767px) {
  #public_home #sweepstakes-congrats {
    min-height: 80%;
  }

  #public_home #sweepstakes-congrats h1 {
    font-size: 2.6rem;
    font-family: OpenSansRegular;
    font-weight: normal;
    line-height: 34px;
    margin-bottom: 30px;
  }

  #public_home #sweepstakes-congrats h2 {
    font-size: 2.4rem;
    font-family: OpenSansRegular;
    font-weight: normal;
    line-height: 26px;
    max-width: 80%;
    margin: 0 auto;
  }
}

.video_player {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

.video_player video {
  width: 100%;
  height: 100%;
  -o-object-fit: inherit;
  object-fit: inherit;
  position: relative;
}

.video_player video::-webkit-media-controls {
  display: none !important;
}

.video_player .controls {
  background: rgba(255, 255, 255, 0.75);
  position: absolute;
  width: 100%;
  height: 50px;
  bottom: 0;
  left: 0;
}

.video_player .controls.fullscreen {
  z-index: 2147483647;
}

.video_player .controls .btn-toggle-play,
.video_player .controls .btn-mute,
.video_player .controls .btn-fullscreen,
.video_player .controls .seeker {
  background: url(/static/img/video_player/video_player_controls.png) no-repeat 0 0;
  position: absolute;
  cursor: pointer;
}

.video_player .controls .btn-toggle-play {
  background-position: -5px -5px;
  width: 42px;
  height: 28px;
  top: 10px;
  left: 29px;
}

.video_player .controls .btn-toggle-play:hover {
  background-position: -52px -5px;
}

.video_player .controls .btn-toggle-play.played {
  background-position: -5px -38px;
}

.video_player .controls .btn-toggle-play.played:hover {
  background-position: -52px -38px;
}

.video_player .controls .btn-mute {
  background-position: -5px -71px;
  width: 25px;
  height: 24px;
  top: 11px;
  left: 89px;
}

.video_player .controls .btn-mute:hover {
  background-position: -47px -71px;
}

.video_player .controls .btn-mute.half {
  background-position: -5px -127px;
}

.video_player .controls .btn-mute.half:hover {
  background-position: -47px -127px;
}

.video_player .controls .btn-mute.muted {
  background-position: -5px -99px;
}

.video_player .controls .btn-mute.muted:hover {
  background-position: -47px -99px;
}

.video_player .controls .volume-slider {
  display: none;
  position: absolute;
  bottom: 54px;
  left: 93px;
}

.video_player .controls .volume-slider .volume-slider-hit-area {
  position: absolute;
  width: 34px;
  height: 130px;
  left: -11px;
  bottom: -3px;
}

.video_player .controls .volume-slider .volume-slider-background {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 12px;
  height: 118px;
  border-radius: 6px;
  background-color: rgba(235, 235, 235, 0.6);
}

.video_player .controls .volume-slider .volume-slider-background-progress {
  position: absolute;
  bottom: 4px;
  left: 4px;
  width: 4px;
  height: 110px;
  background-color: #9d9d9d;
  border-radius: 2px;
}

.video_player .controls .volume-slider .volume-slider-progress-bar {
  position: absolute;
  bottom: 4px;
  left: -5px;
  width: 22px;
  cursor: pointer;
  height: 110px;
}

.video_player .controls .volume-slider .volume-slider-progress-bar .volume-slider-progress-bar-fill {
  position: absolute;
  bottom: 0;
  left: 9px;
  width: 4px;
  height: 100%;
  background-color: #fe7438;
  border-radius: 2px;
}

.video_player .controls .btn-fullscreen {
  background-position: -5px -181px;
  width: 27px;
  height: 23px;
  right: 15px;
  top: 11px;
}

.video_player .controls .btn-fullscreen:hover {
  background-position: -47px -181px;
}

.video_player .controls .btn-fullscreen.on {
  background-position: -5px -209px;
}

.video_player .controls .btn-fullscreen.on:hover {
  background-position: -47px -209px;
}

.video_player .controls .btn-fullscreen.no-fullscreen {
  display: none;
}

.video_player .controls .label-time-current,
.video_player .controls .label-time-total {
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
  position: absolute;
  top: 12px;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.video_player .controls .label-time-current {
  left: 124px;
}

.video_player .controls .label-time-total {
  right: 57px;
}

.video_player .controls .label-time-total.no-fullscreen {
  right: 29px;
}

.video_player .controls .progress-bar {
  position: absolute;
  left: 171px;
  right: 104px;
  top: 21px;
}

.video_player .controls .progress-bar.no-fullscreen {
  right: 75px;
}

.video_player .controls .progress-bar .background {
  position: absolute;
  width: 100%;
  height: 4px;
  border-radius: 4px;
  background: rgba(160, 160, 160, 0.25);
}

.video_player .controls .progress-bar .preloader {
  position: absolute;
  width: 0;
  height: 4px;
  border-radius: 4px;
  background: rgba(160, 160, 160, 0.25);
}

.video_player .controls .progress-bar .foreground {
  position: absolute;
  width: 0;
  height: 4px;
  border-radius: 4px;
  background: #9d9d9d;
}

.video_player .controls .progress-bar .hit-area {
  position: absolute;
  left: 0;
  right: 0;
  top: -10px;
  bottom: -14px;
  cursor: pointer;
}

.video_player .controls .progress-bar .seeker {
  width: 12px;
  height: 20px;
  background-position: -6px -156px;
  top: -9px;
}

.video_player .controls .progress-bar .seeker:hover {
  background-position: -47px -156px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  .video_player .controls .btn-toggle-play,
  .video_player .controls .btn-mute,
  .video_player .controls .btn-fullscreen,
  .video_player .controls .seeker {
    background-image: url(/static/img/video_player/video_player_controls@2x.png);
    background-size: 100px 237px;
  }
}

#language-selector-container,
#public_home #lng_selector,
.landing #lng_selector,
.landing-p #lng_selector {
  position: relative;
}

#language-selector-container .flag,
#public_home #lng_selector .flag,
.landing #lng_selector .flag,
.landing-p #lng_selector .flag {
  background-image: url('/static/img/localization/flags.png');
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: top;
}

#language-selector-container .name,
#public_home #lng_selector .name,
.landing #lng_selector .name,
.landing-p #lng_selector .name {
  display: inline-block;
  vertical-align: top;
}

#language-selector-container button,
#public_home #lng_selector button,
.landing #lng_selector button,
.landing-p #lng_selector button {
  color: inherit;
  display: block;
  outline: none;
  background: none;
  padding: 0;
  height: auto;
  line-height: initial;
}

#language-selector-container button .flag,
#public_home #lng_selector button .flag,
.landing #lng_selector button .flag,
.landing-p #lng_selector button .flag {
  background-size: 966px 34px;
  width: 30px;
  height: 30px;
  background-position: 100px 0;
}

#language-selector-container button .flag.en_US,
#public_home #lng_selector button .flag.en_US,
.landing #lng_selector button .flag.en_US,
.landing-p #lng_selector button .flag.en_US {
  background-position: -384px -2px;
}

#language-selector-container button .flag.es_US,
#public_home #lng_selector button .flag.es_US,
.landing #lng_selector button .flag.es_US,
.landing-p #lng_selector button .flag.es_US {
  background-position: -511px -2px;
}

#language-selector-container button .flag.es_ES,
#public_home #lng_selector button .flag.es_ES,
.landing #lng_selector button .flag.es_ES,
.landing-p #lng_selector button .flag.es_ES {
  background-position: -131px -2px;
}

#language-selector-container button .flag.fr_FR,
#public_home #lng_selector button .flag.fr_FR,
.landing #lng_selector button .flag.fr_FR,
.landing-p #lng_selector button .flag.fr_FR {
  background-position: -804px -2px;
}

#language-selector-container button .flag.ja_JP,
#public_home #lng_selector button .flag.ja_JP,
.landing #lng_selector button .flag.ja_JP,
.landing-p #lng_selector button .flag.ja_JP {
  background-position: -888px -2px;
}

#language-selector-container button .flag.pt_BR,
#public_home #lng_selector button .flag.pt_BR,
.landing #lng_selector button .flag.pt_BR,
.landing-p #lng_selector button .flag.pt_BR {
  background-position: -678px -2px;
}

#language-selector-container button .flag.it_IT,
#public_home #lng_selector button .flag.it_IT,
.landing #lng_selector button .flag.it_IT,
.landing-p #lng_selector button .flag.it_IT {
  background-position: -48px -2px;
}

#language-selector-container button .flag.zh_CN,
#public_home #lng_selector button .flag.zh_CN,
.landing #lng_selector button .flag.zh_CN,
.landing-p #lng_selector button .flag.zh_CN {
  background-position: -636px -2px;
}

#language-selector-container button .flag.de_DE,
#public_home #lng_selector button .flag.de_DE,
.landing #lng_selector button .flag.de_DE,
.landing-p #lng_selector button .flag.de_DE {
  background-position: -342px -2px;
}

#language-selector-container button .flag.fr_CA,
#public_home #lng_selector button .flag.fr_CA,
.landing #lng_selector button .flag.fr_CA,
.landing-p #lng_selector button .flag.fr_CA {
  background-position: -6px -3px;
}

#language-selector-container button .flag.en_US-x-kids,
#public_home #lng_selector button .flag.en_US-x-kids,
.landing #lng_selector button .flag.en_US-x-kids,
.landing-p #lng_selector button .flag.en_US-x-kids {
  background-position: -384px -2px;
}

#language-selector-container button .name,
#public_home #lng_selector button .name,
.landing #lng_selector button .name,
.landing-p #lng_selector button .name {
  line-height: 30px;
  font-size: 1.3rem;
  font-family: OpenSansLight;
  font-weight: normal;
  margin-left: 10px;
}

#language-selector-container button .triangle,
#public_home #lng_selector button .triangle,
.landing #lng_selector button .triangle,
.landing-p #lng_selector button .triangle {
  position: relative;
  top: 10px;
  margin-left: 5px;
  display: inline-block;
  vertical-align: top;
  border-style: solid;
  border-width: 5px;
  width: 0;
  height: 0;
  clip-path: polygon(50% 100%, 0 50%, 100% 50%);
}

#language-selector-container button .triangle.open,
#public_home #lng_selector button .triangle.open,
.landing #lng_selector button .triangle.open,
.landing-p #lng_selector button .triangle.open {
  border-color: transparent transparent #fff;
  top: 8px;
}

#language-selector-container ul,
#public_home #lng_selector ul,
.landing #lng_selector ul,
.landing-p #lng_selector ul {
  left: -124px;
  bottom: 40px;
  min-width: 240px;
  min-height: 30px;
  padding: 20px 0;
  border: 2px solid #e6e6e6;
  z-index: 999;
  position: absolute;
  background: #fff;
  line-height: normal;
  text-align: left;
  border-radius: 5px;
  background-clip: padding-box;
  -webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2);
}

#language-selector-container ul:before,
#public_home #lng_selector ul:before,
.landing #lng_selector ul:before,
.landing-p #lng_selector ul:before {
  right: 13px;
  z-index: 2;
  width: 20px;
  height: 20px;
  background: #fff;
  bottom: -12px;
  content: "";
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  border-right: 2px solid #e6e6e6;
  border-bottom: 2px solid #e6e6e6;
}

#language-selector-container ul li,
#public_home #lng_selector ul li,
.landing #lng_selector ul li,
.landing-p #lng_selector ul li {
  display: block;
  float: none;
  width: 100%;
  cursor: pointer;
  color: #372f2b;
  padding: 5px 20px;
}

#language-selector-container ul li .flag,
#public_home #lng_selector ul li .flag,
.landing #lng_selector ul li .flag,
.landing-p #lng_selector ul li .flag {
  width: 21px;
  height: 21px;
  border-radius: 50%;
  background-clip: padding-box;
  background-size: 745px 27.15px;
  border: 1px solid #E1E9ED;
}

#language-selector-container ul li .flag.en_US,
#public_home #lng_selector ul li .flag.en_US,
.landing #lng_selector ul li .flag.en_US,
.landing-p #lng_selector ul li .flag.en_US {
  background-position: -298px -4px;
}

#language-selector-container ul li .flag.es_US,
#public_home #lng_selector ul li .flag.es_US,
.landing #lng_selector ul li .flag.es_US,
.landing-p #lng_selector ul li .flag.es_US {
  background-position: -396px -3px;
}

#language-selector-container ul li .flag.es_ES,
#public_home #lng_selector ul li .flag.es_ES,
.landing #lng_selector ul li .flag.es_ES,
.landing-p #lng_selector ul li .flag.es_ES {
  background-position: -104px -4px;
}

#language-selector-container ul li .flag.fr_FR,
#public_home #lng_selector ul li .flag.fr_FR,
.landing #lng_selector ul li .flag.fr_FR,
.landing-p #lng_selector ul li .flag.fr_FR {
  background-position: -621.5px -4px;
}

#language-selector-container ul li .flag.ja_JP,
#public_home #lng_selector ul li .flag.ja_JP,
.landing #lng_selector ul li .flag.ja_JP,
.landing-p #lng_selector ul li .flag.ja_JP {
  background-position: -686.5px -4px;
}

#language-selector-container ul li .flag.it_IT,
#public_home #lng_selector ul li .flag.it_IT,
.landing #lng_selector ul li .flag.it_IT,
.landing-p #lng_selector ul li .flag.it_IT {
  background-position: -39px -4px;
}

#language-selector-container ul li .flag.pt_BR,
#public_home #lng_selector ul li .flag.pt_BR,
.landing #lng_selector ul li .flag.pt_BR,
.landing-p #lng_selector ul li .flag.pt_BR {
  background-position: -524px -4px;
}

#language-selector-container ul li .flag.zh_CN,
#public_home #lng_selector ul li .flag.zh_CN,
.landing #lng_selector ul li .flag.zh_CN,
.landing-p #lng_selector ul li .flag.zh_CN {
  background-position: -492px -4px;
}

#language-selector-container ul li .flag.de_DE,
#public_home #lng_selector ul li .flag.de_DE,
.landing #lng_selector ul li .flag.de_DE,
.landing-p #lng_selector ul li .flag.de_DE {
  background-position: -266px -4px;
}

#language-selector-container ul li .flag.fr_CA,
#public_home #lng_selector ul li .flag.fr_CA,
.landing #lng_selector ul li .flag.fr_CA,
.landing-p #lng_selector ul li .flag.fr_CA {
  background-position: -6px -4px;
}

#language-selector-container ul li .flag.en_US-x-kids,
#public_home #lng_selector ul li .flag.en_US-x-kids,
.landing #lng_selector ul li .flag.en_US-x-kids,
.landing-p #lng_selector ul li .flag.en_US-x-kids {
  background-position: -298px -4px;
}

#language-selector-container ul li .name,
#public_home #lng_selector ul li .name,
.landing #lng_selector ul li .name,
.landing-p #lng_selector ul li .name {
  line-height: 20px;
  font-size: 1.3rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: inherit;
  margin-left: 10px;
  display: inline-block;
  vertical-align: top;
}

#language-selector-container ul li.selected .name,
#public_home #lng_selector ul li.selected .name,
.landing #lng_selector ul li.selected .name,
.landing-p #lng_selector ul li.selected .name {
  font-size: 1.3rem;
  font-family: OpenSansBold;
  font-weight: normal;
}

#language-selector-container ul li:hover,
#public_home #lng_selector ul li:hover,
.landing #lng_selector ul li:hover,
.landing-p #lng_selector ul li:hover,
#language-selector-container ul li.focused,
#public_home #lng_selector ul li.focused,
.landing #lng_selector ul li.focused,
.landing-p #lng_selector ul li.focused {
  color: white;
}

#language-selector-container ul li:hover,
#public_home #lng_selector ul li:hover,
.landing #lng_selector ul li:hover,
.landing-p #lng_selector ul li:hover {
  background: #8ec6ea;
}

#language-selector-container ul li.focused,
#public_home #lng_selector ul li.focused,
.landing #lng_selector ul li.focused,
.landing-p #lng_selector ul li.focused {
  background: #00aaea;
  border: 1px solid;
}

#public_home #lng_selector {
  top: unset;
}

#public_home #lng_selector ul li {
  margin: 0;
}

.landing-p #lng_selector,
.landing #lng_selector {
  top: 11px;
  left: 68%;
  display: inline-block;
}

.landing-p #lng_selector button,
.landing #lng_selector button {
  color: #777;
}

.landing-p #lng_selector button .triangle,
.landing #lng_selector button .triangle {
  border-color: #372f2b transparent transparent;
}

.landing-p #lng_selector button .triangle.opened,
.landing #lng_selector button .triangle.opened {
  border-color: transparent transparent #372f2b;
}

.landing-p .accesability_container,
.landing .accesability_container {
  top: 43px;
}

.landing #lng_selector {
  top: 11px;
}

.accesability_container {
  position: absolute;
  left: 68%;
}

.accesability_container a,
.accesability_container button {
  color: #ff7a00;
  text-decoration: none;
  font-size: 14px;
  font-family: "proxima-nova", sans-serif;
}

#resources_page table {
  width: 100%;
}

#resources_page table tr {
  border-bottom: 1px solid #d7d7d2;
}

#resources_page table tr:last-child {
  border-bottom: none;
}

#resources_page table tr td {
  vertical-align: top;
}

#resources_page table tr th {
  vertical-align: middle;
}

#resources_page table tr th,
#resources_page table tr td {
  width: 33.3%;
  border-left: 1px solid #d7d7d2;
  border-right: 1px solid #d7d7d2;
}

#resources_page table tr th:last-child,
#resources_page table tr td:last-child {
  border-right: none;
}

#resources_page table tr th:first-child,
#resources_page table tr td:first-child {
  padding: 3rem;
  border-left: none;
}

#resources_page table tr td.double {
  width: 66.6%;
}

#resources_page table tr:nth-child(2) td {
  vertical-align: middle;
}

#resources_page table tr:nth-child(3) td:not(:first-child) {
  padding: 7rem 4rem 3rem;
}

#resources_page table tr:nth-child(4) td:not(:first-child) {
  padding: 6rem 4rem 3rem;
}

#resources_page table tr:nth-child(5) td:not(:first-child) {
  padding: 9rem 4rem 3rem;
}

#resources_page h1,
#resources_page h2 {
  text-align: center;
}

#resources_page h1 {
  font-size: 4rem;
  font-family: OpenSansLight;
  font-weight: normal;
  color: #00aaea;
  padding: 15px 0;
}

#resources_page h2 {
  font-weight: 600;
}

#resources_page h3 {
  font-size: 2.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin: 0;
  color: #00aaea;
}

#resources_page a {
  font-size: 1.5rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #ff7a00;
  word-break: break-all;
  display: inline-block;
}

#resources_page b,
#resources_page strong {
  font-size: 1.5rem;
  font-family: OpenSansBold;
  font-weight: normal;
}

#resources_page p {
  font-size: 1.5rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin: 0.5em 0 2em;
}

#resources_page ul li {
  font-size: 1.5rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  list-style-type: none;
  position: relative;
  margin-left: 20px;
  margin-bottom: 4px;
}

#resources_page ul li:before {
  position: absolute;
  content: '';
  width: 8px;
  height: 8px;
  background: #00aaea;
  border-radius: 50%;
  left: -20px;
  top: 7px;
}

#resources_page .inner-grid {
  margin: 40px auto 0;
  width: 990px;
  overflow: hidden;
}

#resources_page .title {
  font-size: 1.5rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #372f2b;
}

#resources_page .bold {
  font-size: 1.5rem;
  font-family: OpenSansBold;
  font-weight: normal;
}

#resources_page table.resources-base tr td:not(:first-child) {
  padding: 3rem;
}

#resources_page table.resources-microsoft[data-lang='en_US'] tr {
  border-bottom: 1px solid #d7d7d2;
}

#resources_page table.resources-microsoft[data-lang='en_US'] tr td {
  padding: 3rem;
}

#resources_page table.resources-microsoft[data-lang='en_US'] tr td:first-child {
  width: 25.5%;
}

#resources_page table.resources-microsoft[data-lang='en_US'] tr td:nth-child(2) {
  width: 37%;
}

#resources_page table.resources-microsoft[data-lang='en_US'] tr td:last-child {
  width: 37%;
}

#resources_page table.resources-microsoft[data-lang='en_US'] ul {
  padding-left: 0;
}

#resources_page table.resources-microsoft[data-lang='en_US'] p.title {
  margin: 0.5em 0 1em;
}

#resources_page table.resources-microsoft tr {
  border: 0;
}

#resources_page table.resources-microsoft tr:first-child {
  border-bottom: 1px solid #d7d7d2;
}

#resources_page table.resources-microsoft tr td {
  width: 100%;
  padding: 3rem 12rem;
}

#resources_page table.resources-microsoft ul {
  padding-left: 40px;
}

#resources_page table.resources-microsoft p {
  margin: 0.5em 0 1em;
}

#resources_page table.resources-microsoft a {
  display: block;
}

#resources_page table.resources-microsoft .margin {
  margin: 0.5em 0 2em;
}

#resources_page table.resources-microsoft .margin-bottom {
  margin-bottom: 1em;
}

#resources_page table.resources-microsoft .title {
  color: #777;
  font-size: 1.7rem;
  margin-bottom: 0;
}

#resources_page table.resources-microsoft .no-margin-bottom {
  margin-bottom: 0;
}

#resources_page .underline {
  text-decoration: underline;
}

#resources_page .black {
  color: #000;
}

html[lang=es] #home #medals_info_block .promo p {
  font-size: 1.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
}

html[lang=es] #home .track_activity_block .activities .activity.premium .button.green {
  font-size: 14px;
}

html[lang=fr] #home .track_activity_block .activities .activity.premium .button.green {
  font-size: 13px;
}

html[lang=fr] #stats_tab #stats_activity #chartPopover.small.levelup h3 {
  font-size: 1.2rem;
}

html[lang=fr] #intro-slides-modal #intro-slides .block-list > li {
  font-size: 14px;
  line-height: 17px;
}

html[lang=fr] #intro-slides-modal #intro-slides .skill-list > li .name {
  font-size: 11px;
}

html[lang=fr] #intro-slides-modal #intro-slides .skill-list > li .spoiler {
  font-size: 11px;
}

html[lang=de] #home #medals_info_block .promo {
  margin: 20px 0 30px;
}

html[lang=de] #home #medals_info_block .promo p {
  font-size: 1.3rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
}

html[lang=de] #home #track_info_block .details .block .text {
  font-size: 13px;
}

html[lang=de] #home #track_info_block .details .block:first-child .count {
  margin: 0 0 0 20px;
}

html[lang=de] #home #track_info_block .details .block:first-child .count.short {
  margin: 0 0 0 30px;
}

html[lang=de] #home #track_info_block .details .block:nth-child(2) .count {
  margin: 0 0 0 35px;
}

html[lang=de] #home #track_info_block .details .block:nth-child(2) .count.short {
  margin: 0 0 0 41px;
}

html[lang=de] #home #track_info_block .details .block:nth-child(2) .text {
  margin-left: 10px;
}

html[lang=de] #home .track_activity_block .activities .activity .button.blue {
  padding: 8px 10px;
  font-size: 13px;
}

html[lang=de] #home #stats_tab #stats_compare .selection-compare.chart_select_menu .compare_tooltip #chartPopover h3 {
  font-size: 13px;
}

html[lang=de] #home #profile_stats_landing .my-stats-article.compare {
  height: 450px;
}

html[lang=de] #home .hp_content #stats_info_block .counters .value .text {
  font-size: 12px;
}

html[lang=de] #home .hp_content #stats_info_block .counters .value .tip-container .tip {
  font-size: 12px;
}

html[lang=pt] #home .track_activity_block .activities .activity.premium .button.green {
  font-size: 11px;
}

html[lang=pt] #home #profile_stats_landing .my-stats-article.compare {
  height: 430px;
}

html[lang=es] #home #strengths_info_block .button.blue {
  font-size: 1.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
}

html[lang=pt] #home #strengths_info_block .button.blue {
  line-height: 22px;
}

html[lang=es] #intro-slides-modal #intro-slides .block-list > li,
html[lang=fr] #intro-slides-modal #intro-slides .block-list > li,
html[lang=pt] #intro-slides-modal #intro-slides .block-list > li {
  font-size: 14px;
  line-height: 17px;
}

html[lang=ja] #home #track_tab .track-info .author-bio .container-old .text {
  font-size: 12px;
}

html[lang=ja] #home #home-carousel #carousel-inner .carousel-slide .track-card-featured footer .author .info {
  padding: 0;
}

html[lang=ja] #home #home-carousel #carousel-inner .carousel-slide .track-card-featured footer .author .info .descr {
  font-size: 10px;
}

html[lang=ja] #home .track_activity_block .activities .activity.premium .button.green {
  font-size: 14px;
}

html[lang=ja] #home .track_activity_block .activities .activity .button.blue {
  font-size: 14px;
}

@media screen and (min-width: 1024px) and (max-width: 1620px) {
  html[lang=de] header.banner.application [role="navigation"] a {
    font-size: 13px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1366px) {
  html[lang=fr] header.banner.application [role="navigation"] a,
  html[lang=pt] header.banner.application [role="navigation"] a {
    font-size: 12px;
  }
}

.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;
}

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;
}

.bubble_tooltip {
  background: #ffffff;
  border: solid 1px #ddd;
  display: none;
  position: absolute;
  min-width: 20px;
  padding: 5px 20px;
  text-align: left;
  border-radius: 4px;
  z-index: 2147483647;
  -webkit-box-shadow: 0 7px 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0 7px 6px rgba(0, 0, 0, 0.2);
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.bubble_tooltip.active {
  display: block;
  opacity: 1;
}

.bubble_tooltip.arrow_bottom::after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  width: 12px;
  height: 12px;
  content: '';
  border-bottom: solid 1px #ddd;
  border-right: solid 1px #ddd;
  border-left: none;
  left: 50%;
  margin-left: -6px;
  bottom: -7px;
  background: #ffffff;
}

.bubble_tooltip .bubble_tooltip_content {
  font-family: OpenSansRegular;
  font-size: 11px;
  color: #777;
  padding: 0;
  margin: 0;
  text-align: center;
}

.bubble_tooltip .bubble_tooltip_content b,
.bubble_tooltip .bubble_tooltip_content strong,
.bubble_tooltip .bubble_tooltip_content .bold {
  font-family: OpenSansSemibold;
}

.classifier-names.error {
  border: 1px solid red !important;
}

.classifier-names-error,
.mirroring_classifier_names-error {
  margin-left: 32px;
  color: red;
}

.page_select_ui .pages {
  display: inline-block;
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

.page_select_ui .pages .first,
.page_select_ui .pages .last,
.page_select_ui .pages .total {
  font-size: 1.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
}

.page_select_ui .buttons {
  display: inline-block;
  font-size: 0;
  vertical-align: middle;
  margin-left: 25px;
}

.page_select_ui .buttons .prev,
.page_select_ui .buttons .next {
  display: inline-block;
  width: 35px;
  height: 40px;
  border: 1px solid #d7d7d2;
  background: white;
}

.page_select_ui .buttons .prev.disabled,
.page_select_ui .buttons .next.disabled {
  opacity: 0.5;
  pointer-events: none;
}

.page_select_ui .buttons .prev .icon,
.page_select_ui .buttons .next .icon {
  border: solid #777;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 6px;
  position: absolute;
}

.page_select_ui .buttons .prev {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.page_select_ui .buttons .prev .icon {
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  margin: 12px 0 0 13px;
}

.page_select_ui .buttons .next {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  margin-left: -1px;
}

.page_select_ui .buttons .next .icon {
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  margin: 12px 0 0 5px;
}

.DefinitionBubbles {
  padding: 10px 0;
  font-family: OpenSans, Arial, sans-serif;
  border-bottom: 2px solid #e6e6e6;
}

.DefinitionBubbles_inner {
  position: relative;
  width: 57%;
  margin: 0 auto;
}

.DefinitionBubbles_inner:after {
  content: "";
  display: block;
  padding-top: 100%;
}

.DefinitionBubbles_item {
  color: #fff !important;
  position: absolute;
  overflow: hidden;
  border-radius: 50%;
  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;
  font-family: OpenSansBold, Arial, sans-serif;
  font-weight: 400;
  cursor: pointer;
}

.DefinitionBubbles_item:hover {
  text-decoration: none;
}

.DefinitionBubbles_item:focus {
  outline: 4px solid #000 !important;
}

.DefinitionBubbles_tooltip {
  pointer-events: none;
  position: absolute;
  -webkit-box-shadow: 0px 3px 0 rgba(199, 199, 201, 0.5);
  box-shadow: 0px 3px 0 rgba(199, 199, 201, 0.5);
  border-radius: 3px;
  padding: 0;
}

.DefinitionBubbles_tooltipInner {
  font-family: OpenSans, Arial, sans-serif;
  padding: 20px 14px 20px 19px;
  border: 1px solid #c7c7c9;
  border-radius: 3px;
  background-color: #fff;
  width: 248px;
  font-weight: 400;
}

.DefinitionBubbles_tooltipInner:after {
  content: "";
  position: absolute;
  bottom: 1px;
  left: 1px;
  right: 1px;
  height: 20px;
  background-color: #fff;
  pointer-events: none;
}

.DefinitionBubbles_descTitle {
  font-size: 14px;
  text-transform: uppercase;
  margin-top: 0 !important;
  margin-bottom: 8px;
  letter-spacing: -0.01em;
}

.DefinitionBubbles_desc {
  font-size: 1.33rem;
  margin: 0 !important;
}

.DefinitionBubbles_tooltipArrow {
  position: absolute;
  bottom: -7px;
  margin-left: -8px;
  left: 50%;
  width: 16px;
  height: 16px;
  background-color: #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border: 1px solid #c7c7c9;
  -webkit-box-shadow: 3px 3px 0px rgba(199, 199, 201, 0.5);
  box-shadow: 3px 3px 0px rgba(199, 199, 201, 0.5);
}

.DefinitionBubbles_head {
  font-weight: 400 !important;
  font-size: 1.381rem;
  margin-bottom: 0;
  margin-top: 0;
}

.DefinitionBubbles-forTrackDetailsPage > .DefinitionBubbles_head {
  margin-right: -14px;
}

.DefinitionBubbles_helpSign {
  background-color: #d0d0d0;
  color: #fff !important;
  display: inline-block;
  border-radius: 50%;
  text-align: center;
  line-height: 15px;
  width: 15px;
  height: 15px;
  text-decoration: none !important;
  font-size: 12px;
  cursor: pointer;
}

.DefinitionBubbles_helpSign:focus {
  outline: 4px solid #000 !important;
}

.DefinitionBubbles_disciplinesList {
  padding-top: 10px;
}

.DefinitionBubbles_listLeaf {
  position: relative;
  padding-bottom: 1px;
  padding-left: 18px;
}

.DefinitionBubbles_listLeaf:last-child {
  padding-bottom: 0;
}

.DefinitionBubbles_listPoint {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 4px;
}

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;
  text-decoration: underline !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] #to_top {
  font-family: OpenSansSemiBold;
}

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;
  text-decoration: underline !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] #community a {
  text-decoration: underline !important;
}

html[data-wcag-enabled=true] #community a h3 {
  text-decoration: underline !important;
}

html[data-wcag-enabled=true] #community a:hover {
  text-decoration: underline !important;
}

html[data-wcag-enabled=true] #community a:hover h3 {
  text-decoration: underline !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-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-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-image: url("/static/img/explore_tracks/search@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-image: url("/static/img/explore_tracks/search@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@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;
  text-decoration: underline;
}

html[data-wcag-enabled=true] .info_block a:hover {
  text-decoration: underline !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,
html[data-wcag-enabled=true] #faq_page .content .content_container .faq_menu ul li button {
  color: #000000 !important;
  text-decoration: underline !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] [data-view=FeaturedThreads] .featured_forum .inner .forum-name {
  background: #42CDFF !important;
}

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;
  text-decoration: underline;
}

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] #share_happiness_main [data-view=SharedHappifiers] .happifier a:hover {
  text-decoration: underline;
}

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 .TopNav_item .TopNav_link .TopNav_text {
  border-bottom-color: #000000 !important;
}

html[data-wcag-enabled=true] header.banner.TopBar .TopNav_item.active .TopNav_link .TopNav_text,
html[data-wcag-enabled=true] header.banner.TopBar .TopNav_item .TopNav_link.on > .TopNav_text,
html[data-wcag-enabled=true] header.banner.TopBar .TopNav_item .TopNav_link:hover > .TopNav_text {
  border-bottom-color: #803E00 !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] #home .hp_menu button span {
  text-decoration: underline;
}

html[data-wcag-enabled=true] #home .hp_content button.share {
  text-decoration: underline !important;
}

html[data-wcag-enabled=true] #home .hp_content h1,
html[data-wcag-enabled=true] #home .hp_content h2,
html[data-wcag-enabled=true] #home .hp_content h3 {
  font-family: OpenSansBold !important;
}

html[data-wcag-enabled=true] #home .hp_content a,
html[data-wcag-enabled=true] #home .hp_content a:hover {
  text-decoration: underline !important;
}

html[data-wcag-enabled=true] #home .hp_content .track-info button.pseudo {
  text-decoration: underline !important;
}

html[data-wcag-enabled=true] #home .hp_content #stats_tab .chart_select_menu {
  text-decoration: underline;
}

html[data-wcag-enabled=true] #home .hp_content #track_tab_activities .head .text {
  text-decoration: underline !important;
}

html[data-wcag-enabled=true] #home .hp_content #track_tab_activities .activities .activity-data {
  text-decoration: underline;
}

html[data-wcag-enabled=true] #home .hp_content .carousel-slide span,
html[data-wcag-enabled=true] #home .hp_content #track_info_block span,
html[data-wcag-enabled=true] #home .hp_content #posts_info_block span,
html[data-wcag-enabled=true] #home .hp_content #stats_info_block span,
html[data-wcag-enabled=true] #home .hp_content #medals_info_block span,
html[data-wcag-enabled=true] #home .hp_content #strengths_info_block span,
html[data-wcag-enabled=true] #home .hp_content #forums_info_block span,
html[data-wcag-enabled=true] #home .hp_content .carousel-slide p,
html[data-wcag-enabled=true] #home .hp_content #track_info_block p,
html[data-wcag-enabled=true] #home .hp_content #posts_info_block p,
html[data-wcag-enabled=true] #home .hp_content #stats_info_block p,
html[data-wcag-enabled=true] #home .hp_content #medals_info_block p,
html[data-wcag-enabled=true] #home .hp_content #strengths_info_block p,
html[data-wcag-enabled=true] #home .hp_content #forums_info_block p,
html[data-wcag-enabled=true] #home .hp_content .carousel-slide div,
html[data-wcag-enabled=true] #home .hp_content #track_info_block div,
html[data-wcag-enabled=true] #home .hp_content #posts_info_block div,
html[data-wcag-enabled=true] #home .hp_content #stats_info_block div,
html[data-wcag-enabled=true] #home .hp_content #medals_info_block div,
html[data-wcag-enabled=true] #home .hp_content #strengths_info_block div,
html[data-wcag-enabled=true] #home .hp_content #forums_info_block div,
html[data-wcag-enabled=true] #home .hp_content .carousel-slide .text,
html[data-wcag-enabled=true] #home .hp_content #track_info_block .text,
html[data-wcag-enabled=true] #home .hp_content #posts_info_block .text,
html[data-wcag-enabled=true] #home .hp_content #stats_info_block .text,
html[data-wcag-enabled=true] #home .hp_content #medals_info_block .text,
html[data-wcag-enabled=true] #home .hp_content #strengths_info_block .text,
html[data-wcag-enabled=true] #home .hp_content #forums_info_block .text {
  font-family: OpenSansSemiBold !important;
}

html[data-wcag-enabled=true] #home .hp_content .carousel-slide .activity_inside_info .name,
html[data-wcag-enabled=true] #home .hp_content #track_info_block .activity_inside_info .name,
html[data-wcag-enabled=true] #home .hp_content #posts_info_block .activity_inside_info .name,
html[data-wcag-enabled=true] #home .hp_content #stats_info_block .activity_inside_info .name,
html[data-wcag-enabled=true] #home .hp_content #medals_info_block .activity_inside_info .name,
html[data-wcag-enabled=true] #home .hp_content #strengths_info_block .activity_inside_info .name,
html[data-wcag-enabled=true] #home .hp_content #forums_info_block .activity_inside_info .name {
  text-decoration: underline;
}

html[data-wcag-enabled=true] #home .hp_content .carousel-slide .activity_inside_info button.blue,
html[data-wcag-enabled=true] #home .hp_content #track_info_block .activity_inside_info button.blue,
html[data-wcag-enabled=true] #home .hp_content #posts_info_block .activity_inside_info button.blue,
html[data-wcag-enabled=true] #home .hp_content #stats_info_block .activity_inside_info button.blue,
html[data-wcag-enabled=true] #home .hp_content #medals_info_block .activity_inside_info button.blue,
html[data-wcag-enabled=true] #home .hp_content #strengths_info_block .activity_inside_info button.blue,
html[data-wcag-enabled=true] #home .hp_content #forums_info_block .activity_inside_info button.blue {
  background-color: #42CDFF !important;
}

html[data-wcag-enabled=true] #home .hp_content .carousel-slide .activity_inside_info button.blue:hover,
html[data-wcag-enabled=true] #home .hp_content #track_info_block .activity_inside_info button.blue:hover,
html[data-wcag-enabled=true] #home .hp_content #posts_info_block .activity_inside_info button.blue:hover,
html[data-wcag-enabled=true] #home .hp_content #stats_info_block .activity_inside_info button.blue:hover,
html[data-wcag-enabled=true] #home .hp_content #medals_info_block .activity_inside_info button.blue:hover,
html[data-wcag-enabled=true] #home .hp_content #strengths_info_block .activity_inside_info button.blue:hover,
html[data-wcag-enabled=true] #home .hp_content #forums_info_block .activity_inside_info button.blue:hover {
  background-color: #00aaea !important;
}

html[data-wcag-enabled=true] #home .hp_content .carousel-slide a h1,
html[data-wcag-enabled=true] #home .hp_content .carousel-slide a h2,
html[data-wcag-enabled=true] #home .hp_content .carousel-slide a h3,
html[data-wcag-enabled=true] #home .hp_content .carousel-slide a p,
html[data-wcag-enabled=true] #home .hp_content .carousel-slide a span {
  text-decoration: underline !important;
}

html[data-wcag-enabled=true] #home .hp_content .carousel-slide a.button h1,
html[data-wcag-enabled=true] #home .hp_content .carousel-slide a.button h2,
html[data-wcag-enabled=true] #home .hp_content .carousel-slide a.button h3,
html[data-wcag-enabled=true] #home .hp_content .carousel-slide a.button p,
html[data-wcag-enabled=true] #home .hp_content .carousel-slide a.button span {
  text-decoration: none !important;
}

html[data-wcag-enabled=true] #home .hp_content .carousel-slide .carousel-feature-track .actions a.button {
  text-decoration: none !important;
}

html[data-wcag-enabled=true] #home .hp_content #posts_info_block .name,
html[data-wcag-enabled=true] #home .hp_content #stats_info_block .name,
html[data-wcag-enabled=true] #home .hp_content #strengths_info_block .name,
html[data-wcag-enabled=true] #home .hp_content #following_info_block .name,
html[data-wcag-enabled=true] #home .hp_content #forums_info_block .name {
  text-decoration: underline !important;
}

html[data-wcag-enabled=true] #home .hp_content #posts_info_block a,
html[data-wcag-enabled=true] #home .hp_content #stats_info_block a,
html[data-wcag-enabled=true] #home .hp_content #strengths_info_block a,
html[data-wcag-enabled=true] #home .hp_content #following_info_block a,
html[data-wcag-enabled=true] #home .hp_content #forums_info_block a {
  text-decoration: underline !important;
}

html[data-wcag-enabled=true] #home .hp_content #posts_info_block a p,
html[data-wcag-enabled=true] #home .hp_content #stats_info_block a p,
html[data-wcag-enabled=true] #home .hp_content #strengths_info_block a p,
html[data-wcag-enabled=true] #home .hp_content #following_info_block a p,
html[data-wcag-enabled=true] #home .hp_content #forums_info_block a p,
html[data-wcag-enabled=true] #home .hp_content #posts_info_block a span,
html[data-wcag-enabled=true] #home .hp_content #stats_info_block a span,
html[data-wcag-enabled=true] #home .hp_content #strengths_info_block a span,
html[data-wcag-enabled=true] #home .hp_content #following_info_block a span,
html[data-wcag-enabled=true] #home .hp_content #forums_info_block a span {
  text-decoration: underline !important;
}

html[data-wcag-enabled=true] #home .hp_content #posts_info_block a.button h1,
html[data-wcag-enabled=true] #home .hp_content #stats_info_block a.button h1,
html[data-wcag-enabled=true] #home .hp_content #strengths_info_block a.button h1,
html[data-wcag-enabled=true] #home .hp_content #following_info_block a.button h1,
html[data-wcag-enabled=true] #home .hp_content #forums_info_block a.button h1,
html[data-wcag-enabled=true] #home .hp_content #posts_info_block a.button h2,
html[data-wcag-enabled=true] #home .hp_content #stats_info_block a.button h2,
html[data-wcag-enabled=true] #home .hp_content #strengths_info_block a.button h2,
html[data-wcag-enabled=true] #home .hp_content #following_info_block a.button h2,
html[data-wcag-enabled=true] #home .hp_content #forums_info_block a.button h2,
html[data-wcag-enabled=true] #home .hp_content #posts_info_block a.button h3,
html[data-wcag-enabled=true] #home .hp_content #stats_info_block a.button h3,
html[data-wcag-enabled=true] #home .hp_content #strengths_info_block a.button h3,
html[data-wcag-enabled=true] #home .hp_content #following_info_block a.button h3,
html[data-wcag-enabled=true] #home .hp_content #forums_info_block a.button h3,
html[data-wcag-enabled=true] #home .hp_content #posts_info_block a.button p,
html[data-wcag-enabled=true] #home .hp_content #stats_info_block a.button p,
html[data-wcag-enabled=true] #home .hp_content #strengths_info_block a.button p,
html[data-wcag-enabled=true] #home .hp_content #following_info_block a.button p,
html[data-wcag-enabled=true] #home .hp_content #forums_info_block a.button p,
html[data-wcag-enabled=true] #home .hp_content #posts_info_block a.button span,
html[data-wcag-enabled=true] #home .hp_content #stats_info_block a.button span,
html[data-wcag-enabled=true] #home .hp_content #strengths_info_block a.button span,
html[data-wcag-enabled=true] #home .hp_content #following_info_block a.button span,
html[data-wcag-enabled=true] #home .hp_content #forums_info_block a.button span {
  text-decoration: none !important;
}

html[data-wcag-enabled=true] #home .hp_content #posts_info_block .button.blue,
html[data-wcag-enabled=true] #home .hp_content #stats_info_block .button.blue,
html[data-wcag-enabled=true] #home .hp_content #strengths_info_block .button.blue,
html[data-wcag-enabled=true] #home .hp_content #following_info_block .button.blue,
html[data-wcag-enabled=true] #home .hp_content #forums_info_block .button.blue {
  background-color: #42CDFF !important;
}

html[data-wcag-enabled=true] #home .hp_content #posts_info_block .button.blue:hover,
html[data-wcag-enabled=true] #home .hp_content #stats_info_block .button.blue:hover,
html[data-wcag-enabled=true] #home .hp_content #strengths_info_block .button.blue:hover,
html[data-wcag-enabled=true] #home .hp_content #following_info_block .button.blue:hover,
html[data-wcag-enabled=true] #home .hp_content #forums_info_block .button.blue:hover {
  background-color: #00aaea !important;
}

html[data-wcag-enabled=true] #home .hp_content #posts_info_block .forum-name,
html[data-wcag-enabled=true] #home .hp_content #stats_info_block .forum-name,
html[data-wcag-enabled=true] #home .hp_content #strengths_info_block .forum-name,
html[data-wcag-enabled=true] #home .hp_content #following_info_block .forum-name,
html[data-wcag-enabled=true] #home .hp_content #forums_info_block .forum-name {
  background-color: #42CDFF !important;
  text-decoration: underline !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] [data-view="MasonryPosts"] .js-masonry .post h3.post-preview {
  text-decoration: underline;
}

html[data-wcag-enabled=true] [data-view="MasonryPosts"] .js-masonry .post .post-preview-more {
  text-decoration: underline !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=ScoreCard] .progress p {
  text-decoration: underline;
}

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 #main-tabs button {
  text-decoration: underline !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;
  text-decoration: underline !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-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-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;
  text-decoration: underline;
}

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 button.share,
html[data-wcag-enabled=true] #track_preview button.pseudo_c1 {
  text-decoration: underline !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;
}

[data-disabled-animations="true"] .intro-slide.viewed .block-list > li {
  opacity: 1 !important;
  -webkit-animation: none !important;
  animation: none !important;
}

[data-disabled-animations="true"] .intro-slide.viewed .block-list > li .pseudo {
  background: none !important;
  opacity: 1 !important;
  -webkit-animation: none !important;
  animation: none !important;
}

[data-disabled-animations="true"] .intro-slide.viewed .block-list > li > p {
  opacity: 1 !important;
}

[data-disabled-animations="true"] .intro-slide.viewed .skill-list > li {
  opacity: 1 !important;
  -webkit-animation: none !important;
  animation: none !important;
}

[data-disabled-animations="true"] .intro-slide.viewed .skill-list > li .sprite-1,
[data-disabled-animations="true"] .intro-slide.viewed .skill-list > li .name,
[data-disabled-animations="true"] .intro-slide.viewed .skill-list > li .spoiler,
[data-disabled-animations="true"] .intro-slide.viewed .skill-list > li .desc,
[data-disabled-animations="true"] .intro-slide.viewed .skill-list > li .skill-icon-color {
  opacity: 1 !important;
  -webkit-animation: none !important;
  animation: none !important;
}

[data-disabled-animations="true"] .intro-slide.viewed .skill-list > li:nth-child(1) .bar span {
  opacity: 1 !important;
  -webkit-animation: none !important;
  animation: none !important;
  height: 95% !important;
}

[data-disabled-animations="true"] .intro-slide.viewed .skill-list > li:nth-child(2) .bar span {
  opacity: 1 !important;
  -webkit-animation: none !important;
  animation: none !important;
  height: 80% !important;
}

[data-disabled-animations="true"] .intro-slide.viewed .skill-list > li:nth-child(3) .bar span {
  opacity: 1 !important;
  -webkit-animation: none !important;
  animation: none !important;
  height: 90% !important;
}

[data-disabled-animations="true"] .intro-slide.viewed .skill-list > li:nth-child(4) .bar span {
  opacity: 1 !important;
  -webkit-animation: none !important;
  animation: none !important;
  height: 85% !important;
}

[data-disabled-animations="true"] .intro-slide.viewed .skill-list > li:nth-child(5) .bar span {
  opacity: 1 !important;
  -webkit-animation: none !important;
  animation: none !important;
  height: 92% !important;
}

[data-disabled-animations="true"] .intro-slide.viewed .skill-list > li:nth-child(6) .bar span {
  opacity: 1 !important;
  -webkit-animation: none !important;
  animation: none !important;
  height: 80% !important;
}

[data-disabled-animations="true"] .intro-slide.viewed .chart > .curve {
  -webkit-animation: none !important;
  animation: none !important;
}

[data-disabled-animations="true"] .intro-slide.viewed .chart > .curve .circle {
  opacity: 1 !important;
  -webkit-transform: scale(1) !important;
  -ms-transform: scale(1) !important;
  transform: scale(1) !important;
  -webkit-animation: none !important;
  animation: none !important;
  bottom: 190px !important;
}

[data-disabled-animations="true"] .intro-slide.viewed .info-list > li:first-child .number {
  -webkit-animation: none !important;
  animation: none !important;
}

[data-disabled-animations="true"] .intro-slide.viewed .info-list > li:first-child .period {
  -webkit-animation: none !important;
  animation: none !important;
}

[data-disabled-animations="true"] .intro-slide.viewed .info-list > li:last-child .number {
  -webkit-animation: none !important;
  animation: none !important;
}

[data-disabled-animations="true"] .intro-slide.viewed .info-list > li:last-child .period {
  -webkit-animation: none !important;
  animation: none !important;
}

[data-disabled-animations="true"] .intro-slide.viewed .coach-intro-slide__elem .coach-intro-slide__icon {
  -webkit-animation: none !important;
  animation: none !important;
}

[data-disabled-animations="true"] .intro-slide.viewed .coach-intro-slide__elem .coach-intro-slide__title {
  -webkit-animation: none !important;
  animation: none !important;
}

[data-disabled-animations="true"] .intro-slide.viewed .coach-intro-slide__elem .coach-intro-slide__descr {
  -webkit-animation: none !important;
  animation: none !important;
}

.ModalContent {
  font-family: "OpenSansRegular";
  padding-top: 26px;
  min-height: 636px;
  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: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ModalContent-padded {
  padding: 56px 30px 30px;
}

.ModalContent-width2 {
  max-width: 800px;
}

.ModalContent_head {
  text-align: center;
  padding-bottom: 16px;
}

.ModalContent_bottomImage {
  display: block;
  margin: 0 auto;
  position: relative;
  top: 6px;
}

.ModalContent_title {
  font-size: 34px;
  letter-spacing: 0.5px;
  padding-bottom: 16px;
  line-height: 1.15;
}

.ModalContent_subtitle {
  font-size: 21px;
  font-weight: normal;
  padding-bottom: 32px;
  margin-left: auto;
  margin-right: auto;
}

.ModalContent_subtitle-w50 {
  max-width: 50%;
}

.ModalContent_logoWrap {
  padding-bottom: 35px;
}

.ModalContent_logo {
  display: block;
  max-width: 400px;
  height: auto;
  margin: 0 auto;
  -o-object-fit: contain;
  object-fit: contain;
}

.ModalContent_logo-tight {
  max-width: 304px;
}

.ModalContent_logo-wide {
  max-width: 505px;
}

.ModalContent_text {
  font-size: 19px;
  margin-bottom: 32px;
}

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

.ModalContent_signin_feature {
  text-align: center;
}

.ModalContent-signin_padding {
  padding: 26px 60px;
}

@media only screen and (max-width: 402px) {
  .ModalContent-padded {
    padding: 56px 10px 10px;
  }
}

.ModalForm {
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
}

.ModalForm-mod1 {
  padding-top: 15px;
  min-height: 374px;
}

.ModalForm_group {
  padding-bottom: 23px;
  margin: 0 !important;
}

.ModalForm_group.smallBottom {
  padding-bottom: 5px;
}

.ModalForm_group_hr {
  width: 200px;
  height: 1px;
  background-color: #d7d7d1;
  margin: auto;
}

.ModalForm_group-btn {
  padding-left: 22px;
  padding-right: 22px;
}

.ModalForm_group-pb0 {
  padding-bottom: 0;
}

.ModalForm_group-pt2x {
  padding-top: 46px;
}

.ModalForm_group-pb2x {
  padding-bottom: 46px;
}

.ModalForm_group-pt8x {
  padding-top: 184px;
}

.ModalForm_group-px0 {
  padding-left: 0;
  padding-right: 0;
}

.ModalForm-mod1 > .ModalForm_group-btn {
  padding-top: 28px;
}

.ModalForm_grpSplit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.ModalForm_grpHalf {
  width: 49%;
  max-width: 49%;
}

.ModalForm_label {
  font-size: 17px;
  font-family: "OpenSansRegular", sans-serif;
  font-weight: 400;
  padding-bottom: 1px;
}

.ModalForm_inp {
  padding: 11px !important;
  margin-bottom: 0 !important;
  border: 1px solid #d7d7d2;
  border-radius: 3px;
  width: 100%;
  font-size: 16px !important;
  font-weight: normal;
  display: inline-block;
  line-height: normal !important;
}

.ModalForm_inp:focus {
  border-color: rgba(82, 168, 236, 0.8);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.5);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.5);
}

.ModalForm_inp.error {
  border-color: #ff3131 !important;
}

.ModalForm_inp.error:focus {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 49, 49, 0.5) !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 49, 49, 0.5) !important;
}

.ModalForm_hintWrap {
  text-align: right;
  padding: 1px 2px 0;
  margin-top: -17px;
  position: relative;
  top: 17px;
}

.ModalForm_hint {
  text-decoration: underline;
  color: #ff7a00;
  font-size: 12px;
  cursor: pointer;
}

.ModalForm_hint:focus {
  outline: 4px solid #000 !important;
}

.ModalForm_btn {
  width: 100%;
  font-size: 1.8rem !important;
  letter-spacing: 1px;
  font-family: "OpenSansSemibold", sans-serif !important;
  line-height: 51px;
  height: 48px;
  padding: 0 55px;
  font-weight: normal;
  margin-bottom: 18px;
}

.ModalForm_btn-p020 {
  padding: 0 20px;
}

.ModalForm_error,
.ModalForm .birth-date-error {
  color: #ff3131;
  font-size: 12px !important;
  font-family: "OpenSansRegular", sans-serif;
  font-weight: normal;
  padding-top: 1px;
  margin: 0 !important;
  text-align: left !important;
  position: static !important;
}

.ModalForm_error a,
.ModalForm .birth-date-error a {
  color: #ff3131;
  text-decoration: underline;
}

.ModalForm_error-centerTxt,
.ModalForm .birth-date-error-centerTxt {
  text-align: center !important;
}

.ModalForm_p {
  color: #b2b1b1 !important;
  font-size: 11px !important;
  margin: 0 !important;
  line-height: 16px !important;
}

.ModalForm_p-centerTxt {
  text-align: center;
}

#partner_enter_id_modal .ModalForm_label,
#partner_additional_info_modal .ModalForm_label {
  display: inline-block;
  margin-bottom: 2px;
}

#partner_enter_id_modal .ModalForm .ModalForm_group-btn.flname,
#partner_additional_info_modal .ModalForm .ModalForm_group-btn.flname {
  padding-top: 66px;
}

#partner_additional_info_modal .ModalForm_label[for="zip-code-input"] {
  text-transform: capitalize;
}

#confirm_employee_access_modal .ModalForm_group.airbnb {
  padding-top: 80px;
  padding-bottom: 100px;
}

#hamobu_modal .ModalContent_middle.wild .ModalForm {
  max-width: 600px;
}

#hamobu_modal .ModalContent_middle.wild .ModalForm_group-btn {
  max-width: 300px;
  margin: 0 auto !important;
}

#hamobu_modal .ModalContent_middle .ModalForm_error {
  text-align: center !important;
}

.ModalContent .birth-date-picker select,
.ModalContent .birth-date-picker option {
  font-size: 16px;
  padding: 9px 8px;
}

.ModalContent .birth-date-picker select {
  color: #777;
  border: 1px solid #d7d7d2;
  border-radius: 3px;
}

.ModalContent .birth-date-picker select:not(:last-child) {
  margin-right: 5px;
}

@media only screen and (max-width: 650px) {
  #clario_disclosure_modal .ModalContent_subtitle {
    padding: 0 !important;
  }
}

#clario_disclosure_modal .ModalContent_head {
  padding: 14px 30px;
}

#clario_disclosure_modal .ModalContent_head .ModalContent_title {
  font-size: 30px;
  padding-bottom: 0;
}

#clario_disclosure_modal .ModalContent_head .ModalContent_subtitle {
  font-size: 16px;
  line-height: 24px;
  padding: 0 60px;
}

#clario_disclosure_modal .ModalContent_middle .ModalForm_group {
  padding: 14px 30px;
}

#clario_disclosure_modal .ModalContent_middle .ModalForm_label {
  font-size: 16px;
}

#clario_disclosure_modal .CustomRadio_label {
  cursor: pointer;
}

#clario_disclosure_modal .disclosure_parent {
  cursor: pointer;
}

#clario_disclosure_modal .disclosure_parent .disclosure_m_button {
  line-height: 54px;
  position: relative;
  padding-left: 24px;
  height: 54px;
  width: 100%;
  background-color: #FAFAFA;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  font-size: 14px;
  font-family: OpenSansBold;
  color: #372f2b;
}

#clario_disclosure_modal .disclosure_parent .disclosure_m_button .disclosure_m_arrow {
  position: absolute;
  height: 14px;
  width: 14px;
  top: 17px;
  right: 19px;
  border-top: 2px solid #372f2b;
  border-right: 2px solid #372f2b;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}

#clario_disclosure_modal .disclosure_parent .disclosure_copy,
#clario_disclosure_modal .disclosure_parent .disclosure_m_copy {
  display: none;
}

#clario_disclosure_modal .disclosure_parent.open .disclosure_m_button .disclosure_m_arrow {
  top: 24px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#clario_disclosure_modal .disclosure_parent.open .disclosure_copy,
#clario_disclosure_modal .disclosure_parent.open .disclosure_m_copy {
  display: block;
}

#clario_disclosure_modal .disclosure_copy {
  height: 240px;
  background-color: #fafafa;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  overflow-y: auto;
  padding: 24px 32px;
}

#clario_disclosure_modal .disclosure_copy h1 {
  font-size: 24px;
  font-family: OpenSansSemiBold;
  color: #777777;
}

#clario_disclosure_modal .disclosure_copy p {
  font-family: OpenSansRegular;
  font-size: 14px;
}

#clario_disclosure_modal .disclosure_copy p:first-child {
  margin-top: 0;
}

#clario_disclosure_modal .mobilemodal .ModalContent_title {
  font-family: OpenSansSemiBold;
  font-size: 22px;
  line-height: 36px;
}

#clario_disclosure_modal .mobilemodal .ModalContent_subtitle {
  font-family: OpenSansSemiBold;
  font-size: 14px;
  line-height: 24px;
}

#clario_disclosure_modal .mobilemodal .CustomRadio_label {
  font-family: OpenSansRegular;
  color: #777777;
  font-size: 14px;
  line-height: 21px;
}

#clario_disclosure_modal .mobilemodal .disclosure_m_copy {
  font-family: OpenSansRegular;
  font-size: 14px;
  line-height: 21px;
  margin-left: 20px;
  margin-right: 20px;
  color: #372f2b;
}

#clario_disclosure_modal .mobilemodal .disclosure_m_copy h1 {
  font-size: 16px;
  line-height: 21px;
  font-family: OpenSansSemiBold;
  color: #777777;
}

.Tooltip {
  position: absolute;
  z-index: 9999;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
  width: 208px;
  border-radius: 3px;
  pointer-events: none;
  padding: 0;
}

.Tooltip_arrow {
  width: 20px;
  height: 20px;
  position: absolute;
  background: #fff;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
}

.Tooltip_arrow-left {
  top: 50%;
  left: -10px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-top: -10px;
}

.Tooltip_content {
  background: #fff;
  padding: 16px;
  position: relative;
  border-radius: 3px;
}

.Tooltip-bordered {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #d7d7d2;
}

.Listbox {
  position: relative;
  z-index: 10;
}

.Listbox_btn,
.Listbox_item {
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 1.8rem;
  text-align: left;
  font-family: OpenSansLight;
  font-weight: normal;
  background: #fff;
  display: block;
}

.Listbox_btn {
  height: auto;
  border: 1px solid #d7d7d1;
  border-radius: 5px;
  padding: 7px 10px;
  width: 100%;
  color: #777;
  position: relative;
  line-height: 30px;
  display: block;
}

.Listbox_btn.open:after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.Listbox_btn:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 45px;
  background: #cdcdcd url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22255%22%20height%3D%22255%22%3E%3Cpath%20fill%3D%22%23454545%22%20d%3D%22M0%2063.75l127.5%20127.5L255%2063.75z%22%2F%3E%3C%2Fsvg%3E") center no-repeat;
  background-size: 18px auto;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
}

.Listbox_list {
  position: absolute;
  top: 100%;
  margin-top: 3px;
  border: 1px solid #d7d7d1;
  border-radius: 5px;
  width: 100%;
  left: 0;
  overflow: hidden;
  max-height: 218px;
  overflow-y: auto;
  background: #fff;
}

.Listbox_item {
  height: 36px;
  line-height: 36px;
  padding: 0 12px;
  color: #231a15;
}

.Listbox_item.focused,
.Listbox_item:hover,
.Listbox_item:focus {
  background-color: #00aaea;
  color: #fff;
}

.CustomRadio {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  padding-left: 28px;
  margin-top: 11px;
  margin-right: 10px;
}

.CustomRadio_inp {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.CustomRadio_label {
  font-size: 14px;
}

.CustomRadio_label:before,
.CustomRadio_label:after {
  content: "";
  position: absolute;
  top: 50%;
  display: block;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.CustomRadio_label:before {
  width: 18px;
  height: 18px;
  margin-top: -9px;
  border: 1px solid #777777;
  left: 0;
}

.CustomRadio_label:after {
  background: #ff7a00;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  left: 2px;
  visibility: hidden;
  pointer-events: none;
}

:checked ~ .CustomRadio_label:after {
  visibility: visible;
}

.PseudoImg {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.PseudoImg:before {
  content: "";
  display: block;
}

.PseudoImg-brain {
  max-width: 460px;
}

.PseudoImg-brain:before {
  padding-top: 41.5484%;
}

.PseudoImg-featuredIn {
  max-width: 675px;
}

.PseudoImg-featuredIn:before {
  padding-top: 8.74%;
}

.PseudoImg-trackCard {
  min-width: 320px;
}

.PseudoImg-trackCard:before {
  padding-top: 60.5263%;
}

#activity_transcription_modal {
  max-width: 650px;
  min-width: 400px;
}

#activity_transcription_modal h5 {
  font-size: 2.3rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  padding-top: 28px;
  margin: 0;
}

#activity_transcription_modal .message {
  line-height: 1.8;
  padding: 20px 40px;
  font-size: 1.4rem;
  font-family: OpenSansSemiBold;
}

#activity_transcription_modal .icon {
  width: 45px;
  height: 45px;
  margin: 20px 20px 0;
  float: left;
  background: url("/static/img/bulb.png") no-repeat transparent;
}

#activity_transcription_modal .buttons_wrap {
  text-align: center;
  margin-bottom: 20px;
}

#activity_transcription_modal .buttons_wrap .button_happify_it {
  font-size: 1.6rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  text-align: center;
}

#activity_instructions .transcript button {
  text-decoration: underline !important;
  font-size: 1.2em;
}

.terms_box {
  padding: 10px 0 0;
}

.terms_box-cb {
  position: relative;
}

.terms_box-input {
  position: absolute;
  z-index: -1;
  opacity: 0;
  left: 14px;
  top: 6px;
}

.terms_box-label {
  font-size: 1.3rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  position: relative;
  padding-left: 40px;
  margin-bottom: 0;
  vertical-align: top;
  display: inline-block;
  text-align: left;
  color: #696969;
}

.terms_box-label:before {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  top: 0;
  left: 0;
  display: inline-block;
  background: #fff url("/static/img/checkbox_sprite_wcag.png") center no-repeat;
  background-position: top;
  background-size: 20px 44px;
  border: 2px solid #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  margin-right: 10px;
}

.terms_box-label > a {
  font-size: 1.3rem;
  font-family: OpenSansBold;
  font-weight: normal;
  color: #777 !important;
}

.terms_box-error {
  font-size: 1.1rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin-left: -80px;
  margin-right: -80px;
  text-align: center;
  padding-top: 13px;
  color: #ff3131;
}

.terms_box-input:checked + .terms_box-label:before {
  background-position: bottom;
}

.terms_box-input.error + .terms_box-label:before {
  border-color: #ff3131;
}

[data-wcag-enabled="true"] .terms_box-input:focus + .terms_box-label:before,
[data-whatintent="keyboard"] .terms_box-input:focus + .terms_box-label:before {
  outline: 4px solid #000 !important;
}

[data-wcag-enabled="true"] .terms_box-label {
  color: #000000;
}

[data-wcag-enabled="true"] .terms_box-label > a {
  color: #000000;
}

#activity_alert_modal {
  margin: 15px;
  max-width: 600px;
  /*------------------------------------*\
    BUTTON GROUP
  \*------------------------------------*/
}

#activity_alert_modal .btn-group {
  text-align: center;
  width: 100%;
  padding: 40px 0 10px;
}

#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;
  line-height: 50px;
  text-transform: uppercase;
}

#activity_alert_modal .button:nth-of-type(odd) {
  margin-right: 20px;
}

#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;
}

#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: 0 20px 0 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 {
  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;
}

.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;
}

#current_kc .kc_main .kc_screen {
  padding-top: 12px;
}

#current_kc .kc_main .kc_screen .welcome_screen .js-to-others {
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #ff7a00;
  text-decoration: none;
  cursor: pointer;
  background: transparent;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 30px 0 0;
  height: auto;
}

@media (max-width: 767.98px) {
  #current_kc .kc_main .kc_screen .welcome_screen .js-to-others {
    margin: 30px 0;
  }
}

#current_kc .kc_main .kc_screen .welcome_screen .js-to-others:hover p {
  text-decoration: underline;
}

#current_kc .kc_main .kc_screen .welcome_screen .js-to-others p {
  margin: 0;
  text-align: left;
  white-space: normal;
  line-height: 1.4em;
}

#current_kc .kc_main .kc_screen .welcome_screen .js-to-others .map-icon {
  width: 22px;
  height: 27px;
  background: url("/static/img/kindless_chain/icon_map.png") no-repeat transparent;
  margin: 0 10px 0 0;
  display: inline-block;
  position: relative;
}

#current_kc .selector_container > .title {
  font-family: OpenSansRegular;
  font-size: 18px;
  color: #372F2B;
  text-align: center;
  margin: 2px 0 3px;
}

#stats_tab #stats_index,
#stats_tab #stats_compare,
#stats_tab #stats_activity,
#stats_tab #phq9-gad7-chart {
  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;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#stats_tab #stats_index .chart-header,
#stats_tab #stats_compare .chart-header,
#stats_tab #stats_activity .chart-header,
#stats_tab #phq9-gad7-chart .chart-header {
  margin: 25px 0 15px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 55%;
}

@media (max-width: 991.98px) {
  #stats_tab #stats_index .chart-header,
  #stats_tab #stats_compare .chart-header,
  #stats_tab #stats_activity .chart-header,
  #stats_tab #phq9-gad7-chart .chart-header {
    width: 100%;
  }
}

#stats_tab #stats_index .chart-header.activity,
#stats_tab #stats_compare .chart-header.activity,
#stats_tab #stats_activity .chart-header.activity,
#stats_tab #phq9-gad7-chart .chart-header.activity {
  width: 100%;
}

#stats_tab #stats_index .chart-header svg.phq9-gad7,
#stats_tab #stats_compare .chart-header svg.phq9-gad7,
#stats_tab #stats_activity .chart-header svg.phq9-gad7,
#stats_tab #phq9-gad7-chart .chart-header svg.phq9-gad7 {
  margin: 5px 15px 0 10px;
}

#stats_tab #stats_index .chart-header img,
#stats_tab #stats_compare .chart-header img,
#stats_tab #stats_activity .chart-header img,
#stats_tab #phq9-gad7-chart .chart-header img {
  margin-right: 25px;
  margin-top: 10px;
}

#stats_tab #stats_index .chart-header img.index,
#stats_tab #stats_compare .chart-header img.index,
#stats_tab #stats_activity .chart-header img.index,
#stats_tab #phq9-gad7-chart .chart-header img.index,
#stats_tab #stats_index .chart-header img.activity,
#stats_tab #stats_compare .chart-header img.activity,
#stats_tab #stats_activity .chart-header img.activity,
#stats_tab #phq9-gad7-chart .chart-header img.activity {
  width: 64px;
}

#stats_tab #stats_index .chart-header img.compare,
#stats_tab #stats_compare .chart-header img.compare,
#stats_tab #stats_activity .chart-header img.compare,
#stats_tab #phq9-gad7-chart .chart-header img.compare {
  width: 70px;
}

#stats_tab #stats_index .chart-header h3,
#stats_tab #stats_compare .chart-header h3,
#stats_tab #stats_activity .chart-header h3,
#stats_tab #phq9-gad7-chart .chart-header h3,
#stats_tab #stats_index .chart-header h2,
#stats_tab #stats_compare .chart-header h2,
#stats_tab #stats_activity .chart-header h2,
#stats_tab #phq9-gad7-chart .chart-header h2 {
  font-size: 2.4rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  color: #ff7a00;
  margin: 0;
}

#stats_tab #stats_index .chart-header p,
#stats_tab #stats_compare .chart-header p,
#stats_tab #stats_activity .chart-header p,
#stats_tab #phq9-gad7-chart .chart-header p {
  font-size: 1.5rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin: 0;
  line-height: 1.8;
}

#stats_tab #stats_index .chart-header p span,
#stats_tab #stats_compare .chart-header p span,
#stats_tab #stats_activity .chart-header p span,
#stats_tab #phq9-gad7-chart .chart-header p span {
  color: #ff7a00;
  font-weight: bold;
  border-bottom: 3px dotted #ff7a00;
}

#stats_tab #stats_index .chart_select_menu,
#stats_tab #stats_compare .chart_select_menu,
#stats_tab #stats_activity .chart_select_menu,
#stats_tab #phq9-gad7-chart .chart_select_menu {
  font-size: 1.3rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  width: 45%;
  text-align: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-right: 50px;
  position: relative;
}

@media (max-width: 991.98px) {
  #stats_tab #stats_index .chart_select_menu,
  #stats_tab #stats_compare .chart_select_menu,
  #stats_tab #stats_activity .chart_select_menu,
  #stats_tab #phq9-gad7-chart .chart_select_menu {
    width: 100%;
    padding-right: 0;
  }
}

#stats_tab #stats_index .chart_select_menu.selection-index li,
#stats_tab #stats_compare .chart_select_menu.selection-index li,
#stats_tab #stats_activity .chart_select_menu.selection-index li,
#stats_tab #phq9-gad7-chart .chart_select_menu.selection-index li {
  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: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin: 5px 0 0;
  width: 100%;
}

#stats_tab #stats_index .chart_select_menu.selection-index li.compare,
#stats_tab #stats_compare .chart_select_menu.selection-index li.compare,
#stats_tab #stats_activity .chart_select_menu.selection-index li.compare,
#stats_tab #phq9-gad7-chart .chart_select_menu.selection-index li.compare {
  font-size: 1.3rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  line-height: 1.3;
}

#stats_tab #stats_index .chart_select_menu.selection-index li.overall_happiness,
#stats_tab #stats_compare .chart_select_menu.selection-index li.overall_happiness,
#stats_tab #stats_activity .chart_select_menu.selection-index li.overall_happiness,
#stats_tab #phq9-gad7-chart .chart_select_menu.selection-index li.overall_happiness {
  color: #ff7a00;
}

#stats_tab #stats_index .chart_select_menu.selection-index li.positive_emotion,
#stats_tab #stats_compare .chart_select_menu.selection-index li.positive_emotion,
#stats_tab #stats_activity .chart_select_menu.selection-index li.positive_emotion,
#stats_tab #phq9-gad7-chart .chart_select_menu.selection-index li.positive_emotion {
  color: #06b709;
}

#stats_tab #stats_index .chart_select_menu.selection-index li.life_satisfaction,
#stats_tab #stats_compare .chart_select_menu.selection-index li.life_satisfaction,
#stats_tab #stats_activity .chart_select_menu.selection-index li.life_satisfaction,
#stats_tab #phq9-gad7-chart .chart_select_menu.selection-index li.life_satisfaction {
  color: #00aaea;
}

#stats_tab #stats_index .chart_select_menu.selection-index li input,
#stats_tab #stats_compare .chart_select_menu.selection-index li input,
#stats_tab #stats_activity .chart_select_menu.selection-index li input,
#stats_tab #phq9-gad7-chart .chart_select_menu.selection-index li input {
  width: 180px;
  position: absolute;
  height: 18px;
  z-index: -1;
  opacity: 0;
}

#stats_tab #stats_index .chart_select_menu.selection-index li input:checked + label,
#stats_tab #stats_compare .chart_select_menu.selection-index li input:checked + label,
#stats_tab #stats_activity .chart_select_menu.selection-index li input:checked + label,
#stats_tab #phq9-gad7-chart .chart_select_menu.selection-index li input:checked + label {
  opacity: 1;
}

#stats_tab #stats_index .chart_select_menu.selection-index li input#overall_happiness:checked + label:before,
#stats_tab #stats_compare .chart_select_menu.selection-index li input#overall_happiness:checked + label:before,
#stats_tab #stats_activity .chart_select_menu.selection-index li input#overall_happiness:checked + label:before,
#stats_tab #phq9-gad7-chart .chart_select_menu.selection-index li input#overall_happiness:checked + label:before {
  background: url(/static/img/stats/dot_orange.png);
  background-size: 14px 14px;
  background-repeat: no-repeat;
}

#stats_tab #stats_index .chart_select_menu.selection-index li input#positive_emotion:checked + label:before,
#stats_tab #stats_compare .chart_select_menu.selection-index li input#positive_emotion:checked + label:before,
#stats_tab #stats_activity .chart_select_menu.selection-index li input#positive_emotion:checked + label:before,
#stats_tab #phq9-gad7-chart .chart_select_menu.selection-index li input#positive_emotion:checked + label:before {
  background: url(/static/img/stats/dot_green.png);
  background-size: 14px 14px;
  background-repeat: no-repeat;
}

#stats_tab #stats_index .chart_select_menu.selection-index li input#life_satisfaction:checked + label:before,
#stats_tab #stats_compare .chart_select_menu.selection-index li input#life_satisfaction:checked + label:before,
#stats_tab #stats_activity .chart_select_menu.selection-index li input#life_satisfaction:checked + label:before,
#stats_tab #phq9-gad7-chart .chart_select_menu.selection-index li input#life_satisfaction:checked + label:before {
  background: url(/static/img/stats/dot_blue.png);
  background-size: 14px 14px;
  background-repeat: no-repeat;
}

#stats_tab #stats_index .chart_select_menu.selection-index li label,
#stats_tab #stats_compare .chart_select_menu.selection-index li label,
#stats_tab #stats_activity .chart_select_menu.selection-index li label,
#stats_tab #phq9-gad7-chart .chart_select_menu.selection-index li label {
  display: inline-block;
  position: relative;
  padding-right: 25px;
}

#stats_tab #stats_index .chart_select_menu.selection-index li label:before,
#stats_tab #stats_compare .chart_select_menu.selection-index li label:before,
#stats_tab #stats_activity .chart_select_menu.selection-index li label:before,
#stats_tab #phq9-gad7-chart .chart_select_menu.selection-index li label:before {
  content: '';
  position: absolute;
  right: 0;
  top: 3px;
  background: url(/static/img/stats/dot_empty.png);
  background-size: 14px 14px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  margin-left: 10px;
  display: inline-block;
  width: 15px;
  height: 15px;
  cursor: pointer;
  vertical-align: middle;
}

#stats_tab #stats_index .chart_select_menu.selection-index li .question,
#stats_tab #stats_compare .chart_select_menu.selection-index li .question,
#stats_tab #stats_activity .chart_select_menu.selection-index li .question,
#stats_tab #phq9-gad7-chart .chart_select_menu.selection-index li .question {
  position: relative;
  background: url(/static/img/stats/question_mark_1.png);
  background-size: 14px 14px;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0.5;
  margin: 0 0 0 15px;
  display: inline-block;
  width: 14px;
  height: 14px;
  cursor: pointer;
  vertical-align: middle;
}

#stats_tab #stats_index .chart_select_menu.selection-index li .question:hover,
#stats_tab #stats_compare .chart_select_menu.selection-index li .question:hover,
#stats_tab #stats_activity .chart_select_menu.selection-index li .question:hover,
#stats_tab #phq9-gad7-chart .chart_select_menu.selection-index li .question:hover,
#stats_tab #stats_index .chart_select_menu.selection-index li .question:focus,
#stats_tab #stats_compare .chart_select_menu.selection-index li .question:focus,
#stats_tab #stats_activity .chart_select_menu.selection-index li .question:focus,
#stats_tab #phq9-gad7-chart .chart_select_menu.selection-index li .question:focus {
  opacity: 1;
}

#stats_tab #stats_index .chart_select_menu.selection-compare,
#stats_tab #stats_compare .chart_select_menu.selection-compare,
#stats_tab #stats_activity .chart_select_menu.selection-compare,
#stats_tab #phq9-gad7-chart .chart_select_menu.selection-compare {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

#stats_tab #stats_index .chart_select_menu.selection-compare > .question,
#stats_tab #stats_compare .chart_select_menu.selection-compare > .question,
#stats_tab #stats_activity .chart_select_menu.selection-compare > .question,
#stats_tab #phq9-gad7-chart .chart_select_menu.selection-compare > .question {
  position: relative;
}

#stats_tab #stats_index .chart_select_menu.selection-compare > ul,
#stats_tab #stats_compare .chart_select_menu.selection-compare > ul,
#stats_tab #stats_activity .chart_select_menu.selection-compare > ul,
#stats_tab #phq9-gad7-chart .chart_select_menu.selection-compare > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

#stats_tab #stats_index .chart_select_menu.selection-compare > ul li,
#stats_tab #stats_compare .chart_select_menu.selection-compare > ul li,
#stats_tab #stats_activity .chart_select_menu.selection-compare > ul li,
#stats_tab #phq9-gad7-chart .chart_select_menu.selection-compare > ul li {
  max-width: 200px;
  margin: 0;
  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: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

#stats_tab #stats_index .chart_select_menu.selection-compare > ul li:nth-child(odd),
#stats_tab #stats_compare .chart_select_menu.selection-compare > ul li:nth-child(odd),
#stats_tab #stats_activity .chart_select_menu.selection-compare > ul li:nth-child(odd),
#stats_tab #phq9-gad7-chart .chart_select_menu.selection-compare > ul li:nth-child(odd) {
  text-align: right;
  padding-right: 10px;
}

#stats_tab #stats_index .chart_select_menu.selection-compare > ul li:nth-child(2),
#stats_tab #stats_compare .chart_select_menu.selection-compare > ul li:nth-child(2),
#stats_tab #stats_activity .chart_select_menu.selection-compare > ul li:nth-child(2),
#stats_tab #phq9-gad7-chart .chart_select_menu.selection-compare > ul li:nth-child(2) {
  margin-right: 40px;
}

#stats_tab #stats_index .chart_select_menu.selection-compare > ul li span,
#stats_tab #stats_compare .chart_select_menu.selection-compare > ul li span,
#stats_tab #stats_activity .chart_select_menu.selection-compare > ul li span,
#stats_tab #phq9-gad7-chart .chart_select_menu.selection-compare > ul li span {
  width: 16px;
  height: 16px;
}

#stats_tab #stats_index .chart_select_menu.selection-compare > ul li .circle-personal,
#stats_tab #stats_compare .chart_select_menu.selection-compare > ul li .circle-personal,
#stats_tab #stats_activity .chart_select_menu.selection-compare > ul li .circle-personal,
#stats_tab #phq9-gad7-chart .chart_select_menu.selection-compare > ul li .circle-personal {
  background: url('/static/img/stats/dot1.png');
  background-size: 14px 14px;
  background-repeat: no-repeat;
  position: relative;
}

#stats_tab #stats_index .chart_select_menu.selection-compare > ul li .circle-similar,
#stats_tab #stats_compare .chart_select_menu.selection-compare > ul li .circle-similar,
#stats_tab #stats_activity .chart_select_menu.selection-compare > ul li .circle-similar,
#stats_tab #phq9-gad7-chart .chart_select_menu.selection-compare > ul li .circle-similar {
  background: url('/static/img/stats/dot2.png');
  margin-right: 10px;
  background-size: 14px 14px;
  background-repeat: no-repeat;
  position: relative;
}

#stats_tab #stats_index .chart_select_menu.selection-compare > ul li span.question,
#stats_tab #stats_compare .chart_select_menu.selection-compare > ul li span.question,
#stats_tab #stats_activity .chart_select_menu.selection-compare > ul li span.question,
#stats_tab #phq9-gad7-chart .chart_select_menu.selection-compare > ul li span.question {
  margin-left: 3px !important;
}

#stats_tab #phq9-gad7-chart .chart-header {
  width: 100%;
}

#stats_tab #phq9-gad7-chart .chart-container {
  width: 100%;
  padding: 0 45px;
}

#stats_tab .parent_chart {
  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;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  padding: 0 45px;
}

@media (max-width: 767.98px) {
  #stats_tab .parent_chart {
    padding: 0 0 40px;
  }
}

#stats_tab .parent_chart .chart_arrow,
#stats_tab .parent_chart .compare_arrow {
  position: absolute;
  background: transparent;
  top: 40%;
  line-height: 1em;
}

#stats_tab .parent_chart .chart_arrow.left,
#stats_tab .parent_chart .compare_arrow.left {
  left: 10px;
}

#stats_tab .parent_chart .chart_arrow.right,
#stats_tab .parent_chart .compare_arrow.right {
  right: 10px;
}

@media (max-width: 767.98px) {
  #stats_tab .parent_chart .chart_arrow.left,
  #stats_tab .parent_chart .compare_arrow.left {
    left: -20px;
  }

  #stats_tab .parent_chart .chart_arrow.right,
  #stats_tab .parent_chart .compare_arrow.right {
    right: -25px;
  }
}

#stats_tab .parent_chart .chart_arrow img,
#stats_tab .parent_chart .compare_arrow img {
  cursor: pointer;
  width: 14px;
  height: 24px;
  position: relative;
  top: 0;
}

#stats_tab .parent_chart .chart_bar {
  padding-right: 10px;
  position: relative;
}

#stats_tab .parent_chart .chart_window {
  position: relative;
  overflow: hidden;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

#stats_tab .parent_chart .chart_window .chart {
  min-width: 100%;
}

#stats_tab .parent_chart .chart_window .chart.chart_compare {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  left: 0;
}

@media (max-width: 1199.98px) {
  #stats_tab .parent_chart .chart_window .chart .chart_compare__text {
    -webkit-transform: translateX(-86px);
    -ms-transform: translateX(-86px);
    transform: translateX(-86px);
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  #stats_tab .parent_chart .chart_window .chart .chart_compare__text {
    -webkit-transform: translateX(-176px);
    -ms-transform: translateX(-176px);
    transform: translateX(-176px);
    font-size: 18px;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  #stats_tab .parent_chart .chart_window .chart .chart_compare__text {
    -webkit-transform: translateX(-220px);
    -ms-transform: translateX(-220px);
    transform: translateX(-220px);
    font-size: 16px;
  }
}

@media (max-width: 575.98px) {
  #stats_tab .parent_chart .chart_window .chart .chart_compare__text {
    -webkit-transform: translateX(-228px);
    -ms-transform: translateX(-228px);
    transform: translateX(-228px);
    font-size: 14px;
  }
}

#stats_index .noselect,
#stats_activity .noselect,
#stats_compare .noselect {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#stats_index .savor,
#stats_activity .savor,
#stats_compare .savor,
#stats_index .SA,
#stats_activity .SA,
#stats_compare .SA {
  color: #c5168a !important;
}

#stats_index .thank,
#stats_activity .thank,
#stats_compare .thank,
#stats_index .TH,
#stats_activity .TH,
#stats_compare .TH {
  color: #ff7a00 !important;
}

#stats_index .aspire,
#stats_activity .aspire,
#stats_compare .aspire,
#stats_index .AS,
#stats_activity .AS,
#stats_compare .AS {
  color: #00aaea !important;
}

#stats_index .give,
#stats_activity .give,
#stats_compare .give,
#stats_index .GI,
#stats_activity .GI,
#stats_compare .GI {
  color: #06b709 !important;
}

#stats_index .empathize,
#stats_activity .empathize,
#stats_compare .empathize,
#stats_index .EM,
#stats_activity .EM,
#stats_compare .EM {
  color: #ff3131 !important;
}

#stats_index .other,
#stats_activity .other,
#stats_compare .other,
#stats_index .OT,
#stats_activity .OT,
#stats_compare .OT {
  color: #f4d420 !important;
}

#stats_index .chart-popover-inner h2,
#stats_activity .chart-popover-inner h2,
#stats_compare .chart-popover-inner h2 {
  color: #ff7a00;
}

#stats_index span.question_tooltip,
#stats_activity span.question_tooltip,
#stats_compare span.question_tooltip,
#stats_index span.compare_tooltip,
#stats_activity span.compare_tooltip,
#stats_compare span.compare_tooltip {
  width: auto;
  height: auto;
  position: relative;
}

#stats_index span.question_tooltip h3,
#stats_activity span.question_tooltip h3,
#stats_compare span.question_tooltip h3,
#stats_index span.compare_tooltip h3,
#stats_activity span.compare_tooltip h3,
#stats_compare span.compare_tooltip h3 {
  color: #ff7a00;
  margin-bottom: 8px;
  margin-top: 8px;
}

#stats_index span.question_tooltip p,
#stats_activity span.question_tooltip p,
#stats_compare span.question_tooltip p,
#stats_index span.compare_tooltip p,
#stats_activity span.compare_tooltip p,
#stats_compare span.compare_tooltip p {
  color: #777;
  font-family: OpenSansRegular;
}

#stats_index .gold h3,
#stats_activity .gold h3,
#stats_compare .gold h3,
#stats_index .silver h3,
#stats_activity .silver h3,
#stats_compare .silver h3 {
  margin-top: 0;
  margin-bottom: 0;
}

#stats_index .gold h3.TH,
#stats_activity .gold h3.TH,
#stats_compare .gold h3.TH,
#stats_index .silver h3.TH,
#stats_activity .silver h3.TH,
#stats_compare .silver h3.TH {
  color: #ff7a00;
}

#stats_index .gold h3.GIVE,
#stats_activity .gold h3.GIVE,
#stats_compare .gold h3.GIVE,
#stats_index .silver h3.GIVE,
#stats_activity .silver h3.GIVE,
#stats_compare .silver h3.GIVE {
  color: #06b709;
}

#stats_index .gold h3.OT,
#stats_activity .gold h3.OT,
#stats_compare .gold h3.OT,
#stats_index .silver h3.OT,
#stats_activity .silver h3.OT,
#stats_compare .silver h3.OT {
  color: #f4d420;
}

#stats_index .levelup h3,
#stats_activity .levelup h3,
#stats_compare .levelup h3 {
  margin-bottom: 0;
}

#stats_index .levelup p.elegant,
#stats_activity .levelup p.elegant,
#stats_compare .levelup p.elegant {
  margin-bottom: 15px;
}

#stats_index .spinner_container,
#stats_activity .spinner_container,
#stats_compare .spinner_container {
  position: absolute;
  top: 0;
  left: 0;
  width: 800px;
}

#stats_index .spinner_container .spinner,
#stats_activity .spinner_container .spinner,
#stats_compare .spinner_container .spinner {
  position: absolute;
  width: 40px;
  height: 40px;
  left: 380px;
}

#stats_index .spinner_container p,
#stats_activity .spinner_container p,
#stats_compare .spinner_container p {
  font-size: 1.3rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
  position: absolute;
  left: 430px;
}

.hrline {
  border-bottom: 1px solid #f0f0ee;
  margin: auto;
}

.chart_details {
  margin: 10px auto auto;
  border-radius: 5px;
  border: 1px solid #f0f0ee;
  padding: 25px 40px;
  text-align: center;
}

.chart_details p {
  font-size: 1.5rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin: 0;
  line-height: 1.8;
}

.chart_details h3 {
  font-size: 1.8rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  color: #ff7a00;
  margin: 0;
}

.chart_details p {
  font-size: 1.5rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
  line-height: 27px;
}

.chart_details strong {
  font-family: OpenSansRegular Arial, sans-serif !important;
  font-weight: bold !important;
}

/* TEXT POPOVERS */

#popover-overall-cnt,
#popover-emotion-cnt,
#popover-life-cnt {
  position: relative;
}

#popover-overall-cnt #chartPopover,
#popover-emotion-cnt #chartPopover,
#popover-life-cnt #chartPopover {
  width: 235px;
  top: -42px;
  right: -260px;
}

#popover-similar-cnt {
  position: relative;
}

#popover-similar-cnt #chartPopover {
  width: 254px;
  top: -42px;
  right: -280px;
}

#popover-similar-cnt #chartPopover h3 {
  font-size: 14px;
  white-space: normal;
}

.compare_tooltip #chartPopover,
.question_tooltip #chartPopover {
  width: 256px;
  min-width: 235px;
}

.compare_tooltip #chartPopover.left:after,
.question_tooltip #chartPopover.left:after {
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg);
  left: auto;
  right: -13.5px;
}

#chartPopover {
  -webkit-box-shadow: 0px 3px rgba(0, 0, 0, 0.07);
  box-shadow: 0px 3px rgba(0, 0, 0, 0.07);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #ddd;
  position: absolute;
  z-index: 999;
  background: #fff;
  border-radius: 5px;
}

#chartPopover .chart-after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  background: inherit;
  height: 25px;
  width: 25px;
  content: '';
}

#chartPopover .levelups .levelup {
  padding-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#chartPopover .levelups .levelup:not(:last-of-type) {
  border-bottom: 3px dotted #F0F0EE;
  padding-bottom: 10px;
}

#chartPopover .levelups .levelup-icon {
  height: 32px;
}

#chartPopover .levelups .levelup-arrow {
  height: 20px;
  margin: 0 5px;
}

#chartPopover .levelups .levelup-heading span:last-of-type {
  display: none;
}

#chartPopover .levelups .levelup-date span:last-of-type {
  display: none;
}

#chartPopover.small {
  width: 215px;
  text-align: left;
}

#chartPopover.small .chart-popover-inner {
  padding: 15px;
}

#chartPopover.small:after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  background: inherit;
  height: 25px;
  width: 25px;
  content: '';
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  top: 15px;
  left: -14.5px;
  border-radius: 0 100% 0 0;
}

#chartPopover.small.levelup {
  min-width: 280px;
}

#chartPopover.small.top:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: auto;
  bottom: -13.5px;
}

#chartPopover.small.top.left:after {
  left: 40%;
}

#chartPopover.small.top.right:after {
  left: 78%;
}

#chartPopover.large {
  width: 400px;
  padding: 20px;
  text-align: center;
}

@media (max-width: 767.98px) {
  #chartPopover.large {
    width: 230px;
    padding: 10px;
  }
}

#chartPopover.large:after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  background: inherit;
  height: 25px;
  width: 25px;
  content: '';
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  top: -13px;
  left: 50%;
  margin-left: -12.5px;
  border-radius: 0 0 100% 0;
}

#chartPopover.large.top:after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  bottom: -13.5px;
}

#chartPopover.large.top.left:after {
  left: 27%;
}

#chartPopover.large.top.right:after {
  left: 67%;
}

@media (max-width: 767.98px) {
  #chartPopover.large.top.right:after {
    left: 85%;
  }
}

#chartPopover.long {
  width: 200px;
  height: 280px;
  padding: 8px;
}

#chartPopover.long:after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  background: inherit;
  height: 25px;
  width: 25px;
  content: '';
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  bottom: 30px;
  left: -13.5px;
  border-radius: 0 100% 0 0;
}

#chartPopover.long.top:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  bottom: -13.5px;
}

#chartPopover.long.top.left:after {
  left: 27%;
}

#chartPopover.long.top.right:after {
  left: 78%;
}

#chartPopover #activity-modal {
  cursor: pointer;
}

#chartPopover h2,
#chartPopover h3,
#chartPopover h4 {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

#chartPopover h2 {
  font-size: 18px;
  margin: 10px 0;
}

#chartPopover h3 {
  font-size: 1.5rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
}

#chartPopover h3.normal {
  font-weight: normal;
}

#chartPopover h4 {
  margin: 5px 0;
  text-transform: capitalize;
}

#chartPopover p {
  font-size: 12px;
  margin: 0;
  line-height: 1.8;
}

#chartPopover p.blurb {
  font-size: 13px;
}

#chartPopover p.descr {
  font-size: 11px;
  height: 40px;
  overflow: hidden;
}

#chartPopover p.elegant {
  font-style: italic;
}

#chartPopover p.dark {
  font-size: 1.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #5e5e5e;
}

#chartPopover.small_activity {
  padding: 5px 20px;
}

#chartPopover.small_activity:after {
  position: absolute;
  background: inherit;
  height: 25px;
  width: 25px;
  content: '';
  -webkit-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  transform: rotate(315deg);
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  bottom: -15px;
  left: 10px;
  border-radius: 0 100% 0 0;
}

#chartPopover .score-box {
  background: #ff7a00;
  width: 220px;
  color: #fff;
  margin: 0 auto 20px auto;
  padding: 10px;
  border-radius: 10px;
}

@media (max-width: 767.98px) {
  #chartPopover .score-box {
    width: 190px;
  }
}

#chartPopover .score-box .overall-cnt {
  margin-bottom: 5px;
}

#chartPopover .score-box .overall-cnt img {
  height: 30px;
  margin-bottom: -5px;
}

#chartPopover .score-box .overall-cnt span {
  font-size: 25px;
}

#chartPopover .score-box p {
  font-size: 1.5rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#chartPopover .score-box span {
  font-weight: bold;
  margin-left: 5px;
}

#chartPopover .horizontal {
  margin-bottom: 3px;
}

#chartPopover .horizontal li {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

#chartPopover .horizontal li:nth-child(2) p {
  max-width: 130px;
  overflow: hidden;
  line-height: 1.2em;
}

#chartPopover .user-name {
  font-size: 1.1rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin-top: 5px;
  text-transform: capitalize;
}

#chartPopover .date {
  width: 110px;
  font-size: 11px;
  font-style: italic;
  margin-left: 5px;
}

#chartPopover .likes,
#chartPopover .comments {
  height: 10px;
  width: 10px;
  font-size: 11px;
  margin-left: 5px;
}

#chartPopover .likes {
  background: url('/static/img/stats/icon_like.png') no-repeat;
  background-size: 10px 10px;
}

#chartPopover .comments {
  background: url('/static/img/stats/icon_comment.png') no-repeat;
  background-size: 10px 10px;
}

#chartPopover .post-image {
  height: 130px;
  width: 100%;
  overflow: hidden;
}

#chartPopover .post-image img {
  max-width: 100%;
  height: auto;
}

#chartPopover .avatar-24 {
  height: 26px;
  width: 26px;
  margin: 10px 10px 0 5px;
}

#chartPopover .coach-avatar {
  width: 30px;
  height: 30px;
  margin: 10px 10px 0 5px;
}

#activity-reporter #my-strengths-wrapper {
  width: 100%;
  border: 1px solid #d7d7d2;
  border-bottom: none;
  border-top: none;
}

#activity-reporter #my-strengths-wrapper #discover-strengths {
  margin: 0;
}

#activity-reporter .body-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #d7d7d2;
  border-top: none;
  background: #fff;
  width: 100%;
  padding-bottom: 70px;
}

#activity-reporter .body-wrapper.disabled {
  pointer-events: none;
}

#activity-reporter .body-wrapper.disabled > * {
  opacity: 0.15;
}

#activity-reporter .body-wrapper .section-state-widget-wrapper {
  min-width: 75px;
  padding: 35px 0 0 30px;
}

#activity-reporter .body-wrapper .section-state-widget-wrapper .track-wrapper {
  position: relative;
  height: 100%;
  width: 100%;
}

#activity-reporter .body-wrapper .section-state-widget-wrapper .track-wrapper .bg-track {
  position: absolute;
  width: 6px;
  height: 0;
  background: #d7d7d2;
  top: 0;
  left: 50%;
  margin-left: -3px;
}

#activity-reporter .body-wrapper .section-state-widget-wrapper .track-wrapper .section-state-point {
  width: 100%;
  border-radius: 50%;
  background: #d7d7d2;
  position: absolute;
  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;
}

#activity-reporter .body-wrapper .section-state-widget-wrapper .track-wrapper .section-state-point.active svg {
  fill: white;
}

#activity-reporter .body-wrapper .section-state-widget-wrapper .track-wrapper .section-state-point.active::after {
  background: #00aaea;
}

#activity-reporter .body-wrapper .section-state-widget-wrapper .track-wrapper .section-state-point::before {
  content: '';
  display: block;
  padding-bottom: 100%;
}

#activity-reporter .body-wrapper .section-state-widget-wrapper .track-wrapper .section-state-point::after {
  content: '';
  width: 100%;
  background: white;
  padding-bottom: 75%;
  border-radius: 50%;
  max-width: 75%;
}

#activity-reporter .body-wrapper .section-state-widget-wrapper .track-wrapper .section-state-point svg {
  position: absolute;
  max-width: 50%;
  max-height: 50%;
  fill: #00aaea;
}

#activity-reporter .body-wrapper .section-state-widget-wrapper .track-wrapper .section-state-point.preview-point svg {
  width: 15px;
  top: 12px;
  left: 15px;
}

#activity-reporter .body-wrapper .section-state-widget-wrapper .track-wrapper .section-state-point.planner-point svg {
  top: 11px;
  left: 11px;
}

#activity-reporter .body-wrapper .section-state-widget-wrapper .track-wrapper .section-state-point.planner-point svg > path {
  fill: #00aaea;
}

#activity-reporter .body-wrapper .section-state-widget-wrapper .track-wrapper .section-state-point.planner-point.active svg .st0 {
  fill: white;
}

#activity-reporter .body-wrapper .section-state-widget-wrapper .track-wrapper .section-state-point.reporter-point svg {
  width: 16px;
  height: 16px;
  left: 14px;
  top: 15px;
}

#activity-reporter .body-wrapper .section-state-widget-wrapper .track-wrapper .section-state-point.reporter-point svg .st0 {
  fill: #00aaea;
}

#activity-reporter .body-wrapper .section-state-widget-wrapper .track-wrapper .section-state-point.reporter-point svg .st1 {
  fill: white;
}

#activity-reporter .body-wrapper .section-state-widget-wrapper .track-wrapper .section-state-point.reporter-point svg .st2 {
  fill: #40BFEF;
}

#activity-reporter .body-wrapper .section-state-widget-wrapper .track-wrapper .section-state-point.reporter-point.active svg .st0 {
  fill: white;
}

#activity-reporter .body-wrapper .section-state-widget-wrapper .track-wrapper .section-state-point.happify-it-point svg {
  width: 35px;
  height: 35px;
  max-width: none;
  max-height: none;
  top: 5px;
  left: 5px;
}

#activity-reporter .body-wrapper .section-state-widget-wrapper .track-wrapper .section-state-point.happify-it-point svg > circle {
  fill: white;
}

#activity-reporter .body-wrapper .section-state-widget-wrapper .track-wrapper .section-state-point.happify-it-point svg > path {
  fill: #00aaea;
}

#activity-reporter .body-wrapper .section-state-widget-wrapper .track-wrapper .section-state-point.happify-it-point.active svg > circle {
  fill: #00aaea;
}

#activity-reporter .body-wrapper .section-state-widget-wrapper .track-wrapper .section-state-point.happify-it-point.active svg > path {
  fill: white;
}

#activity-reporter .body-wrapper .sections-wrapper {
  width: 100%;
  padding: 30px 50px 0 20px;
}

#activity-reporter #tip-select-wrapper {
  width: 100%;
  border: 1px solid #d7d7d2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: justify;
  align-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-bottom: none;
  background: white;
}

#activity-reporter #tip-select-wrapper:not(.with-cs) {
  border-top: none;
}

#activity-reporter #tip-select-wrapper.tips-count-2 .tip-button {
  width: 50%;
}

#activity-reporter #tip-select-wrapper.tips-count-3 .tip-button {
  width: 33.3%;
}

#activity-reporter #tip-select-wrapper.tips-count-3 .tip-button:nth-child(2) {
  width: 33.4%;
}

#activity-reporter #tip-select-wrapper .tip-button {
  font-size: 1.8rem;
  font-family: OpenSansBold;
  font-weight: normal;
  height: 80px;
  color: #00aaea;
  border-bottom: 1px solid #d7d7d2;
  border-radius: 0;
  background: transparent;
  white-space: normal;
  line-height: 16px;
}

#activity-reporter #tip-select-wrapper .tip-button .icon {
  width: 25px;
  margin-right: 15px;
  vertical-align: middle;
}

#activity-reporter #tip-select-wrapper .tip-button .icon svg {
  width: 100%;
  max-height: 37px;
  /*fix for ie11*/
  fill: #00aaea;
}

#activity-reporter #tip-select-wrapper .tip-button:focus {
  z-index: 1;
}

#activity-reporter #tip-select-wrapper .tip-button + .tip-button {
  border-left: 1px solid #d7d7d2;
}

#activity-reporter #tip-select-wrapper.selected .tip-button svg,
#activity-reporter #tip-select-wrapper.selected .tip-button .text {
  opacity: 0.5;
}

#activity-reporter #tip-select-wrapper.selected .tip-button.selected {
  border-bottom: none;
}

#activity-reporter #tip-select-wrapper.selected .tip-button.selected svg,
#activity-reporter #tip-select-wrapper.selected .tip-button.selected .text {
  opacity: 1;
}

#activity-reporter #tip-select-wrapper.disabled .tip-button {
  pointer-events: none;
}

#activity-reporter .activity-preview {
  position: relative;
}

#activity-reporter .activity-preview .show-hide-instructions-btn {
  position: absolute;
  top: 4px;
  right: 4px;
  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: 40px;
  background: transparent;
}

#activity-reporter .activity-preview .show-hide-instructions-btn svg {
  width: 10px;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transition: width 50ms, -webkit-transform 200ms;
  transition: width 50ms, -webkit-transform 200ms;
  transition: width 50ms, transform 200ms;
  transition: width 50ms, transform 200ms, -webkit-transform 200ms;
}

#activity-reporter .activity-preview .show-hide-instructions-btn svg path {
  fill: #00aaea;
}

#activity-reporter .activity-preview .show-hide-instructions-btn:hover svg {
  width: 12px;
}

#activity-reporter .activity-preview .show-hide-instructions-btn:active {
  -webkit-box-shadow: none;
  box-shadow: none;
}

#activity-reporter .activity-preview .show-hide-instructions-btn:active svg {
  width: 8px;
}

#activity-reporter .activity-preview .show-hide-instructions-btn.closed svg {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

#activity-reporter .activity-preview .activity-instructions-wrapper {
  display: grid;
  grid-template-columns: minmax(400px, auto) 210px;
  grid-gap: 30px;
  margin-bottom: 25px;
}

#activity-reporter .activity-preview .activity-instructions-wrapper .activity-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0;
  min-height: 190px;
}

#activity-reporter .activity-preview .activity-instructions-wrapper .activity-info .activity-image-wrapper {
  padding-top: 8px;
  width: 210px;
}

#activity-reporter .activity-preview .activity-instructions-wrapper .activity-info .tips-section-wrapper {
  width: calc(100% - 210px);
}

#activity-reporter .activity-preview .activity-instructions-wrapper .activity-info .tips-section-wrapper .description-wrapper {
  font-size: 1.5rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#activity-reporter .activity-preview .activity-instructions-wrapper .activity-info .tips-section-wrapper .description-wrapper .audio-wrapper,
#activity-reporter .activity-preview .activity-instructions-wrapper .activity-info .tips-section-wrapper .description-wrapper .video-wrapper {
  margin-bottom: 40px;
  margin-top: 20px;
}

#activity-reporter .activity-preview .activity-instructions-wrapper .activity-info .tips-section-wrapper .description-wrapper .text-wrapper + .audio-wrapper,
#activity-reporter .activity-preview .activity-instructions-wrapper .activity-info .tips-section-wrapper .description-wrapper .text-wrapper + .video-wrapper,
#activity-reporter .activity-preview .activity-instructions-wrapper .activity-info .tips-section-wrapper .description-wrapper .audio-wrapper + .video-wrapper {
  margin-top: 40px;
}

#activity-reporter .activity-preview .activity-instructions-wrapper .activity-bullet-message-wrapper #activity_bulleted_message .bulleted_message .title {
  border: none;
  padding: 0;
  font-size: 1.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
}

#activity-reporter .activity-preview .activity-instructions-wrapper .activity-bullet-message-wrapper #activity_bulleted_message .bulleted_message ul {
  padding: 15px 0;
}

#activity-reporter .activity-preview .activity-instructions-wrapper .activity-bullet-message-wrapper #activity_bulleted_message .bulleted_message ul li.message {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  margin-bottom: 15px;
}

#activity-reporter .activity-preview .activity-instructions-wrapper .activity-bullet-message-wrapper #activity_bulleted_message .bulleted_message ul li.message .checkmark {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #00aaea;
}

#activity-reporter .activity-preview .activity-instructions-wrapper .activity-bullet-message-wrapper #activity_bulleted_message .bulleted_message ul li.message .item {
  font-size: 1.5rem;
  font-family: OpenSansSemiboldItalic;
  font-weight: normal;
}

@media only screen and (max-width: 768px) {
  #activity-reporter .activity-preview .activity-instructions-wrapper {
    grid-template-columns: 430px;
  }

  #activity-reporter .activity-preview .activity-instructions-wrapper .activity-bullet-message-wrapper {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }

  #activity-reporter .activity-preview .activity-instructions-wrapper .activity-info {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}

#activity-reporter .activity-reporter .section-content-wrapper,
#activity-reporter .activity-planner .section-content-wrapper {
  background: url(/static/img/activity_viewer/red_vertical_lines.png) repeat-y scroll 0 0 #fffcf6;
  border: 1px solid #d9dedc;
  padding: 30px 40px 15px 60px;
  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%;
  margin-bottom: 50px;
}

#activity-reporter .activity-reporter .section-content-wrapper .field-wrapper label,
#activity-reporter .activity-planner .section-content-wrapper .field-wrapper label {
  font-size: 1.6rem;
  font-family: OpenSansBold;
  font-weight: normal;
  color: #777;
  display: block;
}

#activity-reporter .activity-reporter .section-content-wrapper .field-wrapper textarea,
#activity-reporter .activity-planner .section-content-wrapper .field-wrapper textarea,
#activity-reporter .activity-reporter .section-content-wrapper .field-wrapper input,
#activity-reporter .activity-planner .section-content-wrapper .field-wrapper input {
  color: #7b461d;
  font-size: 1.6rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  background: url(/static/img/activity_viewer/textarea-lines-bg.png) repeat scroll 0 27px transparent;
  resize: none;
  width: 100%;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#activity-reporter .activity-reporter .section-content-wrapper .field-wrapper textarea[disabled],
#activity-reporter .activity-planner .section-content-wrapper .field-wrapper textarea[disabled],
#activity-reporter .activity-reporter .section-content-wrapper .field-wrapper input[disabled],
#activity-reporter .activity-planner .section-content-wrapper .field-wrapper input[disabled],
#activity-reporter .activity-reporter .section-content-wrapper .field-wrapper textarea[readonly],
#activity-reporter .activity-planner .section-content-wrapper .field-wrapper textarea[readonly],
#activity-reporter .activity-reporter .section-content-wrapper .field-wrapper input[readonly],
#activity-reporter .activity-planner .section-content-wrapper .field-wrapper input[readonly] {
  cursor: not-allowed;
}

#activity-reporter .activity-reporter .section-content-wrapper .field-wrapper textarea,
#activity-reporter .activity-planner .section-content-wrapper .field-wrapper textarea {
  height: 141px;
  line-height: 2.8rem;
  -webkit-transition: none;
  transition: none;
}

#activity-reporter .activity-reporter .section-content-wrapper .field-wrapper + .field-wrapper,
#activity-reporter .activity-planner .section-content-wrapper .field-wrapper + .field-wrapper {
  margin-top: 20px;
}

#activity-reporter .activity-planner .planner-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#activity-reporter .activity-planner .planner-wrapper .planner-instructions-wrapper {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  background: white;
  padding: 15px;
  display: inline-block;
  max-width: 210px;
}

#activity-reporter .activity-planner .planner-wrapper .planner-instructions-wrapper svg {
  width: 14px;
  height: 21px;
  float: left;
  fill: #00aaea;
}

#activity-reporter .activity-planner .planner-wrapper .planner-instructions-wrapper span {
  font-size: 1.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  padding-left: 25px;
  color: #5f5f5f;
  display: block;
}

#activity-reporter .activity-planner .planner-buttons {
  position: relative;
}

#activity-reporter .activity-planner .planner-buttons button.orange {
  min-width: inherit;
  text-transform: none;
  margin-right: 10px;
}

#activity-reporter .activity-planner .planner-buttons button.light-gray {
  font-size: 1.6rem;
  height: auto;
  padding: 2px 20px;
  min-width: 155px;
}

#activity-reporter .activity-reporter .reporter-wrapper .activity-picture-wrapper {
  position: relative;
  text-align: center;
}

#activity-reporter .activity-reporter .reporter-wrapper .activity-picture-wrapper .sticker {
  z-index: 2;
}

#activity-reporter .activity-reporter .reporter-wrapper .activity-picture-wrapper .sticker.left {
  left: -18px;
}

#activity-reporter .activity-reporter .reporter-wrapper .activity-picture-wrapper .sticker.right {
  right: -20px;
}

#activity-reporter .activity-reporter .reporter-wrapper .activity-picture-wrapper .picture {
  display: inline-block;
  line-height: 0;
  position: relative;
  z-index: 1;
  text-align: center;
  cursor: pointer;
}

#activity-reporter .activity-reporter .reporter-wrapper .activity-picture-wrapper .picture .spinner-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#activity-reporter .activity-reporter .reporter-wrapper .activity-picture-wrapper .picture img {
  width: 100%;
}

#activity-reporter .activity-reporter .reporter-wrapper .activity-picture-wrapper .image-picker-button {
  font-size: 1.6rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  background: white;
  border: 1px #BBB solid;
  border-radius: 55px;
  padding: 0 20px;
  margin: 15px auto;
  text-align: center;
  color: #777;
  height: auto;
}

#activity-reporter .activity-reporter .reporter-wrapper .activity-picture-wrapper .image-picker-button .icon {
  width: 20px;
  height: 26px;
  margin-right: 10px;
  vertical-align: middle;
  line-height: 0;
}

#activity-reporter .activity-reporter .reporter-wrapper .activity-picture-wrapper .image-picker-button .icon svg {
  height: 20px;
}

#activity-reporter .happify-it {
  margin-bottom: 70px;
}

#activity-reporter .happify-it #activity-publish-bar {
  background: none;
  padding: 0;
  border: none;
  margin: 0;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#activity-reporter .happify-it #activity-publish-bar .privacy-select-wrapper {
  margin-bottom: 70px;
  width: 100%;
}

#activity-reporter .reporter-section-title-wrapper {
  display: inline-block;
  padding: 0;
  line-height: normal;
  height: 45px;
  margin-left: -70px;
}

#activity-reporter .reporter-section-title-wrapper h2 {
  display: inline-block;
  color: #00aaea;
  font-size: 2rem;
  font-family: OpenSansBold;
  font-weight: normal;
  height: 45px;
  line-height: 45px;
  padding-left: 70px;
}

#activity-reporter .reporter-section-title-wrapper h2 span:not(.title-text) {
  color: #d7d7d2;
  font-size: 1.8rem;
}

#activity-reporter .reporter-section-title-wrapper:hover {
  text-decoration: none;
}

#activity-reporter .reporter-section-title-wrapper:active {
  -webkit-box-shadow: none;
  box-shadow: none;
}

#activity-reporter section {
  padding: 5px 0 34px 5px;
  /* so that the focus borders and the shadow of the buttons are not cut off by a hidden element */
}

#activity-reporter .face-picker-wrapper {
  padding: 0;
}

#activity-reporter .face-picker-wrapper .happy-face-picker {
  padding: 40px 0;
}

#activity-reporter .face-picker-wrapper .happy-face-picker [role=radiogroup] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}

#activity-reporter .face-picker-wrapper .happy-face-picker [role=radiogroup] .face-item {
  position: relative;
  text-align: center;
  color: #777;
  height: auto;
  padding: 0;
  line-height: initial;
  border-radius: initial;
  font-size: 2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin-right: 3%;
  background: transparent;
}

#activity-reporter .face-picker-wrapper .happy-face-picker [role=radiogroup] .face-item input {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: -1;
}

#activity-reporter .face-picker-wrapper .happy-face-picker [role=radiogroup] .face-item input:checked + label {
  color: #ff7a00;
}

#activity-reporter .face-picker-wrapper .happy-face-picker [role=radiogroup] .face-item input:checked + label .face svg {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: none;
  transition: none;
}

#activity-reporter .face-picker-wrapper .happy-face-picker [role=radiogroup] .face-item input:checked + label .face svg * {
  fill: #ff7a00;
}

#activity-reporter .face-picker-wrapper .happy-face-picker [role=radiogroup] .face-item:hover svg {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

#activity-reporter .face-picker-wrapper .happy-face-picker [role=radiogroup] .face-item:hover svg > * {
  fill: #ff7a00;
}

#activity-reporter .face-picker-wrapper .happy-face-picker [role=radiogroup] .face-item:hover label {
  color: #ff7a00;
}

#activity-reporter .face-picker-wrapper .happy-face-picker [role=radiogroup] .face-item:active {
  -webkit-box-shadow: none;
  box-shadow: none;
}

#activity-reporter .face-picker-wrapper .happy-face-picker [role=radiogroup] .face-item:active svg {
  -webkit-transform: scale(0.975);
  -ms-transform: scale(0.975);
  transform: scale(0.975);
  -webkit-transition: none;
  transition: none;
}

#activity-reporter .face-picker-wrapper .happy-face-picker [role=radiogroup] .face-item.selected {
  color: #ff7a00;
  pointer-events: none;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: none;
  transition: none;
}

#activity-reporter .face-picker-wrapper .happy-face-picker [role=radiogroup] .face-item.selected:hover svg {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: none;
  transition: none;
}

#activity-reporter .face-picker-wrapper .happy-face-picker [role=radiogroup] .face-item.selected svg > * {
  fill: #ff7a00;
}

#activity-reporter .face-picker-wrapper .happy-face-picker [role=radiogroup] .face-item svg {
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  fill: #d7d7d2;
  height: 80px;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

#activity-reporter .face-picker-wrapper .happy-face-picker [role=radiogroup] .face-item label {
  -webkit-transition: color 0.3s ease-out;
  transition: color 0.3s ease-out;
  display: inline-block;
}

#activity-reporter .face-picker-wrapper .happy-face-picker [role=radiogroup] .face-item label .face {
  display: block;
  font-size: 0;
  pointer-events: none;
  padding: 5px;
}

#activity-reporter .face-picker-wrapper .happy-face-picker [role=radiogroup] .face-item label .face svg {
  width: 70px;
  height: 70px;
}

#activity-quiz .container .question-header-wrapper {
  opacity: 0;
}

#activity-quiz .container .activity-body-wrapper .intro-wrapper {
  padding: 15px 40px 150px 60px;
}

#activity-quiz .container .activity-body-wrapper .intro-wrapper .message-col {
  border: 1px solid #eee;
  background: #fff;
  padding: 10px 10px 20px;
}

#activity-quiz .container .activity-body-wrapper .intro-wrapper .message-col .message-wrapper {
  padding: 15px 10px 30px 30px;
  position: relative;
  font-size: 1.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #7b461d;
}

#activity-quiz .container .activity-body-wrapper .intro-wrapper .message-col .message-wrapper p {
  margin: 0;
  margin-bottom: 10px;
}

#activity-quiz .container .activity-body-wrapper .intro-wrapper .message-col button {
  float: right;
  font-size: 1.6rem;
  padding: 0 20px;
}

#activity-quiz .container .activity-body-wrapper .intro-wrapper,
#activity-quiz .container .activity-body-wrapper .question-wrapper {
  border-bottom: none;
}

#activity-quiz .container .activity-body-wrapper .question-wrapper #activity-quiz-question {
  margin-bottom: 70px;
}

#activity-quiz .container .activity-body-wrapper .question-wrapper .answers-wrapper .answer-buttons-wrapper,
#activity-quiz .container .activity-body-wrapper .question-wrapper .summary-wrapper .thoughts-wrapper {
  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;
  border-right: 1px solid #d9dedc;
  margin-top: 10px;
  padding: 10px 25px;
}

#activity-quiz .container .activity-body-wrapper .question-wrapper .answers-wrapper .answer-buttons-wrapper .answer-button {
  border-radius: 5px;
  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;
  height: auto;
  line-height: normal;
  white-space: normal;
}

#activity-quiz .container .activity-body-wrapper .question-wrapper .answers-wrapper .answer-buttons-wrapper .answer-button:hover {
  background-color: #00a8c5;
}

#activity-quiz .container .activity-body-wrapper .question-wrapper .answers-wrapper .answer-buttons-wrapper .answer-button .result-icon {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 0;
  right: 15px;
}

#activity-quiz .container .activity-body-wrapper .question-wrapper .answers-wrapper .answer-buttons-wrapper .answer-button.correct,
#activity-quiz .container .activity-body-wrapper .question-wrapper .answers-wrapper .answer-buttons-wrapper .answer-button.incorrect {
  pointer-events: none;
  top: 3px;
}

#activity-quiz .container .activity-body-wrapper .question-wrapper .answers-wrapper .answer-buttons-wrapper .answer-button.correct .result-icon,
#activity-quiz .container .activity-body-wrapper .question-wrapper .answers-wrapper .answer-buttons-wrapper .answer-button.incorrect .result-icon {
  opacity: 1;
}

#activity-quiz .container .activity-body-wrapper .question-wrapper .answers-wrapper .answer-buttons-wrapper .answer-button.correct {
  background-color: #64c060;
  -webkit-box-shadow: 0 -3px 0 #478944;
  box-shadow: 0 -3px 0 #478944;
}

#activity-quiz .container .activity-body-wrapper .question-wrapper .answers-wrapper .answer-buttons-wrapper .answer-button.correct .result-icon {
  width: 47px;
  height: 40px;
  background: url('/static/img/quiz_correct_icon.png') no-repeat;
  -webkit-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

#activity-quiz .container .activity-body-wrapper .question-wrapper .answers-wrapper .answer-buttons-wrapper .answer-button.incorrect {
  background-color: #f5707a;
  -webkit-box-shadow: 0 -3px 0 #ad5056;
  box-shadow: 0 -3px 0 #ad5056;
}

#activity-quiz .container .activity-body-wrapper .question-wrapper .answers-wrapper .answer-buttons-wrapper .answer-button.incorrect .result-icon {
  width: 42px;
  height: 42px;
  background: url('/static/img/quiz_incorrect_icon.png') no-repeat;
  -webkit-transition: opacity 200ms ease-in-out;
  transition: opacity 200ms ease-in-out;
  -webkit-animation: kf-incorrect-icon-shake 80ms linear 6 forwards alternate;
  animation: kf-incorrect-icon-shake 80ms linear 6 forwards alternate;
}

@-webkit-keyframes kf-incorrect-icon-shake {
  100% {
    margin-right: 3px;
  }
}

@keyframes kf-incorrect-icon-shake {
  100% {
    margin-right: 3px;
  }
}

@media (max-width: 991.98px) {
  #activity-quiz .container .activity-body-wrapper .question-wrapper .answers-wrapper .answer-buttons-wrapper .answer-button {
    width: 100%;
  }
}

#activity-quiz .container .activity-body-wrapper .question-wrapper .answers-wrapper .results-wrapper {
  display: none;
  opacity: 0;
  margin-top: 20px;
}

#activity-quiz .container .activity-body-wrapper .question-wrapper .answers-wrapper .results-wrapper .message-wrapper {
  -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;
}

#activity-quiz .container .activity-body-wrapper .question-wrapper .answers-wrapper .results-wrapper .message-wrapper .image-wrapper {
  width: 30%;
  text-align: center;
}

@media (max-width: 991.98px) {
  #activity-quiz .container .activity-body-wrapper .question-wrapper .answers-wrapper .results-wrapper .message-wrapper .image-wrapper {
    width: 100%;
    margin-bottom: 10px;
  }
}

#activity-quiz .container .activity-body-wrapper .question-wrapper .answers-wrapper .results-wrapper .message-wrapper .text-wrapper {
  max-width: 465px;
  width: 70%;
  position: relative;
  font-size: 16px;
  padding-left: 10px;
}

#activity-quiz .container .activity-body-wrapper .question-wrapper .answers-wrapper .results-wrapper .message-wrapper .text-wrapper .title {
  color: #F37677;
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin-bottom: 5px;
}

#activity-quiz .container .activity-body-wrapper .question-wrapper .answers-wrapper .results-wrapper .message-wrapper .text-wrapper .message {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  text-align: left;
  line-height: 18px;
  margin: 0 0 0 40px;
  color: #7b461d;
}

#activity-quiz .container .activity-body-wrapper .question-wrapper .answers-wrapper .results-wrapper .message-wrapper .text-wrapper .message p {
  margin: 0;
}

#activity-quiz .container .activity-body-wrapper .question-wrapper .answers-wrapper .results-wrapper .message-wrapper .text-wrapper svg {
  position: absolute;
  top: 30px;
  left: 10px;
  width: 20px;
}

#activity-quiz .container .activity-body-wrapper .question-wrapper .answers-wrapper .results-wrapper .button-wrapper button {
  width: 100%;
  display: none;
  opacity: 0;
}

#activity-quiz .container .activity-body-wrapper .question-wrapper .answers-wrapper .results-wrapper.correct,
#activity-quiz .container .activity-body-wrapper .question-wrapper .answers-wrapper .results-wrapper.incorrect {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse;
  -webkit-animation: kf-fadeIn 300ms ease-in 1 forwards normal;
  animation: kf-fadeIn 300ms ease-in 1 forwards normal;
}

#activity-quiz .container .activity-body-wrapper .question-wrapper .answers-wrapper .results-wrapper.correct .button-wrapper button,
#activity-quiz .container .activity-body-wrapper .question-wrapper .answers-wrapper .results-wrapper.incorrect .button-wrapper button {
  display: block;
  -webkit-animation: kf-hideAndFadeIn 300ms ease-in 1 forwards normal;
  animation: kf-hideAndFadeIn 300ms ease-in 1 forwards normal;
  -webkit-animation-delay: 200ms;
  animation-delay: 200ms;
}

#activity-quiz .container .activity-body-wrapper .question-wrapper .answers-wrapper .results-wrapper.correct .message-wrapper .text-wrapper .title {
  color: #6BBE56;
}

#activity-quiz .container .activity-body-wrapper .question-wrapper .summary-wrapper {
  margin-bottom: 50px;
}

#activity-quiz .container .activity-body-wrapper .question-wrapper .summary-wrapper .thoughts-wrapper .picture-col {
  width: 30%;
  padding-right: 10px;
}

#activity-quiz .container .activity-body-wrapper .question-wrapper .summary-wrapper .thoughts-wrapper .picture-col img {
  border-radius: 3px;
}

#activity-quiz .container .activity-body-wrapper .question-wrapper .summary-wrapper .thoughts-wrapper .text-col {
  color: #7b461d;
  width: 70%;
}

#activity-quiz .container .activity-body-wrapper .question-wrapper .summary-wrapper .thoughts-wrapper .text-col label {
  color: inherit;
  line-height: 28px;
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#activity-quiz .container .activity-body-wrapper .question-wrapper .summary-wrapper .thoughts-wrapper .text-col textarea {
  width: 100%;
  resize: vertical;
  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;
  color: inherit;
  line-height: 28px;
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#activity-quiz .container .activity-body-wrapper .question-wrapper .correct-counter-wrapper .correct-count-value {
  margin-left: 20px;
  font-size: 5.5rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #00aaea;
  line-height: 6rem;
}

#activity-quiz .container .activity-body-wrapper .question-wrapper .correct-counter-wrapper .correct-count-message {
  background-image: url(/static/img/quiz/sp_correct.png);
  background-size: cover;
  background-repeat: no-repeat;
  width: 158px;
  height: 38px;
  margin-top: 10px;
  font-size: 2rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #b2b2b2;
  text-transform: uppercase;
  padding: 7px 0 0 12px;
}

#activity-quiz .container .activity-body-wrapper .progressbar-wrapper {
  padding: 30px 0;
  width: 100%;
  border: 1px solid #d9dedc;
  background: url(/static/img/activity_viewer/red_vertical_lines.png) repeat-y scroll 0 0 white;
  border-top: none;
}

#activity-quiz.activity-quiz .activity-body-wrapper .question-wrapper .correct-counter-wrapper {
  display: none;
}

#activity-quiz.activity-quiz .activity-body-wrapper .bottom-bar-wrapper .buttons-wrapper .button-back {
  display: none;
}

#activity-quiz.activity-quiz .activity-body-wrapper .progressbar-wrapper {
  display: none;
}

@media (max-width: 991.98px) {
  #activity-poll .activity-body-wrapper .question-wrapper {
    background: #fffcf6;
  }
}

#activity-poll .activity-body-wrapper .question-wrapper .answers-wrapper .answer-wrapper {
  width: 25%;
  padding: 10px;
  cursor: pointer;
}

#activity-poll .activity-body-wrapper .question-wrapper .answers-wrapper .answer-wrapper img {
  border-radius: 2px;
  width: 100%;
}

#activity-poll .activity-body-wrapper .question-wrapper .answers-wrapper .answer-wrapper button {
  width: 100%;
  font-size: 1.4rem;
  min-height: 54px;
  margin-top: 10px;
  white-space: normal;
  line-height: normal;
  -webkit-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 5px 10px;
  height: auto;
}

#activity-poll .activity-body-wrapper .question-wrapper .answers-wrapper .answer-wrapper:hover button {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

#activity-poll .activity-body-wrapper .question-wrapper .answers-wrapper .answer-wrapper.selected {
  -webkit-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
  -webkit-transition-delay: 200ms;
  transition-delay: 200ms;
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

#activity-poll .activity-body-wrapper .question-wrapper .answers-wrapper .answer-wrapper.selected button {
  -webkit-transition: background-color 200ms ease-out;
  transition: background-color 200ms ease-out;
  background-color: #ffc300;
}

@media (max-width: 991.98px) {
  #activity-poll .activity-body-wrapper .question-wrapper .answers-wrapper .answer-wrapper {
    width: 50%;
  }
}

@media (max-width: 575.98px) {
  #activity-poll .activity-body-wrapper .question-wrapper .answers-wrapper .answer-wrapper {
    width: 100%;
  }
}

#activity-poll .activity-body-wrapper .question-wrapper #activity-poll-summary {
  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;
}

#activity-poll .activity-body-wrapper .question-wrapper #activity-poll-summary .summary-chart-wrapper {
  -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%;
  background-color: #C5EEFB;
  border: 1px solid #e5e5e5;
  overflow: hidden;
  position: relative;
}

@media (max-width: 991.98px) {
  #activity-poll .activity-body-wrapper .question-wrapper #activity-poll-summary .summary-chart-wrapper {
    width: 100%;
  }
}

#activity-poll .activity-body-wrapper .question-wrapper #activity-poll-summary .summary-text-wrapper {
  width: 49%;
  padding: 0 10px;
}

@media (max-width: 991.98px) {
  #activity-poll .activity-body-wrapper .question-wrapper #activity-poll-summary .summary-text-wrapper {
    width: 100%;
    margin-top: 20px;
  }
}

#activity-poll .activity-body-wrapper .question-wrapper #activity-poll-summary .summary-text-wrapper h3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #7b461d;
  padding: 0;
  margin: 0;
  font-size: 1.5rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#activity-poll .activity-body-wrapper .question-wrapper #activity-poll-summary .summary-text-wrapper h3 svg {
  margin-right: 5px;
}

#activity-poll .activity-body-wrapper .question-wrapper #activity-poll-summary .summary-text-wrapper .finish-html-wrapper {
  font-size: 1.3rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  line-height: 22px;
  margin: 5px 0 0;
  color: #372f2b;
}

#activity-poll .activity-body-wrapper .question-wrapper #activity-poll-summary .summary-text-wrapper .finish-html-wrapper p {
  margin: 5px 0 0;
}

#activity-poll .activity-body-wrapper .question-wrapper #activity-poll-summary label {
  width: 49%;
  margin-top: 20px;
  line-height: 28px;
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

@media (max-width: 991.98px) {
  #activity-poll .activity-body-wrapper .question-wrapper #activity-poll-summary label {
    width: 100%;
    padding: 0 10px;
  }
}

#activity-poll .activity-body-wrapper .question-wrapper #activity-poll-summary label textarea {
  width: 100%;
  color: #7b461d;
  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: 28px;
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  -webkit-transition: none;
  transition: none;
}

#activity-poll .activity-body-wrapper .question-wrapper #activity-poll-summary .happify-it-label-wrapper {
  width: 100%;
}

@media (max-width: 991.98px) {
  #activity-poll .activity-body-wrapper .question-wrapper #activity-poll-summary .happify-it-label-wrapper {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 20px;
  }
}

@media (max-width: 991.98px) {
  #activity-poll .activity-body-wrapper #activity-publish-bar {
    padding: 30px 40px;
  }

  #activity-poll .activity-body-wrapper #activity-publish-bar .buttons-wrapper {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  #activity-poll .activity-body-wrapper #activity-publish-bar .buttons-wrapper .button-back {
    margin-top: 10px;
  }
}

#activity-completed {
  max-width: 900px;
  min-width: 280px;
  padding: 0;
}

#activity-completed .container {
  background: #ebf0ee url(/static/img/activity_reporter_bg_50x50.png) repeat;
  border-radius: 9px;
}

#activity-completed .container .body-wrapper {
  padding: 0;
}

#activity-completed .container .body-wrapper .activity-body-wrapper {
  margin: 10px;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#activity-completed .container .body-wrapper .activity-body-wrapper .completed-summary-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 15px 15px 15px 45px;
  background: url(/static/img/activity_viewer/red_vertical_lines.png) repeat-y scroll 0 0 #fffcf6;
}

#activity-completed .container .body-wrapper .activity-body-wrapper .completed-summary-wrapper .author-info-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#activity-completed .container .body-wrapper .activity-body-wrapper .completed-summary-wrapper .author-info-wrapper .user-avatar-wrapper {
  margin-right: 20px;
}

#activity-completed .container .body-wrapper .activity-body-wrapper .completed-summary-wrapper .author-info-wrapper .user-info-wrapper a {
  font-size: 2.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #7b461d;
  text-decoration: none;
}

#activity-completed .container .body-wrapper .activity-body-wrapper .completed-summary-wrapper .author-info-wrapper .user-info-wrapper a:hover {
  text-decoration: underline;
}

#activity-completed .container .body-wrapper .activity-body-wrapper .completed-summary-wrapper .author-info-wrapper .user-info-wrapper .date-wrapper {
  font-size: 1.3rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: black;
}

#activity-completed .container .body-wrapper .activity-body-wrapper .completed-summary-wrapper .post-content-wrapper h2,
#activity-completed .container .body-wrapper .activity-body-wrapper .completed-summary-wrapper .post-content-wrapper p {
  margin: 1em 0;
}

#activity-completed .container .body-wrapper .activity-body-wrapper .completed-summary-wrapper .post-content-wrapper h3,
#activity-completed .container .body-wrapper .activity-body-wrapper .completed-summary-wrapper .post-content-wrapper p {
  color: #7b461d;
}

#activity-completed .container .body-wrapper .activity-body-wrapper .completed-summary-wrapper .post-content-wrapper h2 {
  font-size: 1.7rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #00aaea;
}

#activity-completed .container .body-wrapper .activity-body-wrapper .completed-summary-wrapper .post-content-wrapper h3 {
  font-size: 1.5rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #7b461d;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 1.5em 0;
}

#activity-completed .container .body-wrapper .activity-body-wrapper .completed-summary-wrapper .post-content-wrapper h3 svg {
  margin-right: 0.5em;
}

#activity-completed .container .body-wrapper .activity-body-wrapper .completed-summary-wrapper .post-content-wrapper p {
  color: #7b461d;
}

#activity-completed .container .body-wrapper .activity-body-wrapper .completed-summary-wrapper .post-content-wrapper p.qusetion-text {
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin: 0.3em;
}

#activity-completed .container .body-wrapper .activity-body-wrapper .completed-summary-wrapper .post-content-wrapper p.user-answer {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin: 0;
}

#activity-completed .container .body-wrapper .activity-body-wrapper .completed-summary-wrapper .post-content-wrapper p.average-text {
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#activity-completed .container .body-wrapper .activity-body-wrapper .completed-summary-wrapper .post-content-wrapper .summary-text-wrapper *:not(a):not(sup),
#activity-completed .container .body-wrapper .activity-body-wrapper .completed-summary-wrapper .post-content-wrapper p.user-learned-text {
  word-break: break-word;
  font-size: 1.3rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #333333;
}

#activity-completed .container .body-wrapper .activity-body-wrapper .completed-summary-wrapper .col-right-wrapper {
  margin-top: 20px;
}

#activity-completed .container .body-wrapper .activity-body-wrapper .completed-summary-wrapper .col-right-wrapper .summary-graphics-wrapper {
  background-color: #ffffff;
  padding: 5px;
  border: 1px solid #d9dedc;
  overflow: hidden;
  position: relative;
}

#activity-completed .container .body-wrapper .activity-body-wrapper .completed-summary-wrapper .col-right-wrapper .summary-graphics-wrapper .poll-question-text {
  background-color: #C5EEFB;
  padding: 5px 5px 20px 5px;
  font-size: 1.2rem;
  font-family: OpenSansBold;
  font-weight: normal;
  color: #777;
}

#activity-completed .container .body-wrapper .activity-body-wrapper .completed-summary-wrapper .col-right-wrapper .summary-graphics-wrapper .poll-total-votes-wrapper {
  font-size: 1.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
  padding: 5px;
  border: 1px solid #d9dedc;
  margin: 5px 0 0;
}

#activity-completed .container .body-wrapper .activity-body-wrapper .completed-summary-wrapper .col-right-wrapper .summary-graphics-wrapper img {
  display: block;
}

#activity-completed .container .body-wrapper .activity-body-wrapper .like-post-wrapper {
  background: url(/static/img/activity_viewer/red_vertical_lines.png) repeat-y scroll 0 0 white;
  padding: 0 20px 20px 70px;
}

#activity-completed .container .body-wrapper .activity-body-wrapper .edit-post-wrapper,
#activity-completed .container .body-wrapper .activity-body-wrapper .comments-wrapper {
  padding: 20px 40px 20px 55px;
  background: url(/static/img/activity_viewer/red_vertical_lines.png) repeat-y scroll 0 0 white;
}

#activity-completed .container .body-wrapper .activity-body-wrapper .edit-post-wrapper {
  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;
  padding: 20px 40px 20px 55px;
  background: url(/static/img/activity_viewer/red_vertical_lines.png) repeat-y scroll 0 0 white;
}

#activity-completed .container .body-wrapper .activity-body-wrapper .edit-post-wrapper .privacy-wrapper {
  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;
}

#activity-completed .container .body-wrapper .activity-body-wrapper .edit-post-wrapper .privacy-wrapper .message {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #333333;
}

#activity-completed .container .body-wrapper .activity-body-wrapper .comments-wrapper {
  padding-top: 0;
}

#activity-completed .container .body-wrapper .activity-body-wrapper .comments-wrapper hr {
  margin: 0 0 40px 0;
  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%);
  border: 0;
  height: 2px;
}

#activity-completed .container .body-wrapper .activity-body-wrapper .comments-wrapper hr::before {
  content: "";
  display: block;
  border-top: solid 1px #f9f9f9;
}

#activity-completed .container .body-wrapper .activity-body-wrapper .comments-wrapper h2 {
  font-size: 2.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #00aaea;
}

#activity-completed .container .body-wrapper .activity-body-wrapper .comments-wrapper .comments-component {
  max-width: 545px;
}

#activity-game .container {
  background: #ebf0ee url(/static/img/activity_reporter_bg_50x50.png) repeat;
}

#activity-game .container .body-wrapper {
  padding: 15px;
}

#activity-game .container .body-wrapper .intro-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 60px 40px;
  background: white;
  border: 1px solid #d9dedc;
}

#activity-game .container .body-wrapper .intro-wrapper.HOG {
  padding-top: 0;
}

#activity-game .container .body-wrapper .intro-wrapper #welcome_screen {
  width: 100%;
}

#activity-game .container .body-wrapper .intro-wrapper .game_frame {
  display: none;
  position: relative;
  border: 0;
}

#activity-game .container .body-wrapper .intro-wrapper .game_frame.nk {
  width: 1030px;
  height: 755px;
}

#activity-game .container .body-wrapper .intro-wrapper .game_frame.uplift {
  width: 1014px;
  height: 758px;
}

#activity-game .container .body-wrapper .intro-wrapper .game_frame.hog {
  width: 1009px;
  height: 774px;
}

#activity-game .container .body-wrapper .intro-wrapper .game_frame.ss {
  min-height: 750px;
  width: 100%;
}

#activity-game .container .body-wrapper .intro-wrapper .game_frame.visible {
  display: block;
}

#activity-game .container .body-wrapper .intro-wrapper h2 {
  width: 100%;
  text-align: center;
  font-size: 3.6rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
}

#activity-game .container .body-wrapper .intro-wrapper .game_intro_main_pic {
  margin: 30px auto;
  display: block;
}

#activity-game .container .body-wrapper .intro-wrapper .games-intro-under-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#activity-game .container .body-wrapper .intro-wrapper .games-intro-under-wrapper .left-wrapper {
  text-align: center;
}

#activity-game .container .body-wrapper .intro-wrapper .games-intro-under-wrapper .left-wrapper .description-wrapper,
#activity-game .container .body-wrapper .intro-wrapper .games-intro-under-wrapper .left-wrapper .unlock-wrapper {
  text-align: left;
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #372f2b;
}

#activity-game .container .body-wrapper .intro-wrapper .games-intro-under-wrapper .left-wrapper .description-wrapper p,
#activity-game .container .body-wrapper .intro-wrapper .games-intro-under-wrapper .left-wrapper .unlock-wrapper p {
  margin: 0;
  line-height: 20px;
}

#activity-game .container .body-wrapper .intro-wrapper .games-intro-under-wrapper .left-wrapper .button-wrapper {
  text-align: center;
}

#activity-game .container .body-wrapper .intro-wrapper .games-intro-under-wrapper .left-wrapper .button-wrapper.begin {
  display: none;
}

#activity-game .container .body-wrapper .intro-wrapper .games-intro-under-wrapper .left-wrapper .unlock-wrapper {
  margin-top: 28px;
}

#activity-game .container .body-wrapper .intro-wrapper .games-intro-under-wrapper .left-wrapper .unlock-wrapper .unlock {
  color: #ff7a00;
  font-family: inherit;
  display: inline;
}

#activity-game .container .body-wrapper .intro-wrapper .games-intro-under-wrapper .left-wrapper .unlock-wrapper .unlock:hover {
  text-decoration: underline !important;
}

#activity-game .container .body-wrapper .intro-wrapper .games-intro-under-wrapper .left-wrapper .begin-button {
  text-transform: uppercase;
  padding: 10px 90px;
  height: auto;
  min-width: 220px;
  font-size: 1.6rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  margin-top: 30px;
}

#activity-game .container .body-wrapper .intro-wrapper .games-intro-under-wrapper .left-wrapper .begin-button .begin_copy {
  display: block;
}

#activity-game .container .body-wrapper .intro-wrapper .games-intro-under-wrapper .left-wrapper .begin-button .loading_copy {
  display: none;
}

#activity-game .container .body-wrapper .intro-wrapper .games-intro-under-wrapper .left-wrapper .begin-button .pbar_main {
  display: none;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  width: 100%;
  background-color: #d1732d;
}

#activity-game .container .body-wrapper .intro-wrapper .games-intro-under-wrapper .left-wrapper .begin-button .pbar_progress {
  position: absolute;
  top: 0;
  left: 0;
  height: 4px;
  width: 0;
  background-color: #a4551a;
}

#activity-game .container .body-wrapper .intro-wrapper .games-intro-under-wrapper .left-wrapper .begin-button.loading .pbar_main {
  display: block;
}

#activity-game .container .body-wrapper .intro-wrapper .games-intro-under-wrapper .left-wrapper .begin-button.loading .begin_copy {
  display: none;
}

#activity-game .container .body-wrapper .intro-wrapper .games-intro-under-wrapper .left-wrapper .begin-button.loading .loading_copy {
  display: block;
}

#activity-game .container .body-wrapper .intro-wrapper .games-intro-under-wrapper .left-wrapper .begin-button.js-arcade,
#activity-game .container .body-wrapper .intro-wrapper .games-intro-under-wrapper .left-wrapper .begin-button.js-casual {
  padding: 5px 0;
  min-width: 300px;
  margin: 30px 10px;
}

#activity-game .container .body-wrapper .intro-wrapper .games-intro-under-wrapper .left-wrapper .begin-button .fline,
#activity-game .container .body-wrapper .intro-wrapper .games-intro-under-wrapper .left-wrapper .begin-button .sline {
  display: block;
  width: 100%;
  text-transform: none;
}

#activity-game .container .body-wrapper .intro-wrapper .games-intro-under-wrapper .left-wrapper .begin-button .oneline {
  line-height: 40px;
}

#activity-game .container .body-wrapper .intro-wrapper .games-intro-under-wrapper .left-wrapper .begin-button .fline {
  line-height: 24px;
}

#activity-game .container .body-wrapper .intro-wrapper .games-intro-under-wrapper .left-wrapper .begin-button .sline {
  line-height: 16px;
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#activity-game .container .body-wrapper .intro-wrapper .games-intro-under-wrapper .right-wrapper {
  background: #f8f8f8;
  padding: 20px 15px;
}

#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;
  margin: 30px auto;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

@media (max-width: 767.98px) {
  #intro_screen_block {
    min-height: 46px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  #intro_screen_block {
    min-height: 92px;
  }
}

@media (min-width: 1200px) {
  #intro_screen_block {
    min-height: 110px;
  }
}

#intro_screen_block > .game_intro_slide_pic {
  width: 17%;
  position: relative;
  will-change: transform, opacity;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  opacity: 0;
}

@media (min-width: 992px) {
  #intro_screen_block > .game_intro_slide_pic:nth-child(1) {
    left: 10%;
  }

  #intro_screen_block > .game_intro_slide_pic:nth-child(2) {
    left: 3%;
  }

  #intro_screen_block > .game_intro_slide_pic:nth-child(3) {
    left: -3%;
  }

  #intro_screen_block > .game_intro_slide_pic:nth-child(4) {
    left: 20%;
  }

  #intro_screen_block > .game_intro_slide_pic:nth-child(5) {
    left: -9%;
  }

  #intro_screen_block > .game_intro_slide_pic:nth-child(6) {
    left: -38%;
  }
}

#privacy-selector .label {
  display: block;
  font-size: 1.6rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  color: #777;
  margin-bottom: 15px;
}

#privacy-selector .tumbler-ios .trigger {
  margin-left: 0;
}

#privacy-selector #privacy-select-listbox {
  position: relative;
}

#privacy-selector #privacy-select-listbox #privacy-select-listbox-listbox-button {
  width: auto;
  min-width: 25%;
  border: #d7d7d2 solid 2px;
  border-radius: 3px;
  font-size: 1.6rem;
  font-family: OpenSansBold;
  font-weight: normal;
  padding: 0 35px 0 16px;
  color: #777;
  text-align: left;
  line-height: normal;
}

#privacy-selector #privacy-select-listbox #privacy-select-listbox-listbox-button .icon {
  width: 35px;
  background: #d7d7d2;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}

#privacy-selector #privacy-select-listbox #privacy-select-listbox-listbox-button .icon::after {
  content: " ";
  position: absolute;
  right: 11px;
  top: 16px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #372f2b;
}

#privacy-selector #privacy-select-listbox #privacy-select-listbox-listbox-button .text {
  margin-right: 20px;
}

#privacy-selector #privacy-select-listbox #privacy-select-listbox-listbox {
  border: #d7d7d2 solid 1px;
  border-radius: 0 0 3px 3px;
  background: white;
  position: absolute;
  z-index: 99999;
  margin-top: 1px;
  min-width: 25%;
}

#privacy-selector #privacy-select-listbox #privacy-select-listbox-listbox li.privacy-select-list-item {
  padding: 10px 15px;
}

#privacy-selector #privacy-select-listbox #privacy-select-listbox-listbox li.privacy-select-list-item:not(:nth-child(1)) {
  border-top: 1px solid #d7d7d2;
}

#privacy-selector #privacy-select-listbox #privacy-select-listbox-listbox li.privacy-select-list-item.focused,
#privacy-selector #privacy-select-listbox #privacy-select-listbox-listbox li.privacy-select-list-item:hover {
  background-color: #08c;
  color: white;
}

#activity-score-floater {
  padding-left: 60px;
  z-index: 2147483647;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  position: absolute;
}

#activity-score-floater .icon-wrapper {
  width: 42px;
  height: 42px;
  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;
  border-radius: 50%;
  text-align: center;
  padding: 6px;
}

#activity-score-floater .icon-wrapper svg {
  height: 100%;
  max-width: 100%;
  fill: white;
}

#activity-score-floater .points-wrapper {
  font-size: 1.2rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  text-shadow: 1px 1px 1px #fff, -1px -1px 1px #fff;
  margin-left: 3px;
}

#activity-score-floater.as .icon-wrapper {
  padding-top: 3px;
  background-color: #00aaea;
}

#activity-score-floater.as .points-wrapper {
  color: #00aaea;
}

#activity-score-floater.em .icon-wrapper {
  padding-top: 8px;
  background-color: #ff3131;
}

#activity-score-floater.em .points-wrapper {
  color: #ff3131;
}

#activity-score-floater.gi .icon-wrapper {
  padding: 6px 8px 8px 8px;
  background-color: #06b709;
}

#activity-score-floater.gi .points-wrapper {
  color: #06b709;
}

#activity-score-floater.ot .icon-wrapper {
  background-color: #f4d420;
}

#activity-score-floater.ot .points-wrapper {
  color: #f4d420;
}

#activity-score-floater.re .icon-wrapper {
  background-color: #2ac4c5;
}

#activity-score-floater.re .points-wrapper {
  color: #2ac4c5;
}

#activity-score-floater.sa .icon-wrapper {
  padding-top: 3px;
  background-color: #c5168a;
}

#activity-score-floater.sa .points-wrapper {
  color: #c5168a;
}

#activity-score-floater.th .icon-wrapper {
  padding-top: 9px;
  background-color: #ff7a00;
}

#activity-score-floater.th .points-wrapper {
  color: #ff7a00;
}

#activity-header .header {
  border: 1px solid;
  border-radius: 5px 5px 0 0;
  color: white;
  padding: 5px 20px;
  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;
  min-height: 70px;
}

#activity-header .header .activity-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#activity-header .header .skill-icon-wrapper {
  margin-right: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 40px;
}

#activity-header .header .skill-icon-wrapper svg {
  height: 100%;
  fill: white;
}

#activity-header .header h1 {
  color: white;
  font-family: OpenSansSemibold;
}

#activity-header .header.skill-color.sa {
  background-color: #c5168a;
  border-color: #a00d6f;
}

#activity-header .header.skill-color.th {
  background-color: #ff7a00;
  border-color: #dd5300;
}

#activity-header .header.skill-color.as {
  background-color: #00aaea;
  border-color: #008abe;
}

#activity-header .header.skill-color.gi {
  background-color: #06b709;
  border-color: #069108;
}

#activity-header .header.skill-color.em {
  background-color: #ff3131;
  border-color: #d12d2d;
}

#activity-header .header.skill-color.re {
  background-color: #2ac4c5;
  border-color: #269697;
}

#activity-header .header.skill-color.ot {
  background-color: #f4d420;
  border: 1px #f3c511 solid;
}

#activity-header .header .activity-info {
  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;
  opacity: 0.3;
  color: black;
}

#activity-header .header .activity-info .left {
  text-align: right;
}

#activity-header .header .activity-info .left .skill-name {
  font-size: 2rem;
  font-family: OpenSansBold;
  font-weight: normal;
  text-transform: capitalize;
}

#activity-header .header .activity-info .left .level-copy {
  font-size: 1.2rem;
  font-family: OpenSansBold;
  font-weight: normal;
  margin-top: -5px;
}

#activity-header .header .activity-info .right {
  font-size: 4.2rem;
  font-family: OpenSansBold;
  font-weight: normal;
  margin-left: 15px;
}

#activity-reporter,
#activity-quiz,
#activity-poll,
#activity-completed,
#activity-game {
  padding-top: 30px;
}

#activity-reporter .header-wrapper,
#activity-quiz .header-wrapper,
#activity-poll .header-wrapper,
#activity-completed .header-wrapper,
#activity-game .header-wrapper {
  width: 100%;
}

#activity-reporter button.orange,
#activity-quiz button.orange,
#activity-poll button.orange,
#activity-completed button.orange,
#activity-game button.orange {
  margin-bottom: 8px;
  padding: 2px 20px;
  height: auto;
  min-width: 180px;
  text-transform: uppercase;
  font-size: 1.6rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
}

#activity-reporter .sticker,
#activity-quiz .sticker,
#activity-poll .sticker,
#activity-completed .sticker,
#activity-game .sticker {
  background-image: url("/static/img/sprite-2.png");
  background-size: 1040px 1253px;
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-color: transparent;
  position: absolute;
  height: 50px;
  width: 50px;
  top: -20px;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #activity-reporter .sticker,
  #activity-quiz .sticker,
  #activity-poll .sticker,
  #activity-completed .sticker,
  #activity-game .sticker {
    background-image: url("/static/img/sprite-2@2x.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #activity-reporter .sticker,
  #activity-quiz .sticker,
  #activity-poll .sticker,
  #activity-completed .sticker,
  #activity-game .sticker {
    background-image: url("/static/img/sprite-2@2x.png");
  }
}

#activity-reporter .sticker.left,
#activity-quiz .sticker.left,
#activity-poll .sticker.left,
#activity-completed .sticker.left,
#activity-game .sticker.left {
  background-position: -893px -285px;
  left: -3px;
}

#activity-reporter .sticker.right,
#activity-quiz .sticker.right,
#activity-poll .sticker.right,
#activity-completed .sticker.right,
#activity-game .sticker.right {
  background-position: -967px -285px;
  right: -5px;
}

#activity-quiz .question-header-wrapper,
#activity-poll .question-header-wrapper {
  padding: 15px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#activity-quiz .question-header-wrapper .question-mark,
#activity-poll .question-header-wrapper .question-mark {
  font-size: 2.3rem;
  font-family: OpenSansBold;
  font-weight: normal;
  padding: 0 0 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 34px;
  width: 34px;
  min-width: 34px;
  color: #00aaea;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: white;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 5px #d3dad8;
  box-shadow: 0 0 0 5px #d3dad8;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#activity-quiz .question-header-wrapper h2,
#activity-poll .question-header-wrapper h2 {
  font-size: 2.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin-left: 25px;
  color: #00aaea;
}

#activity-quiz .activity-body-wrapper .question-wrapper,
#activity-poll .activity-body-wrapper .question-wrapper {
  padding: 15px 40px 15px 60px;
}

#activity-quiz .activity-body-wrapper .question-wrapper .answer-preamble-text,
#activity-poll .activity-body-wrapper .question-wrapper .answer-preamble-text {
  font-size: 1.8rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  margin: 10px 0 20px;
  color: #7b461d;
}

#activity-quiz .activity-body-wrapper .question-wrapper .answer-preamble-text span,
#activity-poll .activity-body-wrapper .question-wrapper .answer-preamble-text span {
  display: inline-block;
}

#activity-quiz .activity-body-wrapper .question-wrapper .happify-it-label-wrapper,
#activity-poll .activity-body-wrapper .question-wrapper .happify-it-label-wrapper {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  color: #4d4d4d;
  font-size: 1.3rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#activity-quiz .activity-body-wrapper .question-wrapper .happify-it-label-wrapper svg,
#activity-poll .activity-body-wrapper .question-wrapper .happify-it-label-wrapper svg {
  margin-right: 10px;
  width: 21px;
  fill: #00aaea;
}

#activity-quiz .activity-body-wrapper .question-wrapper .happify-it-label-wrapper:not(.hidden),
#activity-poll .activity-body-wrapper .question-wrapper .happify-it-label-wrapper:not(.hidden) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#activity-quiz button.orange,
#activity-poll button.orange {
  text-transform: inherit;
}

#activity-quiz button.orange.button-happify-it,
#activity-poll button.orange.button-happify-it {
  text-transform: uppercase;
}

#activity-quiz .container,
#activity-poll .container,
#activity-completed .container,
#activity-game .container {
  background: #ebf0ee url(/static/img/activity_reporter_bg_50x50.png) repeat;
  border-radius: 5px 5px 0 0;
}

#activity-quiz .container .activity-body-wrapper,
#activity-poll .container .activity-body-wrapper,
#activity-completed .container .activity-body-wrapper,
#activity-game .container .activity-body-wrapper {
  margin: 0 20px 20px 60px;
  -webkit-box-shadow: 0 20px 50px -20px #000;
  box-shadow: 0 20px 50px -20px #000;
}

#activity-quiz .container .activity-body-wrapper .intro-wrapper,
#activity-poll .container .activity-body-wrapper .intro-wrapper,
#activity-completed .container .activity-body-wrapper .intro-wrapper,
#activity-game .container .activity-body-wrapper .intro-wrapper,
#activity-quiz .container .activity-body-wrapper .question-wrapper,
#activity-poll .container .activity-body-wrapper .question-wrapper,
#activity-completed .container .activity-body-wrapper .question-wrapper,
#activity-game .container .activity-body-wrapper .question-wrapper {
  background: url(/static/img/activity_viewer/red_vertical_lines.png) repeat-y scroll 0 0 #fffcf6;
  border: 1px solid #d9dedc;
}

#activity-publish-bar {
  background: url(/static/img/activity_viewer/red_vertical_lines.png) repeat-y scroll 0 0 #fff;
  margin-top: -2px;
  padding: 30px 40px 30px 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  border: 1px solid #d9dedc;
  border-top: none;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#activity-publish-bar .buttons-wrapper .button-back {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  padding: 4px 10px;
  height: auto;
  line-height: normal;
  color: #aaa;
  background: none;
  text-decoration: underline !important;
  -webkit-transition: color 150ms ease-in;
  transition: color 150ms ease-in;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#activity-publish-bar .buttons-wrapper .button-back:hover {
  color: #ff7a00;
}

#activity-publish-bar .buttons-wrapper button:nth-child(1) {
  margin: 0 10px 0 0;
}

svg.tube-icon {
  width: 20px;
  fill: #ff7a00;
}

#activity-footer-disclaimer {
  font-size: 1.1rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin: auto;
  padding: 20px 0;
  max-width: 920px;
  line-height: 18px;
  color: #bcbcbc;
  text-align: center;
}

#activity-footer-disclaimer a {
  display: inline-block;
  color: #999;
  font-size: 1.1rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
  text-decoration: underline;
}

#activity-footer-disclaimer a:hover {
  text-decoration: none;
}

#activity-completed.ov_content {
  padding-top: 0;
}

#activity-poll-summary-chart {
  padding-top: 20px;
  background-color: #c5eefb;
  overflow: hidden;
}

#activity-poll-summary-chart .chart-item-wrapper {
  position: relative;
  margin-bottom: 10px;
  min-height: 70px;
}

#activity-poll-summary-chart .chart-item-wrapper .label {
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  position: relative;
  margin-bottom: -30px;
  padding-left: 5px;
  width: 30%;
  color: #36c7ef;
}

#activity-poll-summary-chart .chart-item-wrapper .line-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#activity-poll-summary-chart .chart-item-wrapper .line-wrapper .line {
  height: 6px;
  width: 50%;
}

#activity-poll-summary-chart .chart-item-wrapper .line-wrapper .circle {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background-color: #A4E4F7;
  padding: 26px / 2 0 0 26px / 2;
  margin-left: -35px;
}

#activity-poll-summary-chart .chart-item-wrapper .line-wrapper .circle .inner-circle {
  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: 44px;
  height: 44px;
  border-radius: 50%;
  background-color: #36C7EF;
}

#activity-poll-summary-chart .chart-item-wrapper .line-wrapper .circle .value {
  font-size: 1.6rem;
  font-family: OpenSansLight;
  font-weight: normal;
  color: white;
}

#activity-poll-summary-chart .chart-item-wrapper .line-wrapper .line,
#activity-poll-summary-chart .chart-item-wrapper .line-wrapper .inner-circle {
  background-color: #36C7EF;
}

#activity-poll-summary-chart .chart-item-wrapper.userselect .line-wrapper .line,
#activity-poll-summary-chart .chart-item-wrapper.userselect .line-wrapper .inner-circle {
  background-color: #00abeb;
}

#activity-poll-summary-chart .chart-item-wrapper.userselect .line-wrapper .circle {
  width: 80px;
  height: 80px;
  margin-left: -40px;
  padding: 30px / 2 0 0 30px / 2;
  background-color: #97ddf8;
}

#activity-poll-summary-chart .chart-item-wrapper.userselect .line-wrapper .circle .inner-circle {
  width: 50px;
  height: 50px;
}

.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;
}

@keyframes kf-fadeIn {
  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;
}

#rewards_page_earnings .grid-row h1 {
  color: #777774;
  margin-bottom: 15px;
  margin-left: 15px;
}

#rewards_page_earnings .grid-row .container {
  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;
}

#rewards_page_earnings .grid-row .container .col-left {
  width: 680px;
  margin-right: 30px;
}

#rewards_page_earnings .grid-row .container .col-left .rewards-box {
  border: 1px solid #d7d7d2;
  margin-bottom: 30px;
  background-color: #fff;
}

#rewards_page_earnings .grid-row .container .col-left .rewards-box .cash-rewards {
  padding: 24px 16px 34px 34px;
}

#rewards_page_earnings .grid-row .container .col-left .rewards-box .cash-rewards h2 {
  font-family: OpenSansRegular;
  color: #777774;
  font-size: 2.5rem;
}

#rewards_page_earnings .grid-row .container .col-left .rewards-box .cash-rewards .rewards-stats-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 8px 0 14px 14px;
}

#rewards_page_earnings .grid-row .container .col-left .rewards-box .cash-rewards .rewards-stats-block .reward-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

#rewards_page_earnings .grid-row .container .col-left .rewards-box .cash-rewards .rewards-stats-block .reward-row .reward-row-image img {
  width: 44px;
  margin: 3px;
}

#rewards_page_earnings .grid-row .container .col-left .rewards-box .cash-rewards .rewards-stats-block .reward-row .reward-row-name {
  text-align: left;
  font-family: OpenSansBold;
  font-size: 1.4rem;
  margin-top: 14px;
  margin-left: 14px;
}

#rewards_page_earnings .grid-row .container .col-left .rewards-box .cash-rewards .rewards-stats-block .reward-row .reward-row-calc {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: right;
  font-family: OpenSansSemiBold;
  font-size: 1.6rem;
  margin-top: 10px;
}

#rewards_page_earnings .grid-row .container .col-left .rewards-box .cash-rewards .rewards-stats-block .reward-row .reward-row-calc .rewards-item-calc {
  padding: 2px 10px;
  background-color: #ebebeb;
  border-radius: 16px;
}

#rewards_page_earnings .grid-row .container .col-left .rewards-box .cash-rewards .rewards-stats-block .reward-row .reward-row-calc .rewards-summary-sign {
  padding: 2px 10px;
}

#rewards_page_earnings .grid-row .container .col-left .rewards-box .cash-rewards .rewards-stats-block .reward-row .reward-row-sum {
  font-family: OpenSansSemiBold;
  font-size: 1.6rem;
  width: 64px;
  text-align: left;
  margin-top: 10px;
}

#rewards_page_earnings .grid-row .container .col-left .rewards-box .cash-rewards .rewards-stats-block .item-sublist {
  font-family: OpenSansSemiBold;
  font-size: 1.4rem;
  margin-left: 65px;
  margin-top: -5px;
}

#rewards_page_earnings .grid-row .container .col-left .rewards-box .cash-rewards .rewards-stats-block .item-sublist .item-sublist-item {
  margin-bottom: 6px;
}

#rewards_page_earnings .grid-row .container .col-left .rewards-box .cash-rewards .rewards-stats-block .item-sublist .item-sublist-item img {
  float: left;
}

#rewards_page_earnings .grid-row .container .col-left .rewards-box .cash-rewards .rewards-stats-block .item-sublist .item-sublist-item p {
  margin: 0 0 0 34px;
}

#rewards_page_earnings .grid-row .container .col-left .rewards-box .cash-rewards .rewards-earn-more {
  padding-left: 25px;
}

#rewards_page_earnings .grid-row .container .col-left .rewards-box .cash-rewards .rewards-earn-more .earn-more-title {
  font-family: OpenSansBold;
  font-size: 1.5rem;
  text-transform: uppercase;
  margin-bottom: 10px;
}

#rewards_page_earnings .grid-row .container .col-left .rewards-box .cash-rewards .rewards-earn-more .earn-more-item {
  font-family: OpenSansSemiBold;
  font-size: 1.6rem;
  padding-left: 20px;
  position: relative;
}

#rewards_page_earnings .grid-row .container .col-left .rewards-box .cash-rewards .rewards-earn-more .earn-more-item:before {
  position: absolute;
  content: '';
  left: 4px;
  top: 8px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #ff7a00;
}

#rewards_page_earnings .grid-row .container .col-left .rewards-box.how-it-works {
  font-family: OpenSansRegular;
  font-size: 16px;
  color: #777774;
  padding: 30px 25px;
}

#rewards_page_earnings .grid-row .container .col-left .rewards-box.program-ended {
  font-family: OpenSansRegular;
  font-size: 16px;
  color: #777774;
  padding: 10px 25px;
}

#rewards_page_earnings .grid-row .container .col-right {
  width: 310px;
  border: 1px solid #d7d7d2;
  color: #81ba32;
  position: relative;
}

#rewards_page_earnings .grid-row .container .col-right .discount {
  position: absolute;
  background-image: url("/static/img/icons/cash-rewards/div.discount@1X.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 120px;
  height: 120px;
  top: -50px;
  right: -50px;
  -webkit-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  transform: rotate(15deg);
  text-align: center;
  font-size: 1.4rem;
}

#rewards_page_earnings .grid-row .container .col-right .discount .inner-block {
  position: absolute;
  left: 20%;
  top: 24%;
  color: #fff;
  font-size: 1.2rem;
  text-transform: uppercase;
  font-family: OpenSansSemiBold;
}

#rewards_page_earnings .grid-row .container .col-right main {
  padding: 25px;
  background-color: #fff;
  text-align: center;
  min-height: auto;
  margin-bottom: 0;
}

#rewards_page_earnings .grid-row .container .col-right main h1 {
  text-transform: uppercase;
  text-align: center;
  font-family: OpenSansSemiBold;
  color: inherit;
  font-size: 18px;
  line-height: 20px;
}

#rewards_page_earnings .grid-row .container .col-right main .balance-block {
  display: inline-block;
  font-family: OpenSansSemiBold;
  font-size: 40px;
  line-height: 30px;
  padding: 10px 20px;
  margin-bottom: 50px;
  border-radius: 25px;
}

#rewards_page_earnings .grid-row .container .col-right main .btn-payment {
  cursor: pointer;
  width: 100%;
  font-size: 18px;
  text-transform: uppercase;
  display: block;
  height: auto;
  padding: 10px 30px;
  margin-bottom: 15px;
  -webkit-box-shadow: 0 3px 0 0 #9B4A00;
  box-shadow: 0 3px 0 0 #9B4A00;
}

#rewards_page_earnings .grid-row .container .col-right main .btn-payment:disabled {
  cursor: default;
  opacity: 0.5;
  pointer-events: none;
}

#rewards_page_earnings .grid-row .container .col-right main .payment-description {
  color: #777774;
  font-family: OpenSansRegular;
  font-size: 12px;
  padding: 0 5px;
}

#rewards_page_earnings .grid-row .container .col-right footer,
#rewards_page_earnings .grid-row .container .col-right .footer {
  background-color: #f1f1f1;
  text-align: center;
  padding: 15px 0;
}

#rewards_page_earnings .grid-row .container .col-right footer .lifetime-earned,
#rewards_page_earnings .grid-row .container .col-right .footer .lifetime-earned {
  margin-bottom: 24px;
}

#rewards_page_earnings .grid-row .container .col-right footer .lifetime-earned-title,
#rewards_page_earnings .grid-row .container .col-right .footer .lifetime-earned-title {
  text-transform: uppercase;
  font-size: 1.4rem;
  font-family: OpenSansBold;
  margin-right: 15px;
  color: #777774;
}

#rewards_page_earnings .grid-row .container .col-right footer .lifetime-earned .balance-block,
#rewards_page_earnings .grid-row .container .col-right .footer .lifetime-earned .balance-block {
  display: inline-block;
  font-family: OpenSansSemiBold;
  background-color: #D7D7D2;
  font-size: 22px;
  border-radius: 22px;
  color: #777774;
  padding: 4px 14px 6px;
}

#rewards_page_earnings .grid-row .container .col-right footer .stats-block,
#rewards_page_earnings .grid-row .container .col-right .footer .stats-block {
  padding: 0 0 0 40px;
  text-align: left;
}

#rewards_page_earnings .grid-row .container .col-right footer .stats-block .stats-row,
#rewards_page_earnings .grid-row .container .col-right .footer .stats-block .stats-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding: 0;
  margin-bottom: 6px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#rewards_page_earnings .grid-row .container .col-right footer .stats-block .stats-row .column-1,
#rewards_page_earnings .grid-row .container .col-right .footer .stats-block .stats-row .column-1 {
  width: 200px;
  overflow: hidden;
  font-family: OpenSansLight;
  font-size: 1.3rem;
  font-weight: 600;
}

#rewards_page_earnings .grid-row .container .col-right footer .stats-block .stats-row .column-2,
#rewards_page_earnings .grid-row .container .col-right .footer .stats-block .stats-row .column-2 {
  font-family: OpenSansSemiBold;
  font-size: 1.6rem;
}

#rewards_page_earnings .grid-row .container .col-right footer .stats-block .stats-block-paid-container,
#rewards_page_earnings .grid-row .container .col-right .footer .stats-block .stats-block-paid-container {
  color: #777774;
}

#rewards_page_earnings .grid-row .container .col-right footer .stats-block .stats-block-paid-container,
#rewards_page_earnings .grid-row .container .col-right .footer .stats-block .stats-block-paid-container {
  max-height: 7em;
  overflow: hidden;
}

#rewards_page_earnings .grid-row .container .col-right footer .stats-block .stats-block-paid-container.show-full-list,
#rewards_page_earnings .grid-row .container .col-right .footer .stats-block .stats-block-paid-container.show-full-list {
  max-height: 100%;
}

#rewards_page_earnings .grid-row .container .col-right footer .show-more,
#rewards_page_earnings .grid-row .container .col-right .footer .show-more {
  text-align: right;
  padding: 10px 30px 0;
}

#cash_rewards_info_block {
  padding: 40px 20px 50px 25px !important;
}

#cash_rewards_info_block .title a {
  width: 100%;
}

#cash_rewards_info_block .title a .cash-rewards-icon {
  background: transparent url("/static/img/icons/cash-rewards/icon-star.png") no-repeat;
}

#cash_rewards_info_block .title a .right {
  float: right;
  text-align: center;
  color: #81ba32;
  margin-top: -3px;
}

#cash_rewards_info_block .title a .right .balance-block {
  font-family: OpenSansSemiBold;
  font-size: 2.9rem;
  border-radius: 30px;
  padding: 2px 15px;
}

#cash_rewards_info_block .title a .right .balance-word {
  font-family: OpenSansBold;
  font-size: 1.2rem;
}

#cash_rewards_info_block .cash-rewards {
  margin-top: 20px;
  /* difference with mockup (~55px) to free more place for earn-more section */
  margin-left: -5px;
}

#cash_rewards_info_block .cash-rewards .rewards-stats-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

#cash_rewards_info_block .cash-rewards .rewards-stats-block .reward-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  font-family: OpenSansBold;
  font-size: 1.4rem;
}

#cash_rewards_info_block .cash-rewards .rewards-stats-block .reward-row .reward-row-image img {
  width: 44px;
  margin: 3px;
}

#cash_rewards_info_block .cash-rewards .rewards-stats-block .reward-row .reward-row-name {
  text-align: left;
  margin-top: 15px;
  margin-left: 15px;
}

#cash_rewards_info_block .cash-rewards .rewards-stats-block .reward-row .reward-row-calc {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: right;
  margin-top: 14px;
}

#cash_rewards_info_block .cash-rewards .rewards-stats-block .reward-row .reward-row-calc .rewards-item-calc {
  padding: 2px 10px;
  background-color: #ebebeb;
  border-radius: 16px;
}

#cash_rewards_info_block .cash-rewards .rewards-stats-block .reward-row .reward-row-calc .rewards-summary-sign {
  /* font-size: 2rem; TODO clarify why increasing of .rewards-summary-sign acts to vertical alignment of .rewards-item-calc */
  padding: 2px 8px;
}

#cash_rewards_info_block .cash-rewards .rewards-stats-block .reward-row .reward-row-sum {
  width: 36px;
  text-align: left;
  margin-top: 14px;
}

#cash_rewards_info_block .cash-rewards .rewards-stats-block .reward-row .reward-row-sum .balance-block {
  font-family: OpenSansBold !important;
  font-size: 1.4rem !important;
}

#cash_rewards_info_block .cash-rewards .rewards-earn-more {
  margin-top: 20px;
  /* difference with mockup (~30px) to free more place for earn-more section */
  margin-left: 15px;
  font-family: OpenSansBold;
  font-size: 1.3rem;
}

#cash_rewards_info_block .cash-rewards .rewards-earn-more .earn-more-title {
  text-transform: uppercase;
  margin-bottom: 10px;
}

#cash_rewards_info_block .cash-rewards .rewards-earn-more .earn-more-item {
  padding-left: 20px;
  padding-bottom: 8px;
  position: relative;
}

#cash_rewards_info_block .cash-rewards .rewards-earn-more .earn-more-item:before {
  position: absolute;
  content: '';
  left: 3px;
  top: 7px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #ff7a00;
}

#cash_rewards_payment_request {
  max-width: 550px;
}

.payment-request {
  text-align: center;
  padding: 50px 40px;
  max-width: 550px;
  position: relative;
}

.payment-request h2 {
  color: #00aaea;
}

.payment-request p {
  font-size: 1.1em;
  font-weight: bold;
}

.payment-request .btn-continue {
  font-size: 1.6rem;
  text-transform: uppercase;
  height: auto;
  padding: 5px 55px;
  margin-top: 25px;
}

#cash_rewards_payment_email_request {
  font-family: OpenSansRegular;
  font-size: 14px;
  max-width: 550px;
}

#cash_rewards_payment_email_request h3 {
  margin-bottom: 40px;
  color: #00aaea;
}

#cash_rewards_payment_email_request .payment-email-request-container {
  padding: 50px;
  text-align: center;
}

#cash_rewards_payment_email_request .payment-email-request-container .payment-email-request-field {
  margin-bottom: 1em;
}

#cash_rewards_payment_email_request .payment-email-request-container .payment-email-request-field .email-input {
  width: 240px;
  height: 45px;
}

#cash_rewards_payment_email_request .payment-email-request-container .payment-email-request-field .error-container {
  min-height: 20px;
}

#cash_rewards_payment_email_request .payment-email-request-container .btn-payment {
  padding: 0 50px;
  margin-top: 1em;
}

/* TODO [ch12510] kill safely all of this styles below: */

.weight-normal {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

.rewards-list {
  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;
  padding: 0 15px;
}

.rewards-list .rewards-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 10px 5px;
  -ms-flex-item-align: start;
  align-self: flex-start;
  width: 150px;
  text-align: center;
  min-height: 200px;
  margin: 10px 0px;
  background-color: #f8f8f8;
}

.rewards-list .rewards-item p {
  margin: 0;
}

.rewards-list .rewards-item img {
  height: 64px;
}

.rewards-list .rewards-item .rewards-text {
  color: #81BA32;
  font-family: OpenSansSemiBold;
  font-size: 20px;
  margin-bottom: 5px;
}

.rewards-list .rewards-item .rewards-paragraph {
  font-family: OpenSansSemiBold;
  font-size: 13px;
  color: #777774;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.payment-email-request-container .error-container {
  color: #ff3131;
}

#time-picker .combobox__container {
  font-size: 1.6rem;
  font-family: OpenSansLight;
  font-weight: normal;
  color: #000000;
}

#time-picker .combobox-dropdown {
  font-size: 1.6rem;
  font-family: OpenSansLight;
  font-weight: normal;
}

#compass-time .combobox-dropdown,
#time_duration-hours .combobox-dropdown,
#time_duration-minutes .combobox-dropdown,
#compass-time-hours .combobox-dropdown,
#compass-time-minutes .combobox-dropdown {
  bottom: 60%;
}

#time_duration-hours,
#time_duration-minutes,
#compass-time-hours,
#compass-time-minutes {
  position: relative;
  width: 20%;
  bottom: 8px;
}

#time_duration-hours .combobox-dropdown,
#time_duration-minutes .combobox-dropdown,
#compass-time-hours .combobox-dropdown,
#compass-time-minutes .combobox-dropdown {
  width: 64px;
}

#time_duration-hours .combobox-dropdown,
#time_duration-minutes .combobox-dropdown {
  width: 100%;
}

#time_duration-hours .combobox__arrow,
#time_duration-minutes .combobox__arrow {
  top: 38px;
}

#compass-time-hours .combobox__arrow,
#compass-time-minutes .combobox__arrow {
  top: 32px;
}

#time_duration-hours,
#compass-time-hours {
  margin-right: 8px;
}

.time_reminder__modal {
  width: 130px;
  position: relative;
}

.time_reminder__modal-center {
  margin: 0 auto;
}

.time_reminder__modal .combobox-dropdown {
  position: absolute;
  bottom: 100%;
  width: 100%;
}

.time_duration__modal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

html[data-wcag-enabled=true] #time-picker {
  font-weight: 600;
  color: black;
}

html[data-wcag-enabled=true] #time-picker input.timepicker-input {
  font-weight: 600 !important;
}

.combobox__container {
  font-size: 1.4rem;
  font-family: OpenSansLight;
  font-weight: normal;
  color: #777;
  position: relative;
  line-height: initial;
}

.combobox__container.open .combobox__arrow svg {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.combobox__container--modal .combobox__arrow {
  right: 14px;
  top: 16px;
}

.combobox__container--modal input.combobox__input {
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  padding: 11px !important;
  border-radius: 3px !important;
}

.combobox__container--modal input.combobox__input.error {
  border-color: #ff3131 !important;
}

.combobox__container--modal input.combobox__input.error:focus {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 49, 49, 0.5) !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 49, 49, 0.5) !important;
}

.combobox__label {
  font-size: 0.9em;
  margin-bottom: 4px;
  display: block;
}

.combobox__arrow {
  fill: #d7d7d2;
  width: 14px;
  height: 14px;
  position: absolute;
  right: 7px;
  cursor: pointer;
  top: 11px;
}

.combobox-dropdown {
  font-size: 1.4rem;
  font-family: OpenSansLight;
  font-weight: normal;
  z-index: 99;
  max-height: 150px;
  margin: 10px 0;
  padding: 5px 0;
  overflow-x: hidden;
  overflow-y: auto;
  border: 1px solid #d7d7d2;
  border-radius: 5px;
  background: #fff;
  position: absolute;
  width: 165px;
}

.combobox-dropdown::-webkit-scrollbar {
  display: block;
  width: 7px;
}

.combobox-dropdown::-webkit-scrollbar-track {
  background: transparent;
}

.combobox-dropdown::-webkit-scrollbar-thumb {
  background: #d7d7d2;
  border-radius: 6px;
  border-right: none;
  border-left: none;
}

.combobox-dropdown::-webkit-scrollbar-track-piece {
  background-color: #fff;
}

.combobox-item {
  color: #000000;
  font-size: inherit;
  padding: 5px 20px;
  text-align: left;
  line-height: normal;
}

.combobox-item:hover {
  background-color: #d7d7d2;
  cursor: default;
}

.combobox-item.focused {
  background-color: #d7d7d2;
}

input.combobox__input {
  width: 100%;
  background-color: #fff;
  padding: 8px 35px 8px 14px !important;
  border-radius: 5px !important;
}

#inaccessible_activity_modal {
  max-width: 600px;
  min-height: 200px;
  padding: 0 25px 25px;
}

#inaccessible_activity_modal h1 {
  font-size: 2rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
  padding: 20px 0;
  border-bottom: 1px solid #d7d7d2;
  color: #372f2b;
}

#inaccessible_activity_modal .text {
  font-size: 1.5rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  padding: 20px 0;
}

#inaccessible_activity_modal .buttons {
  text-align: right;
}

#inaccessible_activity_modal .buttons .button {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  height: 35px;
  line-height: 35px;
}

.birth-date-picker .birth-date-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.birth-date-picker .birth-date-control__select {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  background-color: #FFFFFF;
  background-image: url(/static/img/icons/small_down_arrow.png);
  background-position: right 5px center;
  background-repeat: no-repeat;
  background-size: 14px;
  padding-left: 8px;
  padding-right: 8px;
}

#mental_health_symptoms_chart {
  padding-bottom: 70px;
}

#mental_health_symptoms_chart .prepareFadeOut {
  position: absolute;
  top: 25px;
}

#mental_health_symptoms_chart .prepareFadeOut .question-tooltip,
#mental_health_symptoms_chart .prepareFadeOut .last-score .anxiety .score {
  display: none !important;
}

#mental_health_symptoms_chart .MentalHealthSymptomsChart_emptyMessage {
  color: #777;
  font-family: OpenSansRegular;
  font-size: 1.6rem;
  font-weight: 600;
  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;
  margin-top: 6.4rem;
}

#mental_health_symptoms_chart .happify-chart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

#mental_health_symptoms_chart .happify-chart .chart-wrapper {
  position: relative;
  min-height: 36rem;
  width: calc(100% - 240px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#mental_health_symptoms_chart .happify-chart .chart-wrapper .chart-arrow {
  position: absolute;
  top: 40%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

#mental_health_symptoms_chart .happify-chart .chart-wrapper .chart-arrow.right {
  right: -25px;
}

#mental_health_symptoms_chart .happify-chart .chart-wrapper .chart-left-bar svg text {
  font-size: 1.1rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  fill: #777;
}

#mental_health_symptoms_chart .happify-chart .chart-wrapper .chart-left-bar svg g text {
  font-size: 1.3rem;
}

#mental_health_symptoms_chart .happify-chart .chart-wrapper .chart-content {
  position: relative;
  width: 100%;
}

#mental_health_symptoms_chart .happify-chart .chart-wrapper .chart-bottom-description {
  padding: 1rem 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #00aaea;
  font-size: 1.6rem;
  font-family: OpenSansBold;
  font-weight: normal;
}

#mental_health_symptoms_chart .happify-chart .chart-wrapper .chart-bottom-description .line-icon {
  display: inline-block;
  width: 27px;
  height: 1px;
  border: 0;
  border-top: 3px solid #00aaea;
  vertical-align: middle;
  margin-right: 5px;
}

#mental_health_symptoms_chart .happify-chart .chart-wrapper .chart-bottom-description .gad7 {
  margin-left: 30px;
}

#mental_health_symptoms_chart .happify-chart .chart-wrapper .chart-bottom-description .gad7 .line-icon {
  border-top-style: dotted;
}

#mental_health_symptoms_chart .happify-chart .chart-wrapper .chart-body {
  line-height: 0;
  width: 100%;
  overflow: hidden;
  position: relative;
}

#mental_health_symptoms_chart .happify-chart .chart-wrapper .chart-body svg {
  width: 100%;
  position: absolute;
}

#mental_health_symptoms_chart .happify-chart .chart-wrapper .chart-body svg circle[focusable] {
  cursor: pointer;
}

#mental_health_symptoms_chart .happify-chart .chart-wrapper .chart-body svg text {
  fill: #777;
  line-height: 0;
  pointer-events: none;
}

#mental_health_symptoms_chart .happify-chart .chart-wrapper .chart-body svg text.point-label {
  font-size: 1.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
}

#mental_health_symptoms_chart .happify-chart .chart-wrapper .chart-body svg text.week-label {
  font-size: 1.3rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#mental_health_symptoms_chart .happify-chart .chart-wrapper .chart-body svg text.week-date-label {
  font-size: 1rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  fill: #b7b7b7;
}

#mental_health_symptoms_chart .happify-chart .scores-wrapper {
  width: 205px;
  margin-left: 35px;
  margin-bottom: auto;
  border: 1px solid #d7d7d1;
  border-radius: 6px;
  padding: 25px 15px;
  position: relative;
}

#mental_health_symptoms_chart .happify-chart .scores-wrapper .question-tooltip {
  top: 5px;
  position: absolute;
  right: 2px;
}

#mental_health_symptoms_chart .happify-chart .scores-wrapper .last-score,
#mental_health_symptoms_chart .happify-chart .scores-wrapper .score-explained {
  color: #777;
}

#mental_health_symptoms_chart .happify-chart .scores-wrapper .last-score .title,
#mental_health_symptoms_chart .happify-chart .scores-wrapper .score-explained .title {
  font-size: 1.6rem;
  font-family: OpenSansLight;
  font-weight: normal;
  margin-bottom: 17px;
  text-align: left;
}

#mental_health_symptoms_chart .happify-chart .scores-wrapper .last-score .block,
#mental_health_symptoms_chart .happify-chart .scores-wrapper .score-explained .block {
  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;
}

#mental_health_symptoms_chart .happify-chart .scores-wrapper .last-score .block .block-title,
#mental_health_symptoms_chart .happify-chart .scores-wrapper .score-explained .block .block-title {
  width: 100%;
  font-size: 1.6rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin-bottom: 5px;
  text-transform: capitalize;
}

#mental_health_symptoms_chart .happify-chart .scores-wrapper .last-score .block .range,
#mental_health_symptoms_chart .happify-chart .scores-wrapper .score-explained .block .range {
  font-size: 1.3rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#mental_health_symptoms_chart .happify-chart .scores-wrapper .last-score .block .score,
#mental_health_symptoms_chart .happify-chart .scores-wrapper .score-explained .block .score {
  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: 45px;
  height: 45px;
  background: white;
  border-radius: 50%;
  border: 6px solid #ffb30c;
  font-size: 2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin-right: 5px;
}

#mental_health_symptoms_chart .happify-chart .scores-wrapper .last-score .block + .block,
#mental_health_symptoms_chart .happify-chart .scores-wrapper .score-explained .block + .block {
  margin-top: 20px;
}

#mental_health_symptoms_chart .happify-chart .scores-wrapper .score-explained .bottom-text {
  margin-top: 2px;
  font-size: 1.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

#mental_health_symptoms_chart #chart-description-wrapper {
  width: 100%;
  margin: 10px 0 20px;
}

#mental_health_symptoms_chart #chart-description-wrapper .lines-preview {
  padding-right: 240px;
  margin-bottom: 20px;
  color: #00aaea;
  font-size: 1.6rem;
  font-family: OpenSansBold;
  font-weight: normal;
}

#mental_health_symptoms_chart #chart-description-wrapper .lines-preview .line-icon {
  display: inline-block;
  width: 27px;
  height: 1px;
  border: 0;
  border-top: 3px solid #00aaea;
  vertical-align: middle;
  margin-right: 5px;
}

#mental_health_symptoms_chart #chart-description-wrapper .lines-preview .gad7 {
  margin-left: 30px;
}

#mental_health_symptoms_chart #chart-description-wrapper .lines-preview .gad7 .line-icon {
  border-top-style: dotted;
}

#mental_health_symptoms_chart #chart-description-wrapper .userdata-row {
  text-align: center;
}

#mental_health_symptoms_chart #chart-description-wrapper .userdata-row + .userdata-row {
  margin-top: 5px;
}

#mental_health_symptoms_chart #chart-description-wrapper .userdata-row label {
  font-size: 1.6rem;
  font-family: OpenSansLight;
  font-weight: normal;
  margin-right: 5px;
}

#mental_health_symptoms_chart #chart-description-wrapper .userdata-row .val {
  font-size: 1.6rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
}

.happify-chart .chart-arrow {
  background-size: 14px 24px;
  background-repeat: no-repeat;
  cursor: pointer;
  width: 14px;
  height: 24px;
}

.happify-chart .chart-arrow.left {
  background-image: url('/static/img/stats/arrow_left.png');
  left: -35px;
}

.happify-chart .chart-arrow.right {
  background-image: url('/static/img/stats/arrow_right.png');
  right: -35px;
}

#ensemble_treatment_complete_modal {
  width: 450px;
  padding: 60px 60px 35px;
  position: relative;
  text-align: center;
}

#ensemble_treatment_complete_modal .icon-wrapper {
  position: absolute;
  width: 95px;
  height: 95px;
  background-color: #ff7a00;
  border-radius: 50%;
  top: -47px;
  margin-left: -47px;
  left: 50%;
  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;
}

#ensemble_treatment_complete_modal .icon-wrapper svg {
  height: 56px;
}

#ensemble_treatment_complete_modal #modalTitle {
  font-size: 1.8rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #372f2b;
  margin-bottom: 15px;
}

#ensemble_treatment_complete_modal .message {
  font-size: 1.5rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
  margin-bottom: 30px;
}

#ensemble_treatment_complete_modal button {
  text-transform: uppercase;
  padding: 0 25px;
  height: 47px;
  font-size: 1.4rem;
}

#ensemble_block_screen {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background-image: url('/static/img/ensemble/ensemble_block_screen_bg.png');
  background-size: cover;
  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;
}

#ensemble_block_screen .message-wrapper {
  text-align: center;
  line-height: 3rem;
  max-width: 508px;
}

#ensemble_block_screen .message-wrapper .logo-wrapper {
  margin-bottom: 57px;
}

#ensemble_block_screen .message-wrapper .logo-wrapper svg {
  height: 39px;
}

#ensemble_block_screen .message-wrapper .message-wrapper {
  color: black;
  font-size: 1.9rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

#ensemble_block_screen .message-wrapper .message-wrapper .date {
  font-size: 1.9rem;
  font-family: OpenSansBold;
  font-weight: normal;
}

#ensemble_block_screen .message-wrapper .message-wrapper a {
  font-size: 1.9rem;
  font-family: OpenSansBold;
  font-weight: normal;
}

#hamobu_modal.ensemble .ModalContent_title {
  font-size: 2.8rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  padding-bottom: 0px;
  line-height: 38px;
  margin-top: 15px;
  margin-bottom: 5px;
}

#hamobu_modal.ensemble .ModalContent_subtitle {
  font-size: 1.7rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  line-height: 23px;
  margin-top: 5px;
  padding-bottom: 0px;
}

#hamobu_modal.ensemble .ModalContent_subtitle_prescriptin {
  padding-left: 205px;
  padding-right: 205px;
  padding-bottom: 25px;
}

#hamobu_modal.ensemble .ModalContent_logoWrap {
  padding-bottom: 0px;
}

#hamobu_modal.ensemble .ModalForm_group.logo_mail_case {
  padding-bottom: 12px;
}

#hamobu_modal.ensemble .ModalForm_group.submit {
  padding-top: 5px;
}

#hamobu_modal.ensemble .ModalForm_group.submit button {
  width: 200px;
  margin: auto;
  display: block;
}

#hamobu_modal.ensemble .ModalForm_group.acc_footer {
  font-size: 17px;
  text-align: center;
}

#hamobu_modal.ensemble .ModalForm_group.acc_footer.end {
  padding-bottom: 0px;
}

#hamobu_modal.ensemble .ModalForm_group .service-terms {
  width: 250px;
  margin: 0 auto;
}

#hamobu_modal.ensemble .rx_only {
  position: absolute;
  width: 63px;
  height: 29px;
  right: 26px;
  bottom: 24px;
  border: 1px solid rgba(0, 0, 0, 0.39);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1.2rem;
  font-family: OpenSansRegular;
  font-weight: bold;
  line-height: 26px;
  text-align: center;
  color: rgba(90, 83, 80, 0.39);
}

#whoson_privacy_modal {
  max-width: 768px;
  padding: 30px 20px;
  text-align: center;
  font-family: OpenSansRegular;
}

#whoson_privacy_modal .main-logo {
  display: block;
  height: 40px;
  margin: 0 auto;
}

#whoson_privacy_modal .heading--main {
  font-family: OpenSansSemibold;
  font-size: 2.8rem;
  color: #00aaea;
  margin-top: 20px;
}

#whoson_privacy_modal .descr {
  font-size: 1.6rem;
  color: #777;
  text-align: left;
}

#whoson_privacy_modal .descr p {
  margin-top: 20px;
}

#whoson_privacy_modal .descr p strong {
  color: #372f2b;
}

#whoson_privacy_modal .button-section {
  margin: 40px 0 10px;
}

#whoson_privacy_modal .later-section {
  font-size: 1.3rem;
}

#whoson_privacy_modal .later-section a {
  color: #777;
  text-decoration: underline;
}

#whoson_privacy_modal .button {
  width: auto;
  padding: 6px 30px;
  height: 48px;
  font-size: 1.6rem;
  text-transform: uppercase;
  line-height: normal;
}

html {
  font-size: 62.5%;
}

html,
body {
  height: 100%;
  min-width: 320px;
}

@media (max-width: 320px) {
  html,
  body {
    overflow-x: hidden;
  }
}

body {
  color: #777;
  font-size: 1.2rem;
  font-family: OpenSansLight;
  font-weight: normal;
  background-image: url("/static/img/fueled/BG-main.png");
  background-size: 75px 75px;
  background-repeat: repeat;
  background-position: 0% 0%;
  background-color: transparent;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  body {
    background-image: url("/static/img/fueled/BG-main@2x.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  body {
    background-image: url("/static/img/fueled/BG-main@2x.png");
  }
}

body.noscroll {
  overflow: hidden;
}

body.nobg,
body.landing-p {
  background: #fff;
}

body .preload_container {
  display: none;
}

main {
  min-height: 100%;
  margin-bottom: 160px;
}

main.short {
  min-height: 0;
}

main.research {
  margin-bottom: 0;
}

main.no-margin {
  min-height: 0;
  margin-bottom: 0;
}

main.track-preview {
  margin-bottom: 20px;
}

main.hp_following {
  margin-bottom: -30px;
}

* {
  outline: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

*:hover > [data-action=report] {
  opacity: 1;
}

*:hover > [data-action=delete] {
  opacity: 1;
}

ol,
ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

img {
  max-width: 100%;
  height: auto;
}

a,
a:visited {
  color: #ff7a00;
  cursor: pointer;
  text-decoration: none;
}

a.inactive,
a:visited.inactive {
  color: #FFC3A3;
}

a:hover {
  text-decoration: underline;
}

h1 {
  color: #372f2b;
  margin: 0;
  font-size: 2.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

h2 {
  color: #372f2b;
  margin: 0;
  font-size: 1.8rem;
  font-family: OpenSansRegular;
  font-weight: normal;
}

hr {
  height: 0;
  border: 0;
  border-top: 1px solid #d7d7d2;
}

input:not([type]),
input[type=text],
input[type=number],
input[type=password],
input[type=url],
input[type=email],
input[type=search],
input[type=tel],
textarea {
  padding: 4px;
  border: 1px solid #d7d7d2;
  border-radius: 3px;
  background-clip: padding-box;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: all 250ms;
  transition: all 250ms;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

input:not([type]):focus,
input[type=text]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=url]:focus,
input[type=email]:focus,
input[type=search]:focus,
input[type=tel]:focus,
textarea:focus {
  outline: 0;
  border: 1px solid rgba(82, 168, 236, 0.8);
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(82,168,236,0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(82,168,236,0.6);
}

input:not([type])::-ms-clear,
input[type=text]::-ms-clear,
input[type=number]::-ms-clear,
input[type=password]::-ms-clear,
input[type=url]::-ms-clear,
input[type=email]::-ms-clear,
input[type=search]::-ms-clear,
input[type=tel]::-ms-clear,
textarea::-ms-clear {
  display: none !important;
}

textarea {
  resize: none;
}

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

.aria-radio {
  background: #fff;
  display: inline-block;
  border: 1px solid #777;
  border-radius: 50%;
  background-clip: padding-box;
  width: 15px;
  height: 15px;
  -webkit-box-shadow: inset 0 0 0 2px #fff !important;
  box-shadow: inset 0 0 0 2px #fff !important;
}

.aria-radio.selected {
  background: #ff7a00;
}

/*
  NOTE: it is bad idea - to hide inputs and use labels as circled marks, so
  TODO:
    - detect all the "input[type=radio], input[type=checkbox]" etc. in the project
    - re-markup them with elements with [tabindex] [role=radio|checkbox] [name="groupName"] [value="selectedValue"] and [aria-labelledby] attributes and style like above
    - change javascript logic (i.e. see $H.views.CustomizeProfileModal, $H.views.ModeSelectionModal)
    - delete styles below
*/

input[type=checkbox].ios {
  display: none;
}

input[type=radio].circled {
  display: none;
}

input[type=radio].circled:checked + label {
  background: #ff7a00;
}

input[type=radio].circled:disabled + label {
  border: 1px solid #d7d7d2;
}

input[type=radio].circled.tiny + label {
  width: 15px;
  height: 15px;
  -webkit-box-shadow: inset 0 0 0 2px #fff;
  box-shadow: inset 0 0 0 2px #fff;
}

input[type=radio].circled + label {
  background: #fff;
  display: inline-block;
  border: 1px solid #777;
  border-radius: 50%;
  background-clip: padding-box;
  width: 32px;
  height: 32px;
  -webkit-box-shadow: inset 0 0 0 3px #fff;
  box-shadow: inset 0 0 0 3px #fff;
}

[contenteditable=true]:focus {
  outline: 0;
  border: 1px solid rgba(82, 168, 236, 0.8);
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(82,168,236,0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(82,168,236,0.6);
}

.grid-row {
  width: 1056px;
  margin: 30px auto 0;
  position: relative;
}

.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::after {
  display: block;
  clear: both;
  content: "";
}

.grid-row .grid-unit {
  width: 320px;
  display: inline;
  float: left;
  position: relative;
  margin-left: 32px/2;
  margin-right: 32px/2;
}

.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: 10px;
}

.grid-row .grid-unit.hidden {
  display: none;
}

.cell {
  background: #fff;
  margin-bottom: 10px;
  border: 1px solid #d7d7d2;
  border-radius: 5px;
  background-clip: padding-box;
}

.cell > footer {
  border-top: 1px solid #d7d7d2;
}

.cell > footer.view-more {
  line-height: 44px;
  text-align: center;
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  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;
}

.regular {
  font-family: OpenSansRegular;
}

.bold {
  font-family: OpenSansSemibold;
}

.semi-bold {
  font-family: OpenSansRegular;
}

.italic {
  font-family: OpenSansItalic;
}

.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;
}

.hidden {
  display: none !important;
}

.invisible {
  opacity: 0;
}

.relative {
  position: relative;
}

.no-mouse-events {
  pointer-events: none !important;
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

[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: 99999;
}

[class^='flash']:after {
  content: '+';
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  font-size: 24px;
  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;
}

[class^='flash'] span {
  color: #fff;
}

.flash-success {
  background: #61b832;
  border-color: #55a12c;
}

.flash-error {
  background: #de4343;
  border-color: #c43d3d;
}

.animation-paused {
  -webkit-transition: none !important;
  transition: none !important;
}

.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;
}

[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 #d7d7d2;
  border-radius: 3px;
  background-clip: padding-box;
  font-size: 1.1rem;
  font-family: OpenSansLight;
  font-weight: normal;
}

[data-tooltip]:hover:after {
  display: block;
}

[data-tooltip]:focus:after {
  display: block;
}

[data-dropmenu] {
  cursor: pointer;
  position: relative;
}

[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;
  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;
  position: relative;
}

[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 li:first-child a {
  font-size: 1.2rem;
  font-family: OpenSansBold;
  font-weight: normal;
}

[data-dropmenu] .submenu.partnerspaces {
  top: 0;
}

#userDropdownMenu {
  background: #fff;
  position: absolute;
  top: 80%;
  left: 75px;
  z-index: 999999;
  border: 1px solid #d7d7d2;
  border-radius: 5px;
  background-clip: padding-box;
}

#userDropdownMenu > li > a,
#userDropdownMenu > li > a:visited,
#userDropdownMenu > li > button {
  color: #777;
  font-size: 1.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  display: block;
  width: 100%;
  height: auto;
  background: none;
  border: 0;
  border-radius: 0;
  min-width: 110px;
  padding: 5px 15px;
  line-height: 20px;
  white-space: nowrap;
  text-align: left;
}

#userDropdownMenu > li > a:hover,
#userDropdownMenu > li > a:visited:hover,
#userDropdownMenu > li > button: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;
  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;
  position: relative;
}

.submenu.partnerspaces a:hover,
.submenu.partnerspaces a:visited:hover {
  color: #fff !important;
  background: #00aaea;
  text-decoration: none;
}

.submenu.partnerspaces a.partner_space,
.submenu.partnerspaces a:visited.partner_space {
  font-size: 1.2rem;
  font-family: OpenSansBold;
  font-weight: normal;
}

.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%;
}

img[class|=avatar] {
  color: #e1e6ea;
  display: inline-block;
  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[class|=avatar].expert {
  color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
}

img.avatar-24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
}

img.avatar-28 {
  width: 28px;
  height: 28px;
  min-width: 28px;
}

img.avatar-34 {
  width: 34px;
  height: 34px;
  min-width: 34px;
}

img.avatar-40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
}

img.avatar-45 {
  width: 45px;
  height: 45px;
  min-width: 45px;
}

img.avatar-50 {
  width: 50px;
  height: 50px;
  min-width: 50px;
}

img.avatar-58 {
  width: 58px;
  height: 58px;
  min-width: 58px;
}

img.avatar-70 {
  width: 70px;
  height: 70px;
  min-width: 70px;
}

img.avatar-87 {
  width: 87px;
  height: 87px;
  min-width: 87px;
}

img.avatar-135 {
  width: 135px;
  height: 135px;
  min-width: 135px;
}

img.avatar-150 {
  width: 150px;
  height: 150px;
  min-width: 150px;
}

img.avatar-156 {
  width: 156px;
  height: 156px;
  min-width: 156px;
}

img[class|=expert] {
  position: absolute;
}

img.expert-24 {
  width: 35px;
  height: 35px;
  top: 8px;
  left: 1px;
  max-width: 35px;
}

img.expert-34 {
  width: 47px;
  height: 47px;
  top: -4px;
  left: -50px;
  max-width: 47px;
}

img.expert-45 {
  width: 62px;
  height: 62px;
  top: -5px;
  left: 0;
  max-width: 62px;
}

img.expert-58 {
  width: 80px;
  height: 80px;
  top: -52px;
  left: -10px;
  max-width: 80px;
}

img.expert-87 {
  width: 122px;
  height: 122px;
  top: -10px;
  left: -16px;
  max-width: 122px;
}

img.expert-150 {
  width: 200px;
  height: 200px;
  top: -15px;
  left: -22px;
  max-width: 200px;
}

img.expert-156 {
  width: 216px;
  height: 216px;
  top: -17px;
  left: -5px;
  max-width: 216px;
}

.expert-avatar,
.coach-avatar {
  /* no fixed size */
  line-height: normal;
  background: url(/static/img/user/expert_ring_opt_96.png) no-repeat;
  background-size: 100% 100%;
  border-radius: 50%;
}

.expert-avatar > img,
.coach-avatar > img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.expert-avatar {
  padding: 2px;
  overflow: hidden;
}

.coach-avatar {
  position: relative;
  padding: 3px;
}

.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;
}

[class|=expert_ribbon] {
  background-image: url('/static/img/expert_ribbon.png');
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
}

.expert_ribbon-58 {
  width: 74px;
  height: 32px;
  background-position: 0 0;
  top: -8px;
  left: -11px;
}

.expert_ribbon-87 {
  width: 120px;
  height: 42px;
  background-position: 0 0;
  top: 60px;
  left: -17px;
}

.expert_ribbon-150 {
  width: 174px;
  height: 61px;
  background-position: 0 0;
  top: 105px;
  left: -12px;
}

.expert_ribbon-156 {
  width: 184px;
  height: 61px;
  background-position: 0 0;
  top: 115px;
  left: 8px;
}

a[data-action='unlike'] .heart {
  background-position: -275px -107px;
}

a[data-action].no-text:before {
  content: '';
}

a[data-action].no-text:after {
  content: '';
}

.comment .edit_comment {
  display: none;
  background-position: -17px -557px;
  position: absolute;
  cursor: pointer;
  top: 3px;
  left: 94%;
  width: 29px;
  height: 24px;
}

.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: OpenSansRegular;
  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;
}

.page_separator_line {
  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 */
}

[data-flyout] {
  position: relative;
}

[data-flyout]:hover .flyout {
  visibility: visible;
  opacity: 100;
}

.flyout {
  visibility: hidden;
  background: #fff;
  position: absolute;
  top: 100%;
  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;
  transition: opacity 150ms;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.flyout.open {
  visibility: visible;
  opacity: 1;
}

.flyout li {
  white-space: nowrap;
  line-height: 16px;
}

[data-action=report],
[data-action=delete] {
  color: #fff;
  width: 15px;
  height: 15px;
  line-height: 10px;
  text-align: center;
  position: absolute;
  right: 0;
  padding: 0;
  bottom: 0;
  opacity: 0;
  background: #d7d7d2;
  font-size: 1.1rem;
  font-family: OpenSansLight;
  font-weight: normal;
  border-radius: 50%;
  background-clip: padding-box;
}

[data-action=report]:hover,
[data-action=delete]:hover {
  color: #fff;
  text-decoration: none;
}

[data-action=report]:focus,
[data-action=delete]:focus {
  opacity: 1;
}

[data-action=report]:after,
[data-action=delete]:after {
  color: #ff7a00;
}

button.call_report[data-action=report] {
  opacity: 1;
}

#to_top {
  color: #372f2b;
  height: 46px;
  display: none;
  position: fixed;
  cursor: pointer;
  background: #fff;
  line-height: 60px;
  padding: 0 30px;
  bottom: 0;
  left: 50%;
  margin-left: -66px;
  border: 1px solid #d7d7d2;
  border-bottom: none;
  z-index: 999;
  font-size: 1.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  border-radius: 5px 5px 0 0;
  background-clip: padding-box;
}

[role=navigation] li a:focus {
  outline: 0;
}

#user-nav ul li a:focus,
#user-nav ol li a:focus {
  outline: 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;
}

.medal {
  display: inline-block;
  width: 94px;
  height: 115px;
}

.medal.small {
  width: 32px;
  height: 39px;
}

.medal.medium {
  width: 45px;
  height: 55px;
}

.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.silver-medal.medium {
  background: url('/static/img/medium_silver.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;
}

.medal.gold-medal.medium {
  background: url('/static/img/medium_gold.png') no-repeat transparent;
}

.clear {
  clear: both;
}

.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 .trigger.tumbler {
  border-radius: 29px;
  -webkit-transition: 400ms all ease-in-out 50ms;
  transition: 400ms all ease-in-out 50ms;
}

.tumbler-ios .trigger.tumbler::before,
.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);
}

.question {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(/static/img/stats/question_mark_1.png) no-repeat;
  background-size: 14px 14px;
  vertical-align: middle;
  cursor: pointer;
  margin-left: 10px;
  opacity: 0.5;
}

.question:hover {
  opacity: 1;
}

.question_tooltip {
  display: inline-block;
  position: relative;
  width: 1px;
  height: 15px;
  text-transform: none;
}

.question_tooltip .tooltip {
  background: #ffffff;
  border: solid 1px #ddd;
  display: none;
  position: absolute;
  top: -28px;
  left: 18px;
  min-width: 215px;
  padding: 15px 20px;
  text-align: left;
  border-radius: 4px;
  z-index: 99;
}

.question_tooltip .tooltip:not(.info)::after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  width: 25px;
  height: 25px;
  content: '';
  border-bottom: solid 1px #ddd;
  border-left: solid 1px #ddd;
  border-radius: 0 100% 0 0;
  left: -13.5px;
  top: 15px;
  background: #ffffff;
}

.question_tooltip .tooltip h3 {
  margin: 0 0 4px 0;
  color: #ff7a00;
  font-size: 1.5rem;
  font-family: OpenSansSemiBold;
  font-weight: normal;
}

.question_tooltip .tooltip p {
  font-size: 1.2rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  color: #777;
  margin: 0;
  line-height: 1.8;
  font-style: normal;
}

.question:hover + .question_tooltip .tooltip {
  display: block;
}

.question:focus + .question_tooltip .tooltip {
  display: block;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.comments-component .leave-comment-wrapper .comment-input-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 10px 0;
}

.comments-component .leave-comment-wrapper .comment-input-wrapper .user-avatar-wrapper {
  margin-right: 15px;
}

.comments-component .leave-comment-wrapper .comment-input-wrapper .comment-block {
  width: 100%;
}

.comments-component .leave-comment-wrapper .comment-input-wrapper .comment-block textarea {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  background: white;
  width: 100%;
  height: 70px;
  padding: 8px;
  border: 1px solid #d7d7d2;
}

.comments-component .leave-comment-wrapper .comment-input-wrapper .comment-block label {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  margin-bottom: 5px;
}

.comments-component .leave-comment-wrapper .buttons-wrapper {
  margin-top: 10px;
  text-align: right;
}

.comments-component .posted-comments-wrapper .posted-comment {
  border-bottom: 1px solid #d7d7d2;
  margin-bottom: 15px;
  padding: 10px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.comments-component .posted-comments-wrapper .posted-comment .user-avatar-wrapper {
  margin-right: 15px;
}

.comments-component .posted-comments-wrapper .posted-comment.editing .comment-body-wrapper .edit-button {
  display: none;
}

.comments-component .posted-comments-wrapper .posted-comment.editing .comment-body-wrapper .save-button {
  display: block;
}

.comments-component .posted-comments-wrapper .posted-comment.editing .text {
  resize: vertical;
}

.comments-component .posted-comments-wrapper .posted-comment .comment-body-wrapper {
  width: 100%;
  max-width: calc(100% - 66px);
  position: relative;
}

.comments-component .posted-comments-wrapper .posted-comment .comment-body-wrapper a {
  font-size: 1.4rem;
  font-family: OpenSansSemibold;
  font-weight: normal;
}

.comments-component .posted-comments-wrapper .posted-comment .comment-body-wrapper a:hover {
  text-decoration: underline;
}

.comments-component .posted-comments-wrapper .posted-comment .comment-body-wrapper .text {
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  min-height: 50px;
  margin-top: 8px;
  padding-right: 15px;
  word-wrap: break-word;
  border: 1px solid rgba(82, 168, 236, 0.8);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  width: 100%;
  display: block;
  color: #333333;
}

.comments-component .posted-comments-wrapper .posted-comment .comment-body-wrapper .text[disabled] {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: transparent;
  color: #333333;
}

.comments-component .posted-comments-wrapper .posted-comment .comment-body-wrapper .edit-button {
  position: absolute;
  top: 0;
  right: 5px;
  opacity: 0;
  -webkit-transition: opacity 150ms ease-in-out;
  transition: opacity 150ms ease-in-out;
}

.comments-component .posted-comments-wrapper .posted-comment .comment-body-wrapper .edit-button:focus {
  opacity: 1;
}

.comments-component .posted-comments-wrapper .posted-comment .comment-body-wrapper .save-button {
  display: none;
  margin: 10px 0 0 auto;
}

.comments-component .posted-comments-wrapper .posted-comment .comment-body-wrapper:hover .edit-button {
  opacity: 1;
}

.userpic-component {
  line-height: normal;
}

.userpic-component .userpic-avatar {
  position: relative;
  display: block;
  margin: 0 auto;
}

.userpic-component .userpic-avatar .userpic {
  border-radius: 50%;
  width: 100%;
  height: 100%;
  padding: 1px;
}

.userpic-component .userpic-avatar .circle {
  position: absolute;
  border: 3px solid;
  border-radius: 50%;
  width: 100%;
  height: 100%;
}

.userpic-component .userpic-avatar .ribbon {
  position: absolute;
  width: 110%;
  -webkit-transform: translateX(-5%);
  -ms-transform: translateX(-5%);
  transform: translateX(-5%);
  bottom: -10%;
  line-height: 0;
}

.userpic-component.guest .circle {
  border-color: #e1e6ea;
}

.userpic-component.member .circle {
  border-color: #f4d420;
}

.userpic-component.coach .circle {
  border: none;
}

.userpic-component.expert .circle {
  border: none;
}

.userpic-component.ribbon .userpic-avatar {
  margin-bottom: 8%;
}

.userpic-component.ribbon .ribbon svg.label {
  position: absolute;
  left: 0;
  top: 0;
}

#quiz-progressbar ul {
  margin: 0 auto;
  display: table;
}

#quiz-progressbar ul li {
  position: relative;
  background-image: url("/static/img/sprite-2.png");
  background-size: 1040px 1253px;
  background-repeat: no-repeat;
  background-position: -638px -729px;
  background-color: transparent;
  width: 42px;
  height: 20px;
  float: left;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #quiz-progressbar ul li {
    background-image: url("/static/img/sprite-2@2x.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #quiz-progressbar ul li {
    background-image: url("/static/img/sprite-2@2x.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #quiz-progressbar ul li {
    background-image: url("/static/img/sprite-2@2x.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #quiz-progressbar ul li {
    background-image: url("/static/img/sprite-2@2x.png");
  }
}

#quiz-progressbar ul li:first-child {
  background-position: -620px -729px;
  width: 17px;
}

#quiz-progressbar ul li:first-child .point {
  left: 0;
}

#quiz-progressbar ul li:last-child {
  background-position: -940px -729px;
  width: 43px;
}

#quiz-progressbar ul li .point {
  position: absolute;
  background-image: url("/static/img/sprite-2.png");
  background-size: 1040px 1253px;
  background-repeat: no-repeat;
  background-position: -642px -752px;
  background-color: transparent;
  width: 17px;
  height: 17px;
  left: 25px;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #quiz-progressbar ul li .point {
    background-image: url("/static/img/sprite-2@2x.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #quiz-progressbar ul li .point {
    background-image: url("/static/img/sprite-2@2x.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #quiz-progressbar ul li .point {
    background-image: url("/static/img/sprite-2@2x.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #quiz-progressbar ul li .point {
    background-image: url("/static/img/sprite-2@2x.png");
  }
}

#quiz-progressbar ul li .point.incorrect {
  background-position: -806px -752px;
}

#quiz-progressbar ul li .point.correct {
  background-position: -620px -752px;
}

#quiz-progressbar ul li .point-line {
  position: absolute;
  background-image: url("/static/img/sprite-2.png");
  background-size: 1040px 1253px;
  background-repeat: no-repeat;
  background-position: -716px -760px;
  background-color: transparent;
  width: 28px;
  height: 3px;
  top: 7px;
  left: -1px;
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #quiz-progressbar ul li .point-line {
    background-image: url("/static/img/sprite-2@2x.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #quiz-progressbar ul li .point-line {
    background-image: url("/static/img/sprite-2@2x.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #quiz-progressbar ul li .point-line {
    background-image: url("/static/img/sprite-2@2x.png");
  }
}

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  #quiz-progressbar ul li .point-line {
    background-image: url("/static/img/sprite-2@2x.png");
  }
}

.question-tooltip {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.question-tooltip .icon {
  opacity: 0.5;
  width: 18px;
  height: 18px;
  background: url(/static/img/stats/question_mark_1.png) no-repeat;
  background-size: 14px 14px;
  vertical-align: middle;
}

.question-tooltip .tip {
  -webkit-box-shadow: 0 0 15px rgba(50, 50, 50, 0.25);
  box-shadow: 0 0 15px rgba(50, 50, 50, 0.25);
  font-size: 1.4rem;
  font-family: OpenSansRegular;
  font-weight: normal;
  display: none;
  position: absolute;
  background: #fff;
  border-radius: 6px;
  background-clip: padding-box;
  padding: 24px;
  z-index: 9;
  border: 2px solid #e6e6e6;
  text-align: left;
  width: 266px;
  top: -28px;
  left: 24px;
  cursor: pointer;
}

.question-tooltip .tip:after {
  top: 30px;
  left: -36px;
  right: auto;
  margin-top: -16px;
  border-width: 19px;
  border-color: transparent rgba(0, 0, 0, 0.06) transparent transparent;
  border-style: solid;
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  z-index: 1;
}

.question-tooltip .tip:before {
  margin-left: -19px;
  z-index: 2;
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 17px;
  width: 0;
  height: 0;
  top: 30px;
  left: -13px;
  right: auto;
  margin-top: -15px;
  border-color: transparent #FFF transparent transparent;
}

.question-tooltip:hover .icon,
.question-tooltip:focus .icon {
  opacity: 1;
}

.question-tooltip:hover .tip,
.question-tooltip:focus .tip {
  display: block;
}

html[lang=es] .cell > footer.comment-like,
html[lang=pt] .cell > footer.comment-like {
  padding: 8px 4px 0;
}

.green-text {
  color: #81ba32;
}

.orange-text-bold {
  color: #ff7a00;
  font-weight: bold;
}

.rewards-items .rewards-item-calc-wrap {
  width: 60px;
}

.rewards-items .rewards-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  font-weight: bold;
  margin-bottom: 15px;
  min-height: 34px;
  padding-left: 40px;
}

.rewards-items .rewards-item .inner_item + .inner_item {
  margin-left: 15px;
}

.rewards-items .rewards-item-title {
  width: 80px;
  font-family: OpenSansSemiBold;
}

.rewards-items .rewards-item-calc {
  background-color: #ebebeb;
  padding: 2px 10px;
  border-radius: 15px;
}

.rewards-items .rewards-item.activity-duos {
  background: url("/static/img/icons/cash-rewards/activity_duo.svg") no-repeat;
  background-size: 35px;
  background-position-x: -2px;
  background-position-y: -5px;
}

.rewards-items .rewards-item.gold-medal {
  background: url("/static/img/icons/cash-rewards/gold_medal.svg") no-repeat;
  background-size: 40px;
  background-position-x: -8px;
  background-position-y: -6px;
}

.rewards-items .rewards-item.assessment {
  background: url("/static/img/icons/cash-rewards/assessment.svg") no-repeat;
  background-size: 30px;
  background-position-x: -2px;
  background-position-y: -3px;
}

.rewards-items .rewards-item.fulltrack {
  background: url("/static/img/icons/cash-rewards/track_completion.svg") no-repeat;
  background-size: 35px;
  background-position-x: -4px;
  background-position-y: -4px;
}

.rewards-items .rewards-item .balance-block.inner_item {
  font-family: OpenSansSemiBold;
  margin-left: auto;
}

.rewards-items .balance-block {
  padding: 2px 10px;
  height: auto;
}

.green-text {
  color: #81ba32;
  font-weight: bold;
}

.orange-text {
  color: #f25500;
  text-decoration: underline;
}

.w-100 {
  width: 100%;
}

input ~ * .wave-hidden-label-content {
  /* WAVE Accessibility validator requires that all the labels must contain text content */
  display: none;
}

.div-table {
  display: table;
  border-collapse: collapse;
  width: 100%;
  position: relative;
}

.div-table .tab-row {
  display: table-row;
}

.div-table .tab-row .tab-cell {
  display: table-cell;
  vertical-align: middle;
}
#current_kc .placeholder {
  color: #a6a6a6;
}

#current_kc .kc_main ul.kc_nav {
  padding: 0 0 15px;
  margin: 0;
  list-style: none;
  border-top: 1px solid #CDCDCD;
  text-align: center;
  box-sizing: content-box;
}

#current_kc .kc_main ul.kc_nav li {
  display: inline-block;
  vertical-align: top;
  height: 100%;
  margin-left: 35px;
  font-family: OpenSansSemibold;
  font-size: 16px;
  cursor: pointer;
  color: #ff7a00;
  border-radius: 0;
  padding-bottom: 3px;
}

#current_kc .kc_main ul.kc_nav li.compliment {
  width: 95px;
  margin-left: 0px;
}

#current_kc .kc_main ul.kc_nav li .image {
  margin: 0 auto;
  width: 100%;
  height: 65px;
}

#current_kc .kc_main ul.kc_nav li .image + span {
  margin-top: -15px;
  display: block;
}

#current_kc .kc_main ul.kc_nav li.compliment .image {
  background: url('/static/img/kindless_chain/icon-compliment-default.png') no-repeat transparent;
  background-position: center;
}

#current_kc .kc_main ul.kc_nav li.compliment:hover .image {
  background: url('/static/img/kindless_chain/icon-compliment-active.png') no-repeat transparent;
  background-position: center;
}

#current_kc .kc_main ul.kc_nav li.compliment.on .image {
  background: url('/static/img/kindless_chain/icon-compliment-active.png') no-repeat transparent;
  background-position: center;
}

#current_kc .kc_main ul.kc_nav li.design {
  width: 58px;
}

#current_kc .kc_main ul.kc_nav li.design .image {
  background: url('/static/img/kindless_chain/icon-design-default.png') no-repeat transparent;
  background-position: center;
}

#current_kc .kc_main ul.kc_nav li.design:hover .image {
  background: url('/static/img/kindless_chain/icon-design-active.png') no-repeat transparent;
  background-position: center;
}

#current_kc .kc_main ul.kc_nav li.design.on .image {
  background: url('/static/img/kindless_chain/icon-design-active.png') no-repeat transparent;
  background-position: center;
}

#current_kc .kc_main ul.kc_nav li.message {
  width: 70px;
}

#current_kc .kc_main ul.kc_nav li.message .image {
  background: url('/static/img/kindless_chain/icon-message-default.png') no-repeat transparent;
  background-position: center;
}

#current_kc .kc_main ul.kc_nav li.message:hover .image {
  background: url('/static/img/kindless_chain/icon-message-active.png') no-repeat transparent;
  background-position: center;
}

#current_kc .kc_main ul.kc_nav li.message.on .image {
  background: url('/static/img/kindless_chain/icon-message-active.png') no-repeat transparent;
  background-position: center;
}

#current_kc .kc_main ul.kc_nav li.send {
  width: 116px;
}

html[lang=de] #current_kc .kc_main ul.kc_nav li.send {
  width: 152px;
}

#current_kc .kc_main ul.kc_nav li.send .image {
  width: 60px;
  background: url('/static/img/kindless_chain/icon-send-default.png') no-repeat transparent;
  background-position: center;
}

#current_kc .kc_main ul.kc_nav li.send.on .image {
  background: url('/static/img/kindless_chain/icon-send-active.png') no-repeat transparent;
  background-position: center;
}

#current_kc .kc_main ul.kc_nav li.send:hover .image {
  background: url('/static/img/kindless_chain/icon-send-active.png') no-repeat transparent;
  background-position: center;
}

#current_kc .kc_main ul.kc_nav li.on {
  border-bottom: 3px solid #ff7a00;
}

#current_kc .kc_main .kc_screen {
  position: relative;
}

#current_kc .kc_main .kc_screen .screen {
  position: relative;
  background-color: #fff;
}

#current_kc .kc_main .kc_screen .screen.sliding {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 998;
}

#current_kc .kc_main .kc_screen .screen.sliding.top {
  z-index: 999;
}

#current_kc .kc_main .kc_screen .welcome_screen .col .button_kc {
  -moz-user-select: none;
  border: medium none;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  font-family: OpenSansSemibold;
  outline: medium none;
  padding: 0 10px;
  position: relative;
  text-decoration: none;
  font-size: 16px;
  height: 60px;
  line-height: 60px;
  width: 220px;
  text-transform: uppercase;
  background: none repeat scroll 0 0 #ff7a00;
  background-clip: padding-box;
  box-shadow: 0 2px 0 #b35500;
  text-align: center;
  margin: 15px auto 35px;
  display: block;
  box-sizing: content-box;
  transition: all 0.5s ease-in-out;
}

#current_kc .kc_main .kc_screen .welcome_screen .col .button_kc.kc_loading {
  cursor: default;
  height: 67px;
  line-height: 67px;
  margin: 23px auto 38px;
}

#current_kc .kc_main .kc_screen .welcome_screen .col .button_kc.kc_loading .kc_progress_bar {
  height: 7px;
  width: 240px;
  border-bottom-left-radius: 5px;
}

#current_kc .kc_main .kc_screen .welcome_screen .col .button_kc.kc_loading .kc_progress_bar.empty {
  background: none repeat scroll 0 0 #d1732d;
  border-bottom-right-radius: 5px;
  bottom: 4px;
  left: -10px;
  position: relative;
}

#current_kc .kc_main .kc_screen .welcome_screen .col .button_kc.kc_loading .kc_progress_bar.filled {
  background: none repeat scroll 0 0 #a4551a;
  position: absolute;
  top: 0;
  left: 0;
}

#current_kc .kc_main .kc_screen .screen .container-old {
  margin-bottom: 12px;
}

#current_kc .kc_main .kc_screen .screen .main_image {
  height: 425px;
  width: 425px;
  text-align: center;
  margin: 0 auto;
  position: relative;
}

#current_kc .kc_main .kc_screen .compliment_screen.screen .main_image {
  margin: 0 auto 12px;
}

#current_kc .kc_main .kc_screen .screen .main_image .flip,
#current_kc .kc_main .kc_screen .screen .message_template .back_flip {
  width: 91px;
  height: 91px;
  position: absolute;
  bottom: 0;
  right: 0;
  cursor: pointer;
  transition: opacity 0.5s ease-in-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 100;
}

#current_kc .kc_main .kc_screen .screen .main_image .flip img,
#current_kc .kc_main .kc_screen .screen .message_template .back_flip img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

#current_kc .kc_main .kc_screen .screen .message_template .back_flip {
  left: 0;
}

#current_kc .kc_main .kc_screen .screen .main_image img {
  max-height: 100%;
  width: auto;
  position: absolute;
  left: 0;
  opacity: 1;
  transition: opacity 0.7s ease-in-out;
  z-index: 2;
}

#current_kc .kc_main .kc_screen .screen .message_template .top {
  opacity: 1;
  z-index: 10;
  transition: opacity 0.7s ease-in-out;
}

#current_kc .kc_main .kc_screen .screen .message_template .bottom {
  opacity: 1;
  z-index: 0;
  transition: opacity 0.7s ease-in-out;
}

#current_kc .kc_main .kc_screen .screen .message_template.changing .top {
  opacity: 0;
}

#current_kc .kc_main .kc_screen .screen .message_template.changing .bottom {
  opacity: 0;
}

#current_kc .kc_main .kc_screen .screen .main_image img.top {
  z-index: 10;
}

#current_kc .kc_main .kc_screen .screen .main_image.changing img.top {
  opacity: 0;
}

#current_kc .kc_main .kc_screen .message_screen {
  text-align: center;
}

#current_kc .kc_main .kc_screen .screen .main_image.message_design {
  width: 425px;
  display: inline-block;
  vertical-align: top;
}

#current_kc .kc_main .kc_screen .screen .message_template {
  height: 425px;
  width: 425px;
  display: inline-block;
  vertical-align: top;
  background-size: cover;
}

#current_kc .kc_main .kc_screen .screen .message_template.d0,
#current_kc .kc_main .kc_screen .screen .message_template.d5 {
  border: 1px solid #CDCDCD;
}

#current_kc .kc_main .kc_screen .screen .message_template .template_container {
  width: 100%;
  height: 100%;
  background: #fff;
}

#current_kc .kc_main .kc_screen .screen .selector_container {
  border-top: 1px solid #CDCDCD;
  position: relative;
  background-color: #fff;
}

#current_kc .kc_main .kc_screen .screen .selector_container.slider {
  position: absolute;
  left: 0;
  right: 0;
}

#current_kc .kc_main .kc_screen .screen .selector_container .arrow {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 60px;
  cursor: pointer;
  z-index: 9;
}

#current_kc .kc_main .kc_screen .screen .selector_container .arrow.left {
  left: 117px;
  background: url('/static/img/kindless_chain/slider_back.png') no-repeat transparent;
  background-position: center;
}

#current_kc .kc_main .kc_screen .screen .selector_container .arrow.right {
  right: 117px;
  background: url('/static/img/kindless_chain/slider_next_grey.png') no-repeat transparent;
  background-position: center;
}

#current_kc .kc_main .kc_screen .screen .selector_container .container-old {
  overflow: hidden;
  margin: 0 auto;
  max-width: 670px;
  height: 100px;
}

#current_kc .kc_main .kc_screen .screen .selector_container .container-old .feed {
  margin: 0 auto;
  transition: margin 200ms ease-in-out;
}

#current_kc .kc_main .kc_screen .screen .selector_container .container-old .feed.noslider {
  margin: 0 auto -1px;
}

#current_kc .kc_main .kc_screen .screen .selector_container .container-old .feed.noslider .item {
  float: none;
  display: inline-block;
  vertical-align: top;
}

#current_kc .kc_main .kc_screen .screen .selector_container .container-old .feed .item {
  width: 87px;
  margin: 4px;
  float: left;
  cursor: pointer;
  font-family: OpenSansRegular;
  font-size: 18px;
  text-align: center;
}

#current_kc .kc_main .kc_screen .screen .selector_container .container-old .feed .item.selected {
  box-sizing: content-box;
}

#current_kc .kc_main .kc_screen .screen .selector_container .container-old .feed .item.no_message span {
  margin: 0 5px;
}

#current_kc .kc_main .kc_screen .screen .selector_container .container-old .feed .item.use_template,
#current_kc .kc_main .kc_screen .screen .selector_container .container-old .feed .item.no_template,
#current_kc .kc_main .kc_screen .screen .selector_container .container-old .feed .item.no_message {
  width: 102px;
  margin: 11px 0 0 0;
  box-sizing: content-box;
  line-height: 75px;
  position: relative;
}

#current_kc .kc_main .kc_screen .screen .selector_container .container-old .feed .item.use_template,
#current_kc .kc_main .kc_screen .screen .selector_container .container-old .feed .item.no_template {
  margin-left: -1px;
}

#current_kc .kc_main .kc_screen .screen .selector_container .container-old .feed .item.use_template .item_selector,
#current_kc .kc_main .kc_screen .screen .selector_container .container-old .feed .item.no_template .item_selector {
  border-left: none;
}

#current_kc .kc_main .kc_screen .screen .selector_container .container-old .feed .item.no_template.selected .item_selector {
  border-left: 2px solid #ff7a00;
}

#current_kc .kc_main .kc_screen .screen .selector_container .container-old .feed .item.no_message .item_selector,
#current_kc .kc_main .kc_screen .screen .selector_container .container-old .feed .item.use_template .item_selector,
#current_kc .kc_main .kc_screen .screen .selector_container .container-old .feed .item.no_template .item_selector {
  background: transparent;
  width: 100%;
  height: 100%;
  border: 1px solid #dadad5;
  position: absolute;
  top: 0;
  left: 0;
}

#current_kc .kc_main .kc_screen .screen .selector_container .container-old .feed .item.no_message span,
#current_kc .kc_main .kc_screen .screen .selector_container .container-old .feed .item.use_template span,
#current_kc .kc_main .kc_screen .screen .selector_container .container-old .feed .item.no_template span {
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
  margin-top: 2px;
}

#current_kc .kc_main .kc_screen .screen .selector_container .container-old .feed .item.no_message.selected .item_selector,
#current_kc .kc_main .kc_screen .screen .selector_container .container-old .feed .item.use_template.selected .item_selector,
#current_kc .kc_main .kc_screen .screen .selector_container .container-old .feed .item.no_template.selected .item_selector {
  border: 2px solid #ff7a00;
  z-index: 9;
}

#current_kc .kc_main .kc_screen .screen .message_template .compliment_template {
  position: absolute;
  left: 0;
  right: 0;
  transition: opacity 0.7s ease-in-out;
}

#current_kc .kc_main .kc_screen .screen .container-old .message_template textarea.freestyle {
  position: absolute;
  left: 40px;
  transition: opacity 0.7s ease-in-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

#current_kc .kc_main .kc_screen .screen .message_template textarea.freestyle {
  width: 350px;
  height: 288px;
  margin-top: 88px;
  resize: none;
  border: none;
  font-size: 18px;
  text-align: center;
  background: rgba(255, 0, 0, 0);
  background-image: linear-gradient(rgba(255, 0, 0, 0) 25px, #ccc 25px, #ccc 25px, rgba(255, 0, 0, 0) 26px);
  background-size: 100% 26px;
  background-repeat: repeat-y;
  line-height: 26px;
  outline: none;
  box-shadow: none;
  color: inherit;
  font-family: inherit;
  overflow: hidden;
}

#current_kc .kc_main .kc_screen .screen .message_template .compliment_template {
  height: 288px;
  margin: 70px auto 0;
  background: transparent;
  border: none;
  font-size: 16px;
  line-height: 22px;
  text-align: left;
  width: 100%;
  padding: 0 25px;
}

#current_kc .kc_main .kc_screen .screen .message_template .compliment_template span.no-margin-left {
  margin-left: 0;
}

#current_kc .kc_main .kc_screen .screen .message_template .compliment_template span:nth-child(2) {
  margin-left: 0;
}

#current_kc .kc_main .kc_screen .screen .message_template .compliment_template .input_field {
  border: none;
  text-decoration: underline;
  text-underline-offset: 2px;
  background: transparent;
  outline: none;
  height: 22px;
  text-align: center;
  max-width: 100%;
  box-shadow: none;
  margin: 0;
}

/*#current_kc .kc_main .kc_screen .screen .message_template .compliment_template .input_field:not([contenteditable]) {
    border: 0;
}*/

#current_kc .kc_main .kc_screen .screen .message_template .compliment_template .input_field.placeholder.preview {
  color: rgba(0, 0, 0, 0);
}

#current_kc .kc_main .kc_screen .screen .message_template .compliment_template .centered {
  margin: 5px auto;
  display: inline-block;
  width: 100%;
  position: relative;
}

#current_kc .kc_main .kc_screen .screen .message_template .compliment_template .input_field.comma:after {
  content: ",";
}

#current_kc .kc_main .kc_screen .screen .message_template .compliment_template .input_field.compliment_lp_text.comma:after {
  content: ",";
  position: relative;
  right: -1px;
}

#current_kc .kc_main .kc_screen .screen .selector_container .container-old .feed .item img {
  width: 100%;
  display: block;
}

#current_kc .kc_main .kc_screen .screen .selector_container .container-old .feed .item .selection img {
  transition: border 0.4s linear;
  border: 2px solid transparent;
}

#current_kc .kc_main .kc_screen .screen .selector_container .container-old .feed .item.selected .selection img {
  border: 2px solid #ff7a00;
}

#current_kc .kc_main .kc_screen .screen .selector_container .col {
  display: inline-block;
  vertical-align: top;
  position: relative;
  padding-left: 0;
  padding-right: 0;
}

#current_kc .kc_main .kc_screen .screen .selector_container .left {
  padding: 0 20px 0 0;
  width: 50%;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-end;
}

#current_kc .kc_main .kc_screen .screen .selector_container .right {
  text-align: center;
  width: 30%;
  text-align: left;
}

#current_kc .kc_main .kc_screen .screen .selector_container form span {
  font-family: 'OpenSansRegular';
  font-size: 14px;
  position: relative;
  line-height: 20px;
  text-align: right;
  align-self: flex-start;
  margin-top: 2px;
}

#current_kc .kc_main .kc_screen .screen .selector_container form .form_inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

#current_kc .kc_main .kc_screen .screen .selector_container form .form_inner .fields_wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  margin-bottom: 10px;
}

#current_kc .kc_main .kc_screen .screen .selector_container form .form_inner .fields_wrapper.half {
  width: auto;
}

#current_kc .kc_main .kc_screen .screen .selector_container form .form_inner .fields_wrapper.half:nth-child(1) {
  margin-right: 5px;
}

#current_kc .kc_main .kc_screen .screen .selector_container form .left label {
  opacity: 0;
  z-index: -1;
  position: absolute;
}

#current_kc .kc_main .kc_screen .screen .selector_container form input:not([type=checkbox]) {
  width: 100%;
  padding: 4px;
  height: 30px;
  font-family: OpenSansRegular;
  font-size: 14px;
  border-radius: 3px;
  border: 1px solid #d7d7d2;
  outline: none;
}

#current_kc .kc_main .kc_screen .screen .selector_container form .form_inner .fields_wrapper .input_wrapper {
  width: 380px;
  margin: 0 0 0 5px;
}

#current_kc .kc_main .kc_screen .screen .selector_container form .form_inner .fields_wrapper.half .input_wrapper {
  width: 185px;
}

#current_kc .kc_main .kc_screen .screen .selector_container form .error-container {
  font-size: 11px;
  color: red;
  font-family: 'OpenSansRegular';
  visibility: visible;
  display: block;
  width: 100%;
}

#current_kc .kc_main .kc_screen .screen .selector_container form .error-container.hidden {
  visibility: hidden;
  display: none;
}

#current_kc .kc_main .kc_screen .screen .selector_container form .button_kc.facebook {
  width: 25px;
  height: 25px;
  background: url('/static/img/kindless_chain/icon-facebook.png') no-repeat transparent;
  position: absolute;
  bottom: 8px;
  right: 45px;
  cursor: pointer;
  display: none;
}

#current_kc .kc_main .kc_screen .screen .selector_container form .checkbox {
  width: 24px;
  height: 24px;
  background: url('/static/img/kindless_chain/checkbox-default.png') no-repeat transparent;
  background-size: cover;
  display: inline-block;
  cursor: pointer;
}

#current_kc .kc_main .kc_screen .screen .selector_container form input:checked + label {
  background: url('/static/img/kindless_chain/checkbox-active.png') no-repeat transparent;
  background-size: cover;
}

#current_kc > div.kc_main > div > div > div.selector_container > form > div.right > div.options {
  position: relative;
}

#current_kc > div.kc_main > div > div > div.selector_container > form div.options > div.tip-container {
  width: 15px;
  height: 15px;
  line-height: 15px;
  display: inline-block;
  cursor: pointer;
  position: relative;
  text-align: center;
  top: -3px;
  left: 10px;
  background: url('/static/img/stats/question_mark_2.png') no-repeat transparent;
  background-size: 14px 14px;
  z-index: 999;
}

#current_kc > div.kc_main > div > div > div.selector_container > form div.options > div.tip-container:hover {
  background: url('/static/img/stats/question_mark_1.png') no-repeat transparent;
  background-size: 14px 14px;
}

#current_kc > div.kc_main > div > div > div.selector_container > form div.right div.options > div.tip-container .tip {
  display: none;
  position: absolute;
  background: #fff;
  padding: 20px 15px;
  z-index: 9;
  box-shadow: 0 0 15px rgba(50, 50, 50, 0.25);
  border-radius: 6px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  border: 2px solid #e6e6e6;
  text-align: left;
  width: 245px;
  top: -26px;
  left: 30px;
  cursor: default;
}

#current_kc > div.kc_main > div > div > div.selector_container > form div.right div.options > div.tip-container .tip:after {
  top: 30px;
  left: -32px;
  right: auto;
  margin-top: -16px;
  border-width: 17px;
  border-color: transparent rgba(0, 0, 0, 0.06) transparent transparent;
  border-style: solid;
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  z-index: 1;
}

#current_kc > div.kc_main > div > div > div.selector_container > form div.right div.options > div.tip-container .tip:before {
  margin-left: -15px;
  z-index: 2;
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 15px;
  width: 0;
  height: 0;
  top: 30px;
  left: -13px;
  right: auto;
  margin-top: -15px;
  border-color: transparent #FFF transparent transparent;
}

#current_kc > div.kc_main > div > div > div.selector_container > form div.right div.options > div.tip-container .tip h3 {
  color: #ff7a00;
  font-size: 15px;
  font-family: OpenSansRegular;
  font-weight: bold;
  margin: 0 0 7px;
}

#current_kc > div.kc_main > div > div > div.selector_container > form div.right div.options > div.tip-container .tip span {
  font-size: 12px;
  font-family: OpenSansRegular;
  color: #777774;
  line-height: 1.8;
}

#current_kc > div.kc_main > div > div > div.selector_container > form div.right div.options > div.tip-container:hover .tip {
  display: block;
}

#current_kc > div.kc_main > div > div > div.selector_container > form div.right div.options > div.tip-container:focus .tip {
  display: block;
}

#current_kc > div.kc_main > div > div > div.selector_container > form div.right div.options > input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

#current_kc .kc_main .kc_screen .screen .selector_container .right .options span {
  vertical-align: top;
  position: relative;
  top: 4px;
  left: 5px;
}

#current_kc .kc_main .kc_screen .screen .selector_container form .button_kc.send {
  -moz-user-select: none;
  border: medium none;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  font-family: OpenSansSemibold;
  margin: 0 0 5px;
  outline: medium none;
  padding: 0 10px;
  position: relative;
  text-decoration: none;
  font-size: 16px;
  height: 50px;
  line-height: 50px;
  width: 184px;
  text-transform: uppercase;
  background: none repeat scroll 0 0 #ff7a00;
  background-clip: padding-box;
  box-shadow: 0 2px 0 #b35500;
  text-align: center;
  left: 3px;
}

#current_kc .kc_main .kc_screen .send_screen .container-old,
#current_kc .kc_main .kc_screen .design_screen .container-old {
  text-align: center;
}

#current_kc .kc_main .kc_screen .send_screen .container-old .message_template,
#current_kc .kc_main .kc_screen .design_screen .container-old .message_template {
  word-wrap: break-word;
}

#current_kc .kc_main .kc_screen .send_screen .container-old .message_template p,
#current_kc .kc_main .kc_screen .design_screen .container-old .message_template p {
  width: 345px;
  height: 288px;
  margin: 88px auto 0;
  background: transparent;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  display: block;
  white-space: pre-wrap;
}

#current_kc .kc_main .kc_screen .send_screen .container-old .message_template p .input,
#current_kc .kc_main .kc_screen .design_screen .container-old .message_template p .input {
  margin: 0 5px;
  border-bottom: 1px solid #D5D3CC;
  padding: 0 10px;
  text-align: center;
  line-height: 22px;
  min-height: 22px;
  display: inline-block;
}

#current_kc .kc_main .kc_screen .send_screen .container-old .message_template p .input.centered,
#current_kc .kc_main .kc_screen .design_screen .container-old .message_template p .input.centered {
  display: block;
  margin: 5px auto;
}

#current_kc .kc_main .kc_screen .message_template.d0 {
  font-family: 'OpenSansSemibold';
}

#current_kc .kc_main .kc_screen .message_template.d1 {
  font-family: 'AvenirLTStd-Medium';
}

#current_kc .kc_main .kc_screen .message_template.d2 {
  font-family: 'GillSansInfantStd';
}

#current_kc .kc_main .kc_screen .message_template.d3 {
  font-family: 'AvantGardeGothicITCW02Bk';
}

#current_kc .kc_main .kc_screen .message_template.d4 {
  font-family: 'PalatinoLT-Roman';
}

#current_kc .kc_main .kc_screen .message_template.d5 {
  font-family: 'AvantGardeGothicITCW02Bk';
}

#current_kc .kc_main .kc_screen .message_template.laugh.d0,
#current_kc .kc_main .kc_screen .screen .message_template.laugh.d0 .compliment_template .input_field.comma:after {
  color: #5FC2D9;
}

#current_kc .kc_main .kc_screen .message_template.laugh.d1,
#current_kc .kc_main .kc_screen .screen .message_template.laugh.d1 .compliment_template .input_field.comma:after {
  color: #AD00A9;
}

#current_kc .kc_main .kc_screen .message_template.laugh.d2,
#current_kc .kc_main .kc_screen .screen .message_template.laugh.d2 .compliment_template .input_field.comma:after {
  color: #044791;
}

#current_kc .kc_main .kc_screen .message_template.laugh.d3,
#current_kc .kc_main .kc_screen .screen .message_template.laugh.d3 .compliment_template .input_field.comma:after {
  color: #045457;
}

#current_kc .kc_main .kc_screen .message_template.laugh.d4,
#current_kc .kc_main .kc_screen .screen .message_template.laugh.d4 .compliment_template .input_field.comma:after {
  color: #FD7DA1;
}

#current_kc .kc_main .kc_screen .message_template.laugh.d5,
#current_kc .kc_main .kc_screen .screen .message_template.laugh.d5 .compliment_template .input_field.comma:after {
  color: #FFDA66;
}

#current_kc .kc_main .kc_screen .message_template.inspire.d0,
#current_kc .kc_main .kc_screen .screen .message_template.inspire.d0 .compliment_template .input_field.comma:after {
  color: #F25200;
}

#current_kc .kc_main .kc_screen .message_template.inspire.d1,
#current_kc .kc_main .kc_screen .screen .message_template.inspire.d1 .compliment_template .input_field.comma:after {
  color: #E34DB2;
}

#current_kc .kc_main .kc_screen .message_template.inspire.d2,
#current_kc .kc_main .kc_screen .screen .message_template.inspire.d2 .compliment_template .input_field.comma:after {
  color: #006211;
}

#current_kc .kc_main .kc_screen .message_template.inspire.d3,
#current_kc .kc_main .kc_screen .screen .message_template.inspire.d3 .compliment_template .input_field.comma:after {
  color: #323751;
}

#current_kc .kc_main .kc_screen .message_template.inspire.d4,
#current_kc .kc_main .kc_screen .screen .message_template.inspire.d4 .compliment_template .input_field.comma:after {
  color: #294A90;
}

#current_kc .kc_main .kc_screen .message_template.inspire.d5,
#current_kc .kc_main .kc_screen .screen .message_template.inspire.d5 .compliment_template .input_field.comma:after {
  color: #36740A;
}

#current_kc .kc_main .kc_screen .message_template.beautiful.d0,
#current_kc .kc_main .kc_screen .screen .message_template.beautiful.d0 .compliment_template .input_field.comma:after {
  color: #AD00A9;
}

#current_kc .kc_main .kc_screen .message_template.beautiful.d1,
#current_kc .kc_main .kc_screen .screen .message_template.beautiful.d1 .compliment_template .input_field.comma:after {
  color: #FF5400;
}

#current_kc .kc_main .kc_screen .message_template.beautiful.d2,
#current_kc .kc_main .kc_screen .screen .message_template.beautiful.d2 .compliment_template .input_field.comma:after {
  color: #046BFF;
}

#current_kc .kc_main .kc_screen .message_template.beautiful.d3,
#current_kc .kc_main .kc_screen .screen .message_template.beautiful.d3 .compliment_template .input_field.comma:after {
  color: #4E6BA5;
}

#current_kc .kc_main .kc_screen .message_template.beautiful.d4,
#current_kc .kc_main .kc_screen .screen .message_template.beautiful.d4 .compliment_template .input_field.comma:after {
  color: #2F6F04;
}

#current_kc .kc_main .kc_screen .message_template.beautiful.d5,
#current_kc .kc_main .kc_screen .screen .message_template.beautiful.d5 .compliment_template .input_field.comma:after {
  color: #E47D74;
}

#current_kc .kc_main .kc_screen .message_template.thoughtful.d0,
#current_kc .kc_main .kc_screen .screen .message_template.thoughtful.d0 .compliment_template .input_field.comma:after {
  color: #FFCF00;
}

#current_kc .kc_main .kc_screen .message_template.thoughtful.d1,
#current_kc .kc_main .kc_screen .screen .message_template.thoughtful.d1 .compliment_template .input_field.comma:after {
  color: #AD002E;
}

#current_kc .kc_main .kc_screen .message_template.thoughtful.d2,
#current_kc .kc_main .kc_screen .screen .message_template.thoughtful.d2 .compliment_template .input_field.comma:after {
  color: #1B485D;
}

#current_kc .kc_main .kc_screen .message_template.thoughtful.d3,
#current_kc .kc_main .kc_screen .screen .message_template.thoughtful.d3 .compliment_template .input_field.comma:after {
  color: #006083;
}

#current_kc .kc_main .kc_screen .message_template.thoughtful.d4,
#current_kc .kc_main .kc_screen .screen .message_template.thoughtful.d4 .compliment_template .input_field.comma:after {
  color: #487A7A;
}

#current_kc .kc_main .kc_screen .message_template.thoughtful.d5,
#current_kc .kc_main .kc_screen .screen .message_template.thoughtful.d5 .compliment_template .input_field.comma:after {
  color: #B0B834;
}

#current_kc .kc_main .kc_screen .message_template.important.d0,
#current_kc .kc_main .kc_screen .screen .message_template.important.d0 .compliment_template .input_field.comma:after {
  color: #FF0000;
}

#current_kc .kc_main .kc_screen .message_template.important.d1,
#current_kc .kc_main .kc_screen .screen .message_template.important.d1 .compliment_template .input_field.comma:after {
  color: #046BFF;
}

#current_kc .kc_main .kc_screen .message_template.important.d2,
#current_kc .kc_main .kc_screen .screen .message_template.important.d2 .compliment_template .input_field.comma:after {
  color: #41189E;
}

#current_kc .kc_main .kc_screen .message_template.important.d3,
#current_kc .kc_main .kc_screen .screen .message_template.important.d3 .compliment_template .input_field.comma:after {
  color: #006D8C;
}

#current_kc .kc_main .kc_screen .message_template.important.d4,
#current_kc .kc_main .kc_screen .screen .message_template.important.d4 .compliment_template .input_field.comma:after {
  color: #8C141E;
}

#current_kc .kc_main .kc_screen .message_template.important.d5,
#current_kc .kc_main .kc_screen .screen .message_template.important.d5 .compliment_template .input_field.comma:after {
  color: #F2811D;
}

#current_kc .kc_main .kc_screen .message_template.friend.d0,
#current_kc .kc_main .kc_screen .screen .message_template.friend.d0 .compliment_template .input_field.comma:after {
  color: #1DA152;
}

#current_kc .kc_main .kc_screen .message_template.friend.d1,
#current_kc .kc_main .kc_screen .screen .message_template.friend.d1 .compliment_template .input_field.comma:after {
  color: #1DA152;
}

#current_kc .kc_main .kc_screen .message_template.friend.d2,
#current_kc .kc_main .kc_screen .screen .message_template.friend.d2 .compliment_template .input_field.comma:after {
  color: #044791;
}

#current_kc .kc_main .kc_screen .message_template.friend.d3,
#current_kc .kc_main .kc_screen .screen .message_template.friend.d3 .compliment_template .input_field.comma:after {
  color: #01585C;
}

#current_kc .kc_main .kc_screen .message_template.friend.d4,
#current_kc .kc_main .kc_screen .screen .message_template.friend.d4 .compliment_template .input_field.comma:after {
  color: #F28F6B;
}

#current_kc .kc_main .kc_screen .message_template.friend.d5,
#current_kc .kc_main .kc_screen .screen .message_template.friend.d5 .compliment_template .input_field.comma:after {
  color: #5571A9;
}

#current_kc .kc_main .kc_screen .message_template.talented.d0,
#current_kc .kc_main .kc_screen .screen .message_template.talented.d0 .compliment_template .input_field.comma:after {
  color: #F249B7;
}

#current_kc .kc_main .kc_screen .message_template.talented.d1,
#current_kc .kc_main .kc_screen .screen .message_template.talented.d1 .compliment_template .input_field.comma:after {
  color: #0093FF;
}

#current_kc .kc_main .kc_screen .message_template.talented.d2,
#current_kc .kc_main .kc_screen .screen .message_template.talented.d2 .compliment_template .input_field.comma:after {
  color: #003686;
}

#current_kc .kc_main .kc_screen .message_template.talented.d3,
#current_kc .kc_main .kc_screen .screen .message_template.talented.d3 .compliment_template .input_field.comma:after {
  color: #4695AB;
}

#current_kc .kc_main .kc_screen .message_template.talented.d4,
#current_kc .kc_main .kc_screen .screen .message_template.talented.d4 .compliment_template .input_field.comma:after {
  color: #D95144;
}

#current_kc .kc_main .kc_screen .message_template.talented.d5,
#current_kc .kc_main .kc_screen .screen .message_template.talented.d5 .compliment_template .input_field.comma:after {
  color: #599EFF;
}

.kc-modal-header {
  height: 60px;
  border-radius: 10px 10px 0 0;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zd…AiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=);
  background-image: linear-gradient(to bottom, #07df0b, #058f07);
}

.kc-modal-header .give {
  display: inline-block;
  width: 40px;
  height: 45px;
  background: url('/static/img/kindless_chain/give.png') no-repeat transparent;
  margin: 3px 10px 0 30px;
  position: relative;
  top: 7px;
}

.kc-modal-header span {
  font-size: 22px;
  font-family: 'OpenSansBold';
  color: #fbfbfb;
  vertical-align: top;
  line-height: 60px;
}

.kc-modal-header span.ellen {
  width: 78px;
  height: 40px;
  background: url("/static/img/kindless_chain/ellen.png") no-repeat transparent;
  display: none;
  margin-top: 10px;
}

.flip-container {
  perspective: 1400px;
  transform-style: preserve-3d;
  position: relative;
  width: 425px;
  height: 425px;
  margin: 0 auto 12px;
  z-index: 999;
}

.flip-container .front {
  float: none;
  position: absolute;
  top: 0;
  left: 0;
  transform: rotatex(0deg) rotatey(0deg);
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: transform 0.5s cubic-bezier(0, 0, 0.75, 0.75);
}

.flip-container .back {
  float: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 800;
  transform: rotatex(0deg) rotatey(-179deg);
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: transform 0.5s cubic-bezier(0, 0, 0.75, 0.75);
}

#current_kc .kc_main .kc_screen .message_screen .container-old {
  width: 425px;
  height: 425px;
  position: relative;
  margin: 0 auto 12px;
}

#current_kc .kc_main .kc_screen .screen .container-old .back {
  float: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 800;
  width: 100%;
  height: 100%;
}

.flip-container.reversed .back {
  transform: rotatex(0deg) rotatey(179deg);
}

.flip-container.flip .front {
  z-index: 900;
  transform: rotatex(0deg) rotatey(180deg);
}

.flip-container.flip.reversed .front {
  transform: rotatex(0deg) rotatey(-180deg);
}

.flip-container.flip .back {
  z-index: 1000;
  transform: rotatex(0deg) rotatey(0deg);
}

#current_kc .kc_main .kc_screen .design_screen .container-old .message_template.template_text p {
  text-align: left;
  width: 354px;
}

#current_kc .kc_main .kc_screen .container-old.no_flip .message_template .back_flip,
#current_kc .kc_main .kc_screen .container-old.no_flip .message_template .flip {
  display: none;
}

#kindless_chain_modal.s640 {
  width: 642px;
}

.s640 #current_kc .kc_main .kc_screen .screen .container-old .message_template textarea.freestyle {
  left: 18px;
}

.s640 #current_kc > div.kc_main > div > div > div.selector_container > form div.right div.options > div.tip-container {
  top: -3px;
}

.s640 #current_kc .kc_main .kc_screen .welcome_screen .games_intro_title {
  font-size: 30px;
  font-family: "OpenSansRegular";
  margin-top: 22px;
}

.s640 #current_kc .kc_main .kc_screen .welcome_screen {
  padding: 0 30px;
}

.s640 #current_kc .kc_main .kc_screen .welcome_screen .welcome_image {
  margin: 50px auto;
  background-size: cover;
}

.s640 .kc_screen > .welcome_screen .games_intro_under {
  padding-bottom: 32px;
}

.s640 #current_kc .kc_main .kc_screen .welcome_screen .col .games_intro_description > p {
  font-size: 16px;
  font-family: 'OpenSansRegular';
  min-height: 120px;
  margin: 0;
  color: #5B5B5B;
  line-height: 20px;
}

.s640 #current_kc .kc_main .kc_screen .screen .main_image {
  width: 320px;
  height: 320px;
}

.s640 #current_kc .kc_main .kc_screen .screen .selector_container .title {
  font-size: 14px;
}

.s640 #current_kc .kc_main ul.kc_nav li {
  font-size: 14px;
  margin-top: -12px;
}

.s640 #current_kc .kc_main .kc_screen .screen .selector_container .container-old .feed .item {
  font-size: 14px;
  width: 75px;
}



.s640 #current_kc .kc_main .kc_screen .screen .selector_container .arrow {
  top: 50px;
}

.s640 #current_kc .kc_main .kc_screen .screen .selector_container .arrow.left {
  left: 14px;
}

.s640 #current_kc .kc_main .kc_screen .screen .selector_container .arrow.right {
  right: 14px;
}

.s640 #current_kc .kc_main ul.kc_nav {
  padding: 12px 0;
}

.s640 #current_kc .kc_main .kc_screen .screen .message_template {
  width: 320px;
  height: 320px;
}

.s640 #current_kc .kc_main .kc_screen .screen .message_template .compliment_template {
  width: 280px;
  height: 240px;
  margin: 55px auto 0;
  font-size: 13px;
  line-height: 18px;
}

.s640 #current_kc .kc_main .kc_screen .screen .message_template .compliment_template .centered {
  margin: 4px auto;
}

.s640 #current_kc .kc_main .kc_screen .screen .message_template .compliment_template .input_field {
  height: 18px;
}

.s640 #current_kc .kc_main .kc_screen .screen .selector_container .container-old .feed .item.no_template {
  margin-left: -1px;
}

.s640 #current_kc .kc_main .kc_screen .screen .selector_container .container-old .feed .item.use_template {
  margin-left: -1px;
}

.s640 #current_kc .kc_main .kc_screen .screen .message_template textarea.freestyle {
  height: 235px;
  width: 280px;
  font-size: 13px;
  line-height: 20px;
  margin-top: 55px;
  background-image: linear-gradient(rgba(255, 0, 0, 0) 19px, #ccc 19px, #ccc 19px, rgba(255, 0, 0, 0) 20px);
  background-size: 100% 20px;
}

.s640 #current_kc .kc_main .kc_screen .send_screen .container-old .message_template p,
.s640 #current_kc .kc_main .kc_screen .design_screen .container-old .message_template p {
  width: 280px;
  height: 235px;
  margin: 55px auto 0;
  background: transparent;
  font-size: 13px;
  line-height: 20px;
}

.s640 #current_kc .kc_main .kc_screen .screen .selector_container .left {
  margin: 0;
  width: 60%;
}

.s640 #current_kc .kc_main .kc_screen .screen .selector_container .right {
  margin: 0;
  width: 40%;
  text-align: left;
}

.s640 #current_kc .kc_main .kc_screen .screen .selector_container form input {
  font-size: 13px;
  height: 25px;
}

.s640 #current_kc .kc_main .kc_screen .screen .selector_container form .form_inner .fields_wrapper.half .input_wrapper {
  width: 140px;
}

.s640 #current_kc .kc_main .kc_screen .screen .selector_container form .form_inner .fields_wrapper .input_wrapper {
  width: 290px;
}

.s640 #current_kc .kc_main .kc_screen .screen .selector_container form .error-container {
  font-size: 10px;
}

.s640 #current_kc .kc_main .kc_screen .screen .selector_container form .button_kc.send {
  width: 184px;
  height: 42px;
  line-height: 42px;
  margin: 0 0 5px;
}

.s640 .flip-container {
  width: 320px;
  height: 320px;
}

.s640 #current_kc .kc_main .kc_screen .message_screen > .container-old {
  width: 320px;
  height: 320px;
}

@media only screen and (min-width: 768px) and (max-width: 1068px) {
  #current_kc .screen .container-old {
    width: 320px;
    height: 320px;
  }

  #current_kc .kc_main .kc_screen .screen .main_image {
    width: 320px;
    height: 320px;
  }
}

/* TRANSITIONAL MEDIA */

@media only screen and (min-width: 768px) and (max-width: 1068px) {
  #current_kc .kc_main .kc_screen .screen .container-old .message_template textarea.freestyle {
    left: 18px;
  }

  #current_kc .kc_main .kc_screen .screen .message_template textarea.freestyle {
    height: 235px;
    width: 280px;
    font-size: 14px;
    line-height: 20px;
    margin-top: 55px;
    background-image: linear-gradient(rgba(255, 0, 0, 0) 19px, #ccc 19px, #ccc 19px, rgba(255, 0, 0, 0) 20px);
    background-size: 100% 20px;
  }
}

@media only screen and (max-width: 767px) and (min-width: 320px) {
  #current_kc .kc_main .kc_screen .screen .container-old .message_template textarea.freestyle {
    left: 18px;
  }

  #current_kc > div.kc_main > div > div > div.selector_container > form div.right div.options > div.tip-container {
    top: -9px;
  }

  #current_kc .kc_main .kc_screen .welcome_screen .col.left {
    width: 100%;
  }

  #current_kc .kc_main .kc_screen .welcome_screen .col .instructions {
    font-size: 16px;
    font-family: 'OpenSansRegular';
    margin: 0;
  }

  #current_kc .kc_main .kc_screen .screen .main_image {
    width: 320px;
    height: 320px;
  }

  #current_kc .kc_main .kc_screen .screen .selector_container .title {
    font-size: 14px;
  }

  #current_kc .kc_main ul.kc_nav li {
    font-size: 14px;
  }

  #current_kc .kc_main .kc_screen .screen .selector_container .container-old .feed .item {
    font-size: 16px;
  }



  #current_kc .kc_main .kc_screen .screen .selector_container .arrow {
    top: 50px;
  }

  #current_kc .kc_main .kc_screen .screen .selector_container .arrow.left {
    left: 14px;
  }

  #current_kc .kc_main .kc_screen .screen .selector_container .arrow.right {
    right: 14px;
  }

  #current_kc .kc_main .kc_screen .screen .selector_container .container-old {
    width: 536px;
  }

  #current_kc .kc_main ul.kc_nav {
    padding: 12px 0;
  }

  #current_kc .kc_main .kc_screen .screen .message_template {
    width: 320px;
    height: 320px;
  }

  #current_kc .kc_main .kc_screen .screen .message_template .compliment_template {
    width: 280px;
    height: 240px;
    margin: 55px auto 0;
    font-size: 13px;
    line-height: 18px;
  }

  #current_kc .kc_main .kc_screen .screen .message_template .compliment_template .centered {
    margin: 4px auto;
  }

  #current_kc .kc_main .kc_screen .screen .message_template .compliment_template .input_field {
    height: 18px;
  }

  #current_kc .kc_main .kc_screen .screen .selector_container .container-old .feed .item.no_template {
    margin-left: -1px;
  }

  #current_kc .kc_main .kc_screen .screen .selector_container .container-old .feed.noslider {
    width: 165px;
  }

  #current_kc .kc_main .kc_screen .screen .message_template textarea.freestyle {
    height: 235px;
    width: 280px;
    font-size: 14px;
    line-height: 20px;
    margin-top: 55px;
    background-image: linear-gradient(rgba(255, 0, 0, 0) 19px, #ccc 19px, #ccc 19px, rgba(255, 0, 0, 0) 20px);
    background-size: 100% 20px;
    background-position-y: 1px;
  }

  #current_kc .kc_main .kc_screen .send_screen .container-old .message_template p,
  #current_kc .kc_main .kc_screen .design_screen .container-old .message_template p {
    width: 280px;
    height: 235px;
    margin: 55px auto 0;
    background: transparent;
    font-size: 13px;
    line-height: 20px;
  }

  #current_kc .kc_main .kc_screen .screen .selector_container .left {
    margin: 0 0 0 50px;
    width: 50%;
  }

  #current_kc .kc_main .kc_screen .screen .selector_container form input {
    font-size: 13px;
    height: 17px;
    padding: 3px;
    margin: 0 0 1px 4px;
  }

  #current_kc .kc_main .kc_screen .screen .selector_container form .error-container {
    font-size: 10px;
  }

  #current_kc .kc_main .kc_screen .screen .selector_container form .button_kc.send {
    width: 164px;
    height: 42px;
    line-height: 42px;
    margin: 0 0 5px;
  }

  .flip-container {
    width: 320px;
    height: 320px;
  }

  #current_kc .kc_main .kc_screen .message_screen > .container-old {
    width: 320px;
    height: 320px;
  }

  #current_kc .kc_main .kc_screen .screen .selector_container .container-old .feed .item.no_message span {
    margin: 0 10px;
  }
}

/* LOCALE SPECIFIC STYLING */

html[lang=it] #current_kc > div.kc_main > div > div > div.selector_container > form div.right > div.options > span,
html[lang=it] .s640 #current_kc .kc_main .kc_screen .screen .selector_container .container-old .feed .item,
html[lang=es] #current_kc > div.kc_main > div > div > div.selector_container > form div.right > div.options > span {
  font-size: 12px;
}

html[lang=es] #current_kc > div.kc_main > ul > li > span {
  font-size: 14px;
}

html[lang=es] #kindless_chain_modal #current_kc .kc_main .kc_screen .screen .selector_container .right .options span {
  font-size: 12px;
}

html[lang=es] #current_kc .kc_main .kc_screen .welcome_screen .col .js-to-others,
html[lang=de] #current_kc .kc_main .kc_screen .welcome_screen .col .js-to-others {
  font-size: 14px;
}

@media only screen and (max-width: 1068px) and (min-width: 320px) {
  html[lang=es] #current_kc > div.kc_main > ul > li > span {
    font-size: 11px;
  }
}

html[lang=fr] #current_kc > div.kc_main > ul > li > span {
  font-size: 12px;
}

html[lang=de] #current_kc .kc_main ul.kc_nav li.design {
  width: 94px;
}

html[lang=de] #current_kc .kc_main ul.kc_nav li.message {
  width: 76px;
}

html[lang=de] #current_kc .kc_main .kc_screen .welcome_screen .col .bulleted_message .title {
  font-size: 14px;
}

html[lang=de] .s640 #current_kc .kc_main .kc_screen .screen .selector_container .container-old .feed .item {
  font-size: 14px;
}

html[lang=de] .s640 #current_kc .kc_main .kc_screen .screen .selector_container .right .options span {
  font-size: 10px;
  line-height: 17px;
}

html[lang=fr] .s640 #current_kc .kc_main .kc_screen .screen .selector_container .right .options span {
  font-size: 12px;
}

html[lang=pt] .s640 #current_kc .kc_main .kc_screen .screen .selector_container form span {
  font-size: 12px;
}

html[lang=pt] #current_kc .kc_main ul.kc_nav li.send {
  width: 136px;
}

html[lang=pt] .s640 #current_kc .kc_main .kc_screen .screen .selector_container .container-old .feed .item {
  font-size: 13px;
}

html[lang=pt] #current_kc .kc_main .kc_screen .welcome_screen .col .bulleted_message .ifooter .instruction_footer_text a {
  font-size: 13px;
}

html[lang=zh] #current_kc .kc_main ul.kc_nav li.message .image {
  background: url('/static/img/kindless_chain/abc_kc_cn.png') no-repeat transparent;
  background-position: center;
}

html[lang=zh] #current_kc .kc_main ul.kc_nav li.message:hover .image {
  background: url('/static/img/kindless_chain/abc_kc_active_cn.png') no-repeat transparent;
  background-position: center;
}

html[lang=ja] #current_kc .kc_main ul.kc_nav li.message .image {
  background: url('/static/img/kindless_chain/abc_kc_ja.png') no-repeat transparent;
  background-position: center;
  width: 54px;
}

html[lang=ja] #current_kc .kc_main ul.kc_nav li.message:hover .image {
  background: url('/static/img/kindless_chain/abc_kc_active_ja.png') no-repeat transparent;
  background-position: center;
}

html[lang=ja] #current_kc .kc_main .kc_screen .screen .selector_container .right .options span {
  font-size: 9px;
}

@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  #current_kc .kc_main .kc_screen .screen .selector_container .left {
    width: 60%;
  }

  #current_kc .kc_main .kc_screen .screen .selector_container .right {
    width: 40%;
    text-align: left;
  }

  #current_kc .kc_main .kc_screen .screen .selector_container form .form_inner .fields_wrapper .input_wrapper {
    width: 300px;
  }

  #current_kc .kc_main .kc_screen .screen .selector_container form .form_inner .fields_wrapper.half .input_wrapper {
    width: 145px;
  }
}

@media only screen and (max-width: 767.98px) {
  #current_kc .kc_main .kc_screen .screen .selector_container .left {
    width: 100%;
    margin: 0;
    justify-content: center;
  }

  #current_kc .kc_main .kc_screen .screen .selector_container .right {
    width: auto;
    text-align: left;
  }
}

@media only screen and (max-width: 575.98px) {
  #current_kc .kc_main .kc_screen .screen .selector_container form .form_inner .fields_wrapper .input_wrapper {
    width: 250px;
  }

  #current_kc .kc_main .kc_screen .screen .selector_container form .form_inner .fields_wrapper.half .input_wrapper {
    width: 120px;
  }
}
.hap_main {
  position: relative;
  width: 440px;
  height: 28px;
  margin: 10px 0;
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.hap_main.minimal {
  width: 240px;
}

.hap_main .hap_button {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 42px;
  height: 28px;
  cursor: pointer;
}

.hap_main .hap_button.play {
  background: url('/static/img/haplayer/btn_pause.png') no-repeat right top;
}

.hap_main .hap_button.play:hover {
  background: url('/static/img/haplayer/btn_pause_hover.png') no-repeat right top;
}

.hap_main .hap_button {
  background: url('/static/img/haplayer/btn_play.png') no-repeat right top;
}

.hap_main .hap_button:hover {
  background: url('/static/img/haplayer/btn_play_hover.png') no-repeat right top;
}

.hap_main .hap_mute {
  position: absolute;
  top: 2px;
  left: 60px;
  width: 26px;
  height: 24px;
  cursor: pointer;
}

.hap_main .hap_mute {
  background: url('/static/img/haplayer/btn_mute_off.png') no-repeat right top;
}

.hap_main .hap_mute:hover {
  background: url('/static/img/haplayer/btn_mute_off_hover.png') no-repeat right top;
}

.hap_main .hap_mute.half {
  background: url('/static/img/haplayer/btn_mute_half.png') no-repeat right top;
}

.hap_main .hap_mute.half:hover {
  background: url('/static/img/haplayer/btn_mute_half_hover.png') no-repeat right top;
}

.hap_main .hap_mute.on {
  background: url('/static/img/haplayer/btn_mute_on.png') no-repeat right top;
}

.hap_main .hap_mute.on:hover {
  background: url('/static/img/haplayer/btn_mute_on_hover.png') no-repeat right top;
}

.hap_main .hap_progress {
  position: absolute;
  top: 0px;
  left: 148px;
  width: 270px;
  height: 28px;
  cursor: pointer;
}

.hap_main .hap_progress .hap_bar {
  position: absolute;
  top: 11px;
  left: 0px;
  width: 270px;
  height: 4px;
  cursor: pointer;
}

.hap_main .hap_progress .hap_bar .empty_bar {
  position: absolute;
  top: 0;
  left: 0;
  height: 4px;
  background: url('/static/img/haplayer/progress_empty.png') no-repeat right top;
  width: 100%;
}

.hap_main .hap_progress .hap_bar .full_bar {
  position: absolute;
  top: 0;
  left: 0;
  height: 4px;
  background: #777;
  width: 100%;
  border-radius: 5px;
}

.hap_main .hap_progress .hap_slider {
  position: absolute;
  top: -10px;
  left: 0;
  width: 12px;
  height: 20px;
  background: url('/static/img/haplayer/slider.png') no-repeat right top;
}

.hap_main .hap_ctime,
.hap_main .hap_atime {
  position: absolute;
  top: 0;
  width: 60px;
  height: 28px;
  text-align: center;
  line-height: 28px;
  font-size: 16px;
  color: #898989;
}

.hap_main.minimal .hap_title {
  position: absolute;
  color: #ff7e32;
  left: 50px;
  top: 0;
  height: 28px;
  cursor: pointer;
}

.hap_main.minimal:hover .hap_title {
  text-decoration: underline;
}

.hap_main.minimal .hap_ctime {
  display: none;
  color: #ff7e32;
  left: 40px;
  top: 2px;
}

.hap_main .hap_ctime {
  left: 88px;
}

.hap_main .hap_atime {
  left: 417px;
}

.hap_main .hap_volume {
  display: none;
  position: absolute;
  bottom: 28px;
  left: 64px;
  width: 12px;
  height: 118px;
}

.hap_main .hap_volume .hap_volume_back {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 12px;
  height: 118px;
  border-radius: 6px;
  background-color: rgba(235, 235, 235, 0.6);
}

.hap_main .hap_volume .hap_volume_backprogress {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 4px;
  height: 110px;
  background-color: #c5c5c5;
  border-radius: 2px;
}

.hap_main .hap_volume .hap_volume_click {
  position: absolute;
  top: 4px;
  left: 0px;
  width: 12px;
  height: 110px;
  cursor: pointer;
}

.hap_main .hap_volume .hap_volume_click .hap_volume_fill {
  position: absolute;
  bottom: 0px;
  left: 4px;
  width: 4px;
  height: 100%;
  background-color: #fe7438;
  border-radius: 2px;
}

.hap_main.mobile {
  display: block;
}

.hap_main.mobile .hap_mute {
  display: none;
}

.hap_main.mobile .hap_ctime {
  left: 42px;
}

.hap_main.mobile .hap_progress {
  left: 102px;
}

.hap_main.mobile .hap_atime {
  left: 371px;
}

.compass_video_player_main.fullscreen {
  width: 100%;
  height: 100%;
}

.compass_video_player_main.fullscreen video {
  width: 100%;
  height: 100%;
}

.compass_video_player_main.fullscreen .hap_centerpanel {
  position: absolute;
  height: 48px;
  width: 100%;
  left: 0px;
  bottom: 0px;
}

.compass_video_player_main.fullscreen .hap_centerpanel .hap_main {
  margin: 0 auto;
  position: relative;
}