@charset "UTF-8";
/*!
 * Bootstrap v4.0.0-alpha.2 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

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

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

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

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

a:active {
  outline: 0; }

a:hover {
  outline: 0; }

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

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

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

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

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

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

figure {
  margin: 1em 40px; }

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

pre {
  overflow: auto; }

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

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

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

button[disabled],
html input[disabled] {
  cursor: default; }

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

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

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

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

html {
  box-sizing: border-box; }

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

@-moz-viewport {
  width: device-width; }

@-ms-viewport {
  width: device-width; }

@-o-viewport {
  width: device-width; }

@-webkit-viewport {
  width: device-width; }

@viewport {
  width: device-width; }

html {
  font-size: 16px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  color: #373a3c;
  background-color: #fff; }

[tabindex="-1"]:focus {
  outline: none !important; }

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: .5rem; }

p {
  margin-top: 0;
  margin-bottom: 1rem; }

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #818a91; }

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit; }

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem; }

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0; }

dt {
  font-weight: bold; }

dd {
  margin-bottom: .5rem;
  margin-left: 0; }

blockquote {
  margin: 0 0 1rem; }

a {
  color: #0275d8;
  text-decoration: none; }
  a:focus, a:hover {
    color: #014c8c;
    text-decoration: underline; }
  a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }

pre {
  margin-top: 0;
  margin-bottom: 1rem; }

figure {
  margin: 0 0 1rem; }

img {
  vertical-align: middle; }

[role="button"] {
  cursor: pointer; }

a,
area,
button,
[role="button"],
input,
label,
select,
summary,
textarea {
  touch-action: manipulation; }

table {
  background-color: transparent; }

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #818a91;
  text-align: left;
  caption-side: bottom; }

th {
  text-align: left; }

label {
  display: inline-block;
  margin-bottom: .5rem; }

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color; }

input,
button,
select,
textarea {
  margin: 0;
  line-height: inherit;
  border-radius: 0; }

textarea {
  resize: vertical; }

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0; }

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit; }

input[type="search"] {
  box-sizing: inherit;
  -webkit-appearance: none; }

output {
  display: inline-block; }

[hidden] {
  display: none !important; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit; }

h1 {
  font-size: 2.5rem; }

h2 {
  font-size: 2rem; }

h3 {
  font-size: 1.75rem; }

h4 {
  font-size: 1.5rem; }

h5 {
  font-size: 1.25rem; }

h6 {
  font-size: 1rem; }

.h1 {
  font-size: 2.5rem; }

.h2 {
  font-size: 2rem; }

.h3 {
  font-size: 1.75rem; }

.h4 {
  font-size: 1.5rem; }

.h5 {
  font-size: 1.25rem; }

.h6 {
  font-size: 1rem; }

.lead {
  font-size: 1.25rem;
  font-weight: 300; }

.display-1 {
  font-size: 6rem;
  font-weight: 300; }

.display-2 {
  font-size: 5.5rem;
  font-weight: 300; }

.display-3 {
  font-size: 4.5rem;
  font-weight: 300; }

.display-4 {
  font-size: 3.5rem;
  font-weight: 300; }

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1); }

small,
.small {
  font-size: 80%;
  font-weight: normal; }

mark,
.mark {
  padding: .2em;
  background-color: #fcf8e3; }

.list-unstyled {
  padding-left: 0;
  list-style: none; }

.list-inline {
  padding-left: 0;
  list-style: none; }

.list-inline-item {
  display: inline-block; }
  .list-inline-item:not(:last-child) {
    margin-right: 5px; }

.dl-horizontal {
  margin-right: -1.875rem;
  margin-left: -1.875rem; }
  .dl-horizontal::after {
    content: "";
    display: table;
    clear: both; }

.initialism {
  font-size: 90%;
  text-transform: uppercase; }

.blockquote {
  padding: 0.5rem 1rem;
  margin-bottom: 1rem;
  font-size: 1.25rem;
  border-left: 0.25rem solid #eceeef; }

.blockquote-footer {
  display: block;
  font-size: 80%;
  line-height: 1.5;
  color: #818a91; }
  .blockquote-footer::before {
    content: "\2014 \00A0"; }

.blockquote-reverse {
  padding-right: 1rem;
  padding-left: 0;
  text-align: right;
  border-right: 0.25rem solid #eceeef;
  border-left: 0; }

.blockquote-reverse .blockquote-footer::before {
  content: ""; }

.blockquote-reverse .blockquote-footer::after {
  content: "\00A0 \2014"; }

.img-fluid {
  display: block;
  max-width: 100%;
  height: auto; }

.img-rounded {
  border-radius: 0.3rem; }

.img-thumbnail {
  padding: 0.25rem;
  line-height: 1.5;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 0.25rem;
  transition: all .2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto; }

.img-circle {
  border-radius: 50%; }

.figure {
  display: inline-block; }

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1; }

.figure-caption {
  font-size: 90%;
  color: #818a91; }

.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem; }
  @media (min-width: 544px) {
    .container {
      max-width: 576px; } }
  @media (min-width: 768px) {
    .container {
      max-width: 720px; } }
  @media (min-width: 992px) {
    .container {
      max-width: 940px; } }
  @media (min-width: 1200px) {
    .container {
      max-width: 1140px; } }

.container-fluid {
  margin-left: auto;
  margin-right: auto;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem; }

.row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.9375rem;
  margin-right: -0.9375rem; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .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-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-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-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 {
  position: relative;
  min-height: 1px;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem; }

.col-xs-1 {
  flex: 0 0 8.33333%; }

.col-xs-2 {
  flex: 0 0 16.66667%; }

.col-xs-3 {
  flex: 0 0 25%; }

.col-xs-4 {
  flex: 0 0 33.33333%; }

.col-xs-5 {
  flex: 0 0 41.66667%; }

.col-xs-6 {
  flex: 0 0 50%; }

.col-xs-7 {
  flex: 0 0 58.33333%; }

.col-xs-8 {
  flex: 0 0 66.66667%; }

.col-xs-9 {
  flex: 0 0 75%; }

.col-xs-10 {
  flex: 0 0 83.33333%; }

.col-xs-11 {
  flex: 0 0 91.66667%; }

.col-xs-12 {
  flex: 0 0 100%; }

.col-xs-pull-0 {
  right: auto; }

.col-xs-pull-1 {
  right: 8.33333%; }

.col-xs-pull-2 {
  right: 16.66667%; }

.col-xs-pull-3 {
  right: 25%; }

.col-xs-pull-4 {
  right: 33.33333%; }

.col-xs-pull-5 {
  right: 41.66667%; }

.col-xs-pull-6 {
  right: 50%; }

.col-xs-pull-7 {
  right: 58.33333%; }

.col-xs-pull-8 {
  right: 66.66667%; }

.col-xs-pull-9 {
  right: 75%; }

.col-xs-pull-10 {
  right: 83.33333%; }

.col-xs-pull-11 {
  right: 91.66667%; }

.col-xs-pull-12 {
  right: 100%; }

.col-xs-push-0 {
  left: auto; }

.col-xs-push-1 {
  left: 8.33333%; }

.col-xs-push-2 {
  left: 16.66667%; }

.col-xs-push-3 {
  left: 25%; }

.col-xs-push-4 {
  left: 33.33333%; }

.col-xs-push-5 {
  left: 41.66667%; }

.col-xs-push-6 {
  left: 50%; }

.col-xs-push-7 {
  left: 58.33333%; }

.col-xs-push-8 {
  left: 66.66667%; }

.col-xs-push-9 {
  left: 75%; }

.col-xs-push-10 {
  left: 83.33333%; }

.col-xs-push-11 {
  left: 91.66667%; }

.col-xs-push-12 {
  left: 100%; }

.col-xs-offset-0 {
  margin-left: 0%; }

.col-xs-offset-1 {
  margin-left: 8.33333%; }

.col-xs-offset-2 {
  margin-left: 16.66667%; }

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

.col-xs-offset-4 {
  margin-left: 33.33333%; }

.col-xs-offset-5 {
  margin-left: 41.66667%; }

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

.col-xs-offset-7 {
  margin-left: 58.33333%; }

.col-xs-offset-8 {
  margin-left: 66.66667%; }

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

.col-xs-offset-10 {
  margin-left: 83.33333%; }

.col-xs-offset-11 {
  margin-left: 91.66667%; }

.col-xs-offset-12 {
  margin-left: 100%; }

@media (min-width: 544px) {
  .col-sm-1 {
    flex: 0 0 8.33333%; }
  .col-sm-2 {
    flex: 0 0 16.66667%; }
  .col-sm-3 {
    flex: 0 0 25%; }
  .col-sm-4 {
    flex: 0 0 33.33333%; }
  .col-sm-5 {
    flex: 0 0 41.66667%; }
  .col-sm-6 {
    flex: 0 0 50%; }
  .col-sm-7 {
    flex: 0 0 58.33333%; }
  .col-sm-8 {
    flex: 0 0 66.66667%; }
  .col-sm-9 {
    flex: 0 0 75%; }
  .col-sm-10 {
    flex: 0 0 83.33333%; }
  .col-sm-11 {
    flex: 0 0 91.66667%; }
  .col-sm-12 {
    flex: 0 0 100%; }
  .col-sm-pull-0 {
    right: auto; }
  .col-sm-pull-1 {
    right: 8.33333%; }
  .col-sm-pull-2 {
    right: 16.66667%; }
  .col-sm-pull-3 {
    right: 25%; }
  .col-sm-pull-4 {
    right: 33.33333%; }
  .col-sm-pull-5 {
    right: 41.66667%; }
  .col-sm-pull-6 {
    right: 50%; }
  .col-sm-pull-7 {
    right: 58.33333%; }
  .col-sm-pull-8 {
    right: 66.66667%; }
  .col-sm-pull-9 {
    right: 75%; }
  .col-sm-pull-10 {
    right: 83.33333%; }
  .col-sm-pull-11 {
    right: 91.66667%; }
  .col-sm-pull-12 {
    right: 100%; }
  .col-sm-push-0 {
    left: auto; }
  .col-sm-push-1 {
    left: 8.33333%; }
  .col-sm-push-2 {
    left: 16.66667%; }
  .col-sm-push-3 {
    left: 25%; }
  .col-sm-push-4 {
    left: 33.33333%; }
  .col-sm-push-5 {
    left: 41.66667%; }
  .col-sm-push-6 {
    left: 50%; }
  .col-sm-push-7 {
    left: 58.33333%; }
  .col-sm-push-8 {
    left: 66.66667%; }
  .col-sm-push-9 {
    left: 75%; }
  .col-sm-push-10 {
    left: 83.33333%; }
  .col-sm-push-11 {
    left: 91.66667%; }
  .col-sm-push-12 {
    left: 100%; }
  .col-sm-offset-0 {
    margin-left: 0%; }
  .col-sm-offset-1 {
    margin-left: 8.33333%; }
  .col-sm-offset-2 {
    margin-left: 16.66667%; }
  .col-sm-offset-3 {
    margin-left: 25%; }
  .col-sm-offset-4 {
    margin-left: 33.33333%; }
  .col-sm-offset-5 {
    margin-left: 41.66667%; }
  .col-sm-offset-6 {
    margin-left: 50%; }
  .col-sm-offset-7 {
    margin-left: 58.33333%; }
  .col-sm-offset-8 {
    margin-left: 66.66667%; }
  .col-sm-offset-9 {
    margin-left: 75%; }
  .col-sm-offset-10 {
    margin-left: 83.33333%; }
  .col-sm-offset-11 {
    margin-left: 91.66667%; }
  .col-sm-offset-12 {
    margin-left: 100%; } }

@media (min-width: 768px) {
  .col-md-1 {
    flex: 0 0 8.33333%; }
  .col-md-2 {
    flex: 0 0 16.66667%; }
  .col-md-3 {
    flex: 0 0 25%; }
  .col-md-4 {
    flex: 0 0 33.33333%; }
  .col-md-5 {
    flex: 0 0 41.66667%; }
  .col-md-6 {
    flex: 0 0 50%; }
  .col-md-7 {
    flex: 0 0 58.33333%; }
  .col-md-8 {
    flex: 0 0 66.66667%; }
  .col-md-9 {
    flex: 0 0 75%; }
  .col-md-10 {
    flex: 0 0 83.33333%; }
  .col-md-11 {
    flex: 0 0 91.66667%; }
  .col-md-12 {
    flex: 0 0 100%; }
  .col-md-pull-0 {
    right: auto; }
  .col-md-pull-1 {
    right: 8.33333%; }
  .col-md-pull-2 {
    right: 16.66667%; }
  .col-md-pull-3 {
    right: 25%; }
  .col-md-pull-4 {
    right: 33.33333%; }
  .col-md-pull-5 {
    right: 41.66667%; }
  .col-md-pull-6 {
    right: 50%; }
  .col-md-pull-7 {
    right: 58.33333%; }
  .col-md-pull-8 {
    right: 66.66667%; }
  .col-md-pull-9 {
    right: 75%; }
  .col-md-pull-10 {
    right: 83.33333%; }
  .col-md-pull-11 {
    right: 91.66667%; }
  .col-md-pull-12 {
    right: 100%; }
  .col-md-push-0 {
    left: auto; }
  .col-md-push-1 {
    left: 8.33333%; }
  .col-md-push-2 {
    left: 16.66667%; }
  .col-md-push-3 {
    left: 25%; }
  .col-md-push-4 {
    left: 33.33333%; }
  .col-md-push-5 {
    left: 41.66667%; }
  .col-md-push-6 {
    left: 50%; }
  .col-md-push-7 {
    left: 58.33333%; }
  .col-md-push-8 {
    left: 66.66667%; }
  .col-md-push-9 {
    left: 75%; }
  .col-md-push-10 {
    left: 83.33333%; }
  .col-md-push-11 {
    left: 91.66667%; }
  .col-md-push-12 {
    left: 100%; }
  .col-md-offset-0 {
    margin-left: 0%; }
  .col-md-offset-1 {
    margin-left: 8.33333%; }
  .col-md-offset-2 {
    margin-left: 16.66667%; }
  .col-md-offset-3 {
    margin-left: 25%; }
  .col-md-offset-4 {
    margin-left: 33.33333%; }
  .col-md-offset-5 {
    margin-left: 41.66667%; }
  .col-md-offset-6 {
    margin-left: 50%; }
  .col-md-offset-7 {
    margin-left: 58.33333%; }
  .col-md-offset-8 {
    margin-left: 66.66667%; }
  .col-md-offset-9 {
    margin-left: 75%; }
  .col-md-offset-10 {
    margin-left: 83.33333%; }
  .col-md-offset-11 {
    margin-left: 91.66667%; }
  .col-md-offset-12 {
    margin-left: 100%; } }

@media (min-width: 992px) {
  .col-lg-1 {
    flex: 0 0 8.33333%; }
  .col-lg-2 {
    flex: 0 0 16.66667%; }
  .col-lg-3 {
    flex: 0 0 25%; }
  .col-lg-4 {
    flex: 0 0 33.33333%; }
  .col-lg-5 {
    flex: 0 0 41.66667%; }
  .col-lg-6 {
    flex: 0 0 50%; }
  .col-lg-7 {
    flex: 0 0 58.33333%; }
  .col-lg-8 {
    flex: 0 0 66.66667%; }
  .col-lg-9 {
    flex: 0 0 75%; }
  .col-lg-10 {
    flex: 0 0 83.33333%; }
  .col-lg-11 {
    flex: 0 0 91.66667%; }
  .col-lg-12 {
    flex: 0 0 100%; }
  .col-lg-pull-0 {
    right: auto; }
  .col-lg-pull-1 {
    right: 8.33333%; }
  .col-lg-pull-2 {
    right: 16.66667%; }
  .col-lg-pull-3 {
    right: 25%; }
  .col-lg-pull-4 {
    right: 33.33333%; }
  .col-lg-pull-5 {
    right: 41.66667%; }
  .col-lg-pull-6 {
    right: 50%; }
  .col-lg-pull-7 {
    right: 58.33333%; }
  .col-lg-pull-8 {
    right: 66.66667%; }
  .col-lg-pull-9 {
    right: 75%; }
  .col-lg-pull-10 {
    right: 83.33333%; }
  .col-lg-pull-11 {
    right: 91.66667%; }
  .col-lg-pull-12 {
    right: 100%; }
  .col-lg-push-0 {
    left: auto; }
  .col-lg-push-1 {
    left: 8.33333%; }
  .col-lg-push-2 {
    left: 16.66667%; }
  .col-lg-push-3 {
    left: 25%; }
  .col-lg-push-4 {
    left: 33.33333%; }
  .col-lg-push-5 {
    left: 41.66667%; }
  .col-lg-push-6 {
    left: 50%; }
  .col-lg-push-7 {
    left: 58.33333%; }
  .col-lg-push-8 {
    left: 66.66667%; }
  .col-lg-push-9 {
    left: 75%; }
  .col-lg-push-10 {
    left: 83.33333%; }
  .col-lg-push-11 {
    left: 91.66667%; }
  .col-lg-push-12 {
    left: 100%; }
  .col-lg-offset-0 {
    margin-left: 0%; }
  .col-lg-offset-1 {
    margin-left: 8.33333%; }
  .col-lg-offset-2 {
    margin-left: 16.66667%; }
  .col-lg-offset-3 {
    margin-left: 25%; }
  .col-lg-offset-4 {
    margin-left: 33.33333%; }
  .col-lg-offset-5 {
    margin-left: 41.66667%; }
  .col-lg-offset-6 {
    margin-left: 50%; }
  .col-lg-offset-7 {
    margin-left: 58.33333%; }
  .col-lg-offset-8 {
    margin-left: 66.66667%; }
  .col-lg-offset-9 {
    margin-left: 75%; }
  .col-lg-offset-10 {
    margin-left: 83.33333%; }
  .col-lg-offset-11 {
    margin-left: 91.66667%; }
  .col-lg-offset-12 {
    margin-left: 100%; } }

@media (min-width: 1200px) {
  .col-xl-1 {
    flex: 0 0 8.33333%; }
  .col-xl-2 {
    flex: 0 0 16.66667%; }
  .col-xl-3 {
    flex: 0 0 25%; }
  .col-xl-4 {
    flex: 0 0 33.33333%; }
  .col-xl-5 {
    flex: 0 0 41.66667%; }
  .col-xl-6 {
    flex: 0 0 50%; }
  .col-xl-7 {
    flex: 0 0 58.33333%; }
  .col-xl-8 {
    flex: 0 0 66.66667%; }
  .col-xl-9 {
    flex: 0 0 75%; }
  .col-xl-10 {
    flex: 0 0 83.33333%; }
  .col-xl-11 {
    flex: 0 0 91.66667%; }
  .col-xl-12 {
    flex: 0 0 100%; }
  .col-xl-pull-0 {
    right: auto; }
  .col-xl-pull-1 {
    right: 8.33333%; }
  .col-xl-pull-2 {
    right: 16.66667%; }
  .col-xl-pull-3 {
    right: 25%; }
  .col-xl-pull-4 {
    right: 33.33333%; }
  .col-xl-pull-5 {
    right: 41.66667%; }
  .col-xl-pull-6 {
    right: 50%; }
  .col-xl-pull-7 {
    right: 58.33333%; }
  .col-xl-pull-8 {
    right: 66.66667%; }
  .col-xl-pull-9 {
    right: 75%; }
  .col-xl-pull-10 {
    right: 83.33333%; }
  .col-xl-pull-11 {
    right: 91.66667%; }
  .col-xl-pull-12 {
    right: 100%; }
  .col-xl-push-0 {
    left: auto; }
  .col-xl-push-1 {
    left: 8.33333%; }
  .col-xl-push-2 {
    left: 16.66667%; }
  .col-xl-push-3 {
    left: 25%; }
  .col-xl-push-4 {
    left: 33.33333%; }
  .col-xl-push-5 {
    left: 41.66667%; }
  .col-xl-push-6 {
    left: 50%; }
  .col-xl-push-7 {
    left: 58.33333%; }
  .col-xl-push-8 {
    left: 66.66667%; }
  .col-xl-push-9 {
    left: 75%; }
  .col-xl-push-10 {
    left: 83.33333%; }
  .col-xl-push-11 {
    left: 91.66667%; }
  .col-xl-push-12 {
    left: 100%; }
  .col-xl-offset-0 {
    margin-left: 0%; }
  .col-xl-offset-1 {
    margin-left: 8.33333%; }
  .col-xl-offset-2 {
    margin-left: 16.66667%; }
  .col-xl-offset-3 {
    margin-left: 25%; }
  .col-xl-offset-4 {
    margin-left: 33.33333%; }
  .col-xl-offset-5 {
    margin-left: 41.66667%; }
  .col-xl-offset-6 {
    margin-left: 50%; }
  .col-xl-offset-7 {
    margin-left: 58.33333%; }
  .col-xl-offset-8 {
    margin-left: 66.66667%; }
  .col-xl-offset-9 {
    margin-left: 75%; }
  .col-xl-offset-10 {
    margin-left: 83.33333%; }
  .col-xl-offset-11 {
    margin-left: 91.66667%; }
  .col-xl-offset-12 {
    margin-left: 100%; } }

.col-xs-first {
  order: -1; }

.col-xs-last {
  order: 1; }

@media (min-width: 544px) {
  .col-sm-first {
    order: -1; }
  .col-sm-last {
    order: 1; } }

@media (min-width: 768px) {
  .col-md-first {
    order: -1; }
  .col-md-last {
    order: 1; } }

@media (min-width: 992px) {
  .col-lg-first {
    order: -1; }
  .col-lg-last {
    order: 1; } }

@media (min-width: 1200px) {
  .col-xl-first {
    order: -1; }
  .col-xl-last {
    order: 1; } }

.row-xs-top {
  align-items: flex-start; }

.row-xs-center {
  align-items: center; }

.row-xs-bottom {
  align-items: flex-end; }

@media (min-width: 544px) {
  .row-sm-top {
    align-items: flex-start; }
  .row-sm-center {
    align-items: center; }
  .row-sm-bottom {
    align-items: flex-end; } }

@media (min-width: 768px) {
  .row-md-top {
    align-items: flex-start; }
  .row-md-center {
    align-items: center; }
  .row-md-bottom {
    align-items: flex-end; } }

@media (min-width: 992px) {
  .row-lg-top {
    align-items: flex-start; }
  .row-lg-center {
    align-items: center; }
  .row-lg-bottom {
    align-items: flex-end; } }

@media (min-width: 1200px) {
  .row-xl-top {
    align-items: flex-start; }
  .row-xl-center {
    align-items: center; }
  .row-xl-bottom {
    align-items: flex-end; } }

.col-xs-top {
  align-self: flex-start; }

.col-xs-center {
  align-self: center; }

.col-xs-bottom {
  align-self: flex-end; }

@media (min-width: 544px) {
  .col-sm-top {
    align-self: flex-start; }
  .col-sm-center {
    align-self: center; }
  .col-sm-bottom {
    align-self: flex-end; } }

@media (min-width: 768px) {
  .col-md-top {
    align-self: flex-start; }
  .col-md-center {
    align-self: center; }
  .col-md-bottom {
    align-self: flex-end; } }

@media (min-width: 992px) {
  .col-lg-top {
    align-self: flex-start; }
  .col-lg-center {
    align-self: center; }
  .col-lg-bottom {
    align-self: flex-end; } }

@media (min-width: 1200px) {
  .col-xl-top {
    align-self: flex-start; }
  .col-xl-center {
    align-self: center; }
  .col-xl-bottom {
    align-self: flex-end; } }

.btn {
  display: inline-block;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.375rem 1rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem; }
  .btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
  .btn:focus, .btn:hover {
    text-decoration: none; }
  .btn.focus {
    text-decoration: none; }
  .btn:active, .btn.active {
    background-image: none;
    outline: 0; }
  .btn.disabled, .btn:disabled {
    cursor: not-allowed;
    opacity: .65; }

a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none; }

.btn-primary {
  color: #fff;
  background-color: #0275d8;
  border-color: #0275d8; }
  .btn-primary:hover {
    color: #fff;
    background-color: #025aa5;
    border-color: #01549b; }
  .btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: #025aa5;
    border-color: #01549b; }
  .btn-primary:active, .btn-primary.active,
  .open > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #025aa5;
    border-color: #01549b;
    background-image: none; }
    .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus,
    .open > .btn-primary.dropdown-toggle:hover,
    .open > .btn-primary.dropdown-toggle:focus,
    .open > .btn-primary.dropdown-toggle.focus {
      color: #fff;
      background-color: #014682;
      border-color: #01315a; }
  .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary:disabled:focus, .btn-primary:disabled.focus {
    background-color: #0275d8;
    border-color: #0275d8; }
  .btn-primary.disabled:hover, .btn-primary:disabled:hover {
    background-color: #0275d8;
    border-color: #0275d8; }

.btn-secondary {
  color: #373a3c;
  background-color: #fff;
  border-color: #ccc; }
  .btn-secondary:hover {
    color: #373a3c;
    background-color: #e6e6e6;
    border-color: #adadad; }
  .btn-secondary:focus, .btn-secondary.focus {
    color: #373a3c;
    background-color: #e6e6e6;
    border-color: #adadad; }
  .btn-secondary:active, .btn-secondary.active,
  .open > .btn-secondary.dropdown-toggle {
    color: #373a3c;
    background-color: #e6e6e6;
    border-color: #adadad;
    background-image: none; }
    .btn-secondary:active:hover, .btn-secondary:active:focus, .btn-secondary:active.focus, .btn-secondary.active:hover, .btn-secondary.active:focus, .btn-secondary.active.focus,
    .open > .btn-secondary.dropdown-toggle:hover,
    .open > .btn-secondary.dropdown-toggle:focus,
    .open > .btn-secondary.dropdown-toggle.focus {
      color: #373a3c;
      background-color: #d4d4d4;
      border-color: #8c8c8c; }
  .btn-secondary.disabled:focus, .btn-secondary.disabled.focus, .btn-secondary:disabled:focus, .btn-secondary:disabled.focus {
    background-color: #fff;
    border-color: #ccc; }
  .btn-secondary.disabled:hover, .btn-secondary:disabled:hover {
    background-color: #fff;
    border-color: #ccc; }

.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #5bc0de; }
  .btn-info:hover {
    color: #fff;
    background-color: #31b0d5;
    border-color: #2aabd2; }
  .btn-info:focus, .btn-info.focus {
    color: #fff;
    background-color: #31b0d5;
    border-color: #2aabd2; }
  .btn-info:active, .btn-info.active,
  .open > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #31b0d5;
    border-color: #2aabd2;
    background-image: none; }
    .btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus,
    .open > .btn-info.dropdown-toggle:hover,
    .open > .btn-info.dropdown-toggle:focus,
    .open > .btn-info.dropdown-toggle.focus {
      color: #fff;
      background-color: #269abc;
      border-color: #1f7e9a; }
  .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info:disabled:focus, .btn-info:disabled.focus {
    background-color: #5bc0de;
    border-color: #5bc0de; }
  .btn-info.disabled:hover, .btn-info:disabled:hover {
    background-color: #5bc0de;
    border-color: #5bc0de; }

.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #5cb85c; }
  .btn-success:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #419641; }
  .btn-success:focus, .btn-success.focus {
    color: #fff;
    background-color: #449d44;
    border-color: #419641; }
  .btn-success:active, .btn-success.active,
  .open > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #449d44;
    border-color: #419641;
    background-image: none; }
    .btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus,
    .open > .btn-success.dropdown-toggle:hover,
    .open > .btn-success.dropdown-toggle:focus,
    .open > .btn-success.dropdown-toggle.focus {
      color: #fff;
      background-color: #398439;
      border-color: #2d672d; }
  .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success:disabled:focus, .btn-success:disabled.focus {
    background-color: #5cb85c;
    border-color: #5cb85c; }
  .btn-success.disabled:hover, .btn-success:disabled:hover {
    background-color: #5cb85c;
    border-color: #5cb85c; }

.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #f0ad4e; }
  .btn-warning:hover {
    color: #fff;
    background-color: #ec971f;
    border-color: #eb9316; }
  .btn-warning:focus, .btn-warning.focus {
    color: #fff;
    background-color: #ec971f;
    border-color: #eb9316; }
  .btn-warning:active, .btn-warning.active,
  .open > .btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #ec971f;
    border-color: #eb9316;
    background-image: none; }
    .btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus,
    .open > .btn-warning.dropdown-toggle:hover,
    .open > .btn-warning.dropdown-toggle:focus,
    .open > .btn-warning.dropdown-toggle.focus {
      color: #fff;
      background-color: #d58512;
      border-color: #b06d0f; }
  .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning:disabled:focus, .btn-warning:disabled.focus {
    background-color: #f0ad4e;
    border-color: #f0ad4e; }
  .btn-warning.disabled:hover, .btn-warning:disabled:hover {
    background-color: #f0ad4e;
    border-color: #f0ad4e; }

.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d9534f; }
  .btn-danger:hover {
    color: #fff;
    background-color: #c9302c;
    border-color: #c12e2a; }
  .btn-danger:focus, .btn-danger.focus {
    color: #fff;
    background-color: #c9302c;
    border-color: #c12e2a; }
  .btn-danger:active, .btn-danger.active,
  .open > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #c9302c;
    border-color: #c12e2a;
    background-image: none; }
    .btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus,
    .open > .btn-danger.dropdown-toggle:hover,
    .open > .btn-danger.dropdown-toggle:focus,
    .open > .btn-danger.dropdown-toggle.focus {
      color: #fff;
      background-color: #ac2925;
      border-color: #8b211e; }
  .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger:disabled:focus, .btn-danger:disabled.focus {
    background-color: #d9534f;
    border-color: #d9534f; }
  .btn-danger.disabled:hover, .btn-danger:disabled:hover {
    background-color: #d9534f;
    border-color: #d9534f; }

.btn-primary-outline {
  color: #0275d8;
  background-image: none;
  background-color: transparent;
  border-color: #0275d8; }
  .btn-primary-outline:focus, .btn-primary-outline.focus, .btn-primary-outline:active, .btn-primary-outline.active,
  .open > .btn-primary-outline.dropdown-toggle {
    color: #fff;
    background-color: #0275d8;
    border-color: #0275d8; }
  .btn-primary-outline:hover {
    color: #fff;
    background-color: #0275d8;
    border-color: #0275d8; }
  .btn-primary-outline.disabled:focus, .btn-primary-outline.disabled.focus, .btn-primary-outline:disabled:focus, .btn-primary-outline:disabled.focus {
    border-color: #43a7fd; }
  .btn-primary-outline.disabled:hover, .btn-primary-outline:disabled:hover {
    border-color: #43a7fd; }

.btn-secondary-outline {
  color: #ccc;
  background-image: none;
  background-color: transparent;
  border-color: #ccc; }
  .btn-secondary-outline:focus, .btn-secondary-outline.focus, .btn-secondary-outline:active, .btn-secondary-outline.active,
  .open > .btn-secondary-outline.dropdown-toggle {
    color: #fff;
    background-color: #ccc;
    border-color: #ccc; }
  .btn-secondary-outline:hover {
    color: #fff;
    background-color: #ccc;
    border-color: #ccc; }
  .btn-secondary-outline.disabled:focus, .btn-secondary-outline.disabled.focus, .btn-secondary-outline:disabled:focus, .btn-secondary-outline:disabled.focus {
    border-color: white; }
  .btn-secondary-outline.disabled:hover, .btn-secondary-outline:disabled:hover {
    border-color: white; }

.btn-info-outline {
  color: #5bc0de;
  background-image: none;
  background-color: transparent;
  border-color: #5bc0de; }
  .btn-info-outline:focus, .btn-info-outline.focus, .btn-info-outline:active, .btn-info-outline.active,
  .open > .btn-info-outline.dropdown-toggle {
    color: #fff;
    background-color: #5bc0de;
    border-color: #5bc0de; }
  .btn-info-outline:hover {
    color: #fff;
    background-color: #5bc0de;
    border-color: #5bc0de; }
  .btn-info-outline.disabled:focus, .btn-info-outline.disabled.focus, .btn-info-outline:disabled:focus, .btn-info-outline:disabled.focus {
    border-color: #b0e1ef; }
  .btn-info-outline.disabled:hover, .btn-info-outline:disabled:hover {
    border-color: #b0e1ef; }

.btn-success-outline {
  color: #5cb85c;
  background-image: none;
  background-color: transparent;
  border-color: #5cb85c; }
  .btn-success-outline:focus, .btn-success-outline.focus, .btn-success-outline:active, .btn-success-outline.active,
  .open > .btn-success-outline.dropdown-toggle {
    color: #fff;
    background-color: #5cb85c;
    border-color: #5cb85c; }
  .btn-success-outline:hover {
    color: #fff;
    background-color: #5cb85c;
    border-color: #5cb85c; }
  .btn-success-outline.disabled:focus, .btn-success-outline.disabled.focus, .btn-success-outline:disabled:focus, .btn-success-outline:disabled.focus {
    border-color: #a3d7a3; }
  .btn-success-outline.disabled:hover, .btn-success-outline:disabled:hover {
    border-color: #a3d7a3; }

.btn-warning-outline {
  color: #f0ad4e;
  background-image: none;
  background-color: transparent;
  border-color: #f0ad4e; }
  .btn-warning-outline:focus, .btn-warning-outline.focus, .btn-warning-outline:active, .btn-warning-outline.active,
  .open > .btn-warning-outline.dropdown-toggle {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #f0ad4e; }
  .btn-warning-outline:hover {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #f0ad4e; }
  .btn-warning-outline.disabled:focus, .btn-warning-outline.disabled.focus, .btn-warning-outline:disabled:focus, .btn-warning-outline:disabled.focus {
    border-color: #f8d9ac; }
  .btn-warning-outline.disabled:hover, .btn-warning-outline:disabled:hover {
    border-color: #f8d9ac; }

.btn-danger-outline {
  color: #d9534f;
  background-image: none;
  background-color: transparent;
  border-color: #d9534f; }
  .btn-danger-outline:focus, .btn-danger-outline.focus, .btn-danger-outline:active, .btn-danger-outline.active,
  .open > .btn-danger-outline.dropdown-toggle {
    color: #fff;
    background-color: #d9534f;
    border-color: #d9534f; }
  .btn-danger-outline:hover {
    color: #fff;
    background-color: #d9534f;
    border-color: #d9534f; }
  .btn-danger-outline.disabled:focus, .btn-danger-outline.disabled.focus, .btn-danger-outline:disabled:focus, .btn-danger-outline:disabled.focus {
    border-color: #eba5a3; }
  .btn-danger-outline.disabled:hover, .btn-danger-outline:disabled:hover {
    border-color: #eba5a3; }

.btn-link {
  font-weight: normal;
  color: #0275d8;
  border-radius: 0; }
  .btn-link, .btn-link:active, .btn-link.active, .btn-link:disabled {
    background-color: transparent; }
  .btn-link, .btn-link:focus, .btn-link:active {
    border-color: transparent; }
  .btn-link:hover {
    border-color: transparent; }
  .btn-link:focus, .btn-link:hover {
    color: #014c8c;
    text-decoration: underline;
    background-color: transparent; }
  .btn-link:disabled:focus, .btn-link:disabled:hover {
    color: #818a91;
    text-decoration: none; }

.btn-lg {
  padding: 0.75rem 1.25rem;
  font-size: 1.25rem;
  line-height: 1.33333;
  border-radius: 0.3rem; }

.btn-sm {
  padding: 0.25rem 0.75rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem; }

.btn-block {
  display: block;
  width: 100%; }

.btn-block + .btn-block {
  margin-top: 5px; }

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%; }

.fade {
  opacity: 0;
  transition: opacity .15s linear; }
  .fade.in {
    opacity: 1; }

.collapse {
  display: none; }
  .collapse.in {
    display: block; }

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition-timing-function: ease;
  transition-duration: .35s;
  transition-property: height; }

/* softPulse animation */
.miniSoftPulse.animation {
  /*:not(.animationPaused):not(.animationOff)*/
  animation-name: miniSoftPulse;
  -webkit-animation-name: miniSoftPulse;
  animation-duration: 2s;
  -webkit-animation-duration: 2s;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-play-state: running;
  -webkit-animation-play-state: running; }

.miniSoftPulse.animation:hover,
.miniSoftPulse.animation.animationPaused,
.miniSoftPulse.animation.animationOff {
  animation-play-state: paused;
  -webkit-animation-play-state: paused; }

@keyframes miniSoftPulse {
  50% {
    transform: scale(0.95);
    opacity: 0.8; }
  0%, 30%, 70%, 100% {
    transform: scale(1);
    opacity: 1; } }

@-webkit-keyframes miniSoftPulse {
  50% {
    -webkit-transform: scale(0.95);
    opacity: 0.8; }
  1%, 30%, 70%, 100% {
    -webkit-transform: scale(1);
    opacity: 1; } }

/*
softPulse
*/
.softPulse.animation {
  /*:not(.animationPaused):not(.animationOff)*/
  animation-name: softPulse;
  -webkit-animation-name: softPulse;
  animation-duration: 8s;
  -webkit-animation-duration: 8s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  animation-play-state: running;
  -webkit-animation-play-state: running; }

.softPulse.animation:hover,
.softPulse.animation.animationPaused,
.softPulse.animation.animationOff {
  animation-play-state: paused;
  -webkit-animation-play-state: paused;
  animation-name: none;
  -webkit-animation-name: none;
  animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-iteration-count: 0;
  -webkit-animation-iteration-count: 0; }

@keyframes softPulse {
  18%, 30% {
    -webkit-transform: scale3d(1.04, 1.04, 1.04);
    transform: scale3d(1.04, 1.04, 1.04); }
  12%, 24%, 36%, 100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@-webkit-keyframes softPulse {
  18%, 30% {
    -webkit-transform: scale3d(1.04, 1.04, 1.04);
    transform: scale3d(1.04, 1.04, 1.04); }
  12%, 24%, 36%, 100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

/*
softPulse
*/
.close {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .2; }
  .close:focus, .close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .5; }

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none; }

.hidden-xs-up {
  display: none !important; }

@media (max-width: 543px) {
  .hidden-xs-down {
    display: none !important; } }

@media (min-width: 544px) {
  .hidden-sm-up {
    display: none !important; } }

@media (max-width: 767px) {
  .hidden-sm-down {
    display: none !important; } }

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

@media (max-width: 991px) {
  .hidden-md-down {
    display: none !important; } }

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

@media (max-width: 1199px) {
  .hidden-lg-down {
    display: none !important; } }

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

.hidden-xl-down {
  display: none !important; }

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

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

.visible-print-inline-block {
  display: none !important; }
  @media print {
    .visible-print-inline-block {
      display: inline-block !important; } }

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

/* ==========================================================================
   #BUTTONS
   ========================================================================== */
/**
 * 1. Allow us to style box model properties.
 * 2. Line different sized buttons up a little nicer.
 * 3. Make buttons inherit font styles
 *    (often necessary when styling `input`s as buttons).
 * 4. Reset/normalize some styles.
 * 5. Force all button-styled elements to appear clickable.
 */
.o-btn {
  border-radius: 0.25rem;
  color: inherit;
  cursor: pointer;
  /* [5] */
  display: inline-block;
  /* [1] */
  font: inherit;
  /* [3] */
  margin: 0;
  /* [4] */
  text-align: center;
  /* [4] */
  transition: all 300ms ease-in-out;
  vertical-align: middle;
  /* [2] */ }
  .o-btn:hover {
    filter: brightness(90%); }
  .o-btn.is-active {
    filter: brightness(80%); }

/* Ghost buttons
   ========================================================================== */
/**
 * Ghost buttons have see-through backgrounds and are bordered.
 *
 * 1. Inherit text color using the magical 'currentColor'.
 */
.o-btn--ghost {
  border-width: 1px;
  border-color: currentColor;
  /* [1] */
  border-style: solid; }
  .o-btn--ghost, .o-btn--ghost:hover, .o-btn--ghost:active, .o-btn--ghost:focus {
    background: none; }

/* Style variants
   ========================================================================== */
.o-btn--square {
  border-radius: 0; }

/* ==========================================================================
   #CENTER
   ========================================================================== */
/**
 * Centering utilities using flexbox, margin auto and position absolute.
 */
/*
   Flex
   ========================================================================== */
.u-center-flex {
  align-items: center;
  display: flex;
  flex: none;
  justify-content: center; }

.u-center-flex--vertical {
  align-items: initial; }

.u-center-flex--horizontal {
  justify-content: initial; }

/*
   Position Absolute
   ========================================================================== */
.u-center-pos {
  position: relative; }

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

.u-center-pos__item--vertical {
  left: auto;
  transform: translateY(-50%); }

.u-center-pos__item--horizontal {
  top: auto;
  transform: translateX(-50%); }

/*
   Margin Auto
   ========================================================================== */
.u-center-block {
  margin: 0 auto; }

.non-visual-disabled, .disabled {
  pointer-events: none; }

.disabled {
  cursor: default;
  opacity: .4; }

.ios_animation_accelerator {
  -webkit-transform: translate3d(0, 0, 0); }

.no_select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; }

/* ==========================================================================
   #LIST RESET
   ========================================================================== */
/**
 * Reset list completely of styling.
 */
.u-list-reset {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0; }
  .u-list-reset li {
    display: block; }

.richtext {
  background: #ffffff;
  border-radius: 10px;
  color: #212121;
  overflow: hidden; }
  .richtext .ql-container {
    font-family: inherit;
    border-radius: 0 0 10px 10px; }
  .richtext .ql-editor {
    font-size: 16px;
    min-height: 200px; }
    .richtext .ql-editor::before {
      color: #d8d8d8; }
    .richtext .ql-editor p + p {
      margin-top: 10px; }
  .richtext .ql-toolbar {
    background: #DFE2F3;
    border-radius: 10px 10px 0 0; }

.quest_mission .mission_content .mission_about div, .quest_mission .mission_content .mission_description > main div {
  margin-top: 10px;
  white-space: pre-line; }
  .quest_mission .mission_content .mission_about div b, .quest_mission .mission_content .mission_description > main div b, .quest_mission .mission_content .mission_about div strong, .quest_mission .mission_content .mission_description > main div strong {
    font-family: "Montserrat-Bold", sans-serif; }
  .quest_mission .mission_content .mission_about div i, .quest_mission .mission_content .mission_description > main div i, .quest_mission .mission_content .mission_about div em, .quest_mission .mission_content .mission_description > main div em {
    font-family: "Lato-Italic", LatoLatin-Italic, sans-serif; }
  .quest_mission .mission_content .mission_about div strong em, .quest_mission .mission_content .mission_description > main div strong em, .quest_mission .mission_content .mission_about div em strong, .quest_mission .mission_content .mission_description > main div em strong {
    font-family: "Montserrat-Bold", sans-serif;
    font-style: italic; }
  .quest_mission .mission_content .mission_about div a, .quest_mission .mission_content .mission_description > main div a {
    text-decoration: underline; }
  .quest_mission .mission_content .mission_about div ol, .quest_mission .mission_content .mission_description > main div ol {
    margin-bottom: 0;
    margin-top: 0; }
    .quest_mission .mission_content .mission_about div ol li, .quest_mission .mission_content .mission_description > main div ol li {
      counter-increment: list-num;
      counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; }
      .quest_mission .mission_content .mission_about div ol li::before, .quest_mission .mission_content .mission_description > main div ol li::before {
        content: counter(list-num, decimal) ". "; }
      .quest_mission .mission_content .mission_about div ol li.ql-indent-1, .quest_mission .mission_content .mission_description > main div ol li.ql-indent-1 {
        counter-increment: list-1;
        counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; }
        .quest_mission .mission_content .mission_about div ol li.ql-indent-1::before, .quest_mission .mission_content .mission_description > main div ol li.ql-indent-1::before {
          content: counter(list-1, lower-alpha) ". "; }
      .quest_mission .mission_content .mission_about div ol li.ql-indent-2, .quest_mission .mission_content .mission_description > main div ol li.ql-indent-2 {
        counter-increment: list-2;
        counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9; }
        .quest_mission .mission_content .mission_about div ol li.ql-indent-2::before, .quest_mission .mission_content .mission_description > main div ol li.ql-indent-2::before {
          content: counter(list-2, lower-roman) ". "; }
  .quest_mission .mission_content .mission_about div li, .quest_mission .mission_content .mission_description > main div li {
    list-style-type: none; }
    .quest_mission .mission_content .mission_about div li.ql-indent-1, .quest_mission .mission_content .mission_description > main div li.ql-indent-1 {
      padding-left: 3em; }
    .quest_mission .mission_content .mission_about div li.ql-indent-2, .quest_mission .mission_content .mission_description > main div li.ql-indent-2 {
      padding-left: 6em; }
    .quest_mission .mission_content .mission_about div li.ql-indent-3, .quest_mission .mission_content .mission_description > main div li.ql-indent-3 {
      padding-left: 9em; }
    .quest_mission .mission_content .mission_about div li::before, .quest_mission .mission_content .mission_description > main div li::before {
      content: '\2022';
      display: inline-block;
      margin-left: -1.5em;
      margin-right: .3em;
      text-align: right;
      white-space: nowrap;
      width: 1.2em; }
  .quest_mission .mission_content .mission_about div p.ql-indent-1, .quest_mission .mission_content .mission_description > main div p.ql-indent-1 {
    padding-left: 3em; }
  .quest_mission .mission_content .mission_about div p.ql-indent-2, .quest_mission .mission_content .mission_description > main div p.ql-indent-2 {
    padding-left: 6em; }
  .quest_mission .mission_content .mission_about div p.ql-indent-3, .quest_mission .mission_content .mission_description > main div p.ql-indent-3 {
    padding-left: 9em; }
  .quest_mission .mission_content .mission_about div p.ql-indent-4, .quest_mission .mission_content .mission_description > main div p.ql-indent-4 {
    padding-left: 12em; }
  .quest_mission .mission_content .mission_about div p.ql-indent-5, .quest_mission .mission_content .mission_description > main div p.ql-indent-5 {
    padding-left: 15em; }
  .quest_mission .mission_content .mission_about div p.ql-indent-6, .quest_mission .mission_content .mission_description > main div p.ql-indent-6 {
    padding-left: 18em; }
  .quest_mission .mission_content .mission_about div p.ql-indent-7, .quest_mission .mission_content .mission_description > main div p.ql-indent-7 {
    padding-left: 21em; }
  .quest_mission .mission_content .mission_about div p.ql-indent-8, .quest_mission .mission_content .mission_description > main div p.ql-indent-8 {
    padding-left: 24em; }
  .quest_mission .mission_content .mission_about div p.ql-indent-9, .quest_mission .mission_content .mission_description > main div p.ql-indent-9 {
    padding-left: 27em; }
  .quest_mission .mission_content .mission_about div p.ql-indent-10, .quest_mission .mission_content .mission_description > main div p.ql-indent-10 {
    padding-left: 30em; }

/* ==========================================================================
   #TRUNCATE
   ========================================================================== */
/**
 * Truncate single line
 */
.u-truncate, .switch-group-bar .switch-group h2, .page_community .modal_community_post main .uploaded_image span, .quest_feed .quest_feed_notif h2, .quest_feed .quest_feed_content .feed_add footer .feed_add_file label span, .page_analytics .quest_analytics .quest_feed_notif h2, .modal_mentor_message .feed_add footer .feed_add_file label span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

/**
 * Truncate multi line:
 * https://css-tricks.com/line-clampin/
 *
 * Not supported by Firefox, Edge & IE.
 */
.u-truncate-multi {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  display: block;
  height: 4.5em;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis; }

.embed-container {
  height: 0;
  max-width: 100%;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative; }
  .embed-container iframe, .embed-container object, .embed-container embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%; }

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

.quest_mission .mission_content .mission_about div, .quest_mission .mission_content .mission_description > main div, .quest_feed .feed_item p, .quest_mission .mission_footer .mission_advice > div li span, .quest_mission .mission_footer .mission_files li p {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto; }

/* ==========================================================================
   #WRAPPERS
   ========================================================================== */
/**
 * Page-level constraining and wrapping elements.
 */
/* stylelint-disable */
/* stylelint-enable */
.o-wrapper {
  margin-right: auto;
  margin-left: auto;
  max-width: 1200px; }

/* Style variants.
   ========================================================================== */
.o-wrapper--fluid {
  max-width: none;
  width: 100%; }

.app_get {
  height: 63px;
  width: 100%;
  align-items: center;
  background-color: rgba(33, 33, 33, 0.2);
  box-shadow: 0 9px 9px 0.1px rgba(117, 117, 117, 0.1);
  display: flex;
  height: 63px;
  justify-content: space-around;
  position: relative;
  text-align: center;
  z-index: 1; }
  .app_get::before {
    height: 48px;
    width: 48px;
    background-image: url("/styles/assets/logo-icon.png");
    border-radius: 5px;
    content: ''; }
  .app_get p {
    color: #ffffff; }
  .app_get .app_get_link {
    border: 1px solid #00a8ff;
    border-radius: 5px;
    color: #00a8ff;
    float: right;
    padding: 2px 10px; }

.app_get:not([style*="display:none"]) + #nav {
  top: 63px; }

.app_get_home {
  position: absolute;
  top: 0; }

.bg_level {
  background: linear-gradient(-90deg, #BED552 10%, #BED552 50%, #BED552 100%);
  background-position: 0 0;
  background-size: 1000% auto; }
  .bg_level.bg_level_1 {
    background-position: 0% 0; }
  .bg_level.bg_level_2 {
    background-position: 3% 0; }
  .bg_level.bg_level_3 {
    background-position: 6% 0; }
  .bg_level.bg_level_4 {
    background-position: 9% 0; }
  .bg_level.bg_level_5 {
    background-position: 12% 0; }
  .bg_level.bg_level_6 {
    background-position: 15% 0; }
  .bg_level.bg_level_7 {
    background-position: 18% 0; }
  .bg_level.bg_level_8 {
    background-position: 21% 0; }
  .bg_level.bg_level_9 {
    background-position: 24% 0; }
  .bg_level.bg_level_10 {
    background-position: 27% 0; }
  .bg_level.bg_level_11 {
    background-position: 30% 0; }
  .bg_level.bg_level_12 {
    background-position: 33% 0; }
  .bg_level.bg_level_13 {
    background-position: 36% 0; }
  .bg_level.bg_level_14 {
    background-position: 39% 0; }
  .bg_level.bg_level_15 {
    background-position: 42% 0; }
  .bg_level.bg_level_16 {
    background-position: 45% 0; }
  .bg_level.bg_level_17 {
    background-position: 48% 0; }
  .bg_level.bg_level_18 {
    background-position: 51% 0; }
  .bg_level.bg_level_19 {
    background-position: 54% 0; }
  .bg_level.bg_level_20 {
    background-position: 57% 0; }
  .bg_level.bg_level_21 {
    background-position: 60% 0; }
  .bg_level.bg_level_22 {
    background-position: 63% 0; }
  .bg_level.bg_level_23 {
    background-position: 66% 0; }
  .bg_level.bg_level_24 {
    background-position: 69% 0; }
  .bg_level.bg_level_25 {
    background-position: 72% 0; }
  .bg_level.bg_level_26 {
    background-position: 75% 0; }
  .bg_level.bg_level_27 {
    background-position: 78% 0; }
  .bg_level.bg_level_28 {
    background-position: 81% 0; }
  .bg_level.bg_level_29 {
    background-position: 84% 0; }
  .bg_level.bg_level_30 {
    background-position: 87% 0; }
  .bg_level.bg_level_31 {
    background-position: 90% 0; }
  .bg_level.bg_level_32 {
    background-position: 93% 0; }
  .bg_level.bg_level_33 {
    background-position: 96% 0; }
  .bg_level.bg_level_34 {
    background-position: 99% 0; }
  .bg_level.bg_level_35 {
    background-position: 102% 0; }
  .bg_level.bg_level_36 {
    background-position: 105% 0; }
  .bg_level.bg_level_37 {
    background-position: 108% 0; }
  .bg_level.bg_level_38 {
    background-position: 111% 0; }
  .bg_level.bg_level_39 {
    background-position: 114% 0; }
  .bg_level.bg_level_40 {
    background-position: 117% 0; }
  .bg_level.bg_level_41 {
    background-position: 120% 0; }
  .bg_level.bg_level_42 {
    background-position: 123% 0; }
  .bg_level.bg_level_43 {
    background-position: 126% 0; }
  .bg_level.bg_level_44 {
    background-position: 129% 0; }
  .bg_level.bg_level_45 {
    background-position: 132% 0; }
  .bg_level.bg_level_46 {
    background-position: 135% 0; }
  .bg_level.bg_level_47 {
    background-position: 138% 0; }
  .bg_level.bg_level_48 {
    background-position: 141% 0; }
  .bg_level.bg_level_49 {
    background-position: 144% 0; }
  .bg_level.bg_level_50 {
    background-position: 147% 0; }
  .bg_level.bg_level_51 {
    background-position: 150% 0; }
  .bg_level.bg_level_52 {
    background-position: 153% 0; }
  .bg_level.bg_level_53 {
    background-position: 156% 0; }
  .bg_level.bg_level_54 {
    background-position: 159% 0; }
  .bg_level.bg_level_55 {
    background-position: 162% 0; }
  .bg_level.bg_level_56 {
    background-position: 165% 0; }
  .bg_level.bg_level_57 {
    background-position: 168% 0; }
  .bg_level.bg_level_58 {
    background-position: 171% 0; }
  .bg_level.bg_level_59 {
    background-position: 174% 0; }
  .bg_level.bg_level_60 {
    background-position: 177% 0; }
  .bg_level.bg_level_61 {
    background-position: 180% 0; }
  .bg_level.bg_level_62 {
    background-position: 183% 0; }
  .bg_level.bg_level_63 {
    background-position: 186% 0; }
  .bg_level.bg_level_64 {
    background-position: 189% 0; }
  .bg_level.bg_level_65 {
    background-position: 192% 0; }
  .bg_level.bg_level_66 {
    background-position: 195% 0; }
  .bg_level.bg_level_67 {
    background-position: 198% 0; }
  .bg_level.bg_level_68 {
    background-position: 201% 0; }
  .bg_level.bg_level_69 {
    background-position: 204% 0; }
  .bg_level.bg_level_70 {
    background-position: 207% 0; }
  .bg_level.bg_level_71 {
    background-position: 210% 0; }
  .bg_level.bg_level_72 {
    background-position: 213% 0; }
  .bg_level.bg_level_73 {
    background-position: 216% 0; }
  .bg_level.bg_level_74 {
    background-position: 219% 0; }
  .bg_level.bg_level_75 {
    background-position: 222% 0; }
  .bg_level.bg_level_76 {
    background-position: 225% 0; }
  .bg_level.bg_level_77 {
    background-position: 228% 0; }
  .bg_level.bg_level_78 {
    background-position: 231% 0; }
  .bg_level.bg_level_79 {
    background-position: 234% 0; }
  .bg_level.bg_level_80 {
    background-position: 237% 0; }
  .bg_level.bg_level_81 {
    background-position: 240% 0; }
  .bg_level.bg_level_82 {
    background-position: 243% 0; }
  .bg_level.bg_level_83 {
    background-position: 246% 0; }
  .bg_level.bg_level_84 {
    background-position: 249% 0; }
  .bg_level.bg_level_85 {
    background-position: 252% 0; }
  .bg_level.bg_level_86 {
    background-position: 255% 0; }
  .bg_level.bg_level_87 {
    background-position: 258% 0; }
  .bg_level.bg_level_88 {
    background-position: 261% 0; }
  .bg_level.bg_level_89 {
    background-position: 264% 0; }
  .bg_level.bg_level_90 {
    background-position: 267% 0; }
  .bg_level.bg_level_91 {
    background-position: 270% 0; }
  .bg_level.bg_level_92 {
    background-position: 273% 0; }
  .bg_level.bg_level_93 {
    background-position: 276% 0; }
  .bg_level.bg_level_94 {
    background-position: 279% 0; }
  .bg_level.bg_level_95 {
    background-position: 282% 0; }
  .bg_level.bg_level_96 {
    background-position: 285% 0; }
  .bg_level.bg_level_97 {
    background-position: 288% 0; }
  .bg_level.bg_level_98 {
    background-position: 291% 0; }
  .bg_level.bg_level_99 {
    background-position: 294% 0; }
  .bg_level.bg_level_100 {
    background-position: 297% 0; }
  .bg_level.transitioned {
    transition: background-position 0.4s linear; }

.c-btn--cta {
  background: #F0AB33;
  border: 2px solid transparent;
  border-radius: 30px;
  color: #ffffff;
  display: inline-block;
  font-family: "Montserrat-Bold", sans-serif;
  padding: 10px 20px;
  text-align: center;
  text-transform: uppercase;
  min-width: 150px; }
  .c-btn--cta:hover {
    background-color: #eea11b; }
  .c-btn--cta:active {
    background-color: #e09410; }

/* ==========================================================================
   #BUTTONS
   ========================================================================== */
/**
 * 1. Allow us to style box model properties.
 * 2. Line different sized buttons up a little nicer.
 * 3. Make buttons inherit font styles
 *    (often necessary when styling `input`s as buttons).
 * 4. Reset/normalize some styles.
 * 5. Force all button-styled elements to appear clickable.
 */
.o-btn {
  border-radius: 0.25rem;
  color: inherit;
  cursor: pointer;
  /* [5] */
  display: inline-block;
  /* [1] */
  font: inherit;
  /* [3] */
  margin: 0;
  /* [4] */
  min-width: auto;
  text-align: center;
  /* [4] */
  transition: all 300ms ease-in-out;
  vertical-align: middle;
  /* [2] */ }
  .o-btn:hover {
    filter: brightness(90%); }
  .o-btn.is-active {
    filter: brightness(80%); }

.o-modal--edit-team .c-field__group .o-btn {
  border-radius: 10px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  min-width: 100px;
  text-transform: uppercase; }

.o-btn--cta {
  background: #F0AB33;
  color: #ffffff; }

.o-btn--error {
  background: #ea0048;
  color: #ffffff; }

.o-btn--disabled {
  background: transparent;
  border-color: #d6d3db;
  color: #919191; }

.o-btn.deleteModalBtn {
  padding: 10px 20px; }

.builder_helper {
  overflow: visible !important;
  position: relative;
  cursor: pointer; }
  .builder_helper:hover::after, .builder_helper.active::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 5px solid #F0AB33;
    border-radius: 12.5px;
    content: '';
    margin: -8px;
    pointer-events: none; }
  .builder_helper:hover:not(.builder_helper_dragged)[draggable='true']::before, .builder_helper.drag_ghost[draggable='true']::before {
    position: absolute;
    top: -48px;
    right: -6px;
    height: 55px;
    width: 55px;
    background: rgba(0, 0, 0, 0.5) url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#fff" d="M21.251 0.286l4.073 4.073-5.12 5.091 2.516 2.516 5.091-5.12 4.073 4.073v-10.633zM0 10.918l4.073-4.073 5.091 5.12 2.502-2.516-5.105-5.091 4.073-4.073h-10.633zM10.633 32.169l-4.073-4.073 5.105-5.091-2.502-2.502-5.091 5.105-4.073-4.073v10.633zM31.884 32.169h-10.633l4.073-4.073-5.12-5.091 2.516-2.502 5.091 5.105 4.073-4.073z"></path></svg>') center/22px no-repeat;
    border-radius: 0 10px;
    border-width: 0 0 3px 3px;
    border: 3px solid #F0AB33;
    content: '';
    display: block;
    z-index: 4020; }
  .builder_helper .mq-asterisk {
    position: relative;
    top: -5px;
    right: 0;
    bottom: 0;
    left: 2px;
    color: #ea0048;
    font-size: 10px; }

.builder_overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  align-items: center;
  border: 1px dashed #ffffff;
  border-radius: 10px;
  box-sizing: content-box;
  color: #ffffff;
  cursor: pointer;
  display: flex;
  font-size: 20px;
  justify-content: center;
  z-index: 3500; }
  .builder_overlay::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url("assets/builder/bg_pattern.png") top left repeat;
    border-radius: 20px;
    box-shadow: 0 0 16px 10px rgba(60, 48, 95, 0.53);
    content: '';
    display: block;
    opacity: .5;
    z-index: -1; }

.builder_helper_initial {
  position: relative; }
  .builder_helper_initial:hover::after, .builder_helper_initial.active::after,
  .builder_helper_initial .builder_overlay {
    position: absolute;
    top: 10px;
    right: 15px;
    bottom: -2px;
    left: 15px;
    background: none; }
  .builder_helper_initial .builder_overlay {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center; }
    .builder_helper_initial .builder_overlay .btn {
      background: #F0AB33;
      border: 2px solid transparent;
      border-radius: 30px;
      color: #ffffff;
      display: inline-block;
      font-family: "Montserrat-Bold", sans-serif;
      padding: 10px 20px;
      text-align: center;
      text-transform: uppercase;
      font-size: 14px;
      width: 240px; }
      .builder_helper_initial .builder_overlay .btn:hover {
        background-color: #eea11b; }
      .builder_helper_initial .builder_overlay .btn:active {
        background-color: #e09410; }
    .builder_helper_initial .builder_overlay .dropdown {
      margin-top: 5px;
      position: relative; }
      .builder_helper_initial .builder_overlay .dropdown ul {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        background: #ffffff;
        border-radius: 10px;
        padding: 5px;
        top: 100%;
        display: none;
        z-index: 3000;
        box-shadow: 0 0 16px 10px rgba(60, 48, 95, 0.53); }
      .builder_helper_initial .builder_overlay .dropdown:hover ul {
        display: block; }
      .builder_helper_initial .builder_overlay .dropdown li:not(:last-child) {
        margin-bottom: 5px; }
      .builder_helper_initial .builder_overlay .dropdown .btn-dropdown {
        background: #7c88cf;
        border: 2px solid transparent;
        border-radius: 30px;
        color: #ffffff;
        display: inline-block;
        font-family: "Montserrat-Bold", sans-serif;
        padding: 10px 20px;
        text-align: center;
        text-transform: uppercase;
        border: 2px solid #ffffff;
        padding: 5px 10px;
        text-transform: none; }
        .builder_helper_initial .builder_overlay .dropdown .btn-dropdown:hover {
          background-color: #6977c8; }
        .builder_helper_initial .builder_overlay .dropdown .btn-dropdown:active {
          background-color: #5766c1; }
        .builder_helper_initial .builder_overlay .dropdown .btn-dropdown svg {
          height: 20px;
          width: 20px;
          vertical-align: middle;
          fill: currentColor; }
      .builder_helper_initial .builder_overlay .dropdown .btn {
        width: 100%;
        box-sizing: border-box; }
  .builder_helper_initial .level_block {
    opacity: .15; }

.level_content .level_block .builder_overlay {
  position: absolute;
  top: -5px;
  right: -5px;
  bottom: -5px;
  left: -5px;
  background: none;
  top: -50px; }

.level_content .level_block:hover::after, .level_content .level_block.active::after {
  margin: 0 -8px -8px;
  top: -50px; }

.level_content .level_block.builder_helper_dragged {
  background: rgba(0, 0, 0, 0.5); }
  .level_content .level_block.builder_helper_dragged:hover::after {
    border: none; }
  .level_content .level_block.builder_helper_dragged > * {
    opacity: 0; }

.level_content .level_block.builder_helper_mark::before {
  height: 100%;
  width: 4px;
  position: absolute;
  top: 0;
  background: #ffc700;
  border-radius: 5px;
  content: ''; }

.level_content .level_block.builder_helper_mark.builder_helper_mark_left::before {
  left: -22px; }

.level_content .level_block.builder_helper_mark.builder_helper_mark_right::before {
  right: -22px; }

.level_challenge.builder_helper {
  height: 48px;
  min-width: 170px;
  margin: 0; }

.mission_challenge.builder_helper {
  height: 34px;
  min-width: 190px; }

.level_builder_add {
  display: inline-block;
  vertical-align: middle;
  width: 75px;
  border: 2px solid #ffffff;
  border-radius: 10px;
  color: inherit;
  cursor: pointer;
  font: 15px "Montserrat-Bold", sans-serif;
  margin-right: 5px;
  padding: 10px; }

.modal_success.ui-dialog h2.builder_helper {
  display: inline-block; }

.modal_success.ui-dialog .habits_block_content .habits_block_desc .builder_overlay {
  margin: 0; }

.c-coupon-active {
  color: #e3499d;
  font-size: 18px; }
  .c-coupon-active > * {
    padding: 5px 0; }
  .c-coupon-active small {
    color: #757575;
    font-size: 12px; }
  .c-coupon-active p {
    font-family: "Montserrat-Bold", sans-serif; }
  .c-coupon-active span {
    background: #ffffff;
    border-radius: 10px;
    display: inline-block;
    font-size: 20px;
    padding: 5px; }

.c-coupon {
  color: #757575;
  font-size: 20px;
  margin-top: auto;
  padding-top: 10px;
  width: 100%; }
  .c-coupon .c-coupon--link {
    color: #3593da;
    display: block; }
  .c-coupon .c-coupon--link--multi {
    color: #fff;
    display: block; }
  .c-coupon .o-field__group {
    background: #ffffff; }
  .c-coupon .o-btn {
    background: #F0AB33;
    color: #ffffff;
    outline: none; }
  .c-coupon .o-field__help {
    color: #d0021b;
    left: 0;
    margin-top: 5px;
    right: 0; }

.c-coupon--mobile {
  padding-bottom: 12px; }
  @media (min-width: 46.25em) {
    .c-coupon--mobile {
      display: none; } }

@media (min-width: 20em) and (max-width: 46.24em) {
  .c-coupon--desktop {
    display: none; } }

/* ==========================================================================
   # Form Fields
   ========================================================================== */
:root {
  --form-field-border-radius: 10px;
  --form-field-border: transparent;
  --form-field-spacing: 10px; }

/**
 * 1. Prepare to absolute position items, E.g. hint/dropdown etc.
 */
.o-field, .page_users .pagination-bottom .-pageJump {
  position: relative;
  /* [1] */ }

/* Field Header
   ========================================================================== */
.o-field__header {
  margin-bottom: var(--form-field-spacing); }

/* Field Body
   ========================================================================== */
/**
 * 1. Background color, if any, is applied on the o-field/o-field__group.
 * 2. inherit the color from the inverted bg, or from text.
 */
.o-field__input, .page_users .ReactTable .rt-thead.-filters input, .page_users .pagination-bottom .-pageJump input {
  border: var(--form-field-border);
  padding: var(--form-field-spacing);
  background: transparent;
  /* [1] */
  color: inherit;
  /* [2] */ }

/**
 * Field Group Styling.
 * Prefix/Suffix can either be more input fields, icons or just plain text.
 *
 * 1. Apply border on group instead of children.
 * 2. All children element are likely to have the same padding.
 *    Can be adjusted in size variants.
 * 3. Inherit proper border radius to first/last children to prevent overflow.
 *    Also remove others, in case they are declared elsewhere (E.g. o-btn).
 * 4. Apply border between inner group elements, if need be.
 * 5. Button/Submit should keep their border radius and well as bigger right/left pad.
 * 6. Input should always stretch for the remaining width, if any. EXPERIMENTAL.
 */
.o-field__group {
  display: flex;
  align-items: stretch;
  border: var(--form-field-border);
  /* [1] */
  border-radius: var(--form-field-border-radius);
  /* [6] */ }
  .o-field__group > * {
    padding: var(--form-field-spacing);
    /* [2] */
    border: 0;
    /* [1] */ }
  .o-field__group > :first-child {
    /* [3] */
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: 0;
    border-top-left-radius: inherit;
    border-top-right-radius: 0; }
  .o-field__group > :last-child {
    /* [3] */
    border-bottom-left-radius: 0;
    border-bottom-right-radius: inherit;
    border-top-left-radius: 0;
    border-top-right-radius: inherit; }
  .o-field__group > .o-btn {
    /* [5] */
    padding-right: calc(var(--form-field-spacing) * 2);
    padding-left: calc(var(--form-field-spacing) * 2); }
  .o-field__group > .o-field__input, .page_users .ReactTable .rt-thead.-filters .o-field__group > input, .page_users .pagination-bottom .-pageJump .o-field__group > input {
    flex: 1; }

.o-field__group--bordered {
  /* [4] */ }
  .o-field__group--bordered > :not(:last-child) {
    border-right: inherit; }

/**
 * Field Input Styling.
 * It should get the same values as part of an input group (padding/border),
 * but added to the negated rule as a matter of convenience.
 *
 * 1. Apply border radius when not part of a field group.
 */
:not(.o-field__group) > .o-field__input, .page_users .ReactTable .rt-thead.-filters :not(.o-field__group) > input, .page_users .pagination-bottom .-pageJump :not(.o-field__group) > input {
  border-radius: var(--form-field-border-radius);
  /* [1] */ }

/**
 * Prefix and suffix basic design.
 */
.o-field__prefix,
.o-field__suffix {
  background: inherit; }

/* Field Dropdowns
   ========================================================================== */
/**
 * Field dropdowns are siblings to either o-field__input or o-field__group,
 *
 * 1. Hide initially. Triggered either w/ JS or hover.
 * 2. Position just below, above and give full width.
 */
.o-field__dropdown {
  border: var(--form-field-border);
  display: none;
  /* [1] */
  padding: var(--form-field-spacing);
  position: absolute;
  /* [2] */
  top: 100%;
  /* [2] */
  width: 100%;
  /* [2] */
  z-index: 3000;
  /* [2] */ }

.o-field__option {
  padding: calc(var(--form-field-spacing) / 2);
  text-align: left; }

/**
 * Autocomplete hint while typing.
 */
.o-field__hint {
  color: currentColor; }

/* Field Footer
   ========================================================================== */
/**
 * The field footer contains misc information like character count and hints/errors.
 *
 * 1. Give margin top because footer is not always present.
 */
.o-field__footer {
  align-items: center;
  display: flex;
  margin-top: calc(var(--form-field-spacing) / 2);
  /* [1] */ }

/**
 * 1. Don't jump when showing the hint, in case there aren't other elements
 *    to fill the footer space.
 */
/**
 * 1. Have counter always to the right.
 */
.o-field__counter {
  margin-left: auto; }

/* [1] */
/* ==========================================================================
  # Form Fields
  ========================================================================== */
.c-field {
  font-size: 14px;
  position: relative; }
  .c-field:not(:last-child) {
    margin-bottom: 24px; }
  .c-field .checkbox {
    align-items: center;
    cursor: pointer;
    display: flex; }
    .c-field .checkbox .checker {
      height: 25px;
      width: 25px;
      border: 1px solid #000000;
      border-radius: 5px;
      position: relative; }
      .c-field .checkbox .checker i {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%); }
    .c-field .checkbox .caption {
      color: rgba(0, 0, 0, 0.7);
      font-size: 14px;
      margin: 0;
      margin-left: 15px; }
    .c-field .checkbox:not(.is-checked) .checker i {
      display: none; }
  .c-field.fieldSelectBuddy {
    margin-bottom: 10px; }

/* Field Header
   ========================================================================== */
.c-field__header {
  margin-bottom: 12px; }
  .c-field__header h3, .c-field__header .helper {
    font: normal 13px "Lato-Light", LatoLatin-Light, sans-serif;
    text-transform: none; }
  .c-field__header .helper {
    color: #888199; }
  .c-field__header .required {
    font-size: 8px;
    vertical-align: super;
    margin-left: 2px; }

/* Field Body
   ========================================================================== */
/**
 * Field Group Styling.
 * Prefix/Suffix can either be more input fields, icons or just plain text.
 *
 * 1. Apply border on all children of group (otherwise will overflow).
 * 2. All children element are likely to have the same padding.
 *    Can be adjusted in size variants.
 * 3. Apply border radius only to first/last children (duh).
 * 4. Remove border left from every child expect the first one.
 *    We set only the color to transparent so we can apply success/error colors easily
 *    (See color variants section).
 */
.c-field__group {
  display: flex;
  align-items: stretch;
  /* [4] */ }
  .c-field__group > * {
    padding: 12px;
    /* [2] */
    border: 1px solid #a2a2a2;
    /* [1] */ }
  .c-field__group > :first-child {
    /* [3] */
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px; }
  .c-field__group > :last-child {
    /* [3] */
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px; }
  .c-field__group > :not(:first-child) {
    border-left-color: transparent; }

.c-field__prefix,
.c-field__suffix {
  background: #e0e3f3; }

/**
 * Field Input Styling.
 * It should get the same values as part of an input group (padding/border),
 * but added to the negated rule as a matter of convenience.
 *
 * 1. Apply border radius when not part of a field group.
 */
.c-field__input {
  width: 100%; }
  .c-field__input.higher {
    height: 110px; }

:not(.c-field__group) > .c-field__input {
  background: #fcfcfc;
  border: 1px solid #a2a2a2;
  padding: 12px;
  /* [1] */ }
  :not(.c-field__group) > .c-field__input:not(.ql-container) {
    border-radius: 10px; }

/**
 * Field Symbol
 * Carets, Search and other misc inside the input itseld.
 */
.c-field__symbol {
  align-items: center;
  background: inherit;
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
  border: inherit;
  border-left: none;
  display: flex;
  height: 100%;
  justify-content: center;
  padding: 0 10px;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0; }

/**
 * Field Select
 * Like input, but make the select get the padding and not the parent.
 */
.c-field__select {
  background: #fcfcfc;
  border-radius: 10px;
  border: 1px solid #a2a2a2;
  width: 100%; }
  .c-field__select select {
    padding: 12px; }

/* Field Footer
   ========================================================================== */
.c-field__footer {
  align-items: center;
  display: flex;
  margin-top: 6px; }

/* ==========================================================================
   #MEDIA
   ========================================================================== */
/**
 * Modern implementation of media/media object
 * http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code
 *
 * 1. Default to aligning content to their middles.
 */
.o-media {
  display: flex;
  flex: 1;
  align-items: center;
  /* [1] */ }

/**
 * media images have a space between them and the body of the object.
 *
 * 1. Force `.media__img` to take up as little space as possible.
 */
.o-media__img {
  flex: 0 0 auto;
  /* [1] */
  margin-bottom: 0; }
  .o-media__img > img {
    display: block; }

/**
 * The container for the main content of the media object.
 *
 * 1. Forces the `.media__body` to take up all remaining space.
 */
.o-media__body {
  flex: 1 1 auto;
  /* [1] */ }
  .o-media__body,
  .o-media__body > :last-child {
    margin-bottom: 0; }

/* Reversed media.
   ========================================================================== */
/**
 * 1. Swap the rendered direction of the object…
 * 2. Reassign margins to the correct sides.
 */
.o-media--reverse {
  flex-direction: row-reverse;
  /* [1] */ }
  .o-media--reverse > .o-media__img {
    margin-right: 0;
    /* [2] */ }

/* Alignment variants.
   ========================================================================== */
/**
 * Vertically align the image- and body-content differently.
 * Defaults to middle.
 */
.o-media--top {
  align-items: flex-start; }

.o-media--bottom {
  align-items: flex-end; }

/**
 * Modal General styling
 * 27.11.2018
 */
.o-modal {
  /**
 * Modal close button,
 * Just stick it to the top, no floating!
 */
  /**
 * Header design
 */
  /**
 * Body design
 *
 * 1. needed to override specificity of modal_success...
 */ }
  .ui-dialog .o-modal {
    padding: 20px 30px; }
    @media (min-width: 46.25em) {
      .ui-dialog .o-modal {
        padding: 40px 70px 20px; } }
  .o-modal .close {
    position: absolute;
    right: 10px;
    top: 10px; }
  .o-modal .o-modal__header {
    color: #4a4a4a;
    flex-direction: column;
    text-align: center; }
    .o-modal .o-modal__header h2 {
      font-size: 26px; }
    .o-modal .o-modal__header p {
      font-size: 16px; }
  .o-modal .resourceCenterModalHeader {
    margin-top: 25px; }
  @media (min-width: 46.25em) {
    .o-modal .o-modal__body.resourceCenterBuddy {
      max-height: 650px !important; } }
  @media (min-width: 20em) and (max-width: 46.24em) {
    .o-modal .o-modal__body.resourceCenterBuddy {
      max-height: 500px !important; } }
  .o-modal .o-modal__body {
    text-align: left;
    /* [1] */ }
    .ui-dialog .o-modal .o-modal__body .description {
      max-width: none; }

.user_notif {
  position: relative; }
  .user_notif .user_notif_mark {
    height: 20px;
    width: 20px;
    background: #ea0048;
    border-radius: 50%;
    color: #f5f5f5;
    display: inline-block;
    font-family: "Montserrat-Bold", sans-serif;
    font-size: 10px;
    position: relative;
    position: absolute;
    top: -5px;
    right: -10px; }
    .user_notif .user_notif_mark > * {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%); }
    .user_notif .user_notif_mark:not(.is-shown) {
      display: none; }
  .user_notif ul {
    display: none; }

.nav_community.user_notif,
.nav_diary.user_notif,
.nav_1x1Coaching.user_notif {
  position: relative; }
  .nav_community.user_notif .user_notif_mark,
  .nav_diary.user_notif .user_notif_mark,
  .nav_1x1Coaching.user_notif .user_notif_mark {
    height: 12px;
    width: 12px;
    background: #ea0048;
    border-radius: 50%;
    color: #f5f5f5;
    display: inline-block;
    font-family: "Montserrat-Bold", sans-serif;
    font-size: 6px;
    position: relative;
    position: absolute;
    top: -5px;
    right: -5px; }
    .nav_community.user_notif .user_notif_mark > *,
    .nav_diary.user_notif .user_notif_mark > *,
    .nav_1x1Coaching.user_notif .user_notif_mark > * {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%); }
    .nav_community.user_notif .user_notif_mark:not(.is-shown),
    .nav_diary.user_notif .user_notif_mark:not(.is-shown),
    .nav_1x1Coaching.user_notif .user_notif_mark:not(.is-shown) {
      display: none; }

.quest_links .user_notif {
  position: relative; }
  .quest_links .user_notif .user_notif_mark {
    height: 12px;
    width: 12px;
    background: #ea0048;
    border-radius: 50%;
    color: #f5f5f5;
    display: inline-block;
    font-family: "Montserrat-Bold", sans-serif;
    font-size: 6px;
    position: relative;
    position: absolute;
    top: auto;
    bottom: 40px;
    left: 50%; }
    .quest_links .user_notif .user_notif_mark > * {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%); }
    .quest_links .user_notif .user_notif_mark:not(.is-shown) {
      display: none; }
  .quest_links .user_notif .user_notif_mark {
    margin-left: 6px;
    top: 18px; }

/* ==========================================================================
   #RATIO
   ========================================================================== */
/**
 * Create ratio-bound content blocks, to keep media (e.g. images, videos) in
 * their correct aspect ratios.
 *
 * http://alistapart.com/article/creating-intrinsic-ratios-for-video
 *
 * 1. Default cropping is a 1:1 ratio (i.e. a perfect square).
 */
.o-ratio {
  position: relative;
  display: block;
  overflow: hidden; }
  .o-ratio:before {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 100%;
    /* [1] */ }

.o-ratio__content,
.o-ratio > iframe,
.o-ratio > embed,
.o-ratio > object {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%; }

/* stylelint-disable */
/* Ratio variants.
   ========================================================================== */
/**
 * Generate a series of ratio classes to be used like so:
 *
 *   <div class="o-ratio  o-ratio--16:9">
 *
 */
.o-ratio--2\:1:before {
  padding-bottom: 50%; }

.o-ratio--4\:3:before {
  padding-bottom: 75%; }

.o-ratio--16\:9:before {
  padding-bottom: 56.25%; }

/* stylelint-enable */
/* ==========================================================================
   # Builder Sections
   ========================================================================== */
/**
 * General design for  sections.
 * dervied initially from landing page builder.
 */
.c-section {
  padding: 24px 0; }

/**
 * Landing page builder section header
 */
.c-section__header {
  margin-right: 48px;
  margin-top: 12px; }
  .c-section__header.withTooltip {
    display: flex; }
    .c-section__header.withTooltip .tooltipSection {
      margin-left: 10px; }
    .c-section__header.withTooltip .tooltipMessage {
      background-color: #626262;
      border-radius: 3px;
      color: #ffffff;
      font-size: 13px;
      left: 900%;
      padding: 10px;
      transform: translateX(-50%);
      white-space: normal; }
  .c-section__header h3 {
    color: #3d2f5f;
    margin-bottom: 12px;
    font: bold 15px "Lato-Light", LatoLatin-Light, sans-serif; }
  .c-section__header .description {
    color: #757575;
    font-size: 12px;
    letter-spacing: .5px; }
  .c-section__header .required {
    font-size: 10px;
    vertical-align: super;
    margin-left: 2px; }

/**
 * Landing page builder section body
 */
.c-section__body {
  border-radius: 10px;
  flex: 0; }

/**
 * Landing page builder section footer
 */
.c-section__footer {
  text-align: center; }
  .c-section__footer .o-btn {
    background: #F0AB33;
    border: 2px solid transparent;
    border-radius: 30px;
    color: #ffffff;
    display: inline-block;
    font-family: "Montserrat-Bold", sans-serif;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px; }
    .c-section__footer .o-btn:hover {
      background-color: #eea11b; }
    .c-section__footer .o-btn:active {
      background-color: #e09410; }

.o-select {
  appearance: none;
  border-radius: inherit;
  border: none;
  display: block;
  outline: 0;
  width: 100%; }

select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000000; }

option:not(:checked) {
  color: #000000; }

/* prevent <option>s from becoming transparent as well */
/* ==========================================================================
   #SWITCH
   ========================================================================== */
.o-switch {
  align-items: center;
  background-color: rgba(255, 255, 255, 0.46);
  border-radius: 100px;
  cursor: pointer;
  display: flex;
  height: 40px;
  margin: 25px auto;
  position: relative;
  width: 280px; }
  @media (min-width: 61.25em) {
    .o-switch {
      margin: 60px auto; } }

/**
 * Switch Options
 */
.o-switch__option {
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.4px;
  position: relative;
  text-align: center;
  width: 50%;
  z-index: 1; }
  .o-switch__option.is-active {
    color: #52128a; }

/**
 * Switch Option Counter
 */
.o-switch__option[data-count]::after {
  align-items: center;
  background: #c43273;
  border-radius: 50%;
  color: white;
  content: attr(data-count);
  display: inline-block;
  font-size: 11px;
  height: 18px;
  justify-content: center;
  line-height: 18px;
  margin-left: 5px;
  width: 18px; }

/**
 * Switch Handle
 */
.o-switch__handle {
  background: #ffffff;
  border-radius: inherit;
  bottom: 0;
  left: 0;
  position: absolute;
  top: 0;
  width: calc(50% + 10px); }
  .o-switch__handle.is-left {
    left: 0; }
  .o-switch__handle.is-right {
    left: calc(50% - 10px); }

/**
 * Switch Transition
 */
.o-switch__label,
.o-switch__handle {
  transition: left .3s ease; }

/* ==========================================================================
   #TABLE
   ========================================================================== */
/**
 * React table global styling
 */
.ReactTable {
  border: none; }

/* ==========================================================================
   #TABLE HEADER
   ========================================================================== */
.o-table__header {
  background: #dde2f3;
  border-radius: 20px 20px 0 0;
  display: flex;
  justify-content: flex-end;
  padding: 12px; }
  .o-table__header > div:not(:last-child) {
    margin-right: 10px; }

/**
 * Table "inner" header
 */
.ReactTable .rt-thead {
  background: #f0f3ff; }
  .ReactTable .rt-thead.-header {
    padding-top: 12px; }
  .ReactTable .rt-thead.-filters {
    padding-bottom: 12px; }

.ReactTable .rt-tbody {
  overflow-x: hidden !important; }

/**
 * Sort triangle icons with state.
 */
.ReactTable .rt-thead .rt-th:not(.no-sort) {
  box-shadow: none !important; }
  .ReactTable .rt-thead .rt-th:not(.no-sort) .rt-resizable-header-content {
    display: inline-block;
    font-weight: bold;
    height: 21px;
    line-height: 21px;
    padding-left: 15px;
    position: relative; }
    .ReactTable .rt-thead .rt-th:not(.no-sort) .rt-resizable-header-content::before, .ReactTable .rt-thead .rt-th:not(.no-sort) .rt-resizable-header-content::after {
      content: '';
      position: absolute;
      left: 0;
      border: 5px solid transparent;
      border-width: 5px 3px; }
    .ReactTable .rt-thead .rt-th:not(.no-sort) .rt-resizable-header-content::before {
      top: 12px;
      border-top-color: #888199; }
    .ReactTable .rt-thead .rt-th:not(.no-sort) .rt-resizable-header-content::after {
      border-bottom-color: #888199;
      bottom: 12px; }

.ReactTable .rt-thead .rt-th.-sort-asc {
  box-shadow: none !important; }

.ReactTable .rt-thead .rt-th.-sort-desc {
  box-shadow: none !important; }

.ReactTable .rt-thead .rt-th.-sort-desc .rt-resizable-header-content::before {
  border-top-color: black; }

.ReactTable .rt-thead .rt-th.-sort-asc .rt-resizable-header-content::after {
  border-bottom-color: black; }

/* ==========================================================================
   #TABLE ROWS
   ========================================================================== */
.rt-tr.-even {
  background-color: #f8f8f8; }

/**
 * Inactive state of table row.
 *
 * 1. Make whole row gray-scaled, but not on marker.
 * 2. Set position for red marker.
 * 3. Don't pass pointer events through.
 */
.rt-tr-group[disabled] {
  pointer-events: none;
  /* [3] */
  position: relative;
  /* [2] */
  /* [1] */ }
  .rt-tr-group[disabled] .rt-tr {
    filter: grayscale(100%); }
  .rt-tr-group[disabled]::before {
    background-color: #e41818;
    box-shadow: inset 0 0 14px 0 rgba(255, 255, 255, 0.55);
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 8px; }

/* ==========================================================================
   #TABLE COLUMNS
   ========================================================================== */
.rt-th,
.rt-td {
  align-items: center;
  display: flex;
  min-width: 60px;
  text-align: left; }

.ReactTable .rt-thead .rt-th {
  overflow: visible;
  border-right: none;
  color: #868686; }
  .ReactTable .rt-thead .rt-th .o-field, .ReactTable .rt-thead .rt-th .page_users .pagination-bottom .-pageJump, .page_users .pagination-bottom .ReactTable .rt-thead .rt-th .-pageJump {
    font-size: 12px; }
  .ReactTable .rt-thead .rt-th .rt-resizable-header-content {
    width: 100%; }
  .ReactTable .rt-thead .rt-th .user__check label::before {
    border-color: #7c88cf; }

.rt-td {
  color: #4a4a4a;
  min-height: 80px; }
  .rt-td .coachByCell {
    display: block; }
    .rt-td .coachByCell .coachBySwitch {
      align-items: center;
      display: flex;
      height: 26px;
      font-size: 11px;
      background-color: #ffffff;
      border: solid 1px #e4e7f2;
      border-radius: 100px;
      min-width: 180px; }
      .rt-td .coachByCell .coachBySwitch.onOnOneOnly {
        min-width: 140px; }
      .rt-td .coachByCell .coachBySwitch .coachBtn {
        display: flex;
        height: 26px;
        align-items: center;
        padding: 7px;
        width: calc(100%);
        cursor: pointer;
        justify-content: center; }
        .rt-td .coachByCell .coachBySwitch .coachBtn.sideLeft {
          border-radius: 100px 0 0 100px; }
        .rt-td .coachByCell .coachBySwitch .coachBtn.sideRight {
          border-radius: 0 100px 100px 0; }
        .rt-td .coachByCell .coachBySwitch .coachBtn.active {
          background-color: #e4e7f2;
          cursor: default !important;
          pointer-events: none; }
        .rt-td .coachByCell .coachBySwitch .coachBtn:not(.active):hover {
          background-color: #f0f0f0; }
        .rt-td .coachByCell .coachBySwitch .coachBtn .btnText {
          margin-left: 3px; }
    .rt-td .coachByCell .coachBySwitch > :not(:first-child) {
      border-left: solid 1px #e4e7f2; }
    .rt-td .coachByCell .coachName {
      margin-top: 7px; }

/* ==========================================================================
   #TABLE FOOTER (PAGINATION BOTTOM)
   ========================================================================== */
.pagination-bottom {
  background: #dde2f3;
  border-radius: 0 0 20px 20px;
  padding: 15px; }
  .pagination-bottom .-pagination {
    background: none;
    border: none;
    box-shadow: none;
    text-transform: uppercase;
    color: #676767; }
  .pagination-bottom .-pagination .-previous,
  .pagination-bottom .-pagination .-next {
    max-width: 260px; }
  .pagination-bottom .-pagination .-btn {
    background: #ffffff;
    border-radius: 5px;
    box-shadow: 0 5px 12px 0 #bbc3e0;
    text-transform: uppercase; }
    .pagination-bottom .-pagination .-btn[disabled] {
      background-color: #ecf0fb;
      box-shadow: none; }

/* ==========================================================================
   #TOOLTIPS
   ========================================================================== */
/**
 * Generic tooltip object.
 * Styling should be used mainly with utilities and objects (see example).
 * Width should be set with javascript although default value is provided.
 *
 * Example HTML:
 * <div class="o-tooltip">
 *     <div class="o-tooltip__trigger">
 *         <span class="o-icon u-color-primary">
 *             <svg class="u-img--small" ...></svg>
 *         </span>
 *     </div>
 *     <div class="o-tooltip__body o-tooltip__body--top u-color-secondary">
 *         <div class="o-box">
 *             <p>Lorem Ipsum...</p>
 *         </div>
 *     </div>
 * </div>
 */
/**
 * Parent container for tooltip.
 *
 * 1. Set position relative so we can position the tooltip body properly.
 * 2. Capture ONLY the dimensions of the trigger as the parent wrappers'.
 */
.o-tooltip {
  position: relative;
  /* [1] */
  display: inline-block;
  /* [2] */ }

/**
 * Tooltip hover state.
 *
 * 1. Show tooltip body upon hovering the trigger.
 */
.o-tooltip:hover .o-tooltip__body {
  display: block;
  /* [1] */ }

/* Tooltip body
   ========================================================================== */
/**
 * Design for tooltips body.
 *
 * 1. Initially tooltip body is hidden.
 * 2. Opinionated. Who wants to see a totally square tooltip? Jeez.
 * 3. Border color is derived from the font color,
 *    inherited from parent(s) or by using the color utility.
 *    If you don't want a border just set its width value to 0.
 * 4. All tooltip bodys are absolute. Actual position according to modifiers.
 * 5. Set tooltip body width. Can be overriden w/ JS without styling concerns.
 */
.o-tooltip__body {
  border-radius: 5px;
  /* [2] */
  border: 1px solid transparent;
  /* [3] */
  display: none;
  /* [1] */
  overflow: hidden;
  position: absolute;
  /* [4] */
  min-width: 350px;
  /* [5] */
  z-index: 3000; }

/**
 * Design for tooltips body triangle.
 * The triangle is a rotated square half hidden behind the body
 *
 * 1. Create a square and rotate it 45deg to simulate a triangle. This is instead of
 *    using the border technique to enable border inheritence.
 * 2. Inherit border and background definitions from parent.
 * 3. All tooltip triangles are absolute. Actual position according to modifiers.
 * 4. Initial value for border width should be 0. Actual values according to modifiers.
 */
.o-tooltip__body::before {
  width: 1px;
  /* [1] */
  height: 1px;
  /* [1] */
  background: inherit;
  /* [2] */
  border: inherit;
  /* [2] */
  border-width: 0;
  /* [4] */
  content: "";
  display: block;
  /* [1] */
  position: absolute;
  /* [3] */
  transform: rotate(45deg);
  /* [1] */ }

/* Tooltip Positions
   ========================================================================== */
/**
 * Set tooltip position (top, right, bottom, left).
 *
 * 1. Position tooltip body on the primary axis (top, right, bottom, left)
 * 2. Position tooltip body on the secondary axis (top/bottom <-> left/right)
 * 3. Perfect center the tooltip body according to secondary axis.
 *    Regardless of tooltip body width, which can (and possibly should) be declared via JS.
 */
.o-tooltip--top .o-tooltip__body {
  bottom: calc(100% + 1px);
  /* [1] */
  right: 50%;
  /* [2] */
  transform: translateX(50%);
  /* [3] */ }

/**
 * Set tooltip on primary axis position ($tooltip-positions).
 *
 * 1. Move all tooltip body tip in proper position.
 * 2. Fix odd location when rotating.
 * 3. Perfect center the tooltip tip. Since the size is declared we can use negative margin,
 *    as not to override the rotate transform declaration.
 * 4. Set the appropriate border styling for the tip.
 */
.o-tooltip--top .o-tooltip__body::before {
  bottom: -0.5px;
  /* [1] */
  margin-bottom: -1px;
  /* [2] */
  right: 50%;
  /* [3] */
  margin-right: -0.5px;
  /* [3] */
  border-bottom-width: 1px;
  /* [4] */
  border-right-width: 1px;
  /* [4] */ }

/**
 * Set tooltip position (top, right, bottom, left).
 *
 * 1. Position tooltip body on the primary axis (top, right, bottom, left)
 * 2. Position tooltip body on the secondary axis (top/bottom <-> left/right)
 * 3. Perfect center the tooltip body according to secondary axis.
 *    Regardless of tooltip body width, which can (and possibly should) be declared via JS.
 */
.o-tooltip--right .o-tooltip__body {
  left: calc(100% + 1px);
  /* [1] */
  bottom: 50%;
  /* [2] */
  transform: translateY(50%);
  /* [3] */ }

/**
 * Set tooltip on primary axis position ($tooltip-positions).
 *
 * 1. Move all tooltip body tip in proper position.
 * 2. Fix odd location when rotating.
 * 3. Perfect center the tooltip tip. Since the size is declared we can use negative margin,
 *    as not to override the rotate transform declaration.
 * 4. Set the appropriate border styling for the tip.
 */
.o-tooltip--right .o-tooltip__body::before {
  left: -0.5px;
  /* [1] */
  margin-left: -1px;
  /* [2] */
  bottom: 50%;
  /* [3] */
  margin-bottom: -0.5px;
  /* [3] */
  border-left-width: 1px;
  /* [4] */
  border-bottom-width: 1px;
  /* [4] */ }

/**
 * Set tooltip position (top, right, bottom, left).
 *
 * 1. Position tooltip body on the primary axis (top, right, bottom, left)
 * 2. Position tooltip body on the secondary axis (top/bottom <-> left/right)
 * 3. Perfect center the tooltip body according to secondary axis.
 *    Regardless of tooltip body width, which can (and possibly should) be declared via JS.
 */
.o-tooltip--bottom .o-tooltip__body {
  top: calc(100% + 1px);
  /* [1] */
  left: 50%;
  /* [2] */
  transform: translateX(-50%);
  /* [3] */ }

/**
 * Set tooltip on primary axis position ($tooltip-positions).
 *
 * 1. Move all tooltip body tip in proper position.
 * 2. Fix odd location when rotating.
 * 3. Perfect center the tooltip tip. Since the size is declared we can use negative margin,
 *    as not to override the rotate transform declaration.
 * 4. Set the appropriate border styling for the tip.
 */
.o-tooltip--bottom .o-tooltip__body::before {
  top: -0.5px;
  /* [1] */
  margin-top: -1px;
  /* [2] */
  left: 50%;
  /* [3] */
  margin-left: -0.5px;
  /* [3] */
  border-top-width: 1px;
  /* [4] */
  border-left-width: 1px;
  /* [4] */ }

/**
 * Set tooltip position (top, right, bottom, left).
 *
 * 1. Position tooltip body on the primary axis (top, right, bottom, left)
 * 2. Position tooltip body on the secondary axis (top/bottom <-> left/right)
 * 3. Perfect center the tooltip body according to secondary axis.
 *    Regardless of tooltip body width, which can (and possibly should) be declared via JS.
 */
.o-tooltip--left .o-tooltip__body {
  right: calc(100% + 1px);
  /* [1] */
  top: 50%;
  /* [2] */
  transform: translateY(-50%);
  /* [3] */ }

/**
 * Set tooltip on primary axis position ($tooltip-positions).
 *
 * 1. Move all tooltip body tip in proper position.
 * 2. Fix odd location when rotating.
 * 3. Perfect center the tooltip tip. Since the size is declared we can use negative margin,
 *    as not to override the rotate transform declaration.
 * 4. Set the appropriate border styling for the tip.
 */
.o-tooltip--left .o-tooltip__body::before {
  right: -0.5px;
  /* [1] */
  margin-right: -1px;
  /* [2] */
  top: 50%;
  /* [3] */
  margin-top: -0.5px;
  /* [3] */
  border-right-width: 1px;
  /* [4] */
  border-top-width: 1px;
  /* [4] */ }

.onboarding {
  position: relative; }
  .onboarding .tooltip_up {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(189deg, #52c7fb 0%, #00a8ff 100%);
    border-radius: 10px;
    box-shadow: 0 0 15.8px 0.2px rgba(12, 12, 12, 0.1);
    display: flex;
    min-width: 310px;
    padding: 10px;
    z-index: 3500;
    bottom: 100%;
    margin-bottom: 20px; }
    .onboarding .tooltip_up::after {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      content: ''; }
    .onboarding .tooltip_up::after {
      height: 0;
      width: 0;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-top: 8px solid #00a8ff;
      top: 100%; }
    .onboarding .tooltip_up .onboarding_close {
      height: 20px;
      width: 20px;
      background: transparent;
      border-radius: 50%;
      color: #ffffff;
      display: inline-block;
      font-family: "Montserrat-Bold", sans-serif;
      font-size: 10px;
      position: relative;
      position: absolute;
      top: 10px;
      right: 10px;
      border: 2px solid #ffffff; }
      .onboarding .tooltip_up .onboarding_close > * {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%); }
    .onboarding .tooltip_up .media-body {
      color: #ffffff;
      flex: 1;
      line-height: 1.4;
      padding: 0 21px 0 10px;
      text-align: left; }
    .onboarding .tooltip_up .media-figure {
      height: 51px;
      width: 51px;
      background: #ffffff;
      border-radius: 50%; }
  .onboarding .tooltip_down {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(189deg, #52c7fb 0%, #00a8ff 100%);
    border-radius: 10px;
    box-shadow: 0 0 15.8px 0.2px rgba(12, 12, 12, 0.1);
    display: flex;
    min-width: 310px;
    padding: 10px;
    z-index: 3500;
    margin-top: 20px;
    top: 100%; }
    .onboarding .tooltip_down::after {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      content: ''; }
    .onboarding .tooltip_down::after {
      height: 0;
      width: 0;
      border-bottom: 8px solid #00a8ff;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      bottom: 100%; }
    .onboarding .tooltip_down .onboarding_close {
      height: 20px;
      width: 20px;
      background: transparent;
      border-radius: 50%;
      color: #ffffff;
      display: inline-block;
      font-family: "Montserrat-Bold", sans-serif;
      font-size: 10px;
      position: relative;
      position: absolute;
      top: 10px;
      right: 10px;
      border: 2px solid #ffffff; }
      .onboarding .tooltip_down .onboarding_close > * {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%); }
    .onboarding .tooltip_down .media-body {
      color: #ffffff;
      flex: 1;
      line-height: 1.4;
      padding: 0 21px 0 10px;
      text-align: left; }
    .onboarding .tooltip_down .media-figure {
      height: 51px;
      width: 51px;
      background: #ffffff;
      border-radius: 50%; }
  .onboarding .tooltip_full {
    max-width: 600px;
    width: calc(100% - 30px); }

#nav_app_mobile.onboarding .nav_community,
#nav_app_mobile.onboarding .nav_diary,
#nav_app_mobile.onboarding .nav_1x1Coaching {
  position: relative; }
  #nav_app_mobile.onboarding .nav_community a::after,
  #nav_app_mobile.onboarding .nav_diary a::after,
  #nav_app_mobile.onboarding .nav_1x1Coaching a::after {
    height: 60px;
    width: 60px;
    background: rgba(0, 168, 255, 0.2);
    border-radius: 50%;
    color: #ffffff;
    display: inline-block;
    font-family: "Montserrat-Bold", sans-serif;
    font-size: 30px;
    position: relative;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border: 2px solid #00a8ff;
    content: '';
    z-index: 1; }
    #nav_app_mobile.onboarding .nav_community a::after > *,
    #nav_app_mobile.onboarding .nav_diary a::after > *,
    #nav_app_mobile.onboarding .nav_1x1Coaching a::after > * {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%); }

#nav_app.onboarding .menu-item-personalFeed,
#nav_app.onboarding .menu-item-buddyFeed,
#nav_app.onboarding .menu-item-groupFeed,
#nav_app.onboarding .menu-item-1x1Coaching {
  position: relative; }
  #nav_app.onboarding .menu-item-personalFeed a::after,
  #nav_app.onboarding .menu-item-buddyFeed a::after,
  #nav_app.onboarding .menu-item-groupFeed a::after,
  #nav_app.onboarding .menu-item-1x1Coaching a::after {
    height: 90px;
    width: 90px;
    background: rgba(0, 168, 255, 0.2);
    border-radius: 50%;
    color: #ffffff;
    display: inline-block;
    font-family: "Montserrat-Bold", sans-serif;
    font-size: 45px;
    position: relative;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border: 2px solid #00a8ff;
    content: '';
    top: 55%;
    width: 120px;
    z-index: 1; }
    #nav_app.onboarding .menu-item-personalFeed a::after > *,
    #nav_app.onboarding .menu-item-buddyFeed a::after > *,
    #nav_app.onboarding .menu-item-groupFeed a::after > *,
    #nav_app.onboarding .menu-item-1x1Coaching a::after > * {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%); }

#nav_app.onboarding .tooltip_down::after {
  left: 90%; }

#nav_app.onboarding .media-body {
  color: #ffffff; }

body .page .habits_header.onboarding {
  width: 100%; }

body .page .level_block.onboarding {
  margin-top: 170px; }

body .page .mission_rep_once.onboarding {
  margin-bottom: 75px; }

body .page .mission_gallery.onboarding,
body .page .mission_video.onboarding {
  margin-top: 110px; }
  @media (min-width: 61.25em) {
    body .page .mission_gallery.onboarding,
    body .page .mission_video.onboarding {
      margin-top: 75px; } }

body .page .quest_mission.onboarding {
  padding-bottom: 150px; }

body .page .habits_header.onboarding .tooltip_onboarding {
  bottom: 0;
  position: relative; }

body .page .level_block.onboarding .tooltip_onboarding {
  margin-bottom: 60px; }

body .page .quest_feed_content.onboarding .tooltip_onboarding {
  margin-top: 15px;
  position: relative; }

.check {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 50px;
  width: 50px;
  cursor: pointer; }
  .check::before, .check::after {
    border-radius: 50%;
    content: '';
    z-index: 1; }
  .check::before {
    position: absolute;
    top: 9%;
    right: 9%;
    bottom: 9%;
    left: 9%;
    background: #ffffff;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.08); }
  .check::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: solid #F0AB33;
    border-width: 0; }
  .check .check_ring::before, .check .check_ring::after {
    border-radius: 50%;
    content: ''; }
  .check .check_ring::before {
    position: absolute;
    top: -5px;
    right: -5px;
    bottom: -5px;
    left: -5px;
    background: #ffffff; }
  .check .check_ring::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #e8e8e8;
    box-shadow: 0 -4px 4px 0 rgba(255, 255, 255, 0.75), inset 0 4px 4px 0 rgba(0, 0, 0, 0.08); }
  .check .check-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    fill: #e8e8e8;
    width: 45%;
    z-index: 3; }
  .check.active::after {
    border-width: 25px;
    transition: all .1s ease-out; }
  .check.active .check-icon {
    animation: bounce .2s;
    animation-delay: .08s;
    fill: #ffffff; }

@keyframes bounce {
  0% {
    transform: translate(-50%, -50%) scale(1); }
  50% {
    transform: translate(-50%, -50%) scale(1.2); }
  100% {
    transform: translate(-50%, -50%) scale(1); } }

@keyframes check {
  0% {
    height: 0;
    width: 0; }
  25% {
    height: 0;
    width: 10px; }
  50% {
    height: 20px;
    width: 10px; } }

.animated_checkbox label {
  position: relative; }
  .animated_checkbox label::before {
    height: 20px;
    width: 20px;
    background: #d8d8d8;
    border-radius: 50%;
    content: '';
    display: block;
    margin-right: 10px;
    margin-top: 2px;
    position: relative; }
  .animated_checkbox label::after {
    height: 20px;
    width: 10px;
    position: absolute;
    top: 11px;
    left: 3px;
    border-right: 4px solid transparent;
    border-top: 4px solid transparent;
    content: '';
    display: block;
    transform: scaleX(-1) rotate(135deg);
    transform-origin: left top; }

.animated_checkbox input {
  display: none; }

.animated_checkbox input:checked + label::after {
  animation: check 0.3s;
  border-color: #00a8ff; }

.spinner {
  margin: 100px auto;
  text-align: center;
  width: 70px; }
  .spinner > div {
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    background-color: #d8d8d8;
    border-radius: 100%;
    display: inline-block;
    height: 18px;
    width: 18px; }
  .spinner .bounce1 {
    animation-delay: -.32s; }
  .spinner .bounce2 {
    animation-delay: -.16s; }

@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    transform: scale(0); }
  40% {
    transform: scale(1); } }

html {
  height: 100%; }

html body {
  color: #212121;
  font-family: "Lato-Light", LatoLatin-Light, sans-serif;
  height: 100%;
  letter-spacing: .3px;
  line-height: 1.3;
  overflow-y: scroll; }
  html body .container {
    max-width: 1228px; }
  html body > .page {
    height: 100%; }
  html body .no-scroll {
    height: 100%;
    width: 100%;
    position: fixed; }
  html body del {
    text-decoration: line-through; }
  html body .load_hidden {
    visibility: hidden; }
  html body h1, html body h2, html body h3, html body h4 {
    font-family: "Montserrat-Bold", sans-serif;
    text-transform: uppercase; }
  html body ul {
    margin: 0; }
  html body p {
    margin: 0; }
    html body p + p {
      margin-top: 20px; }
  html body dl, html body dd {
    margin: 0; }
  html body a {
    color: #212121;
    text-decoration: none; }
    html body a:hover, html body a:active, html body a:focus {
      color: inherit;
      cursor: pointer;
      text-decoration: none; }
    html body a.link {
      color: #0275d8;
      text-decoration: underline; }
  html body form * {
    border: none;
    outline: none;
    resize: none; }
  html body input, html body button, html body textarea {
    border: none;
    outline: none;
    resize: none; }
  html body [tabindex] {
    outline: none; }

.fade-animation {
  opacity: 0;
  transition: opacity 1s; }

.fade-in {
  opacity: 1; }

.transparent {
  color: transparent; }
  .transparent a {
    color: transparent; }

.box {
  background: #ffffff;
  border-radius: 30px; }

.media_object {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 0 50px;
  width: 100%; }
  @media (min-width: 20em) and (max-width: 46.24em) {
    .media_object {
      flex-flow: column;
      padding: 0; } }
  .media_object .media_body {
    flex: 2; }
    @media (min-width: 46.25em) {
      .media_object .media_body {
        font-size: 22px; } }
  .media_object .media_figure {
    flex: 1; }
  .media_object img {
    height: auto;
    width: 100%; }

.modal_overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(12, 12, 12, 0.2);
  overflow-y: auto;
  z-index: 4000; }

.custom_modal {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #ffffff;
  border-radius: 6px;
  padding: 35px 50px; }

.dialog-close-button.whiteBackButton {
  background-image: url("assets/dialog/X.png");
  background-size: cover;
  height: 23px;
  right: 40px;
  top: 40px;
  width: 22px; }
  @media (min-width: 20em) and (max-width: 46.24em) {
    .dialog-close-button.whiteBackButton {
      right: 25px;
      top: 25px; } }

body.loading {
  overflow: hidden;
  height: 100%; }

body.loading > *:not(.loadingDiv):not(.a0-lock-container) {
  opacity: 0; }

.wrapper {
  min-height: 100%;
  height: auto !important;
  margin-top: 0;
  margin-bottom: -105px;
  text-align: center; }

.footer, .push {
  height: 105px; }

.wrapper, .footer {
  background-color: #51B7E2;
  color: white;
  text-align: center; }

.separatorWithText {
  text-align: center;
  height: 0.5em;
  border-top: 1px solid white;
  margin-bottom: 0.5em;
  font-size: 19px;
  padding-top: 10px; }

.centerDynamicDiv {
  margin-left: auto;
  margin-right: auto;
  display: table; }

.rounded-image {
  background-size: 40px 40px;
  border-radius: 50%;
  height: 40px;
  width: 40px; }

.notificationMain {
  background-color: #ffffff;
  border-bottom: 1px solid #d8d8d8;
  color: #0c0c0c;
  cursor: pointer;
  font-size: 14px;
  padding: 12px 10px; }
  .notificationMain:first-child {
    border-top: 1px solid #d8d8d8; }
  .notificationMain:last-child {
    border-bottom: none; }
  .notificationMain.notificationUnread {
    background-color: #f5f5f5; }
  .notificationMain:hover {
    background-color: #e8e8e8; }

.notificationsOuterContainer {
  left: auto;
  min-height: 50px;
  position: absolute;
  width: 100%;
  z-index: 4020; }
  @media (min-width: 46.25em) {
    .notificationsOuterContainer {
      right: calc(5% - 10px);
      top: 50px;
      width: 400px; } }
  @media (min-width: 46.25em) and (max-width: 93.75em) {
    .notificationsOuterContainer.rtl .topFrameImage {
      transform: scaleX(-1); } }
  @media (min-width: 93.75em) {
    .notificationsOuterContainer.rtl .topFrameImage {
      transform: scaleX(1) !important; } }
  .notificationsOuterContainer .topFrameImage {
    margin-left: -15px; }
    @media (max-width: 46.24em) {
      .notificationsOuterContainer .topFrameImage {
        display: none; } }
    @media (min-width: 93.75em) {
      .notificationsOuterContainer .topFrameImage {
        transform: scaleX(-1); } }

.notificationsInnerContainer {
  background-color: #ffffff;
  overflow: auto;
  padding-bottom: 1px; }
  @media (min-width: 46.25em) {
    .notificationsInnerContainer {
      border-radius: 0 0 10px 10px;
      box-shadow: 0 -2px 23px #0c0c0c;
      margin-top: -4px;
      max-height: 391px; } }

.notificationImage {
  float: left;
  margin-right: 10px; }

#settingsMenu {
  margin-left: -80px;
  position: absolute;
  width: 100px;
  z-index: 4020; }

.settings_container {
  height: calc(100% - 51px); }
  .settings_container.get_the_app_shown {
    height: calc(100% - 114px); }
  .settings_container .top_container {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between; }
  .settings_container .settings_menu .menu_item {
    color: #ffffff;
    display: block;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    overflow: hidden;
    padding: 1em;
    position: relative;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .settings_container .settings_menu .switch_quest_item {
    background-color: #ffffff;
    border: 2px solid #a2a2a2;
    border-radius: 20px;
    color: #212121;
    margin: 8px;
    padding: .8em 1em;
    text-align: left; }
    .settings_container .settings_menu .switch_quest_item.current_quest {
      background-color: #00a8ff;
      border: none;
      color: #ffffff; }
  .settings_container .settings_menu .switch_dashboard {
    border-radius: 10px;
    background-color: #00a8ff;
    border: none;
    color: #ffffff;
    text-align: center;
    font-weight: 700; }
  .settings_container .settings_menu .switch_dashboard_sep {
    height: 0px;
    border-bottom: solid 2px #dadada;
    width: 92%;
    margin: 2px 4%; }
  .settings_container .settings_menu .goto_quest_store {
    background: #ffffff;
    border: none;
    color: #212121;
    font-size: 14px; }
  .settings_container .settings_menu .profile_data {
    align-items: center;
    background-color: #e8e8e8;
    color: #212121;
    display: flex;
    font-weight: bold;
    justify-content: space-between;
    line-height: 1;
    padding: 10px;
    position: relative; }
    .settings_container .settings_menu .profile_data .data_box {
      align-items: center;
      display: flex; }
    .settings_container .settings_menu .profile_data figure {
      border-radius: 50%;
      height: 32px;
      margin: 0 10px 0 0;
      overflow: hidden;
      width: 32px; }
    .settings_container .settings_menu .profile_data img {
      height: auto;
      width: 100%; }
  .settings_container .settings_menu .my_points {
    display: inline;
    float: right;
    font-size: 12px; }
  .settings_container .settings_menu.upper_list {
    overflow-x: hidden;
    overflow-y: auto; }
  .settings_container .settings_menu.bottom_list {
    background-color: #000000;
    padding: 10px;
    width: 100%; }
    .settings_container .settings_menu.bottom_list a {
      font-size: 14px;
      font-weight: normal;
      padding: .8em; }
    .settings_container .settings_menu.bottom_list .item_referrals {
      box-shadow: 0 7px 12px rgba(33, 33, 33, 0.3);
      font-family: "Montserrat-Bold", sans-serif;
      font-size: 13px; }
      @media (min-width: 20em) and (max-width: 46.24em) {
        .settings_container .settings_menu.bottom_list .item_referrals {
          background: rgba(255, 255, 255, 0.42);
          border: 2px solid #ffffff;
          border-radius: 30px;
          color: #ffffff;
          display: inline-block;
          font-family: "Montserrat-Bold", sans-serif;
          padding: 10px 20px;
          text-align: center;
          text-transform: uppercase;
          padding: 9px; }
          .settings_container .settings_menu.bottom_list .item_referrals:hover {
            background-color: rgba(242, 242, 242, 0.42); }
          .settings_container .settings_menu.bottom_list .item_referrals:active {
            background-color: rgba(230, 230, 230, 0.42); } }
      .settings_container .settings_menu.bottom_list .item_referrals.block {
        display: block; }
    .settings_container .settings_menu.bottom_list .trademark {
      font-size: 14px;
      font-weight: bold;
      text-align: center;
      color: rgba(255, 255, 255, 0.46); }
      .settings_container .settings_menu.bottom_list .trademark span {
        vertical-align: middle;
        padding-left: 3px; }

@media (min-width: 20em) and (max-width: 46.24em) {
  #nav_app {
    display: none; } }

#nav_app img, #nav_app p, #nav_app a {
  color: #212121; }

#nav_app a.onboarding_close {
  color: white; }

#nav_app .nav_top {
  align-items: center;
  display: flex;
  height: 90px;
  justify-content: space-between;
  padding: 15px 20px; }

#nav_app .nav_brand {
  align-items: center;
  display: flex;
  width: 320px; }
  #nav_app .nav_brand .brand_logo {
    max-width: 250px; }
    #nav_app .nav_brand .brand_logo img {
      max-height: 60px; }
      @media (min-width: 46.25em) and (max-width: 61.24em) {
        #nav_app .nav_brand .brand_logo img {
          max-height: 40px; } }

#nav_app .nav_title {
  text-align: center; }
  #nav_app .nav_title h1 {
    font-size: 19px;
    margin-bottom: 5px; }
    @media (min-width: 46.25em) and (max-width: 61.24em) {
      #nav_app .nav_title h1 {
        font-size: 16px; } }
    #nav_app .nav_title h1 i {
      margin-left: 10px; }
  #nav_app .nav_title .o-tooltip__body {
    background: #ffffff;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.08);
    text-align: left;
    top: 100%;
    max-height: 500px;
    overflow-y: auto; }
    #nav_app .nav_title .o-tooltip__body .o-tooltip__trigger {
      cursor: pointer; }
    #nav_app .nav_title .o-tooltip__body div {
      align-items: center;
      display: flex;
      height: 45px;
      padding: 0 25px; }
      #nav_app .nav_title .o-tooltip__body div.active {
        background: #f2f4ff; }
      #nav_app .nav_title .o-tooltip__body div:not(.active):hover {
        background: rgba(242, 244, 255, 0.5);
        color: #ce4e4e; }
      #nav_app .nav_title .o-tooltip__body div:not(.active).questRowClick {
        cursor: pointer; }
      #nav_app .nav_title .o-tooltip__body div:not(.active).dashbordRowClick {
        cursor: pointer;
        border-bottom: solid 2px #dadada;
        height: 62px;
        width: 94%;
        margin: 0 3% 8px 3%;
        background-color: #fff !important;
        padding: 0px 10px; }
      #nav_app .nav_title .o-tooltip__body div:not(.active).dashbordRowClic:hover {
        background-color: #fff !important; }
      #nav_app .nav_title .o-tooltip__body div:not(.active).dashbordRowClick > span {
        color: white !important;
        background-color: #F0AB33;
        display: block;
        width: 100%;
        font-size: 120%;
        text-align: center;
        padding: 10px 0;
        border-radius: 8px; }
      #nav_app .nav_title .o-tooltip__body div:not(.active).dashbordRowClick > span:hover {
        background-color: #eea11b; }
      #nav_app .nav_title .o-tooltip__body div:not(.active) span {
        cursor: pointer; }
    #nav_app .nav_title .o-tooltip__body a {
      font-size: 11px; }
    #nav_app .nav_title .o-tooltip__body span {
      color: #626262;
      cursor: default;
      font-size: 14px;
      letter-spacing: .2px;
      margin-right: auto;
      white-space: nowrap; }
    #nav_app .nav_title .o-tooltip__body .btn {
      background: #F0AB33;
      border: 2px solid transparent;
      border-radius: 30px;
      color: #ffffff;
      display: inline-block;
      font-family: "Montserrat-Bold", sans-serif;
      padding: 10px 20px;
      text-align: center;
      text-transform: uppercase;
      border-radius: 3px;
      margin-left: 20px;
      padding: 6px 18px;
      text-transform: none; }
      #nav_app .nav_title .o-tooltip__body .btn:hover {
        background-color: #eea11b; }
      #nav_app .nav_title .o-tooltip__body .btn:active {
        background-color: #e09410; }
    #nav_app .nav_title .o-tooltip__body .link {
      color: #F0AB33;
      margin-left: 10px; }

#nav_app .nav_title.navSubTitle {
  align-self: flex-end; }

#nav_app .nav_bottom {
  background: #eeeeee; }

#nav_app .nav_quest {
  align-items: center;
  display: flex;
  font-size: 18px;
  height: 90px;
  justify-content: center; }
  #nav_app .nav_quest .quest_links {
    align-self: stretch;
    flex: 1; }
    #nav_app .nav_quest .quest_links ul {
      align-items: stretch;
      display: flex;
      height: 100%; }
    #nav_app .nav_quest .quest_links li {
      flex: 1;
      font-size: 16px;
      line-height: .5; }
    #nav_app .nav_quest .quest_links a {
      align-items: center;
      display: flex;
      flex-direction: column;
      height: 90px;
      justify-content: center;
      min-width: 110px; }
      #nav_app .nav_quest .quest_links a:hover {
        background: #dddddd; }
      #nav_app .nav_quest .quest_links a.active {
        background: rgba(153, 153, 153, 0.4); }
      #nav_app .nav_quest .quest_links a.disabled {
        background: rgba(0, 0, 0, 0.26); }
    #nav_app .nav_quest .quest_links i {
      font-size: 32px;
      margin-bottom: 10px; }

#nav_app_mobile {
  background: #ffffff; }
  @media (min-width: 46.25em) {
    #nav_app_mobile {
      display: none; } }
  #nav_app_mobile ul {
    align-items: center;
    display: flex;
    justify-content: space-around;
    margin: 0;
    padding-bottom: 7px;
    padding-top: 12px; }
    #nav_app_mobile ul a {
      color: #757575;
      font-size: 25px; }
      #nav_app_mobile ul a:active, #nav_app_mobile ul a.active {
        color: #F0AB33; }
        #nav_app_mobile ul a:active i::before, #nav_app_mobile ul a.active i::before {
          font-weight: bold; }

/* ==========================================================================
   # Dashboard Nav
   ========================================================================== */
.c-nav-dash {
  align-items: center;
  background: #ffffff;
  box-shadow: 0 2px 4px rgba(142, 142, 142, 0.5);
  display: flex;
  justify-content: space-between;
  position: relative;
  /* [2] */ }

/* # Logo
   ========================================================================== */
/**
 * 1. Get the same width as the menu for the logo.
 * 2. Locate quest name and back button according to design.
 * 3. Fixed height according to design.
 * 4. Fix weird SVG height bug and adjust location visually.
 */
.c-nav-dash__logo {
  background: linear-gradient(-227deg, #BED552 0%, #BED552 42%, #BED552 100%);
  color: #ffffff;
  height: 100px;
  /* [3] */
  position: relative;
  /* [2] */
  width: 250px;
  /* [1] */ }
  .c-nav-dash__logo .logo {
    position: relative;
    height: 70px;
    /* [3] */ }
  .c-nav-dash__logo .image {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: .5; }
  .c-nav-dash__logo .quest {
    background: rgba(0, 0, 0, 0.5);
    padding: 6px 16px; }
  .c-nav-dash__logo .back {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    margin-top: 2px;
    /* [4] */
    opacity: .7;
    padding: 12px; }
    .c-nav-dash__logo .back svg {
      height: 24px;
      width: 24px;
      fill: #ffffff;
      display: block;
      /* [4] */ }

/* ==========================================================================
   # Dashboard Nav Nav
   ========================================================================== */
.c-nav-dash__nav {
  align-items: center;
  display: flex;
  flex: 1;
  justify-content: space-between;
  padding: 0 2vw;
  /* # Nav Left
   ========================================================================== */
  /* # Nav Right
   ========================================================================== */ }
  .c-nav-dash__nav .nav-left {
    flex: 1; }
  .c-nav-dash__nav .title h1 {
    font: bold 25px "Lato-Light", LatoLatin-Light, sans-serif;
    text-transform: none; }
  .c-nav-dash__nav .nav-right {
    align-items: center;
    display: flex;
    font-size: 14px; }
  .c-nav-dash__nav .publish a {
    background: #F0AB33;
    border: 2px solid transparent;
    border-radius: 30px;
    color: #ffffff;
    display: inline-block;
    font-family: "Montserrat-Bold", sans-serif;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
    cursor: default;
    font: bold 14px "Lato-Light", LatoLatin-Light, sans-serif;
    letter-spacing: 0.8px;
    cursor: pointer;
    margin-right: 1vw; }

.nav_user {
  width: 320px;
  align-items: center;
  display: flex;
  padding-bottom: 5px;
  padding-top: 5px;
  justify-content: flex-end; }
  .nav_user > div {
    margin: 0 5px; }
  .nav_user i {
    font-size: 30px; }
  .nav_user .user_info {
    align-items: center;
    display: flex; }
  .nav_user #resourceCenterButton {
    font-size: 27px;
    cursor: pointer; }
  .nav_user #questMapButton {
    font-size: 29px;
    cursor: pointer; }
  .nav_user .user_image {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    margin-right: 8px;
    overflow: hidden;
    position: relative; }
    .nav_user .user_image img {
      height: 100%;
      width: 100%; }
    .nav_user .user_image:hover .icon_symbol {
      height: 40px;
      width: 40px;
      background: rgba(12, 12, 12, 0.5);
      border-radius: 50%;
      color: #ffffff;
      display: inline-block;
      font-family: "Montserrat-Bold", sans-serif;
      font-size: 20px;
      position: relative;
      position: absolute;
      top: 0;
      left: 0; }
      .nav_user .user_image:hover .icon_symbol > * {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%); }
  .nav_user .user_details {
    display: flex;
    flex-direction: column; }
    .nav_user .user_details .user_name {
      cursor: pointer; }
    .nav_user .user_details .user_score {
      font-size: 12px;
      font-weight: bold; }

/* ==========================================================================
   # Dashboard Nav Menu
   ========================================================================== */
.c-menu-top {
  font-size: 17px;
  display: flex;
  justify-content: center;
  align-items: center; }
  .c-menu-top > li > a {
    padding: 28px 2vw;
    white-space: nowrap; }

/**
 * First level active states.
 *
 * 1. set link to relative and show triangle.
 * 2. Enable submenu.
 */
.c-menu-top .is-active {
  position: relative;
  /* [1] */
  /* [1] */
  /* [2] */ }
  .c-menu-top .is-active .c-menu-top__triangle {
    display: block; }
  .c-menu-top .is-active + .c-menu-top__sub {
    display: flex; }

/**
 * Nav menu separator styling.
 */
.c-menu-top__divider {
  height: 40px;
  width: 1px;
  background-color: rgba(117, 117, 117, 0.2);
  display: block; }

/**
 * Nav menu active triangle styling.
 *
 * 1. Since the triangle is made of the bottom part of the border it needs to
 *    be pushed upwards to be seen.
 * 2. Hide the triangle until otherwise specified.
 * 3. Revert the o-btn brightness for .is-active class.
 */
.c-menu-top__triangle {
  position: absolute;
  top: 100%;
  left: 50%;
  border: 0 solid transparent;
  display: none;
  /* [2] */
  height: 0;
  margin-left: -10px;
  margin-top: -9px;
  /* [1] */
  width: 0;
  border-bottom-color: #000000;
  border-width: 10px 20px;
  filter: brightness(125%);
  /* [3] */ }

/* # Dashboard Nav Sub Menu
   ========================================================================== */
/**
 * 1. Menu is supposed to stretch over all available screen width.
 *    Relative container has to be one that allows that.
 * 2. Set position fixed when scrolling through the page.
 */
.c-menu-top__sub {
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  /* [1] */
  background: #000000;
  align-items: center;
  color: #ffffff;
  display: flex;
  font-size: 14px;
  justify-content: space-between;
  padding: 0 12px;
  z-index: 2;
  top: 0px;
  /* [2] */ }
  .c-menu-top__sub.is-fixed {
    position: fixed; }

/**
 * Nav Sub menu nav design
 */
.c-menu-top__sub .sub-menu ul {
  display: flex;
  align-items: center;
  justify-content: space-around; }

.c-menu-top__sub .sub-menu a {
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
  color: #ffffff;
  display: inline-block;
  margin: 0 10px;
  padding: 14px 1vw;
  white-space: nowrap; }
  .c-menu-top__sub .sub-menu a:hover, .c-menu-top__sub .sub-menu a.is-active {
    border-bottom-color: #c988b4; }

/**
 * Nav Sub menu button
 */
.c-menu-top__sub .button_pack {
  display: flex;
  align-items: flex-end; }

.c-menu-top__sub .button a {
  background: #F0AB33;
  border: 2px solid transparent;
  border-radius: 30px;
  color: #ffffff;
  display: inline-block;
  font-family: "Montserrat-Bold", sans-serif;
  padding: 10px 20px;
  text-align: center;
  text-transform: uppercase;
  font-family: "Montserrat-Bold", sans-serif;
  font-size: 14px;
  padding: 7px 15px;
  margin-left: 3px;
  white-space: nowrap; }
  .c-menu-top__sub .button a:hover {
    background-color: #eea11b; }
  .c-menu-top__sub .button a:active {
    background-color: #e09410; }

.c-menu-top__sub .button.publish a {
  background: linear-gradient(-227deg, #BED552 0%, #BED552 42%, #BED552 100%); }

/**
 * Indication for mentor/current quest, depeneding if mentor or end-user view.
 */
.switch-group-bar .switch-group {
  background-color: rgba(216, 216, 216, 0.08);
  color: #ffffff;
  padding: 20px 25px;
  /**
     * Text/image styling
     */
  /**
     * Media object specific styling.
     */
  /**
     * Field object specific styling.
     */ }
  @media (min-width: 20em) and (max-width: 61.24em) {
    .switch-group-bar .switch-group {
      display: flex;
      align-items: center;
      justify-content: center; } }
  @media (min-width: 61.25em) {
    .switch-group-bar .switch-group {
      display: flex;
      border-radius: 4px;
      left: 40px;
      position: absolute;
      top: 200px;
      z-index: 500; } }
  .switch-group-bar .switch-group img {
    height: 36px;
    width: 36px;
    border-radius: 50%;
    overflow: hidden; }
    .switch-group-bar .switch-group img img {
      height: auto;
      width: 100%; }
  .switch-group-bar .switch-group p {
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: 0.7px;
    font-weight: 900; }
  .switch-group-bar .switch-group h2 {
    max-width: 220px;
    font-size: 18px;
    margin-bottom: 0; }
  .switch-group-bar .switch-group .o-media {
    flex: 0 0 auto; }
  .switch-group-bar .switch-group .o-media__body {
    margin-left: 10px; }
  .switch-group-bar .switch-group .o-field__input, .switch-group-bar .switch-group .page_users .ReactTable .rt-thead.-filters input, .page_users .ReactTable .rt-thead.-filters .switch-group-bar .switch-group input, .switch-group-bar .switch-group .page_users .pagination-bottom .-pageJump input, .page_users .pagination-bottom .-pageJump .switch-group-bar .switch-group input {
    text-align: center; }
  .switch-group-bar .switch-group .o-field__suffix {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px; }
  .switch-group-bar .switch-group .teamSwitcherMenuBtn {
    cursor: pointer; }
  .switch-group-bar .switch-group .o-field__dropdown {
    background-color: #ffffff;
    border-radius: 5px;
    border: solid 1px #dddddd;
    padding: 0;
    transform: translateX(-50%);
    width: auto;
    left: 100px; }
    .switch-group-bar .switch-group .o-field__dropdown.is-active {
      display: block; }
  .switch-group-bar .switch-group .o-field__option {
    color: #445870;
    cursor: pointer;
    font-weight: bold;
    padding: 10px 15px;
    white-space: nowrap; }
    .switch-group-bar .switch-group .o-field__option:hover {
      background-color: #eee; }
    .switch-group-bar .switch-group .o-field__option.is-active {
      background-color: #8bd738;
      color: #ffffff; }

@media (min-width: 20em) and (max-width: 61.24em) {
  .switch-group-bar.teamSwitcher {
    display: none; } }

@media (min-width: 61.25em) {
  .switch-group-bar.teamSwitcherApp {
    display: none; } }

.page_login {
  background-image: url("//res.cloudinary.com/myquest/image/upload/Common/login_page_images/BackgroundMobile.png");
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 20px;
  min-height: 100%; }
  @media (min-width: 46.25em) {
    .page_login {
      background-image: url("//res.cloudinary.com/myquest/image/upload/Common/login_page_images/Background.jpg"); } }
  .page_login header {
    width: 100%; }
    @media (min-width: 20em) and (max-width: 46.24em) {
      .page_login header {
        text-align: center; } }
    .page_login header a.logo img {
      max-height: 60px; }
  .page_login > main {
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media (min-width: 20em) and (max-width: 46.24em) {
      .page_login > main {
        flex-direction: column;
        margin-top: 20px; } }
  .page_login h1 {
    font-size: 74px;
    color: white;
    max-width: 480px;
    font-weight: bold;
    text-transform: none; }
    @media (min-width: 46.25em) {
      .page_login h1 {
        padding-right: 20px; } }
    @media (min-width: 20em) and (max-width: 46.24em) {
      .page_login h1 {
        font-size: 32px;
        text-align: center;
        margin-bottom: 40px; } }
  .page_login .login_signin {
    width: 300px; }
  .page_login .quest_welcome .welcome_content .welcome_content_block {
    max-width: 304px; }
    @media (min-width: 46.25em) {
      .page_login .quest_welcome .welcome_content .welcome_content_block {
        padding: 1em 1em 2em 1em; } }
    .page_login .quest_welcome .welcome_content .welcome_content_block .toggle {
      border: 1px solid #d8d8d8;
      text-align: justify;
      border-radius: 10px; }
    .page_login .quest_welcome .welcome_content .welcome_content_block .option {
      transition: background-color .2s linear;
      display: table-cell;
      background-color: #ffffff;
      color: #8C969F;
      font-size: 14px;
      text-transform: uppercase;
      cursor: pointer;
      padding: 13px 38px; }
      .page_login .quest_welcome .welcome_content .welcome_content_block .option.active {
        background-color: #41d56c;
        color: #fff; }
      .page_login .quest_welcome .welcome_content .welcome_content_block .option:hover:not(.active) {
        background-color: #d8d8d8; }
      .page_login .quest_welcome .welcome_content .welcome_content_block .option:first-child {
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px; }
      .page_login .quest_welcome .welcome_content .welcome_content_block .option:nth-child(2) {
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px; }

.page_community .modal_overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #000000;
  content: '';
  opacity: .9;
  z-index: 0; }

.page_community .modal_community_post {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #ffffff;
  border-radius: 20px;
  font-size: 20px;
  width: 762px; }
  .page_community .modal_community_post header {
    position: relative;
    text-align: center; }
    .page_community .modal_community_post header figure {
      height: 80px;
      width: 80px;
      border-radius: 50%;
      overflow: hidden;
      height: 90px;
      width: 90px;
      border: 5px solid #ffffff;
      position: absolute;
      top: -40px;
      left: 20px; }
      .page_community .modal_community_post header figure img {
        height: auto;
        width: 100%; }
    .page_community .modal_community_post header h2 {
      color: #212121;
      font-size: 20px;
      margin: 0;
      padding: 18px 0; }
    .page_community .modal_community_post header .close {
      position: absolute;
      top: 0;
      right: 0;
      padding: 16px 20px;
      right: 0; }
    .page_community .modal_community_post header > p {
      background: #F0AB33;
      color: #ffffff;
      font-family: "Lato-Italic", LatoLatin-Italic, sans-serif;
      font-size: 20px;
      padding: 17px 150px;
      text-align: center; }
  .page_community .modal_community_post main {
    background: #e8e8e8;
    display: flex; }
    .page_community .modal_community_post main .feed_add_file {
      color: #a2a2a2;
      position: relative; }
      @media (min-width: 30em) {
        .page_community .modal_community_post main .feed_add_file {
          border-right: 1px solid #bdbdbd; } }
      .page_community .modal_community_post main .feed_add_file .progress {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(240, 171, 51, 0.2);
        height: 0;
        margin: 0;
        pointer-events: none;
        transition: height 1s linear;
        width: 100%; }
      .page_community .modal_community_post main .feed_add_file label {
        height: 250px;
        width: 250px;
        align-items: center;
        cursor: pointer;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: 0; }
        .page_community .modal_community_post main .feed_add_file label input {
          display: none; }
        .page_community .modal_community_post main .feed_add_file label .mq-camera {
          font-size: 90px;
          margin-bottom: 10px; }
        .page_community .modal_community_post main .feed_add_file label span {
          color: #a2a2a2;
          font-family: "Lato-Italic", LatoLatin-Italic, sans-serif; }
    .page_community .modal_community_post main .uploaded_image {
      padding: 20px 10px;
      width: 250px; }
      .page_community .modal_community_post main .uploaded_image span {
        font-family: "Lato-Italic", LatoLatin-Italic, sans-serif; }
      .page_community .modal_community_post main .uploaded_image a {
        float: right; }
      .page_community .modal_community_post main .uploaded_image figure {
        margin: 10px 0 0; }
      .page_community .modal_community_post main .uploaded_image img {
        height: auto;
        width: 100%; }
    .page_community .modal_community_post main .expanding-wrapper {
      width: 100%; }
    .page_community .modal_community_post main textarea {
      background: #e8e8e8;
      padding: 20px; }
      .page_community .modal_community_post main textarea::placeholder {
        font-family: "Lato-Italic", LatoLatin-Italic, sans-serif; }
  .page_community .modal_community_post footer {
    padding: 15px 0;
    text-align: center; }
    .page_community .modal_community_post footer .btn_diary {
      background: #00a8ff;
      border: 2px solid transparent;
      border-radius: 30px;
      color: #ffffff;
      display: inline-block;
      font-family: "Montserrat-Bold", sans-serif;
      padding: 10px 20px;
      text-align: center;
      text-transform: uppercase; }
      .page_community .modal_community_post footer .btn_diary:hover {
        background-color: #0097e6; }
      .page_community .modal_community_post footer .btn_diary:active {
        background-color: #0086cc; }
    .page_community .modal_community_post footer .btn_community {
      background: #7c88cf;
      border: 2px solid transparent;
      border-radius: 30px;
      color: #ffffff;
      display: inline-block;
      font-family: "Montserrat-Bold", sans-serif;
      padding: 10px 20px;
      text-align: center;
      text-transform: uppercase; }
      .page_community .modal_community_post footer .btn_community:hover {
        background-color: #6977c8; }
      .page_community .modal_community_post footer .btn_community:active {
        background-color: #5766c1; }

.quest_feed {
  background: linear-gradient(-48deg, #BED552 0%, #BED552 100%);
  min-height: 100%;
  padding: 1px 0;
  /**
 * Indication for mentor/current quest, depeneding if mentor or end-user view.
 */ }
  .quest_feed .container {
    padding: inherit 25px; }
  .quest_feed .header {
    color: #ffffff;
    padding: 0 0 10px;
    text-align: center; }
    .quest_feed .header .quest_current {
      background: rgba(0, 0, 0, 0.44);
      color: #ffffff;
      display: block;
      font-family: "Montserrat-Bold", sans-serif;
      font-size: 14px;
      margin-bottom: 20px;
      padding: 11px;
      text-transform: uppercase; }
      @media (min-width: 46.25em) {
        .quest_feed .header .quest_current {
          display: none; } }
    .quest_feed .header .mobileHeader {
      background: rgba(0, 0, 0, 0.44);
      color: #ffffff;
      display: block;
      font-family: "Montserrat-Bold", sans-serif;
      font-size: 14px;
      margin-bottom: 20px;
      padding: 11px;
      text-transform: uppercase;
      display: flex;
      justify-content: space-between; }
      @media (min-width: 46.25em) {
        .quest_feed .header .mobileHeader {
          display: none; } }
      .quest_feed .header .mobileHeader p {
        text-align: left; }
      .quest_feed .header .mobileHeader .mobileHeaderBtns {
        min-width: 66px; }
      .quest_feed .header .mobileHeader .mobileHeaderBtns > div {
        margin-left: 5px; }
      .quest_feed .header .mobileHeader .resourceCenterBtn {
        border: 1px;
        border-style: solid;
        border-radius: 4px;
        padding: 5px;
        cursor: pointer;
        float: right; }
      .quest_feed .header .mobileHeader .questMapBtn {
        border: 1px;
        border-style: solid;
        border-radius: 4px;
        padding: 5px;
        cursor: pointer;
        float: right; }
    .quest_feed .header h1 {
      font-size: 24px; }
    .quest_feed .header h4 {
      display: none; }
    @media (min-width: 46.25em) {
      .quest_feed .header {
        padding: 60px 5% 10px; }
        .quest_feed .header h1 {
          font-size: 44px; }
        .quest_feed .header h4 {
          display: block;
          font-size: 30px;
          text-transform: none; } }
  .quest_feed .quest_feed_notif {
    background-color: rgba(216, 216, 216, 0.08);
    color: #ffffff;
    padding: 20px 25px;
    /**
 * Text/image styling
 */
    /**
 * Media object specific styling.
 */
    /**
 * Field object specific styling.
 */ }
    @media (min-width: 20em) and (max-width: 61.24em) {
      .quest_feed .quest_feed_notif {
        display: flex;
        align-items: center;
        justify-content: center; } }
    @media (min-width: 61.25em) {
      .quest_feed .quest_feed_notif {
        border-radius: 4px;
        left: 40px;
        position: absolute;
        top: 40px; } }
    .quest_feed .quest_feed_notif img {
      height: 36px;
      width: 36px;
      border-radius: 50%;
      overflow: hidden; }
      .quest_feed .quest_feed_notif img img {
        height: auto;
        width: 100%; }
    .quest_feed .quest_feed_notif p {
      font-size: 9px;
      text-transform: uppercase;
      letter-spacing: 0.7px;
      font-weight: 900; }
    .quest_feed .quest_feed_notif h2 {
      max-width: 300px;
      font-size: 18px;
      margin-bottom: 0; }
    .quest_feed .quest_feed_notif .o-media {
      flex: 0 0 auto; }
    .quest_feed .quest_feed_notif .o-media__body {
      margin-left: 10px; }
    .quest_feed .quest_feed_notif .o-field__input, .quest_feed .quest_feed_notif .page_users .ReactTable .rt-thead.-filters input, .page_users .ReactTable .rt-thead.-filters .quest_feed .quest_feed_notif input, .quest_feed .quest_feed_notif .page_users .pagination-bottom .-pageJump input, .page_users .pagination-bottom .-pageJump .quest_feed .quest_feed_notif input {
      text-align: center; }
    .quest_feed .quest_feed_notif .o-field__suffix {
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 25px; }
  .quest_feed .quest_feed_content.container {
    max-width: 660px; }
  .quest_feed .quest_feed_content .feed_add {
    background: #ffffff;
    border-radius: 10px;
    margin: 25px 0;
    overflow: hidden;
    position: relative;
    /* for the tokenizer suggestion to be visible*/ }
    .quest_feed .quest_feed_content .feed_add main textarea {
      padding: 20px;
      width: 100%; }
      .quest_feed .quest_feed_content .feed_add main textarea::placeholder {
        font-family: "Lato-Italic", LatoLatin-Italic, sans-serif; }
    .quest_feed .quest_feed_content .feed_add .video_input_wrapper {
      padding-left: 20px;
      border-top: 1px #bdbdbd solid;
      color: #a2a2a2; }
      .quest_feed .quest_feed_content .feed_add .video_input_wrapper input {
        color: #3e3e3e; }
    .quest_feed .quest_feed_content .feed_add footer {
      align-items: center;
      background: #e8e8e8;
      border-top: 1px solid #bdbdbd;
      display: flex;
      justify-content: space-between; }
      .quest_feed .quest_feed_content .feed_add footer .feed_add_file {
        border-right: 1px solid #bdbdbd;
        color: #212121;
        position: relative; }
        .quest_feed .quest_feed_content .feed_add footer .feed_add_file:hover:not(.no-hover) {
          background-color: #d8d8d8; }
        .quest_feed .quest_feed_content .feed_add footer .feed_add_file .progress {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          background: rgba(240, 171, 51, 0.2);
          height: 100%;
          pointer-events: none;
          transition: width .2s linear;
          width: 0; }
        .quest_feed .quest_feed_content .feed_add footer .feed_add_file label {
          align-items: center;
          cursor: pointer;
          display: flex;
          margin: 0;
          max-width: 180px;
          padding: 20px 8px; }
          @media (min-width: 30em) {
            .quest_feed .quest_feed_content .feed_add footer .feed_add_file label {
              max-width: 290px;
              padding: 20px; } }
          .quest_feed .quest_feed_content .feed_add footer .feed_add_file label input {
            display: none; }
          .quest_feed .quest_feed_content .feed_add footer .feed_add_file label .mq-camera {
            font-size: 1.6em;
            margin-right: 10px; }
            @media (min-width: 30em) {
              .quest_feed .quest_feed_content .feed_add footer .feed_add_file label .mq-camera {
                margin-right: 20px; } }
          .quest_feed .quest_feed_content .feed_add footer .feed_add_file label span + span {
            margin-left: auto; }
          .quest_feed .quest_feed_content .feed_add footer .feed_add_file label button {
            background: none;
            color: #212121;
            margin-left: auto;
            outline: none;
            padding: 0 0 0 5px; }
            @media (min-width: 30em) {
              .quest_feed .quest_feed_content .feed_add footer .feed_add_file label button {
                padding-left: 15px; } }
      .quest_feed .quest_feed_content .feed_add footer .btn {
        background: #F0AB33;
        border: 2px solid transparent;
        border-radius: 30px;
        color: #ffffff;
        display: inline-block;
        font-family: "Montserrat-Bold", sans-serif;
        padding: 10px 20px;
        text-align: center;
        text-transform: uppercase;
        margin-right: 10px;
        padding: 6px 15px; }
        .quest_feed .quest_feed_content .feed_add footer .btn:hover {
          background-color: #eea11b; }
        .quest_feed .quest_feed_content .feed_add footer .btn:active {
          background-color: #e09410; }
        @media (min-width: 20em) and (max-width: 46.24em) {
          .quest_feed .quest_feed_content .feed_add footer .btn span:not(.mobile_caption) {
            display: none; } }
        @media (min-width: 30em) {
          .quest_feed .quest_feed_content .feed_add footer .btn {
            padding: 6px 20px; } }
        @media (min-width: 46.25em) {
          .quest_feed .quest_feed_content .feed_add footer .btn .mobile_caption {
            display: none; } }
    .quest_feed .quest_feed_content .feed_add .tokenizer_container {
      display: flex;
      justify-content: space-around;
      border-bottom: 1px #bdbdbd solid;
      align-items: stretch; }
      .quest_feed .quest_feed_content .feed_add .tokenizer_container .label_button {
        color: #212121;
        padding: 10px;
        background: #e8e8e8;
        border-left: 1px #bdbdbd solid;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center; }
        .quest_feed .quest_feed_content .feed_add .tokenizer_container .label_button:hover {
          background-color: #d8d8d8; }
    .quest_feed .quest_feed_content .feed_add .tknz-wrapper {
      border-radius: 10px 10px 0 0;
      overflow: auto;
      padding: 10px;
      width: 100%; }
    .quest_feed .quest_feed_content .feed_add .tknz-focus {
      /* Apparent input in active state */
      /*box-shadow: 0px 0px 6px #5c7db7;*/
      /*border: solid 2px transparent;*/ }
    .quest_feed .quest_feed_content .feed_add .tknz-wrapper-label {
      /* Label for the field */
      float: left;
      margin: 5px 5px 0 2px; }
    .quest_feed .quest_feed_content .feed_add .tknz-input {
      /* The actual input */
      font-family: inherit;
      font-size: inherit;
      font-weight: inherit;
      width: 112px;
      margin: 2px;
      border: none;
      outline: none;
      background: transparent; }
    .quest_feed .quest_feed_content .feed_add .tknz-input-wrapper {
      float: left;
      top: 4px; }
    .quest_feed .quest_feed_content .feed_add .tknz-token {
      background: #e0e3f3;
      padding: 2px 2px 1px 5px;
      margin: 2px 2px 0 2px;
      float: left;
      border-radius: 2px;
      max-width: 340px;
      cursor: pointer; }
    .quest_feed .quest_feed_content .feed_add .tknz-token-label {
      /* Token's label */
      word-break: break-word; }
    .quest_feed .quest_feed_content .feed_add .tknz-token-x {
      /* Delete button for token */
      color: #3e3e3e;
      padding-left: 7px;
      position: relative;
      top: 1px; }
    .quest_feed .quest_feed_content .feed_add .tknz-token-x:hover {
      text-shadow: 0 0 3px #eee;
      color: #fff; }
    .quest_feed .quest_feed_content .feed_add .tknz-suggest {
      /* Autosuggest modal */
      position: absolute;
      background-color: #fff;
      box-shadow: 1px 1px 3px rgba(120, 120, 120, 0.3);
      z-index: 1; }
      .quest_feed .quest_feed_content .feed_add .tknz-suggest ul {
        list-style: none;
        margin: 0;
        padding: 0;
        text-align: left; }
    .quest_feed .quest_feed_content .feed_add .tknz-suggest-li {
      color: #000;
      padding: 0 5px; }
      .quest_feed .quest_feed_content .feed_add .tknz-suggest-li:nth-child(2n) {
        background-color: #f0f0f0; }
      .quest_feed .quest_feed_content .feed_add .tknz-suggest-li.tknz-sel {
        color: #fff;
        background-color: #5c7db7; }
  .quest_feed .quest_feed_content .feed_separator {
    align-items: center;
    color: #ffffff;
    display: flex;
    font-size: 12px;
    margin-bottom: 4%;
    opacity: .5; }
    .quest_feed .quest_feed_content .feed_separator span {
      margin-right: 10px;
      white-space: nowrap; }
    .quest_feed .quest_feed_content .feed_separator hr {
      border-color: #ffffff;
      margin: 0;
      width: 100%; }
  .quest_feed .feed_item {
    background: #ffffff;
    border-radius: 10px;
    margin-bottom: 4%;
    overflow: hidden;
    position: relative; }
    @media (min-width: 20em) and (max-width: 46.24em) {
      .quest_feed .feed_item:last-child {
        margin-bottom: 60%; } }
    .quest_feed .feed_item.new.rtl::after {
      transform: rotateZ(90deg); }
    .quest_feed .feed_item.new::after {
      position: absolute;
      top: 0;
      right: 0;
      height: 47px;
      width: 47px;
      background: transparent url("assets/feed/new_corner.png") left top/cover no-repeat;
      content: "";
      pointer-events: none; }
    @media (min-width: 20em) and (max-width: 46.24em) {
      .quest_feed .feed_item.new .post_actions {
        margin-right: 1em;
        margin-top: 0.5em; } }
    .quest_feed .feed_item p {
      line-height: 1.4; }
    .quest_feed .feed_item figure {
      height: 2.5em;
      width: 2.5em;
      border-radius: 50%;
      margin: 0;
      overflow: hidden; }
      .quest_feed .feed_item figure img {
        height: 100%;
        width: 100%; }
      @media (min-width: 46.25em) {
        .quest_feed .feed_item figure {
          height: 3em;
          width: 3em; } }
    .quest_feed .feed_item .mq-feed-like-full {
      color: #ce4e4e; }
  .quest_feed .feed_item_post {
    padding-bottom: 3%;
    position: relative; }
    .quest_feed .feed_item_post header {
      align-items: center;
      display: flex;
      padding: 2% 3%; }
      .quest_feed .feed_item_post header.mentor {
        background: #fff2bd;
        margin-bottom: 3%; }
      .quest_feed .feed_item_post header .post_author {
        color: #212121;
        font-family: "Montserrat-Bold", sans-serif;
        margin-left: 1.5%; }
        @media (min-width: 46.25em) {
          .quest_feed .feed_item_post header .post_author {
            font-size: 20px; } }
      .quest_feed .feed_item_post header .post_actions {
        margin-left: auto; }
        .quest_feed .feed_item_post header .post_actions .post_actions_follow {
          color: #7c88cf;
          font-family: "Montserrat-Bold", sans-serif; }
        .quest_feed .feed_item_post header .post_actions .post_actions_dropdown {
          color: #757575;
          font-size: 24px; }
          @media (min-width: 46.25em) {
            .quest_feed .feed_item_post header .post_actions .post_actions_dropdown {
              font-size: 32px; } }
        .quest_feed .feed_item_post header .post_actions .post_actions_mentor {
          font-family: "Montserrat-Bold", sans-serif; }
        .quest_feed .feed_item_post header .post_actions ul {
          margin-left: -77px;
          margin-top: -10px;
          position: absolute;
          width: 100px;
          z-index: 1; }
          .quest_feed .feed_item_post header .post_actions ul .ui-state-focus {
            background: #7c88cf;
            border: 1px solid #7c88cf; }
          .quest_feed .feed_item_post header .post_actions ul .ui-menu-item a {
            color: #757575;
            font-family: "Montserrat-Bold", sans-serif; }
    .quest_feed .feed_item_post main > * {
      margin-bottom: 3%; }
    .quest_feed .feed_item_post main p {
      font-size: 17px;
      padding: 0 3%;
      white-space: pre-line; }
    .quest_feed .feed_item_post main .post_img a.file-link {
      color: #76a2d4;
      font-weight: bold;
      padding: 4px 3%;
      text-decoration: underline; }
    .quest_feed .feed_item_post main .post_img span.attachment-label {
      font-weight: bold;
      line-height: 1;
      padding: 4px 3%;
      padding-bottom: 0; }
    .quest_feed .feed_item_post main .post_img audio {
      width: 96%;
      margin: 0 2%; }
    .quest_feed .feed_item_post main .post_img video {
      width: 100%;
      max-height: 50vh; }
    .quest_feed .feed_item_post main .post_img img {
      display: block;
      height: auto;
      margin: 0 auto;
      max-height: 700px;
      max-width: 100%; }
      @media (min-width: 46.25em) {
        .quest_feed .feed_item_post main .post_img img {
          min-width: 300px; } }
    .quest_feed .feed_item_post main .post_mission {
      background-color: #F0AB33;
      color: #ffffff;
      display: flex;
      font-family: "Lato-Light", LatoLatin-Light, sans-serif; }
      .quest_feed .feed_item_post main .post_mission.single_stat {
        display: block; }
      .quest_feed .feed_item_post main .post_mission > span {
        padding: 8px 2%; }
        @media (min-width: 46.25em) {
          .quest_feed .feed_item_post main .post_mission > span {
            padding: 10px 4%; } }
        .quest_feed .feed_item_post main .post_mission > span:first-child {
          align-items: center;
          background: #e09410;
          display: flex;
          font-family: "Montserrat-Bold", sans-serif;
          font-size: 14px;
          justify-content: center;
          min-width: 90px; }
          @media (min-width: 46.25em) {
            .quest_feed .feed_item_post main .post_mission > span:first-child {
              font-size: 16px;
              min-width: 190px;
              padding: 10px 2%; } }
        .quest_feed .feed_item_post main .post_mission > span + span {
          font-size: 17px; }
    .quest_feed .feed_item_post main .post_link {
      color: #212121;
      padding: 0 6%; }
      .quest_feed .feed_item_post main .post_link .post_link_title {
        font-size: 1.2em; }
      .quest_feed .feed_item_post main .post_link p {
        padding: 10px 0; }
      .quest_feed .feed_item_post main .post_link a {
        color: #757575;
        font-size: 0.8em; }
      @media (min-width: 46.25em) {
        .quest_feed .feed_item_post main .post_link {
          font-size: 20px; } }
    .quest_feed .feed_item_post footer {
      align-items: center;
      display: flex;
      font-size: 18px;
      padding: 2px 3% 0; }
      @media (min-width: 46.25em) {
        .quest_feed .feed_item_post footer {
          font-size: 22px; } }
      .quest_feed .feed_item_post footer > * {
        align-items: center;
        color: #212121;
        display: flex;
        margin-left: 2%;
        margin-right: 1%; }
      .quest_feed .feed_item_post footer i {
        color: #0c0c0c;
        font-size: 1.5em;
        margin-right: 0.2em; }
        @media (min-width: 46.25em) {
          .quest_feed .feed_item_post footer i {
            font-size: 1.2em; } }
  .quest_feed .feed_item_comments {
    background: #e8e8e8;
    padding: 3%; }
    .quest_feed .feed_item_comments .comments_prev {
      color: #7c88cf;
      display: block;
      margin-bottom: 3%;
      padding: 0 2%; }
    .quest_feed .feed_item_comments .feed_comment {
      display: flex; }
      .quest_feed .feed_item_comments .feed_comment + .feed_comment {
        margin-top: 3%; }
      .quest_feed .feed_item_comments .feed_comment main {
        background: #ffffff;
        border-radius: 10px;
        flex: 1;
        margin-left: 3%;
        padding: 15px;
        position: relative; }
        .quest_feed .feed_item_comments .feed_comment main .comment_author {
          font-family: "Montserrat-Bold", sans-serif; }
        .quest_feed .feed_item_comments .feed_comment main .comment_content {
          white-space: pre-line; }
        .quest_feed .feed_item_comments .feed_comment main .comment_likes {
          align-items: center;
          display: flex;
          margin-top: 15px;
          width: 100px; }
          .quest_feed .feed_item_comments .feed_comment main .comment_likes i {
            font-size: 1.2em;
            margin-right: 6px; }
        .quest_feed .feed_item_comments .feed_comment main .comment_actions {
          position: absolute;
          top: 8px;
          right: 2%;
          margin-left: auto; }
          .quest_feed .feed_item_comments .feed_comment main .comment_actions .comment_actions_dropdown {
            color: #757575;
            font-size: 22px; }
            @media (min-width: 46.25em) {
              .quest_feed .feed_item_comments .feed_comment main .comment_actions .comment_actions_dropdown {
                font-size: 26px; } }
          .quest_feed .feed_item_comments .feed_comment main .comment_actions ul {
            margin-left: -77px;
            margin-top: -10px;
            position: absolute;
            width: 100px;
            z-index: 1; }
            .quest_feed .feed_item_comments .feed_comment main .comment_actions ul .ui-state-focus {
              background: #7c88cf;
              border: 1px solid #7c88cf; }
            .quest_feed .feed_item_comments .feed_comment main .comment_actions ul .ui-menu-item a {
              color: #757575;
              font-family: "Montserrat-Bold", sans-serif; }
  .quest_feed .feed_item_reply {
    align-items: center;
    border-top: 1px solid #e8e8e8;
    display: flex; }
    .quest_feed .feed_item_reply .expanding-wrapper {
      flex: 1;
      padding: 1px;
      width: 100%; }
      .quest_feed .feed_item_reply .expanding-wrapper textarea {
        height: 62px;
        padding: 20px; }
    .quest_feed .feed_item_reply .reply_send {
      color: #7c88cf;
      font-family: "Montserrat-Bold", sans-serif;
      padding: 10px 3%;
      text-align: right; }
      .quest_feed .feed_item_reply .reply_send.disabled {
        color: #757575;
        opacity: 1; }
    @media (min-width: 20em) and (max-width: 46.24em) {
      .quest_feed .feed_item_reply.active {
        flex-direction: column; }
        .quest_feed .feed_item_reply.active .reply_send {
          border-top: 1px solid #e8e8e8;
          text-align: center;
          width: 100%; } }
  .quest_feed.quest_diary_personal {
    background: linear-gradient(-48deg, #BED552 0%, #BED552 100%); }
    .quest_feed.quest_diary_personal .post_banner {
      color: #ffffff; }
      .quest_feed.quest_diary_personal .post_banner h3 {
        align-items: center;
        display: flex;
        margin: 0;
        padding: 16px 20px;
        text-transform: none; }
        .quest_feed.quest_diary_personal .post_banner h3 span {
          font-size: 20px; }
        .quest_feed.quest_diary_personal .post_banner h3 i {
          font-size: 40px;
          margin-right: 15px; }
      .quest_feed.quest_diary_personal .post_banner p {
        background: rgba(12, 12, 12, 0.2);
        padding: 11px 20px; }
        .quest_feed.quest_diary_personal .post_banner p:first-child {
          background: none; }
        .quest_feed.quest_diary_personal .post_banner p span {
          display: block; }
        .quest_feed.quest_diary_personal .post_banner p span:first-child {
          font-size: 12px; }
      .quest_feed.quest_diary_personal .post_banner.level {
        background: linear-gradient(180deg, #f0d206 0%, #dbae18 100%); }
      .quest_feed.quest_diary_personal .post_banner.mission {
        background-image: linear-gradient(180deg, #bfee69 0%, #8bd738 100%); }
      .quest_feed.quest_diary_personal .post_banner.reply {
        background-image: linear-gradient(180deg, #e889c1 0%, #cb6ea5 100%); }
    .quest_feed.quest_diary_personal .feed_item_post:last-child {
      padding-bottom: 0; }
    .quest_feed.quest_diary_personal .feed_item_post .post_mission {
      background: none; }
      .quest_feed.quest_diary_personal .feed_item_post .post_mission span {
        background-color: #a2a2a2;
        border-radius: 10px 0 0 10px; }
        .quest_feed.quest_diary_personal .feed_item_post .post_mission span:first-child {
          background: #757575;
          border-radius: 0 10px 10px 0;
          margin-right: 10px; }
        .quest_feed.quest_diary_personal .feed_item_post .post_mission span:last-child {
          width: 100%; }
        @media (min-width: 20em) and (max-width: 46.24em) {
          .quest_feed.quest_diary_personal .feed_item_post .post_mission span {
            font-size: 14px; }
            .quest_feed.quest_diary_personal .feed_item_post .post_mission span:first-child {
              margin-right: 5px; } }
    .quest_feed.quest_diary_personal footer {
      font-size: 16px; }
      @media (min-width: 20em) and (max-width: 46.24em) {
        .quest_feed.quest_diary_personal footer {
          font-size: 14px; } }
    .quest_feed.quest_diary_personal .feed_item_wrt-asgn .feed_item_post .post_mission:first-child {
      background: #757575; }
    .quest_feed.quest_diary_personal .feed_item_wrt-asgn .feed_item_post .post_mission span {
      justify-content: flex-start;
      padding-bottom: 23px;
      padding-top: 23px; }
    .quest_feed.quest_diary_personal .feed_item_wrt-asgn .feed_item_post .wrt-asgn__question span {
      background: #e8e8e8;
      color: #212121;
      font-family: "Lato-Light", LatoLatin-Light, sans-serif;
      font-size: 17px;
      margin-right: 35px;
      font-weight: bold; }
  .quest_feed .o-btn--green {
    background: #F0AB33;
    border: 2px solid transparent;
    border-radius: 30px;
    color: #ffffff;
    display: inline-block;
    font-family: "Montserrat-Bold", sans-serif;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase; }
    .quest_feed .o-btn--green:hover {
      background-color: #eea11b; }
    .quest_feed .o-btn--green:active {
      background-color: #e09410; }
  .quest_feed .o-btn--gray {
    background: #d1d3cf;
    border: 2px solid transparent;
    border-radius: 30px;
    color: #ffffff;
    display: inline-block;
    font-family: "Montserrat-Bold", sans-serif;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase; }
    .quest_feed .o-btn--gray:hover {
      background-color: #c4c7c2; }
    .quest_feed .o-btn--gray:active {
      background-color: #b8bbb4; }
  .quest_feed .o-btn--1on1 {
    font-size: 13px;
    white-space: nowrap;
    border-radius: 0; }
    @media (min-width: 46.25em) {
      .quest_feed .o-btn--1on1 {
        border-radius: 6px; }
        .quest_feed .o-btn--1on1:last-child {
          margin-left: 8px; } }
  .quest_feed .o-btn--resolve {
    color: #d1d3cf;
    padding: 5px 20px;
    border-radius: 6px;
    font-size: 13px;
    font-family: "Montserrat-Bold", sans-serif;
    text-transform: uppercase;
    border-width: 2px; }
  @media (min-width: 20em) and (max-width: 46.24em) {
    .quest_feed .feed_item_actions {
      width: 100%;
      display: flex; }
      .quest_feed .feed_item_actions > a {
        flex: 1; } }
  @media (min-width: 46.25em) {
    .quest_feed .feed_item_actions {
      margin-right: 3%; } }
  .quest_feed .post_date {
    font-size: 15px;
    font-weight: bold;
    color: #848484; }
    @media (min-width: 20em) and (max-width: 46.24em) {
      .quest_feed .post_date {
        font-size: 13px; } }
  .quest_feed .feed_comment .post_date {
    font-size: 12px; }
    @media (min-width: 20em) and (max-width: 29.99em) {
      .quest_feed .feed_comment .post_date {
        display: none; } }
  .quest_feed .feed_item_meta {
    margin-left: 15px; }
  .quest_feed .post_actions {
    display: flex;
    align-items: center; }
    .quest_feed .post_actions .o-btn {
      margin-right: 30px;
      display: none; }
      @media (min-width: 46.25em) {
        .quest_feed .post_actions .o-btn {
          display: block; } }
    .quest_feed .post_actions .menuItem {
      display: block; }
      @media (min-width: 46.25em) {
        .quest_feed .post_actions .menuItem {
          display: none; } }
  .quest_feed .no_data {
    margin-top: 20px;
    background: none;
    border: none;
    text-align: center; }
    .quest_feed .no_data div {
      border: 1px solid rgba(255, 255, 255, 0.5);
      border-radius: 10px;
      color: #ffffff;
      max-width: 550px;
      padding: 40px 25px;
      width: 100%; }
    @media (min-width: 46.25em) {
      .quest_feed .no_data {
        font-size: 20px; } }
    .quest_feed .no_data b {
      display: block;
      font-family: "Montserrat-Bold", sans-serif;
      margin-bottom: 30px; }
    .quest_feed .no_data p {
      margin: 0 auto;
      width: 250px; }
    .quest_feed .no_data .btn {
      background: #F0AB33;
      border: 2px solid transparent;
      border-radius: 30px;
      color: #ffffff;
      display: inline-block;
      font-family: "Montserrat-Bold", sans-serif;
      padding: 10px 20px;
      text-align: center;
      text-transform: uppercase;
      margin-top: 50px; }
      .quest_feed .no_data .btn:hover {
        background-color: #eea11b; }
      .quest_feed .no_data .btn:active {
        background-color: #e09410; }
    .quest_feed .no_data div {
      max-width: 100%; }
  @media (min-width: 46.25em) {
    .quest_feed .no1x1data p {
      width: 500px !important; } }
  .quest_feed .no_response {
    background: linear-gradient(270deg, #ffffff 0%, #e8e8e8 100%);
    padding: 0 3%;
    color: #a2a2a2;
    font-size: 13px; }
  .quest_feed .o-switch__option {
    padding: 12px 0; }

@media (min-width: 46.25em) {
  .page_congrats.page {
    height: calc(100% - 180px); } }

.quest_congrats {
  min-height: 100%; }
  .quest_congrats {
    align-items: center;
    background: linear-gradient(90deg, #BED552 0%, #BED552 49%, #BED552 100%);
    color: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center; }
    .quest_congrats header h1 {
      font-size: 33px; }
      @media (min-width: 46.25em) {
        .quest_congrats header h1 {
          font-size: 46px; } }
    .quest_congrats header p {
      font-size: 14px; }
      @media (min-width: 46.25em) {
        .quest_congrats header p {
          font-size: 18px; } }
    .quest_congrats header figure {
      margin-top: 30px; }
    @media (min-width: 20em) and (max-width: 29.99em) {
      .quest_congrats main {
        width: 100%; } }
    .quest_congrats main .congrats_summary {
      font-size: 16px;
      margin-bottom: 30px; }
      .quest_congrats main .congrats_summary h2 {
        color: rgba(255, 255, 255, 0.9);
        font-size: 12px;
        text-decoration: underline;
        text-transform: none; }
      .quest_congrats main .congrats_summary p {
        margin: 5px 0; }
    .quest_congrats main .congrats_details {
      background-color: rgba(0, 0, 0, 0.2);
      border-radius: 10px;
      box-shadow: 0 0 6.9px 0.1px rgba(33, 33, 33, 0.15);
      font-size: 13px;
      min-width: 320px;
      padding: 10px 25px;
      text-align: left; }
      @media (min-width: 20em) and (max-width: 29.99em) {
        .quest_congrats main .congrats_details {
          border-radius: 0; } }
      .quest_congrats main .congrats_details li {
        margin: 5px 0; }
      .quest_congrats main .congrats_details b {
        float: right;
        font-family: "Montserrat-Bold", sans-serif;
        width: 90px; }
    .quest_congrats main .btn {
      background: #F0AB33;
      border: 2px solid transparent;
      border-radius: 30px;
      color: #ffffff;
      display: inline-block;
      font-family: "Montserrat-Bold", sans-serif;
      padding: 10px 20px;
      text-align: center;
      text-transform: uppercase;
      background-image: linear-gradient(135deg, transparent, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1));
      border: none;
      border-radius: 15px;
      font-size: 18px;
      margin-top: 30px;
      overflow: hidden;
      padding: 12px 70px;
      position: relative; }
      .quest_congrats main .btn:hover {
        background-color: #eea11b; }
      .quest_congrats main .btn:active {
        background-color: #e09410; }

@media (min-width: 46.25em) {
  html body .page_habits {
    height: calc(100% - 180px); } }

.quest_habits {
  background: linear-gradient(-48deg, #BED552 0%, #BED552 100%);
  min-height: 100%;
  padding: 1px;
  padding-bottom: 100px;
  position: relative;
  text-align: center; }

.quest_habits .habits_header {
  color: #ffffff;
  padding: 0 0 10px;
  text-align: center; }
  .quest_habits .habits_header .quest_current {
    background: rgba(0, 0, 0, 0.44);
    color: #ffffff;
    display: block;
    font-family: "Montserrat-Bold", sans-serif;
    font-size: 14px;
    margin-bottom: 20px;
    padding: 11px;
    text-transform: uppercase; }
    @media (min-width: 46.25em) {
      .quest_habits .habits_header .quest_current {
        display: none; } }
  .quest_habits .habits_header .mobileHeader {
    background: rgba(0, 0, 0, 0.44);
    color: #ffffff;
    display: block;
    font-family: "Montserrat-Bold", sans-serif;
    font-size: 14px;
    margin-bottom: 20px;
    padding: 11px;
    text-transform: uppercase;
    display: flex;
    justify-content: space-between; }
    @media (min-width: 46.25em) {
      .quest_habits .habits_header .mobileHeader {
        display: none; } }
    .quest_habits .habits_header .mobileHeader p {
      text-align: left; }
    .quest_habits .habits_header .mobileHeader .mobileHeaderBtns {
      min-width: 66px; }
    .quest_habits .habits_header .mobileHeader .mobileHeaderBtns > div {
      margin-left: 5px; }
    .quest_habits .habits_header .mobileHeader .resourceCenterBtn {
      border: 1px;
      border-style: solid;
      border-radius: 4px;
      padding: 5px;
      cursor: pointer;
      float: right; }
    .quest_habits .habits_header .mobileHeader .questMapBtn {
      border: 1px;
      border-style: solid;
      border-radius: 4px;
      padding: 5px;
      cursor: pointer;
      float: right; }
  .quest_habits .habits_header h1 {
    font-size: 24px; }
  .quest_habits .habits_header h4 {
    display: none; }
  @media (min-width: 46.25em) {
    .quest_habits .habits_header {
      padding: 60px 5% 10px; }
      .quest_habits .habits_header h1 {
        font-size: 44px; }
      .quest_habits .habits_header h4 {
        display: block;
        font-size: 30px;
        text-transform: none; } }

.quest_habits .habits_progressbar {
  background: #ffffff;
  border-radius: 10px;
  box-shadow: 0 -1px 4px 0 rgba(0, 0, 0, 0.15);
  color: #212121;
  margin: 30px auto 0;
  max-width: 620px;
  padding: 16px;
  width: 100%; }
  .quest_habits .habits_progressbar b {
    font-family: "Montserrat-Bold", sans-serif;
    margin-right: 10px; }
  .quest_habits .habits_progressbar .progressbar {
    background: #d8d8d8;
    border-radius: 10px;
    height: 16px;
    margin-top: 10px;
    position: relative; }
    .quest_habits .habits_progressbar .progressbar .progressbar_bar {
      height: 100%;
      width: 100%;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: linear-gradient(180deg, #bfee69 0%, #8bd738 100%);
      border-radius: 10px;
      content: '';
      width: 0; }
    .quest_habits .habits_progressbar .progressbar .progressbar_percentage {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      color: #ffffff;
      font-size: 12px;
      left: 10px;
      margin: 0; }
  .quest_habits .habits_progressbar .full .progressbar_bar {
    background-color: #ffc700;
    width: 100%; }
  @media (min-width: 20em) and (max-width: 46.24em) {
    .quest_habits .habits_progressbar {
      position: fixed;
      bottom: 0;
      left: 0;
      border-radius: 0;
      font-size: 13px;
      margin: 0;
      max-width: none;
      width: 100%;
      z-index: 1; } }

.quest_habits .habits_content {
  align-items: center;
  display: flex;
  flex-flow: column;
  justify-content: center;
  width: 100%; }
  @media (min-width: 46.25em) {
    .quest_habits .habits_content {
      background-color: rgba(33, 33, 33, 0.15);
      border: 1px solid rgba(255, 255, 255, 0.16);
      border-radius: 10px;
      margin-top: 30px;
      max-width: 900px;
      padding: 50px; } }
  @media (min-width: 20em) and (max-width: 46.24em) {
    .quest_habits .habits_content {
      padding-bottom: 10px; } }

.quest_habits .habits_empty {
  background: none;
  border: none; }
  .quest_habits .habits_empty div {
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 10px;
    color: #ffffff;
    max-width: 550px;
    padding: 40px 25px;
    width: 100%; }
  @media (min-width: 46.25em) {
    .quest_habits .habits_empty {
      font-size: 20px; } }
  .quest_habits .habits_empty b {
    display: block;
    font-family: "Montserrat-Bold", sans-serif;
    margin-bottom: 30px; }
  .quest_habits .habits_empty p {
    margin: 0 auto;
    width: 250px; }
  .quest_habits .habits_empty .btn {
    background: #F0AB33;
    border: 2px solid transparent;
    border-radius: 30px;
    color: #ffffff;
    display: inline-block;
    font-family: "Montserrat-Bold", sans-serif;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
    margin-top: 50px; }
    .quest_habits .habits_empty .btn:hover {
      background-color: #eea11b; }
    .quest_habits .habits_empty .btn:active {
      background-color: #e09410; }

.quest_habits .habits_block {
  background: #ffffff;
  border-radius: 10px;
  color: #212121;
  position: relative;
  width: 100%; }
  .quest_habits .habits_block:not(:first-child) {
    margin-top: 60px; }
  .quest_habits .habits_block.no-animation .habits_block_content .gallery_item {
    transition: none; }
  .quest_habits .habits_block.no-animation .habits_block_footer .habits_block_check {
    animation: none; }

.quest_habits .habits_block_header {
  margin: 20px;
  position: relative; }
  .quest_habits .habits_block_header .block_header_separator {
    background: linear-gradient(90deg, transparent, rgba(12, 12, 12, 0.3) 50%, transparent 100%);
    display: block;
    height: 2px;
    margin: 20px auto 0;
    max-width: 650px; }
  .quest_habits .habits_block_header h2 {
    font-size: 16px;
    margin-bottom: 15px; }
    @media (min-width: 46.25em) {
      .quest_habits .habits_block_header h2 {
        font-size: 24px; } }

.quest_habits .habits_block_content {
  height: 80px;
  overflow: hidden;
  position: relative; }
  .quest_habits .habits_block_content .gallery_item {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    pointer-events: none;
    transform: translateX(-100%);
    transition: transform .5s; }
    @media (min-width: 46.25em) {
      .quest_habits .habits_block_content .gallery_item {
        border-radius: 10px;
        overflow: hidden; } }
    .quest_habits .habits_block_content .gallery_item.active {
      pointer-events: auto;
      position: relative;
      transform: translateX(0); }
      .quest_habits .habits_block_content .gallery_item.active ~ .gallery_item {
        transform: translateX(100%); }
      .quest_habits .habits_block_content .gallery_item.active:first-of-type ~ .gallery_controls li:first-child,
      .quest_habits .habits_block_content .gallery_item.active:last-of-type ~ .gallery_controls li:last-child {
        opacity: .5;
        pointer-events: none; }
      .quest_habits .habits_block_content .gallery_item.active:nth-of-type(1) ~ .gallery_breadcrumbs li:nth-of-type(1) {
        transform: scale(2); }
      .quest_habits .habits_block_content .gallery_item.active:nth-of-type(2) ~ .gallery_breadcrumbs li:nth-of-type(2) {
        transform: scale(2); }
      .quest_habits .habits_block_content .gallery_item.active:nth-of-type(3) ~ .gallery_breadcrumbs li:nth-of-type(3) {
        transform: scale(2); }
      .quest_habits .habits_block_content .gallery_item.active:nth-of-type(4) ~ .gallery_breadcrumbs li:nth-of-type(4) {
        transform: scale(2); }
      .quest_habits .habits_block_content .gallery_item.active:nth-of-type(5) ~ .gallery_breadcrumbs li:nth-of-type(5) {
        transform: scale(2); }
  .quest_habits .habits_block_content .gallery_controls {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    padding: 0 25px;
    width: 100%; }
    .quest_habits .habits_block_content .gallery_controls a {
      color: #ffffff;
      font-size: 35px; }
      @media (min-width: 46.25em) {
        .quest_habits .habits_block_content .gallery_controls a {
          font-size: 70px; } }
  .quest_habits .habits_block_content .gallery_breadcrumbs {
    display: flex;
    justify-content: center;
    padding: 0 30px;
    width: 100%; }
    @media (min-width: 46.25em) {
      .quest_habits .habits_block_content .gallery_breadcrumbs {
        bottom: 40px;
        justify-content: flex-end; } }
    .quest_habits .habits_block_content .gallery_breadcrumbs li {
      height: 5px;
      width: 5px;
      background: #ffffff;
      border-radius: 50%;
      color: transparent;
      display: inline-block;
      font-family: "Montserrat-Bold", sans-serif;
      font-size: 2.5px;
      position: relative;
      margin: 0 5px;
      transition: transform .2s linear; }
      .quest_habits .habits_block_content .gallery_breadcrumbs li > * {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%); }
  @media (min-width: 46.25em) {
    .quest_habits .habits_block_content {
      height: 50px; } }
  .quest_habits .habits_block_content .gallery_item {
    border-radius: 0;
    width: 100%; }
  .quest_habits .habits_block_content .habits_block_tip {
    font-family: "Lato-Italic", LatoLatin-Italic, sans-serif;
    font-size: 18px;
    margin: 0 auto;
    padding: 0 15px; }
    @media (min-width: 46.25em) {
      .quest_habits .habits_block_content .habits_block_tip {
        width: 70%; } }
  .quest_habits .habits_block_content .habits_block_done {
    align-items: center;
    display: flex;
    justify-content: center; }
    .quest_habits .habits_block_content .habits_block_done h3 {
      font-size: 20px;
      margin: 0 15px 0 0;
      text-transform: none; }
    .quest_habits .habits_block_content .habits_block_done p {
      color: #F0AB33; }
    @media (min-width: 20em) and (max-width: 46.24em) {
      .quest_habits .habits_block_content .habits_block_done {
        flex-direction: column; }
        .quest_habits .habits_block_content .habits_block_done h3 {
          font-size: 26px;
          margin: 0 0 10px; }
        .quest_habits .habits_block_content .habits_block_done p {
          font-size: 13px; } }

.quest_habits .habits_block_stats {
  align-items: center;
  color: #757575;
  display: flex;
  justify-content: center; }
  @media (min-width: 20em) and (max-width: 46.24em) {
    .quest_habits .habits_block_stats {
      flex-direction: column; } }
  @media (min-width: 20em) and (max-width: 46.24em) {
    .quest_habits .habits_block_stats ul {
      font-size: 14px;
      margin-bottom: 10px;
      width: 180px; } }
  .quest_habits .habits_block_stats li {
    display: flex;
    justify-content: space-between; }
    @media (min-width: 46.25em) {
      .quest_habits .habits_block_stats li {
        display: inline-block;
        margin-right: 20px; } }
    .quest_habits .habits_block_stats li b {
      font-family: "Montserrat-Bold", sans-serif;
      margin-left: 10px; }
  .quest_habits .habits_block_stats p {
    color: #F0AB33;
    font-family: "Lato-Italic", LatoLatin-Italic, sans-serif;
    text-align: center; }

.quest_habits .habits_block_footer {
  min-height: 30px;
  position: relative;
  text-align: right; }
  .quest_habits .habits_block_footer .habits_block_more .habits_block_stats {
    margin-bottom: 25px;
    padding-top: 10px; }
    @media (min-width: 20em) and (max-width: 46.24em) {
      .quest_habits .habits_block_footer .habits_block_more .habits_block_stats {
        background: #e8e8e8; } }
  .quest_habits .habits_block_footer .habits_block_more .habits_block_video {
    background: #0c0c0c;
    height: 200px;
    padding-bottom: 0; }
    @media (min-width: 46.25em) {
      .quest_habits .habits_block_footer .habits_block_more .habits_block_video {
        height: 280px; } }
  .quest_habits .habits_block_footer .habits_block_more .block_header_separator {
    background: linear-gradient(90deg, transparent, rgba(12, 12, 12, 0.3) 50%, transparent 100%);
    display: block;
    height: 2px;
    margin: 20px auto 0;
    max-width: 650px; }
  .quest_habits .habits_block_footer .habits_block_more .habits_block_desc {
    display: flex;
    font-size: 1rem;
    margin: 25px 10px;
    text-align: left; }
    .quest_habits .habits_block_footer .habits_block_more .habits_block_desc div {
      flex: 1;
      margin: 0 25px; }
    .quest_habits .habits_block_footer .habits_block_more .habits_block_desc p {
      white-space: pre-line; }
    @media (min-width: 20em) and (max-width: 46.24em) {
      .quest_habits .habits_block_footer .habits_block_more .habits_block_desc {
        flex-direction: column; }
        .quest_habits .habits_block_footer .habits_block_more .habits_block_desc div {
          margin: 10px; } }
    .quest_habits .habits_block_footer .habits_block_more .habits_block_desc b {
      display: block;
      font-family: "Montserrat-Bold", sans-serif;
      margin-bottom: 20px;
      text-transform: none; }
  .quest_habits .habits_block_footer .habits_block_more_btn {
    color: #757575;
    display: inline-block;
    font-family: "Montserrat-Bold", sans-serif;
    font-size: 14px;
    padding: 0 20px 10px 0; }
  .quest_habits .habits_block_footer .habits_block_check {
    bottom: -50px;
    top: auto; }
    .quest_habits .habits_block_footer .habits_block_check.disabled {
      opacity: 1; }

.quest_habit_new {
  background: linear-gradient(-48deg, #BED552 0%, #BED552 100%);
  min-height: 100%;
  padding: 1px;
  padding-bottom: 100px;
  position: relative;
  text-align: center; }

.quest_habit_new .habits_content {
  margin-top: 100px;
  max-width: 780px; }
  .quest_habit_new .habits_content .habits_block {
    background: #ffffff;
    border-radius: 20px;
    color: #212121;
    position: relative;
    width: 100%; }
    .quest_habit_new .habits_content .habits_block:not(:first-child) {
      margin-top: 60px; }
  .quest_habit_new .habits_content .habits_block_header {
    padding-top: 55px; }
    .quest_habit_new .habits_content .habits_block_header .block_header_separator {
      background: linear-gradient(90deg, transparent, rgba(12, 12, 12, 0.3) 50%, transparent 100%);
      display: block;
      height: 2px;
      margin: 20px auto 0;
      max-width: 650px; }
    .quest_habit_new .habits_content .habits_block_header figure {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      height: 80px;
      width: 80px;
      border-radius: 50%;
      overflow: hidden;
      background: #757575;
      margin: 0;
      top: -40px; }
      .quest_habit_new .habits_content .habits_block_header figure img {
        height: auto;
        width: 100%; }
    .quest_habit_new .habits_content .habits_block_header h2 {
      font-size: 16px;
      margin-bottom: 20px;
      text-transform: none; }
      @media (min-width: 46.25em) {
        .quest_habit_new .habits_content .habits_block_header h2 {
          font-size: 26px; } }
      .quest_habit_new .habits_content .habits_block_header h2 span {
        display: block;
        padding: 5px 0; }
        @media (min-width: 20em) and (max-width: 46.24em) {
          .quest_habit_new .habits_content .habits_block_header h2 span:first-child {
            font-size: 18px; } }
  .quest_habit_new .habits_content .habits_block_content .habits_block_video {
    background: #0c0c0c;
    height: 200px;
    padding-bottom: 0; }
    @media (min-width: 46.25em) {
      .quest_habit_new .habits_content .habits_block_content .habits_block_video {
        height: 280px; } }
  .quest_habit_new .habits_content .habits_block_content .habits_block_desc {
    display: flex;
    padding: 10px;
    text-align: left; }
    .quest_habit_new .habits_content .habits_block_content .habits_block_desc div {
      flex: 1;
      margin: 25px; }
    .quest_habit_new .habits_content .habits_block_content .habits_block_desc p {
      white-space: pre-line; }
    @media (min-width: 20em) and (max-width: 46.24em) {
      .quest_habit_new .habits_content .habits_block_content .habits_block_desc {
        flex-direction: column; }
        .quest_habit_new .habits_content .habits_block_content .habits_block_desc div {
          margin: 10px; } }
    .quest_habit_new .habits_content .habits_block_content .habits_block_desc b {
      display: block;
      font-family: "Montserrat-Bold", sans-serif;
      margin-bottom: 20px;
      text-transform: none; }
  .quest_habit_new .habits_content .habits_block_footer {
    padding: 20px; }
    .quest_habit_new .habits_content .habits_block_footer .btn {
      background: #F0AB33;
      border: 2px solid transparent;
      border-radius: 30px;
      color: #ffffff;
      display: inline-block;
      font-family: "Montserrat-Bold", sans-serif;
      padding: 10px 20px;
      text-align: center;
      text-transform: uppercase; }
      .quest_habit_new .habits_content .habits_block_footer .btn:hover {
        background-color: #eea11b; }
      .quest_habit_new .habits_content .habits_block_footer .btn:active {
        background-color: #e09410; }

.modal_builder_habits .ui-dialog-content .builder_overlay::before {
  box-shadow: 0 0 16px 4px rgba(60, 48, 95, 0.53); }

.modal_builder_habits .ui-dialog-content .habits_block_tip .builder_overlay {
  color: #000000;
  position: relative; }

.modal_builder_habits .ui-dialog-content .habits_block_content {
  height: 80px;
  padding-bottom: 10px; }
  .modal_builder_habits .ui-dialog-content .habits_block_content .habits_block_tip {
    margin-top: 8px; }

@media (min-width: 46.25em) {
  html body .page_level {
    height: calc(100% - 180px); } }

.quest_level {
  min-height: 100%;
  padding-bottom: 100px;
  position: relative;
  text-align: center; }
  @media (min-width: 61.25em) {
    .quest_level {
      display: flex;
      flex-direction: column;
      justify-content: center;
      position: relative; } }

.quest_level .level_header {
  color: #ffffff; }
  @media (min-width: 61.25em) {
    .quest_level .level_header {
      margin-bottom: 20px; } }
  .quest_level .level_header .level_current {
    background: rgba(0, 0, 0, 0.44);
    color: #ffffff;
    display: block;
    font-family: "Montserrat-Bold", sans-serif;
    font-size: 14px;
    margin-bottom: 20px;
    padding: 11px;
    text-transform: uppercase; }
    @media (min-width: 46.25em) {
      .quest_level .level_header .level_current {
        display: none; } }
  .quest_level .level_header .mobileHeader {
    background: rgba(0, 0, 0, 0.44);
    color: #ffffff;
    display: block;
    font-family: "Montserrat-Bold", sans-serif;
    font-size: 14px;
    margin-bottom: 20px;
    padding: 11px;
    text-transform: uppercase;
    display: flex;
    justify-content: space-between; }
    @media (min-width: 46.25em) {
      .quest_level .level_header .mobileHeader {
        display: none; } }
    .quest_level .level_header .mobileHeader p {
      text-align: left; }
    .quest_level .level_header .mobileHeader .mobileHeaderBtns {
      min-width: 66px; }
    .quest_level .level_header .mobileHeader .mobileHeaderBtns > div {
      margin-left: 5px; }
    .quest_level .level_header .mobileHeader .resourceCenterBtn {
      border: 1px;
      border-style: solid;
      border-radius: 4px;
      padding: 5px;
      cursor: pointer;
      float: right; }
    .quest_level .level_header .mobileHeader .questMapBtn {
      border: 1px;
      border-style: solid;
      border-radius: 4px;
      padding: 5px;
      cursor: pointer;
      float: right; }
  .quest_level .level_header .level_header_content {
    display: inline-block;
    padding: 0 60px;
    position: relative; }
    .quest_level .level_header .level_header_content h1, .quest_level .level_header .level_header_content p {
      font-size: 22px;
      margin: 10px 0; }
    @media (min-width: 46.25em) {
      .quest_level .level_header .level_header_content {
        margin-top: 70px; } }
    @media (min-width: 61.25em) {
      .quest_level .level_header .level_header_content {
        padding: 0 90px; }
        .quest_level .level_header .level_header_content h1, .quest_level .level_header .level_header_content p {
          display: inline-block;
          vertical-align: middle;
          line-height: 1;
          font-size: 38px;
          margin: 10px; } }
  .quest_level .level_header .level_nav {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%; }
    .quest_level .level_header .level_nav li {
      position: absolute;
      top: 4px;
      left: 0;
      transform: translateY(-50%); }
      .quest_level .level_header .level_nav li:not(:first-child) {
        left: auto;
        right: 0; }
    .quest_level .level_header .level_nav a {
      height: 50px;
      width: 50px;
      background: transparent;
      border-radius: 50%;
      color: #ffffff;
      display: inline-block;
      font-family: "Montserrat-Bold", sans-serif;
      font-size: 25px;
      position: relative; }
      .quest_level .level_header .level_nav a > * {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%); }

.quest_level .level_trial {
  position: relative;
  width: 100%; }
  .quest_level .level_trial .level_trial_video {
    background: #000000;
    height: 200px;
    margin: 20px -15px; }
    @media (min-width: 46.25em) {
      .quest_level .level_trial .level_trial_video {
        height: 515px;
        width: 100%;
        border-radius: 20px;
        margin: 40px auto;
        max-width: 960px;
        width: auto; } }
    .quest_level .level_trial .level_trial_video iframe {
      height: 100%;
      width: 100%; }
      @media (min-width: 46.25em) {
        .quest_level .level_trial .level_trial_video iframe {
          padding: 0 20px; } }
  .quest_level .level_trial h2 {
    color: #ffffff;
    font-family: "Lato-Light", LatoLatin-Light, sans-serif;
    font-size: 18px;
    line-height: 1.3;
    text-transform: none; }
    @media (min-width: 46.25em) {
      .quest_level .level_trial h2 {
        font-size: 24px; } }
  .quest_level .level_trial .btn {
    background: #F0AB33;
    border: 2px solid transparent;
    border-radius: 30px;
    color: #ffffff;
    display: inline-block;
    font-family: "Montserrat-Bold", sans-serif;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
    font-size: 20px;
    margin: 5px 0;
    padding: 5px 35px; }
    .quest_level .level_trial .btn:hover {
      background-color: #eea11b; }
    .quest_level .level_trial .btn:active {
      background-color: #e09410; }
    @media (min-width: 46.25em) and (max-width: 61.24em) {
      .quest_level .level_trial .btn {
        padding: 10px 50px; } }
    @media (min-width: 61.25em) {
      .quest_level .level_trial .btn {
        padding: 15px 80px; } }
  .quest_level .level_trial.active + .level_content::after {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.2);
    content: '';
    z-index: 4000; }

.quest_level .level_content {
  align-items: center;
  display: flex;
  flex-flow: column;
  justify-content: center;
  width: 100%; }
  @media (min-width: 46.25em) {
    .quest_level .level_content {
      align-items: flex-end;
      flex-flow: row wrap; } }

.quest_level .level_block {
  height: 210px;
  width: 310px;
  background: #ffffff;
  border-radius: 10px;
  margin: 60px 10px 0;
  position: relative;
  transition: transform .1s linear; }
  .quest_level .level_block:hover:not(.locked):not(.no-hover):not(.builder_helper) {
    transform: scale3d(1.02, 1.02, 1.02); }
    .quest_level .level_block:hover:not(.locked):not(.no-hover):not(.builder_helper):not(.open) {
      cursor: pointer; }
  .quest_level .level_block.completed, .quest_level .level_block.completed_animated.end {
    background: #ffffff url("assets/levelPage/TrophyCompletedHigh.png") center/70% no-repeat;
    background-position: center -152px; }
  .quest_level .level_block.completed_animated.start {
    background: #ffffff url("assets/levelPage/TrophyCompletedHigh.png") center top/70% no-repeat; }
  .quest_level .level_block.completed_animated {
    transition: transform .1s linear, background-position 2s; }
  .quest_level .level_block.completed.challenge {
    background: #ffffff; }
    .quest_level .level_block.completed.challenge .level_block_content .btn {
      background-color: #ffc700; }
      .quest_level .level_block.completed.challenge .level_block_content .btn:hover {
        background-color: #e6b300; }
      .quest_level .level_block.completed.challenge .level_block_content .btn:active {
        background-color: #cc9f00; }
  .quest_level .level_block .level_block_header {
    display: flex;
    font-size: 13px;
    font-family: "Lato-Regular", LatoLatin-Regular, sans-serif;
    justify-content: space-between;
    padding: 11px 15px 20px;
    text-align: left;
    letter-spacing: .4px; }
    .quest_level .level_block .level_block_header .level_number {
      text-transform: uppercase; }
    .quest_level .level_block .level_block_header .level_timing {
      text-align: right; }
    .quest_level .level_block .level_block_header .level_progress_outline {
      height: 84px;
      width: 84px;
      background: #ffffff;
      border-radius: 50%;
      color: #a2a2a2;
      display: inline-block;
      font-family: "Montserrat-Bold", sans-serif;
      font-size: 42px;
      position: relative;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      top: 0; }
      .quest_level .level_block .level_block_header .level_progress_outline > * {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%); }
    .quest_level .level_block .level_block_header .level_progress {
      height: 74px;
      width: 74px;
      background: #ffffff;
      border-radius: 50%;
      color: #a2a2a2;
      display: inline-block;
      font-family: "Montserrat-Bold", sans-serif;
      font-size: 37px;
      position: relative;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      border: 5px solid #d8d8d8;
      display: flex;
      font-size: 22px;
      top: 0; }
      .quest_level .level_block .level_block_header .level_progress > * {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%); }
      .quest_level .level_block .level_block_header .level_progress i {
        font-size: 26px; }
      .quest_level .level_block .level_block_header .level_progress.habit {
        color: #F0AB33;
        font-size: 16px;
        text-align: center; }
        .quest_level .level_block .level_block_header .level_progress.habit i {
          font-size: 20px; }
    .quest_level .level_block .level_block_header .level_progress_inner {
      height: 47px;
      width: 47px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%; }
      .quest_level .level_block .level_block_header .level_progress_inner svg {
        width: 28px;
        height: 28px;
        fill: currentColor; }
    .quest_level .level_block .level_block_header .level_progress_circle {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      height: 74px;
      width: 74px;
      display: flex;
      top: 0; }
  .quest_level .level_block.completed:not(.challenge) .level_block_header .level_progress,
  .quest_level .level_block.completed_animated .level_block_header .level_progress.start,
  .quest_level .level_block.completed_animated .level_block_header .level_progress.end {
    background: #ffc700 linear-gradient(to right, transparent, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3));
    border: none;
    color: #ffffff;
    transition: transform 1.5s; }
  .quest_level .level_block.completed_animated .level_block_header .level_progress.start {
    transform: translate(-50%, -50%) scale(1.2); }
  .quest_level .level_block.completed_animated .level_block_header .level_progress.end {
    transform: translate(-50%, -50%); }
  .quest_level .level_block.locked .level_block_header .level_progress {
    background: linear-gradient(to right, #f2f2f2, #f2f2f2 50%, #ffffff 50%, #ffffff); }
  .quest_level .level_block.completed.challenge .level_block_header .level_progress {
    background: none;
    color: #ffc700; }
  .quest_level .level_block.quiz:not(.locked) .level_progress {
    color: #ffffff; }
  .quest_level .level_block.quiz .level_progress_inner {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15); }
  .quest_level .level_block.quiz--initial .level_block_header .level_progress_inner {
    background: #F0AB33; }
  .quest_level .level_block.quiz--success .level_block_header .level_progress_inner {
    background: #ffc700; }
  .quest_level .level_block.quiz--retake .level_block_header .level_progress_inner {
    background: #e3499d; }
  .quest_level .level_block.quiz--retake .level_block_content .btn {
    background: #e3499d;
    border: 2px solid transparent;
    border-radius: 30px;
    color: #ffffff;
    display: inline-block;
    font-family: "Montserrat-Bold", sans-serif;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase; }
    .quest_level .level_block.quiz--retake .level_block_content .btn:hover {
      background-color: #e03391; }
    .quest_level .level_block.quiz--retake .level_block_content .btn:active {
      background-color: #d82185; }
  .quest_level .level_block .level_block_content {
    height: 123px;
    padding: 0 18px;
    letter-spacing: 0.5px; }
    .quest_level .level_block .level_block_content h2 {
      font-size: 17px;
      letter-spacing: 0;
      text-transform: uppercase; }
    .quest_level .level_block .level_block_content .btn {
      background: #F0AB33;
      border: 2px solid transparent;
      border-radius: 30px;
      color: #ffffff;
      display: inline-block;
      font-family: "Montserrat-Bold", sans-serif;
      padding: 10px 20px;
      text-align: center;
      text-transform: uppercase;
      margin: 15px 0;
      max-width: 250px; }
      .quest_level .level_block .level_block_content .btn:hover {
        background-color: #eea11b; }
      .quest_level .level_block .level_block_content .btn:active {
        background-color: #e09410; }
  .quest_level .level_block .level_block_footer {
    display: inline-block;
    height: 40px;
    width: 100%;
    line-height: 40px;
    border-radius: 0 0 10px 10px; }
  .quest_level .level_block.quiz--retake:not(.done):not(.done_animated) .level_block_footer {
    background: rgba(227, 73, 157, 0.6); }
  .quest_level .level_block:not(.done):not(.done_animated) .level_block_footer {
    background: #d8d8d8;
    color: #000000;
    font-size: 16px;
    letter-spacing: .5px; }
    @media (min-width: 61.25em) {
      .quest_level .level_block:not(.done):not(.done_animated) .level_block_footer {
        font-size: 16px; } }
  .quest_level .level_block.locked .level_block_footer {
    background: #a2a2a2; }
  .quest_level .level_block.done .level_block_footer, .quest_level .level_block.done_animated .level_block_footer {
    background: #dcfeb6; }
  .quest_level .level_block.completed:not(.nop) .level_block_footer,
  .quest_level .level_block.completed_animated:not(.nop) .level_block_footer {
    background: rgba(255, 199, 0, 0.7); }

.quest_level .level_progressbar_container {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-top: 30px;
  margin-bottom: 10px; }
  .quest_level .level_progressbar_container .level_referrals {
    background: rgba(255, 255, 255, 0.42);
    border: 2px solid #ffffff;
    border-radius: 30px;
    color: #ffffff;
    display: inline-block;
    font-family: "Montserrat-Bold", sans-serif;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
    box-shadow: 0 7px 12px rgba(33, 33, 33, 0.49);
    font-family: "Montserrat-Bold", sans-serif;
    text-transform: none;
    border-radius: 20px; }
    .quest_level .level_progressbar_container .level_referrals:hover {
      background-color: rgba(242, 242, 242, 0.42); }
    .quest_level .level_progressbar_container .level_referrals:active {
      background-color: rgba(230, 230, 230, 0.42); }
    @media (min-width: 20em) and (max-width: 46.24em) {
      .quest_level .level_progressbar_container .level_referrals {
        margin: 0 5px;
        padding: 5px 10px;
        max-width: 280px; } }
    @media (min-width: 46.25em) {
      .quest_level .level_progressbar_container .level_referrals {
        height: 92px;
        width: 140px;
        align-items: center;
        display: flex;
        font-size: 14px;
        justify-content: center;
        margin-left: 30px;
        padding: 0 10px;
        position: relative; } }

.quest_level .level_progressbar {
  background: #ffffff;
  border-radius: 10px;
  box-shadow: 0 -1px 4px 0 rgba(0, 0, 0, 0.15);
  overflow: hidden;
  padding: 10px;
  text-align: left;
  width: 620px; }
  @media (min-width: 20em) and (max-width: 46.24em) {
    .quest_level .level_progressbar {
      z-index: 4000; } }
  .quest_level .level_progressbar.hidden_button footer {
    text-align: center; }
  .quest_level .level_progressbar.hidden_button .btn {
    display: none; }
  .quest_level .level_progressbar.hidden_button .progressbar {
    margin-right: 30px; }
  .quest_level .level_progressbar main {
    align-items: center;
    display: flex;
    height: 42px;
    justify-content: center;
    padding: 0 5px;
    position: relative; }
  .quest_level .level_progressbar footer {
    padding: 5px; }
  .quest_level .level_progressbar .btn {
    background: #F0AB33;
    border: 2px solid transparent;
    border-radius: 30px;
    color: #ffffff;
    display: inline-block;
    font-family: "Montserrat-Bold", sans-serif;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
    background-image: linear-gradient(135deg, transparent, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1));
    border: none;
    border-radius: 15px;
    font-size: .9rem; }
    .quest_level .level_progressbar .btn:hover {
      background-color: #eea11b; }
    .quest_level .level_progressbar .btn:active {
      background-color: #e09410; }
    .quest_level .level_progressbar .btn.disabled {
      background-color: #a2a2a2; }
    @media (min-width: 46.25em) {
      .quest_level .level_progressbar .btn:not(.disabled) {
        overflow: hidden;
        position: relative; }
        .quest_level .level_progressbar .btn:not(.disabled)::before {
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          animation: btn_shine 3s ease-in-out;
          animation-delay: 2s;
          animation-iteration-count: 4;
          background: linear-gradient(to right, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.8) 72%, rgba(255, 255, 255, 0.8) 92%, rgba(255, 255, 255, 0) 100%);
          content: '';
          display: block;
          height: 130%;
          left: -20px;
          transform: translateY(-50%) rotate(30deg);
          width: 8px; }
      @keyframes btn_shine {
        0% {
          left: -20px; }
        40% {
          left: calc(100% + 10px); }
        100% {
          left: calc(100% + 20px); } } }
  .quest_level .level_progressbar .progressbar {
    background: #d8d8d8;
    border-radius: 10px 0 0 10px;
    flex: 1;
    height: 16px;
    margin-right: 40px;
    position: relative; }
    .quest_level .level_progressbar .progressbar .progressbar_bar {
      height: 100%;
      width: 100%;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: linear-gradient(189deg, #52c7fb 0%, #00a8ff 100%);
      border-radius: 10px 0 0 10px;
      content: '';
      width: 0; }
    .quest_level .level_progressbar .progressbar .checkpoint {
      height: 32px;
      width: 32px;
      background: #d8d8d8;
      border-radius: 50%;
      color: #ffffff;
      display: inline-block;
      font-family: "Montserrat-Bold", sans-serif;
      font-size: 16px;
      position: relative;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      left: calc(100% - 2px);
      z-index: 1; }
      .quest_level .level_progressbar .progressbar .checkpoint > * {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%); }
      .quest_level .level_progressbar .progressbar .checkpoint:first-child {
        height: 24px;
        width: 24px;
        background: #d8d8d8;
        border-radius: 50%;
        color: #ffffff;
        display: inline-block;
        font-family: "Montserrat-Bold", sans-serif;
        font-size: 12px;
        position: relative;
        left: calc(80% - 12px); }
        .quest_level .level_progressbar .progressbar .checkpoint:first-child > * {
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%); }
  .quest_level .level_progressbar .mark80 .progressbar_bar {
    width: 80%; }
  .quest_level .level_progressbar .mark80 .checkpoint.mark80 {
    background: linear-gradient(189deg, #52c7fb 0%, #00a8ff 100%); }
  .quest_level .level_progressbar .mark100 .progressbar_bar {
    background: linear-gradient(180deg, #f0d206 0%, #dbae18 100%);
    width: 100%; }
  .quest_level .level_progressbar .mark100 .checkpoint.mark80, .quest_level .level_progressbar .mark100 .checkpoint.mark100 {
    background: linear-gradient(180deg, #f0d206 0%, #dbae18 100%); }

@keyframes fill-empty {
  0% {
    transform: translateY(-50%) scale(1); }
  50% {
    transform: translateY(-50%) scale(1.2); }
  100% {
    transform: translateY(-50%) scale(1); } }
  @media (min-width: 20em) and (max-width: 46.24em) {
    .quest_level .level_progressbar {
      position: fixed;
      bottom: 0;
      left: 0;
      border-radius: 0;
      font-size: 13px;
      padding: 5px;
      width: 100%; }
      .quest_level .level_progressbar .btn {
        font-size: 13px;
        padding: 10px; }
      .quest_level .level_progressbar footer {
        text-align: center; } }

.quest_level .level_footer {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  color: rgba(255, 255, 255, 0.46);
  padding: 0 20px;
  margin: 40px 0 20px; }
  .quest_level .level_footer img, .quest_level .level_footer span {
    cursor: pointer;
    vertical-align: middle; }
  @media (min-width: 46.25em) {
    .quest_level .level_footer {
      position: absolute;
      right: 0;
      bottom: 20px;
      left: 0;
      margin: 0; } }
  @media (min-width: 61.25em) {
    .quest_level .level_footer {
      text-align: right; } }

.quest_mission {
  position: relative; }
  @media (min-width: 20em) and (max-width: 46.24em) {
    .quest_mission {
      padding-bottom: 100px; } }
  @media (min-width: 61.25em) {
    .quest_mission .container {
      max-width: 980px; } }

.quest_mission section:not(:last-child) {
  margin-bottom: 20px; }
  @media (min-width: 46.25em) {
    .quest_mission section:not(:last-child) {
      margin-bottom: 40px; } }

.quest_mission section header {
  margin-bottom: 20px;
  position: relative; }
  .quest_mission section header h2 {
    font-size: 16px;
    margin: 0;
    text-transform: uppercase; }
  .quest_mission section header a {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #a2a2a2;
    padding: 10px;
    right: 0; }
  .quest_mission section header .toggle_collapse {
    height: 10px;
    width: 10px;
    background: transparent;
    border-radius: 50%;
    color: #a2a2a2;
    display: inline-block;
    font-family: "Montserrat-Bold", sans-serif;
    font-size: 5px;
    position: relative;
    position: absolute; }
    .quest_mission section header .toggle_collapse > * {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%); }
    .quest_mission section header .toggle_collapse i {
      font-size: 18px; }
    @media (min-width: 46.25em) {
      .quest_mission section header .toggle_collapse {
        display: none; } }

@media (min-width: 46.25em) {
  .quest_mission section main.mobile {
    display: none; } }

@media (min-width: 20em) and (max-width: 46.24em) {
  .quest_mission section main.desktop {
    display: none; } }

.quest_mission .mission_header {
  background: #f2f2f2;
  font-family: "Montserrat-Bold", sans-serif;
  padding: 13px;
  position: relative;
  text-transform: uppercase; }
  .quest_mission .mission_header h1 {
    font-size: 14px;
    margin: 0; }
  @media (min-width: 20em) and (max-width: 61.24em) {
    .quest_mission .mission_header {
      text-align: center; }
      .quest_mission .mission_header .mission_header_back {
        position: absolute;
        top: 0;
        left: 0;
        border-right: 2px solid #757575;
        height: 100%;
        padding: 0 20px; }
        .quest_mission .mission_header .mission_header_back .icon_symbol {
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%); }
      .quest_mission .mission_header .mission_challenge {
        display: none; } }
  @media (min-width: 61.25em) {
    .quest_mission .mission_header {
      background: none;
      color: #ffffff;
      padding-top: 40px; }
      .quest_mission .mission_header h1, .quest_mission .mission_header p, .quest_mission .mission_header a {
        display: inline-block;
        vertical-align: middle;
        font-size: 18px; }
      .quest_mission .mission_header p {
        color: #e8e8e8;
        font-family: "Lato-Light", LatoLatin-Light, sans-serif;
        margin-left: 10px;
        padding: 5px;
        text-transform: none; }
      .quest_mission .mission_header .mission_header_back {
        margin-right: 20px; }
        .quest_mission .mission_header .mission_header_back .icon_symbol {
          height: 40px;
          width: 40px;
          background: rgba(0, 0, 0, 0.08);
          border-radius: 50%;
          color: #ffffff;
          display: inline-block;
          font-family: "Montserrat-Bold", sans-serif;
          font-size: 20px;
          position: relative; }
          .quest_mission .mission_header .mission_header_back .icon_symbol > * {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%); } }

.quest_mission .mission_content {
  padding: 0 15px 20px; }
  .quest_mission .mission_content .mission_video {
    background: #0c0c0c;
    margin: 0 -15px; }
    @media (min-width: 61.25em) {
      .quest_mission .mission_content .mission_video {
        border-radius: 10px;
        margin: 20px 0; }
        .quest_mission .mission_content .mission_video .embed-container {
          height: 507px;
          padding-bottom: 0; }
          .quest_mission .mission_content .mission_video .embed-container iframe {
            padding: 0 20px; } }
  .quest_mission .mission_content .mission_gallery .gallery_item {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    pointer-events: none;
    transform: translateX(-100%);
    transition: transform .5s; }
    @media (min-width: 46.25em) {
      .quest_mission .mission_content .mission_gallery .gallery_item {
        border-radius: 10px;
        overflow: hidden; } }
    .quest_mission .mission_content .mission_gallery .gallery_item.active {
      pointer-events: auto;
      position: relative;
      transform: translateX(0); }
      .quest_mission .mission_content .mission_gallery .gallery_item.active ~ .gallery_item {
        transform: translateX(100%); }
      .quest_mission .mission_content .mission_gallery .gallery_item.active:first-of-type ~ .gallery_controls li:first-child,
      .quest_mission .mission_content .mission_gallery .gallery_item.active:last-of-type ~ .gallery_controls li:last-child {
        opacity: .5;
        pointer-events: none; }
      .quest_mission .mission_content .mission_gallery .gallery_item.active:nth-of-type(1) ~ .gallery_breadcrumbs li:nth-of-type(1) {
        transform: scale(2); }
      .quest_mission .mission_content .mission_gallery .gallery_item.active:nth-of-type(2) ~ .gallery_breadcrumbs li:nth-of-type(2) {
        transform: scale(2); }
      .quest_mission .mission_content .mission_gallery .gallery_item.active:nth-of-type(3) ~ .gallery_breadcrumbs li:nth-of-type(3) {
        transform: scale(2); }
      .quest_mission .mission_content .mission_gallery .gallery_item.active:nth-of-type(4) ~ .gallery_breadcrumbs li:nth-of-type(4) {
        transform: scale(2); }
      .quest_mission .mission_content .mission_gallery .gallery_item.active:nth-of-type(5) ~ .gallery_breadcrumbs li:nth-of-type(5) {
        transform: scale(2); }
  .quest_mission .mission_content .mission_gallery .gallery_controls {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    padding: 0 25px;
    width: 100%; }
    .quest_mission .mission_content .mission_gallery .gallery_controls a {
      color: #ffffff;
      font-size: 35px; }
      @media (min-width: 46.25em) {
        .quest_mission .mission_content .mission_gallery .gallery_controls a {
          font-size: 70px; } }
  .quest_mission .mission_content .mission_gallery .gallery_breadcrumbs {
    display: flex;
    justify-content: center;
    padding: 0 30px;
    width: 100%; }
    @media (min-width: 46.25em) {
      .quest_mission .mission_content .mission_gallery .gallery_breadcrumbs {
        bottom: 40px;
        justify-content: flex-end; } }
    .quest_mission .mission_content .mission_gallery .gallery_breadcrumbs li {
      height: 5px;
      width: 5px;
      background: #ffffff;
      border-radius: 50%;
      color: transparent;
      display: inline-block;
      font-family: "Montserrat-Bold", sans-serif;
      font-size: 2.5px;
      position: relative;
      margin: 0 5px;
      transition: transform .2s linear; }
      .quest_mission .mission_content .mission_gallery .gallery_breadcrumbs li > * {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%); }
  .quest_mission .mission_content .mission_gallery > main {
    margin: 0 -15px;
    overflow: hidden;
    position: relative; }
    @media (min-width: 46.25em) {
      .quest_mission .mission_content .mission_gallery > main {
        margin: 20px 0; } }
  .quest_mission .mission_content .mission_gallery .gallery_item {
    width: 100%; }
    .quest_mission .mission_content .mission_gallery .gallery_item img {
      height: auto;
      width: 100%; }
  .quest_mission .mission_content .mission_gallery .gallery_breadcrumbs {
    position: absolute;
    right: 0;
    bottom: 20px;
    left: 0; }
  .quest_mission .mission_content .mission_about {
    color: #ffffff;
    font-size: 18px;
    padding: 10px; }
    .quest_mission .mission_content .mission_about div p:last-child {
      margin-bottom: 15px; }
    .quest_mission .mission_content .mission_about div ul:last-child {
      margin-bottom: 15px; }
    .quest_mission .mission_content .mission_about div expander {
      display: block; }
    .quest_mission .mission_content .mission_about div.mission_about_continue {
      cursor: pointer;
      font-family: "Montserrat-Bold", sans-serif;
      margin-top: 0;
      background: #ffffff;
      border: 2px solid transparent;
      border-radius: 30px;
      color: #414141;
      display: inline-block;
      font-family: "Montserrat-Bold", sans-serif;
      padding: 10px 20px;
      text-align: center;
      text-transform: uppercase;
      max-width: 250px;
      font-size: 13px;
      padding: 7px 24px; }
      .quest_mission .mission_content .mission_about div.mission_about_continue:hover {
        background-color: #f2f2f2; }
      .quest_mission .mission_content .mission_about div.mission_about_continue:active {
        background-color: #e6e6e6; }
    .quest_mission .mission_content .mission_about a {
      color: #ffffff;
      font-family: "Montserrat-Bold", sans-serif; }
    @media (min-width: 20em) and (max-width: 46.24em) {
      .quest_mission .mission_content .mission_about header {
        display: none; } }
  .quest_mission .mission_content .mission_description {
    background: #ffffff;
    border-radius: 10px; }
    .quest_mission .mission_content .mission_description > * {
      padding: 20px; }
      .quest_mission .mission_content .mission_description > *:last-child {
        border-radius: 0 0 10px 10px; }
    @media (min-width: 20em) and (max-width: 46.24em) {
      .quest_mission .mission_content .mission_description.mobile_no_specs main {
        border: none; } }
    .quest_mission .mission_content .mission_description > main {
      border-bottom: 3px solid #e8e8e8;
      min-height: 170px;
      padding: 0; }
      .quest_mission .mission_content .mission_description > main header {
        border-bottom: 2px solid #e8e8e8;
        margin: 0;
        padding: 20px; }
        .quest_mission .mission_content .mission_description > main header .engage {
          text-align: center; }
        .quest_mission .mission_content .mission_description > main header a {
          background: #a2a2a2;
          border: 2px solid transparent;
          border-radius: 30px;
          color: #ffffff;
          display: inline-block;
          font-family: "Montserrat-Bold", sans-serif;
          padding: 10px 20px;
          text-align: center;
          text-transform: uppercase;
          box-shadow: none;
          font-size: 12px;
          padding: 5px 20px;
          right: 20px; }
          .quest_mission .mission_content .mission_description > main header a:hover {
            background-color: #959595; }
          .quest_mission .mission_content .mission_description > main header a:active {
            background-color: #898989; }
          .quest_mission .mission_content .mission_description > main header a.retake {
            background-color: #F0AB33; }
          @media (min-width: 20em) and (max-width: 22.4375em) {
            .quest_mission .mission_content .mission_description > main header a.doLaterButton {
              margin-right: -5px;
              padding: 5px; }
            .quest_mission .mission_content .mission_description > main header a.skipButton {
              padding: 5px 20px; } }
      .quest_mission .mission_content .mission_description > main > div {
        padding: 20px; }
      .quest_mission .mission_content .mission_description > main div {
        margin-top: 0;
        font-size: 18px;
        color: #3e3e3e; }
        .quest_mission .mission_content .mission_description > main div expander {
          display: block; }
        .quest_mission .mission_content .mission_description > main div.description_read_mode {
          cursor: pointer;
          font-family: "Montserrat-Bold", sans-serif;
          padding-top: 5px; }
    .quest_mission .mission_content .mission_description footer ul {
      display: flex;
      flex-direction: column;
      justify-content: space-around; }
    .quest_mission .mission_content .mission_description footer li {
      font-size: 14px;
      margin-bottom: 20px; }
    .quest_mission .mission_content .mission_description footer > i, .quest_mission .mission_content .mission_description footer dl {
      display: inline-block;
      vertical-align: middle; }
    .quest_mission .mission_content .mission_description footer li > i {
      color: #a2a2a2;
      font-size: 28px;
      margin-right: 10px; }
    .quest_mission .mission_content .mission_description footer dt {
      font-family: "Montserrat-Bold", sans-serif;
      text-transform: uppercase; }
    @media (min-width: 46.25em) {
      .quest_mission .mission_content .mission_description footer header {
        display: none; }
      .quest_mission .mission_content .mission_description footer ul {
        align-items: space-around;
        flex-flow: row wrap; }
      .quest_mission .mission_content .mission_description footer li {
        margin-bottom: 0; } }
  .quest_mission .mission_content .mission_rep_once {
    text-align: center;
    padding: 20px;
    border-radius: 20px; }
    .quest_mission .mission_content .mission_rep_once .btn {
      position: relative; }
    .quest_mission .mission_content .mission_rep_once .icon_symbol {
      height: 52px;
      width: 52px;
      background: linear-gradient(to right, #ffc700, #ffc700 50%, #fff2bd 50%, #fff2bd);
      border-radius: 50%;
      color: #ffffff;
      display: inline-block;
      font-family: "Montserrat-Bold", sans-serif;
      font-size: 26px;
      position: relative;
      position: absolute;
      top: 50%;
      left: 0;
      background: #ffc700 linear-gradient(to right, transparent, transparent 50%, rgba(245, 245, 245, 0.3) 50%, rgba(245, 245, 245, 0.3));
      transform: translate(-50%, -50%); }
      .quest_mission .mission_content .mission_rep_once .icon_symbol > * {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%); }
    @media (min-width: 20em) and (max-width: 46.24em) {
      .quest_mission .mission_content .mission_rep_once {
        display: none; } }
    .quest_mission .mission_content .mission_rep_once.completed {
      background: #fff2bd; }
      .quest_mission .mission_content .mission_rep_once.completed .btn {
        background: #ffc700;
        border: 2px solid transparent;
        border-radius: 30px;
        color: #ffffff;
        display: inline-block;
        font-family: "Montserrat-Bold", sans-serif;
        padding: 10px 20px;
        text-align: center;
        text-transform: uppercase;
        padding: 10px 50px;
        pointer-events: none; }
        .quest_mission .mission_content .mission_rep_once.completed .btn:hover {
          background-color: #e6b300; }
        .quest_mission .mission_content .mission_rep_once.completed .btn:active {
          background-color: #cc9f00; }
    .quest_mission .mission_content .mission_rep_once.active {
      background: #000000; }
      .quest_mission .mission_content .mission_rep_once.active .btn {
        background: #F0AB33;
        border: 2px solid transparent;
        border-radius: 30px;
        color: #ffffff;
        display: inline-block;
        font-family: "Montserrat-Bold", sans-serif;
        padding: 10px 20px;
        text-align: center;
        text-transform: uppercase;
        padding: 10px 50px; }
        .quest_mission .mission_content .mission_rep_once.active .btn:hover {
          background-color: #eea11b; }
        .quest_mission .mission_content .mission_rep_once.active .btn:active {
          background-color: #e09410; }
    .quest_mission .mission_content .mission_rep_once.engage .btn {
      background: #F0AB33;
      border: 2px solid transparent;
      border-radius: 30px;
      color: #ffffff;
      display: inline-block;
      font-family: "Montserrat-Bold", sans-serif;
      padding: 10px 20px;
      text-align: center;
      text-transform: uppercase;
      padding: 10px 0;
      width: 100%; }
      .quest_mission .mission_content .mission_rep_once.engage .btn:hover {
        background-color: #eea11b; }
      .quest_mission .mission_content .mission_rep_once.engage .btn:active {
        background-color: #e09410; }
      @media (min-width: 46.25em) {
        .quest_mission .mission_content .mission_rep_once.engage .btn {
          width: 320px; } }
      .quest_mission .mission_content .mission_rep_once.engage .btn + .btn {
        background: #757575;
        margin-top: 20px; }
        @media (min-width: 46.25em) {
          .quest_mission .mission_content .mission_rep_once.engage .btn + .btn {
            margin: 0 0 0 20px; } }
  .quest_mission .mission_content .mission_wrt-asgn {
    background-color: rgba(74, 74, 74, 0.18);
    border: solid 1px rgba(255, 255, 255, 0.16);
    margin: 0 -15px;
    padding: 33px 11px; }
    @media (min-width: 46.25em) {
      .quest_mission .mission_content .mission_wrt-asgn {
        border-radius: 20px;
        margin: 0;
        padding: 35px 55px; } }
  .quest_mission .mission_content .wrt-asgn__title {
    color: #ffffff;
    font-size: 16px;
    margin-bottom: 27px;
    text-align: center; }
    @media (min-width: 46.25em) {
      .quest_mission .mission_content .wrt-asgn__title {
        margin-bottom: 30px; } }
  .quest_mission .mission_content .wrt-asgn-item {
    border-radius: 10px;
    margin-bottom: 20px;
    overflow: hidden;
    width: 100%; }
    @media (min-width: 46.25em) {
      .quest_mission .mission_content .wrt-asgn-item {
        margin-bottom: 30px; } }
  .quest_mission .mission_content .wrt-asgn-item__header {
    background-image: linear-gradient(87deg, rgba(47, 18, 18, 0.53), #000000);
    color: #ffffff;
    display: flex;
    font-weight: bold;
    padding: 15px 22px; }
    .quest_mission .mission_content .wrt-asgn-item__header .wrt-asgn-item__number {
      font-size: 12px;
      letter-spacing: 4px;
      margin-top: 5px; }
    @media (min-width: 20em) and (max-width: 46.24em) {
      .quest_mission .mission_content .wrt-asgn-item__header {
        flex-direction: column-reverse; }
        .quest_mission .mission_content .wrt-asgn-item__header .wrt-asgn-item__number {
          align-self: flex-end;
          margin-bottom: 12px; } }
    @media (min-width: 46.25em) {
      .quest_mission .mission_content .wrt-asgn-item__header {
        justify-content: space-between;
        padding: 16px 32px; }
        .quest_mission .mission_content .wrt-asgn-item__header .wrt-asgn-item__question {
          margin-right: 30px; } }
  .quest_mission .mission_content .wrt-asgn-item__content {
    background: #ffffff;
    height: 150px;
    padding: 15px;
    width: 100%; }
    .quest_mission .mission_content .wrt-asgn-item__content textarea {
      height: 100%;
      width: 100%; }
    @media (min-width: 46.25em) {
      .quest_mission .mission_content .wrt-asgn-item__content {
        height: 250px; } }
  .quest_mission .mission_content .wrt-asgn-cta {
    align-items: center;
    justify-content: center;
    background-blend-mode: multiply;
    background-image: linear-gradient(rgba(99, 99, 99, 0.98), rgba(99, 99, 99, 0.98));
    border-radius: 10px;
    display: flex;
    padding: 25px; }
    .quest_mission .mission_content .wrt-asgn-cta .wrt-asgn-cta__btn {
      background: #F0AB33;
      border: 2px solid transparent;
      border-radius: 30px;
      color: #ffffff;
      display: inline-block;
      font-family: "Montserrat-Bold", sans-serif;
      padding: 10px 20px;
      text-align: center;
      text-transform: uppercase;
      padding-left: 50px;
      padding-right: 50px; }
      .quest_mission .mission_content .wrt-asgn-cta .wrt-asgn-cta__btn:hover {
        background-color: #eea11b; }
      .quest_mission .mission_content .wrt-asgn-cta .wrt-asgn-cta__btn:active {
        background-color: #e09410; }

.quest_mission .mission_footer {
  padding-bottom: 20px;
  padding-top: 20px; }
  .quest_mission .mission_footer .mission_advice {
    background: #ffffff;
    border-radius: 10px;
    display: flex;
    margin-top: 0;
    position: relative; }
    @media (min-width: 46.25em) {
      .quest_mission .mission_footer .mission_advice {
        overflow: hidden;
        padding: 0; } }
    .quest_mission .mission_footer .mission_advice aside {
      position: absolute;
      top: 0;
      left: 20px;
      display: block;
      transform: translateY(-20%); }
      .quest_mission .mission_footer .mission_advice aside img {
        height: 60px;
        width: 60px;
        border-radius: 50%; }
      @media (min-width: 46.25em) {
        .quest_mission .mission_footer .mission_advice aside {
          margin: 20px;
          position: static;
          transform: none; }
          .quest_mission .mission_footer .mission_advice aside img {
            height: 110px;
            width: 110px; } }
    .quest_mission .mission_footer .mission_advice > div {
      flex: 1;
      padding: 20px; }
      .quest_mission .mission_footer .mission_advice > div li {
        margin-bottom: 15px; }
        .quest_mission .mission_footer .mission_advice > div li > * {
          display: inline-block;
          vertical-align: top;
          line-height: 1.4; }
        .quest_mission .mission_footer .mission_advice > div li span {
          color: #757575;
          font-size: 18px;
          width: calc(100% - 30px); }
        .quest_mission .mission_footer .mission_advice > div li i {
          font-size: 18px; }
      @media (min-width: 20em) and (max-width: 46.24em) {
        .quest_mission .mission_footer .mission_advice > div header h2 {
          margin-left: 75px; } }
  .quest_mission .mission_footer .mission_help {
    text-align: center; }
    .quest_mission .mission_footer .mission_help h2 {
      margin-bottom: 20px;
      vertical-align: middle; }
    .quest_mission .mission_footer .mission_help a {
      background: #ffc700;
      border: 2px solid transparent;
      border-radius: 30px;
      color: #ffffff;
      display: inline-block;
      font-family: "Montserrat-Bold", sans-serif;
      padding: 10px 20px;
      text-align: center;
      text-transform: uppercase;
      width: 80%; }
      .quest_mission .mission_footer .mission_help a:hover {
        background-color: #e6b300; }
      .quest_mission .mission_footer .mission_help a:active {
        background-color: #cc9f00; }
    @media (min-width: 46.25em) {
      .quest_mission .mission_footer .mission_help {
        text-align: left; }
        .quest_mission .mission_footer .mission_help h2 {
          display: inline-block;
          margin: 0 20px 0 0; }
        .quest_mission .mission_footer .mission_help a {
          width: auto; } }
  .quest_mission .mission_footer .mission_files h2 {
    color: #ffffff; }
    @media (min-width: 20em) and (max-width: 46.24em) {
      .quest_mission .mission_footer .mission_files h2 {
        text-align: center; } }
  .quest_mission .mission_footer .mission_files main {
    display: inline-block; }
  @media (min-width: 20em) and (max-width: 46.24em) {
    .quest_mission .mission_footer .mission_files ul {
      text-align: center; } }
  .quest_mission .mission_footer .mission_files li {
    display: inline-block;
    vertical-align: top;
    height: 160px;
    width: 130px;
    background: #ffffff;
    border-radius: 10px;
    margin: 0 10px 0 0;
    padding: 40px 5px 10px;
    position: relative;
    text-align: center; }
    @media (min-width: 20em) and (max-width: 46.24em) {
      .quest_mission .mission_footer .mission_files li {
        height: 120px;
        padding-top: 24px;
        text-align: center;
        width: 82px; }
        .quest_mission .mission_footer .mission_files li:last-child {
          margin-right: 0; } }
    .quest_mission .mission_footer .mission_files li i {
      color: #757575;
      font-size: 45px; }
      @media (min-width: 20em) and (max-width: 46.24em) {
        .quest_mission .mission_footer .mission_files li i {
          font-size: 35px; } }
    .quest_mission .mission_footer .mission_files li p {
      position: absolute;
      right: 10px;
      bottom: 10px;
      left: 10px;
      font-size: 12px; }

.quest_mission .mission_reps .locked .icon_symbol, .quest_mission .mission_reps .unlocking .icon_symbol {
  height: 84px;
  width: 84px;
  background: linear-gradient(to right, #d8d8d8, #d8d8d8 50%, #e8e8e8 50%, #e8e8e8);
  border-radius: 50%;
  color: #a2a2a2;
  display: inline-block;
  font-family: "Montserrat-Bold", sans-serif;
  font-size: 42px;
  position: relative;
  display: none; }
  .quest_mission .mission_reps .locked .icon_symbol > *, .quest_mission .mission_reps .unlocking .icon_symbol > * {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }

.quest_mission .mission_reps .locked .block_rep_btn, .quest_mission .mission_reps .unlocking .block_rep_btn {
  align-items: center;
  display: flex;
  justify-content: space-around;
  margin: 30px auto;
  padding: 20px;
  pointer-events: none;
  width: 80%; }
  .quest_mission .mission_reps .locked .block_rep_btn span, .quest_mission .mission_reps .unlocking .block_rep_btn span {
    font-size: 20px; }
  .quest_mission .mission_reps .locked .block_rep_btn i, .quest_mission .mission_reps .unlocking .block_rep_btn i {
    font-size: 30px; }

.quest_mission .mission_reps {
  align-items: center;
  background: #ffffff;
  border-radius: 15px;
  display: flex;
  flex-flow: column;
  padding: 20px; }
  @media (min-width: 46.25em) {
    .quest_mission .mission_reps {
      flex-flow: row wrap; } }
  @media (min-width: 46.25em) and (max-width: 61.24em) {
    .quest_mission .mission_reps {
      justify-content: space-around; } }
  .quest_mission .mission_reps .block_rep {
    height: 180px;
    width: 270px;
    background: #f2f2f2;
    border-radius: 10px;
    margin: 20px 14px;
    padding: 20px;
    position: relative;
    text-align: center; }
  .quest_mission .mission_reps main h3 {
    font-size: 18px;
    text-transform: uppercase; }
    @media (min-width: 46.25em) {
      .quest_mission .mission_reps main h3 span {
        display: none; } }
  .quest_mission .mission_reps main p {
    height: 60px;
    line-height: 1.2;
    margin-bottom: 15px;
    overflow: hidden; }
  .quest_mission .mission_reps .block_rep_btn {
    background: #a2a2a2;
    border: 2px solid transparent;
    border-radius: 30px;
    color: #ffffff;
    display: inline-block;
    font-family: "Montserrat-Bold", sans-serif;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
    max-width: 200px; }
    .quest_mission .mission_reps .block_rep_btn:hover {
      background-color: #959595; }
    .quest_mission .mission_reps .block_rep_btn:active {
      background-color: #898989; }
  .quest_mission .mission_reps .block_rep_skip {
    position: absolute;
    right: 20px;
    bottom: 20px; }
  .quest_mission .mission_reps .active {
    background: #dcfeb6;
    border: 2px solid #F0AB33; }
    .quest_mission .mission_reps .active .block_rep_btn {
      background: #F0AB33;
      border: 2px solid transparent;
      border-radius: 30px;
      color: #ffffff;
      display: inline-block;
      font-family: "Montserrat-Bold", sans-serif;
      padding: 10px 20px;
      text-align: center;
      text-transform: uppercase; }
      .quest_mission .mission_reps .active .block_rep_btn:hover {
        background-color: #eea11b; }
      .quest_mission .mission_reps .active .block_rep_btn:active {
        background-color: #e09410; }
    .quest_mission .mission_reps .active .block_rep_skip {
      color: #a2a2a2; }
  .quest_mission .mission_reps .completed {
    background: #fff2bd; }
    .quest_mission .mission_reps .completed .icon_symbol {
      height: 84px;
      width: 84px;
      background: #ffc700;
      border-radius: 50%;
      color: #f5f5f5;
      display: inline-block;
      font-family: "Montserrat-Bold", sans-serif;
      font-size: 42px;
      position: relative;
      background: #ffc700 linear-gradient(to right, transparent, transparent 50%, rgba(245, 245, 245, 0.3) 50%, rgba(245, 245, 245, 0.3)); }
      .quest_mission .mission_reps .completed .icon_symbol > * {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%); }
    .quest_mission .mission_reps .completed .block_rep_text {
      display: block; }
  .quest_mission .mission_reps .unlocking .block_rep_btn {
    flex-direction: column;
    font-family: "Lato-Light", LatoLatin-Light, sans-serif;
    padding: 10px; }
  @media (min-width: 20em) and (max-width: 46.24em) {
    .quest_mission .mission_reps .collapsible {
      height: auto;
      padding: 10px; }
      .quest_mission .mission_reps .collapsible main h3 {
        font-size: 14px;
        margin: 0;
        padding-left: 30px; }
        .quest_mission .mission_reps .collapsible main h3 span {
          display: inline; }
      .quest_mission .mission_reps .collapsible main a, .quest_mission .mission_reps .collapsible main p {
        display: none; }
      .quest_mission .mission_reps .collapsible .icon_symbol {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        display: inline-block;
        height: 50px;
        width: 50px;
        font-size: 25px;
        left: 0; }
      .quest_mission .mission_reps .collapsible .block_rep_text {
        display: none; }
      .quest_mission .mission_reps .collapsible .block_rep_btn {
        display: none; }
      .quest_mission .mission_reps .collapsible.locked {
        color: #a2a2a2; }
      .quest_mission .mission_reps .collapsible.completed {
        background: #ffc700;
        color: #ffffff; } }

.quest_mission .modal_mission_rep {
  position: fixed;
  bottom: 0;
  left: 0;
  text-align: center;
  width: 100%;
  z-index: 4020; }
  @media (min-width: 46.25em) {
    .quest_mission .modal_mission_rep {
      display: none; } }
  .quest_mission .modal_mission_rep main p {
    display: inline-block;
    font-family: "Montserrat-Bold", sans-serif;
    text-transform: uppercase; }
  .quest_mission .modal_mission_rep.completed main {
    background: #fff2bd;
    padding: 5px 0; }
    .quest_mission .modal_mission_rep.completed main > * {
      vertical-align: middle; }
    .quest_mission .modal_mission_rep.completed main .icon_symbol {
      height: 41px;
      width: 41px;
      background: #ffc700;
      border-radius: 50%;
      color: #ffffff;
      display: inline-block;
      font-family: "Montserrat-Bold", sans-serif;
      font-size: 20.5px;
      position: relative;
      top: -1rem; }
      .quest_mission .modal_mission_rep.completed main .icon_symbol > * {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%); }
    .quest_mission .modal_mission_rep.completed main p {
      color: #ffffff;
      font-size: 12px;
      margin-left: 10px; }
  .quest_mission .modal_mission_rep.active main {
    background: #dcfeb6;
    padding: 10px 0; }
    .quest_mission .modal_mission_rep.active main p {
      margin-right: 10px; }
    .quest_mission .modal_mission_rep.active main a {
      background: #F0AB33;
      border: 2px solid transparent;
      border-radius: 30px;
      color: #ffffff;
      display: inline-block;
      font-family: "Montserrat-Bold", sans-serif;
      padding: 10px 20px;
      text-align: center;
      text-transform: uppercase; }
      .quest_mission .modal_mission_rep.active main a:hover {
        background-color: #eea11b; }
      .quest_mission .modal_mission_rep.active main a:active {
        background-color: #e09410; }
  .quest_mission .modal_mission_rep.engage main {
    background: #dcfeb6;
    padding: 10px 20px; }
    .quest_mission .modal_mission_rep.engage main .btn {
      background: #F0AB33;
      border: 2px solid transparent;
      border-radius: 30px;
      color: #ffffff;
      display: inline-block;
      font-family: "Montserrat-Bold", sans-serif;
      padding: 10px 20px;
      text-align: center;
      text-transform: uppercase;
      font-size: 14px;
      width: 100%; }
      .quest_mission .modal_mission_rep.engage main .btn:hover {
        background-color: #eea11b; }
      .quest_mission .modal_mission_rep.engage main .btn:active {
        background-color: #e09410; }
      .quest_mission .modal_mission_rep.engage main .btn + .btn {
        background: #757575;
        margin-top: 10px; }

@media (min-width: 46.25em) {
  html body .page_quiz {
    height: calc(100% - 180px); } }

.quest_quiz {
  /**
   * Basic layout for quiz page
   *
   * 1. Take up all screen and beyond if necessary.
   * 2. align to perfect center from tablet up.
   * 3. Minimum padding from top/bottom edges.
   * 4. For level footer absolute position.
   */
  display: flex;
  flex-direction: column;
  padding: 30px 0px 100px;
  min-height: 100%;
  /* [1] */
  padding-bottom: 100px;
  /* [4] */
  /* [2] */
  /* ==========================================================================
   # Quiz Card
   ========================================================================== */
  /**
 * Quiz cards styling for tablet/desktop.
 * Mobile styling is different and appears in a different file.
 * Quiz body is considered a different component to fit both mobile and desktop.
 *
 * 1. Set fixed max width for the card.
 * 2. Set to be inherited by c-overlay. Actually applied by children.
 * 3. Show card bg only from tablet up. In mobile transparent.
 * 4. Give some spacing for tablet display between edges.
 */
  /* Quiz Card Header
   ========================================================================== */
  /**
 * 1. Apply border radius upper corners.
 */
  /* Quiz Card Footer
   ========================================================================== */
  /**
 * 1. Apply border radius to lower corners.
 * 2. Mobile view appears as a modal.
 */
  /* ==========================================================================
   # Quiz Congrats
   ========================================================================== */
  /**
 * Congratulations page design.
 */
  /* Quiz Congrats Header
   ========================================================================== */
  /* Quiz Congrats Body
   ========================================================================== */
  /* Quiz Congrats Footer
   ========================================================================== */
  /* ==========================================================================
   # Quiz Questions
   ========================================================================== */
  /**
 * Quiz questions styling - header and body.
 */
  /* Quiz Questions Header
   ========================================================================== */
  /* Quiz Questions Option
   ========================================================================== */
  /**
 * The quiz options are the bread and butter of the quiz.
 * They include both the options' text and a marker to show if the answer
 * is correct, in one of three modes - correct, wrong and 'should have'.
 *
 * 1. A bit more spacing for the marker to show evenly.
 * 2. Take back the space occupied by the marker.
 * 3. Set relative container for marker.
 */
  /**
 * Quiz option answer text.
 */
  /* Quiz Question Marks
   ========================================================================== */
  /**
 * Marker container design.
 *
 * 1. Magic number, yes.
 * 2. Position the marker to the top left outside the box.
 * 3. Make a 'fake' border around the marker in tablet-up displays.
 */
  /* Quiz Questions Open Ended
   ========================================================================== */
  /**
 * Open Ended questions w/ Textarea input.
 */ }
  @media (min-width: 46.25em) {
    .quest_quiz {
      align-items: center;
      justify-content: center;
      padding: 60px 0;
      /* [3] */ } }
  .quest_quiz .quizHeader {
    margin-bottom: 90px;
    width: 650px;
    display: flex; }
    .quest_quiz .quizHeader span {
      display: flex;
      color: white; }
      .quest_quiz .quizHeader span .quizBackText {
        margin-left: 5px; }
  .quest_quiz .c-card {
    border-radius: 10px;
    /* [2] */
    max-width: 830px;
    /* [1] */ }
    @media (min-width: 46.25em) {
      .quest_quiz .c-card {
        background: #ffffff;
        /* [3] */
        margin: 0 20px 40px;
        /* [4] */
        min-width: 700px;
        /* [1] */ } }
  .quest_quiz .c-card__header {
    align-items: center;
    border-radius: 10px 10px 0 0;
    /* [1] */
    color: #ffffff;
    display: flex;
    font-size: 14px;
    justify-content: space-between;
    overflow: hidden;
    /* [1] */
    padding: 10px 20px;
    /**
 * Inner element styling.
 */ }
    @media (min-width: 46.25em) {
      .quest_quiz .c-card__header {
        border-bottom: 2px solid #d8d8d8;
        color: #212121;
        font-size: 18px;
        padding: 20px 24px 14px; } }
    .quest_quiz .c-card__header h2 {
      font-size: inherit;
      margin: 0; }
    .quest_quiz .c-card__header .close {
      font-size: inherit; }
      @media (min-width: 20em) and (max-width: 46.24em) {
        .quest_quiz .c-card__header .close {
          color: #ffffff;
          opacity: .5;
          text-shadow: none; } }
  .quest_quiz .c-card__footer {
    background: #000000;
    border-radius: 0 0 10px 10px;
    /* [1] */
    overflow: hidden;
    /* [1] */
    padding: 23px;
    text-align: center;
    /**
 * Footer button styling.
 *
 * 1. Remove pointer event and appear semi transparent when not active.
 */ }
    @media (min-width: 20em) and (max-width: 46.24em) {
      .quest_quiz .c-card__footer {
        /* [2] */
        position: fixed;
        bottom: 0;
        left: 0;
        background: #ffffff;
        border-radius: 0;
        box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.8);
        width: 100%; } }
    .quest_quiz .c-card__footer .o-btn {
      background: #F0AB33;
      border: 2px solid transparent;
      border-radius: 30px;
      color: #ffffff;
      display: inline-block;
      font-family: "Montserrat-Bold", sans-serif;
      padding: 10px 20px;
      text-align: center;
      text-transform: uppercase;
      filter: none;
      font-size: 14px;
      min-width: 290px; }
      .quest_quiz .c-card__footer .o-btn:hover {
        background-color: #eea11b; }
      .quest_quiz .c-card__footer .o-btn:active {
        background-color: #e09410; }
      .quest_quiz .c-card__footer .o-btn:not(.is-active) {
        background: transparent;
        border: 2px solid #d8d8d8;
        border-radius: 30px;
        color: #d8d8d8;
        display: inline-block;
        font-family: "Montserrat-Bold", sans-serif;
        padding: 10px 20px;
        text-align: center;
        text-transform: uppercase;
        cursor: default;
        pointer-events: none;
        /* [1] */
        /* [1] */ }
        @media (min-width: 46.25em) {
          .quest_quiz .c-card__footer .o-btn:not(.is-active) {
            opacity: .2; } }
  .quest_quiz .c-quiz-congrats {
    padding: 0 10px;
    text-align: center; }
  .quest_quiz .c-quiz-congrats__header {
    color: #ffffff;
    font: 16px "Montserrat-Bold", sans-serif; }
    .quest_quiz .c-quiz-congrats__header h2 {
      font-size: 39px;
      text-transform: none; }
      @media (min-width: 46.25em) {
        .quest_quiz .c-quiz-congrats__header h2 {
          font-size: 71px; } }
  .quest_quiz .c-quiz-congrats__body {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 80px 0;
    position: relative;
    /**
 * Progress Circle & Inner.
 */
    /**
 * Progress Inner Circle Percentage.
 */ }
    .quest_quiz .c-quiz-congrats__body.shorter {
      margin: 50px 0; }
    .quest_quiz .c-quiz-congrats__body .quiz_progress_circle {
      height: 165px;
      width: 165px; }
    .quest_quiz .c-quiz-congrats__body .quiz_progress_inner_circle {
      height: 121.5px;
      width: 121.5px;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      align-items: center;
      background-image: radial-gradient(circle at 50% 19%, #ffffff, #e8e8e8);
      border-radius: 50%;
      box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.41), inset 0 -2px 3px 0 rgba(0, 0, 0, 0.57);
      display: flex;
      justify-content: center; }
    .quest_quiz .c-quiz-congrats__body .inner_circle_pct {
      color: #cdcdcd;
      font-size: 40px;
      text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.8); }
      .quest_quiz .c-quiz-congrats__body .inner_circle_pct i {
        color: #F0AB33;
        font-size: 110px; }
        .quest_quiz .c-quiz-congrats__body .inner_circle_pct i::before {
          position: relative;
          top: 4px; }
  .quest_quiz .c-quiz-congrats__footer .o-btn--action {
    background: gray;
    border: 2px solid transparent;
    border-radius: 30px;
    color: #ffffff;
    display: inline-block;
    font-family: "Montserrat-Bold", sans-serif;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase; }
    .quest_quiz .c-quiz-congrats__footer .o-btn--action:hover {
      background-color: #737373; }
    .quest_quiz .c-quiz-congrats__footer .o-btn--action:active {
      background-color: #676767; }
  .quest_quiz .c-quiz-congrats__footer .o-btn--continue {
    background: #F0AB33;
    border: 2px solid transparent;
    border-radius: 30px;
    color: #ffffff;
    display: inline-block;
    font-family: "Montserrat-Bold", sans-serif;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase; }
    .quest_quiz .c-quiz-congrats__footer .o-btn--continue:hover {
      background-color: #eea11b; }
    .quest_quiz .c-quiz-congrats__footer .o-btn--continue:active {
      background-color: #e09410; }
  .quest_quiz .c-quiz-congrats__footer .o-btn {
    font-size: 14px;
    margin: 5px 5px; }
  .quest_quiz footer {
    text-align: center; }
    .quest_quiz footer .o-btn {
      background: transparent;
      border: 2px solid #d8d8d8;
      border-radius: 30px;
      color: #d8d8d8;
      display: inline-block;
      font-family: "Montserrat-Bold", sans-serif;
      padding: 10px 20px;
      text-align: center;
      text-transform: uppercase;
      font-size: 15px;
      width: 200px;
      text-transform: none; }
      .quest_quiz footer .o-btn:hover {
        background-color: rgba(0, 0, 0, 0); }
      .quest_quiz footer .o-btn:active {
        background-color: rgba(0, 0, 0, 0); }
  .quest_quiz .c-modal {
    position: fixed;
    bottom: 0;
    left: 0; }
  .quest_quiz .c-quiz {
    padding: 0 20px; }
    @media (min-width: 46.25em) {
      .quest_quiz .c-quiz {
        display: flex;
        padding: 20px; }
        .quest_quiz .c-quiz > * {
          flex: 1; } }
  .quest_quiz .c-quiz__header {
    align-items: center;
    display: flex;
    flex-direction: column;
    text-align: center; }
    .quest_quiz .c-quiz__header .counter {
      color: #7c88cf;
      font: bold 12px "Montserrat-Bold", sans-serif;
      margin-bottom: 15px; }
    .quest_quiz .c-quiz__header h3 {
      font: bold 20px "Lato-Light", LatoLatin-Light, sans-serif;
      text-transform: none;
      width: 100%; }
    @media (min-width: 20em) and (max-width: 46.24em) {
      .quest_quiz .c-quiz__header {
        margin-bottom: 30px; }
        .quest_quiz .c-quiz__header .counter,
        .quest_quiz .c-quiz__header h3 {
          color: #ffffff; } }
    @media (min-width: 46.25em) {
      .quest_quiz .c-quiz__header {
        margin-right: 20px; } }
  .quest_quiz .c-quiz__option {
    align-items: center;
    background: #ffffff;
    border-radius: 20px;
    cursor: pointer;
    display: flex;
    margin-left: 10px;
    /* [2] */
    min-height: 65px;
    padding: 10px 17px 10px 24px;
    /* [1] */
    position: relative;
    /* [3] */
    width: calc(100% -10px);
    /* [2] */ }
    .quest_quiz .c-quiz__option:not(:last-child) {
      margin-bottom: 14px; }
    @media (min-width: 46.25em) {
      .quest_quiz .c-quiz__option {
        border: 2px solid #bdbdbd; }
        .quest_quiz .c-quiz__option:not(:last-child) {
          margin-bottom: 20px; } }
  .quest_quiz .c-quiz__answer {
    color: #626262;
    line-height: 1.3; }
  .quest_quiz .c-quiz__mark {
    height: 36px;
    width: 36px;
    /* [1] */
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    /* [2] */
    border-radius: 50%;
    left: 0;
    /* [2] */
    top: 30px;
    /* [2] */
    /* [3] */
    /**
 * Actual marker - correct, wrong and what 'should have' been the answer.
 *
 * 1. Fake a separation between the outer edge of the container and the inner marker.
 * 2. Needed to align the marker in the center. Why -1px? Not sure.
 * 3. Center the svg/icon in the absolute center.
 */
    /**
 * Option marker specific background colors.
 */ }
    @media (min-width: 46.25em) {
      .quest_quiz .c-quiz__mark {
        background: linear-gradient(90deg, #bdbdbd 0, #bdbdbd 50%, transparent 50%, transparent); } }
    .quest_quiz .c-quiz__mark i {
      align-items: center;
      /* [3] */
      background-clip: padding-box;
      border-radius: inherit;
      border: 3px solid #ffffff;
      /* [1] */
      color: #ffffff;
      display: flex;
      /* [3] */
      height: calc(100% - 3px);
      /* [1] */
      justify-content: center;
      /* [3] */
      margin: 2px;
      /* [2] */
      width: calc(100% - 3px);
      /* [1] */ }
    .quest_quiz .c-quiz__mark .empty {
      background: #e0e3f3; }
    .quest_quiz .c-quiz__mark .mq-close {
      background-color: #ea0048; }
      .quest_quiz .c-quiz__mark .mq-close::before {
        margin-top: -1px; }
    .quest_quiz .c-quiz__mark .mq-check-p {
      background-color: #F0AB33;
      color: #ffffff;
      font-size: 12px; }
    .quest_quiz .c-quiz__mark .correct {
      background-color: #ffffff; }
      .quest_quiz .c-quiz__mark .correct span {
        border-radius: inherit;
        border: 3px solid #F0AB33;
        display: inline-block;
        height: 100%;
        width: 100%; }
  .quest_quiz .c-quiz__open {
    border-radius: 10px;
    border: 1px solid #a2a2a2;
    min-height: 280px;
    padding: 10px;
    width: 100%; }
    .quest_quiz .c-quiz__open.builder {
      min-height: 140px; }

.quest_referrals {
  min-height: 100%;
  padding: 1px;
  padding-bottom: 100px;
  position: relative;
  text-align: center; }

.quest_referrals .referrals_content {
  align-items: center;
  display: flex;
  flex-flow: column;
  justify-content: center;
  margin-top: 30px;
  width: 100%; }
  @media (min-width: 46.25em) {
    .quest_referrals .referrals_content {
      background-color: rgba(33, 33, 33, 0.15);
      border: 1px solid rgba(255, 255, 255, 0.16);
      border-radius: 20px;
      max-width: 900px;
      padding: 50px; } }
  @media (min-width: 20em) and (max-width: 46.24em) {
    .quest_referrals .referrals_content {
      padding-bottom: 10px; } }

.quest_referrals .referrals_box {
  background: #f5f5f5;
  border-radius: 10px;
  padding: 50px;
  position: relative;
  width: 100%; }
  @media (min-width: 20em) and (max-width: 46.24em) {
    .quest_referrals .referrals_box {
      padding: 50px 10px; } }
  .quest_referrals .referrals_box header h1 {
    color: #212121;
    font-family: "Lato-Light", LatoLatin-Light, sans-serif;
    font-size: 33px;
    line-height: 1.4;
    text-transform: none; }
    @media (min-width: 20em) and (max-width: 46.24em) {
      .quest_referrals .referrals_box header h1 {
        font-size: 26px; } }
  .quest_referrals .referrals_box header .close {
    position: absolute;
    top: 20px;
    right: 20px; }
  .quest_referrals .referrals_box main {
    margin-top: 20px; }
    .quest_referrals .referrals_box main p {
      color: #757575;
      font-size: 19px; }
      .quest_referrals .referrals_box main p + p {
        margin-top: 30px; }
      .quest_referrals .referrals_box main p b {
        font-family: "Montserrat-Bold", sans-serif; }
  .quest_referrals .referrals_box .referrals_form {
    align-items: center;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    margin: 30px auto 0;
    max-width: 500px;
    overflow: hidden; }
    .quest_referrals .referrals_box .referrals_form input[type='email'] {
      align-self: stretch;
      flex: 1;
      padding: 0 20px; }
    .quest_referrals .referrals_box .referrals_form button {
      background-color: #F0AB33;
      color: #f5f5f5;
      font-size: 23px;
      outline: none;
      padding: 15px 40px; }
      .quest_referrals .referrals_box .referrals_form button:hover {
        background-color: #eea11b; }
      .quest_referrals .referrals_box .referrals_form button:active {
        background-color: #e09410; }
    @media (min-width: 20em) and (max-width: 46.24em) {
      .quest_referrals .referrals_box .referrals_form {
        display: block; }
        .quest_referrals .referrals_box .referrals_form > * {
          border-radius: 10px;
          display: block;
          height: 60px;
          margin-bottom: 20px;
          width: 100%; } }
    .quest_referrals .referrals_box .referrals_form + p {
      color: #757575;
      font-size: 15px;
      margin-top: 15px; }
      .quest_referrals .referrals_box .referrals_form + p.error {
        color: #ea0048; }
  .quest_referrals .referrals_box footer {
    margin-top: 60px; }
    @media (min-width: 20em) and (max-width: 46.24em) {
      .quest_referrals .referrals_box footer {
        display: none; } }
    .quest_referrals .referrals_box footer p {
      color: #212121;
      font-size: 19px; }
    .quest_referrals .referrals_box footer .btn {
      background: transparent;
      border: 2px solid #212121;
      border-radius: 30px;
      color: #212121;
      display: inline-block;
      font-family: "Montserrat-Bold", sans-serif;
      padding: 10px 20px;
      text-align: center;
      text-transform: uppercase;
      border-radius: 20px;
      margin-top: 20px;
      max-width: 380px;
      padding: 15px 80px; }
      .quest_referrals .referrals_box footer .btn:hover {
        background-color: rgba(0, 0, 0, 0); }
      .quest_referrals .referrals_box footer .btn:active {
        background-color: rgba(0, 0, 0, 0); }
      .quest_referrals .referrals_box footer .btn:hover {
        background-color: #e8e8e8; }
      .quest_referrals .referrals_box footer .btn > * {
        vertical-align: middle; }
      .quest_referrals .referrals_box footer .btn i {
        font-size: 24px;
        margin: 0 15px 0 -25px; }

.quest_subscription {
  background: linear-gradient(-227deg, #BED552 0%, #BED552 42%, #BED552 100%);
  color: #ffffff;
  font-size: 20px;
  min-height: 100%;
  padding: 50px 1em;
  text-align: center; }
  .quest_subscription h2 {
    font-size: 1em; }
  @media (min-width: 20em) and (max-width: 29.99em) {
    .quest_subscription {
      padding-left: 0;
      padding-right: 0; } }
  @media (min-width: 61.25em) {
    .quest_subscription {
      padding: 50px calc((100% - 940px) / 2); }
      .quest_subscription h2 {
        font-size: 1.8em; } }
  .quest_subscription .subscription_plans > header {
    position: relative; }
    @media (min-width: 20em) and (max-width: 29.99em) {
      .quest_subscription .subscription_plans > header {
        margin-left: 1em;
        margin-right: 1em; } }
    .quest_subscription .subscription_plans > header a {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      color: #ffffff;
      font-size: 2em;
      left: -1em;
      width: 2em; }
      @media (min-width: 61.25em) {
        .quest_subscription .subscription_plans > header a {
          font-size: 4em; } }
    .quest_subscription .subscription_plans > header h2 {
      margin: 0 auto;
      width: 90%; }
  .quest_subscription .subscription_plans > main {
    display: flex;
    flex-direction: column;
    margin-top: 5vw; }
  .quest_subscription .subscription_plans .subscription_memebership {
    display: flex;
    justify-content: space-around; }
    @media (min-width: 20em) and (max-width: 46.24em) {
      .quest_subscription .subscription_plans .subscription_memebership {
        align-items: center;
        flex-direction: column; } }
  .quest_subscription .subscription_plans .membership_option {
    width: 15em;
    border-radius: 1em;
    margin-bottom: 5vw;
    display: flex;
    overflow: hidden;
    text-align: center; }
    @media (min-width: 61.25em) {
      .quest_subscription .subscription_plans .membership_option {
        width: 21em; } }
    .quest_subscription .subscription_plans .membership_option.option_monthly {
      background-image: linear-gradient(180deg, #f0d206 0%, #dbae18 100%); }
      .quest_subscription .subscription_plans .membership_option.option_monthly .btn {
        color: #ffc700; }
    .quest_subscription .subscription_plans .membership_option.option_onetime .btn {
      color: #ce4e4e; }
    .quest_subscription .subscription_plans .membership_option.option_onetime {
      background-image: linear-gradient(180deg, #d8d8d8 0%, #a2a2a2 100%); }
    .quest_subscription .subscription_plans .membership_option:not(.option_single) {
      flex-direction: column; }
    .quest_subscription .subscription_plans .membership_option.option_single {
      height: auto;
      width: 100%;
      align-items: center;
      background-image: linear-gradient(180deg, #f7f5f5 0%, #d8d8d8 100%);
      display: flex;
      max-width: 670px;
      padding: .5em; }
      @media (min-width: 20em) and (max-width: 29.99em) {
        .quest_subscription .subscription_plans .membership_option.option_single {
          max-width: 300px; } }
      @media (min-width: 30em) and (max-width: 46.24em) {
        .quest_subscription .subscription_plans .membership_option.option_single {
          max-width: 380px; } }
      @media (min-width: 20em) and (max-width: 46.24em) {
        .quest_subscription .subscription_plans .membership_option.option_single {
          display: block; } }
      @media (min-width: 46.25em) {
        .quest_subscription .subscription_plans .membership_option.option_single > * {
          flex: 1; } }
      @media (min-width: 61.25em) {
        .quest_subscription .subscription_plans .membership_option.option_single {
          padding-left: 0; } }
      .quest_subscription .subscription_plans .membership_option.option_single main {
        color: #757575;
        justify-content: center; }
        @media (min-width: 20em) and (max-width: 46.24em) {
          .quest_subscription .subscription_plans .membership_option.option_single main {
            width: 100%; } }
        @media (min-width: 20em) and (max-width: 29.99em) {
          .quest_subscription .subscription_plans .membership_option.option_single main {
            padding-left: 0;
            padding-right: 0; } }
        .quest_subscription .subscription_plans .membership_option.option_single main h3 {
          background: none;
          font-size: 1.2em;
          height: auto; }
          @media (min-width: 46.25em) {
            .quest_subscription .subscription_plans .membership_option.option_single main h3 {
              font-size: 1.5em; } }
        .quest_subscription .subscription_plans .membership_option.option_single main ul {
          font-weight: bold;
          max-width: 300px; }
        .quest_subscription .subscription_plans .membership_option.option_single main .btn.disabled {
          margin-bottom: 4px;
          opacity: 1;
          padding: 0 10px; }
        @media (min-width: 61.25em) {
          .quest_subscription .subscription_plans .membership_option.option_single main dl dt span {
            font-size: 2.5em; } }
      .quest_subscription .subscription_plans .membership_option.option_single aside {
        height: 100%;
        width: 100%;
        min-height: 380px; }
        .quest_subscription .subscription_plans .membership_option.option_single aside.in_app_payments {
          min-height: 100px; }
    .quest_subscription .subscription_plans .membership_option header p {
      font-size: 17px; }
    .quest_subscription .subscription_plans .membership_option h3 {
      align-items: center;
      background: #ffffff;
      color: #626262;
      display: flex;
      font-size: 1em;
      padding: 20px 0;
      justify-content: center;
      margin-bottom: 5px; }
      @media (min-width: 61.25em) {
        .quest_subscription .subscription_plans .membership_option h3 {
          font-size: 1.2em; } }
    .quest_subscription .subscription_plans .membership_option main {
      align-items: center;
      display: flex;
      flex-direction: column;
      justify-content: center;
      flex: 1;
      padding: 1em; }
      @media (min-width: 61.25em) {
        .quest_subscription .subscription_plans .membership_option main {
          min-height: 350px; }
          .quest_subscription .subscription_plans .membership_option main .noCouponBtn {
            margin-top: auto; }
          .quest_subscription .subscription_plans .membership_option main .withCouponBtn {
            margin-bottom: auto; } }
      .quest_subscription .subscription_plans .membership_option main .membership_option_price {
        padding: 12px 0 8px; }
        .quest_subscription .subscription_plans .membership_option main .membership_option_price .btn {
          border-radius: 10px;
          color: #ce4e4e;
          font-size: 20px;
          margin-bottom: 10px;
          min-width: 0;
          padding: 3px 10px;
          width: auto; }
      .quest_subscription .subscription_plans .membership_option main dl {
        align-items: center;
        display: flex;
        margin-top: auto;
        justify-content: center; }
        .quest_subscription .subscription_plans .membership_option main dl dt span {
          font-size: 2.5em; }
          @media (min-width: 61.25em) {
            .quest_subscription .subscription_plans .membership_option main dl dt span {
              font-size: 3.5em; } }
        .quest_subscription .subscription_plans .membership_option main dl dd {
          margin-left: 10px;
          text-align: left;
          width: 75px; }
    .quest_subscription .subscription_plans .membership_option ul {
      padding-left: 30px;
      text-align: left; }
      @media (min-width: 20em) and (max-width: 29.99em) {
        .quest_subscription .subscription_plans .membership_option ul {
          font-size: 18px;
          padding-left: 14px; } }
      .quest_subscription .subscription_plans .membership_option ul li {
        font-size: 17px;
        margin: 3px 0; }
    .quest_subscription .subscription_plans .membership_option p {
      width: 100%; }
    .quest_subscription .subscription_plans .membership_option .btn {
      background: #ffffff;
      border: 2px solid transparent;
      border-radius: 30px;
      color: #ffffff;
      display: inline-block;
      font-family: "Montserrat-Bold", sans-serif;
      padding: 10px 20px;
      text-align: center;
      text-transform: uppercase;
      font-size: .8em;
      margin-top: .5em;
      min-width: 8em; }
      .quest_subscription .subscription_plans .membership_option .btn:hover {
        background-color: #f2f2f2; }
      .quest_subscription .subscription_plans .membership_option .btn:active {
        background-color: #e6e6e6; }
      @media (min-width: 61.25em) {
        .quest_subscription .subscription_plans .membership_option .btn {
          font-size: 1.2em; } }
    .quest_subscription .subscription_plans .membership_option .membership_option_content {
      padding-bottom: 10px; }
  .quest_subscription .subscription_plans .subscription_plans_benefits {
    display: flex;
    font-size: 1.5em;
    justify-content: space-around;
    text-align: center; }
    @media (min-width: 20em) and (max-width: 46.24em) {
      .quest_subscription .subscription_plans .subscription_plans_benefits {
        align-items: center;
        flex-direction: column;
        font-size: 1.2em; } }
    .quest_subscription .subscription_plans .subscription_plans_benefits li {
      margin-bottom: 5vw;
      max-width: 7em; }
    .quest_subscription .subscription_plans .subscription_plans_benefits i, .quest_subscription .subscription_plans .subscription_plans_benefits span {
      display: block; }
    .quest_subscription .subscription_plans .subscription_plans_benefits i {
      font-size: 2em;
      margin-bottom: .3em; }
  @media (min-width: 20em) and (max-width: 46.24em) {
    .quest_subscription .subscription_payment {
      margin-top: 20px; } }
  .quest_subscription .subscription_payment .payment_options {
    display: flex;
    justify-content: space-around;
    margin: 2em 0; }
    @media (min-width: 46.25em) {
      .quest_subscription .subscription_payment .payment_options {
        justify-content: center; }
        .quest_subscription .subscription_payment .payment_options > div {
          margin: 0 2em; } }
  .quest_subscription .subscription_payment .payment_option input {
    display: none; }
    .quest_subscription .subscription_payment .payment_option input:checked + label::before {
      background-image: linear-gradient(180deg, #f0d206 0%, #dbae18 100%); }
    .quest_subscription .subscription_payment .payment_option input:disabled + label::before {
      opacity: .5; }
  .quest_subscription .subscription_payment .payment_option label {
    max-width: 120px; }
    .quest_subscription .subscription_payment .payment_option label::before {
      height: 24px;
      width: 24px;
      background: #ffffff;
      border: 4px solid #ffffff;
      border-radius: 50%;
      content: '';
      display: inline-block; }
  .quest_subscription .subscription_payment .payment_option span {
    display: block;
    margin: .5em 0; }
    .quest_subscription .subscription_payment .payment_option span i {
      font-size: .8em; }
    .quest_subscription .subscription_payment .payment_option span b {
      font-size: 1.8em; }
  .quest_subscription .braintree_container iframe {
    display: block; }
  .quest_subscription .braintree_container .btn.payment_btn, .quest_subscription .braintree_container .btn.mainButton {
    background: #F0AB33;
    border: 2px solid transparent;
    border-radius: 30px;
    color: #ffffff;
    display: inline-block;
    font-family: "Montserrat-Bold", sans-serif;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
    font-size: .8em;
    max-width: 100%;
    outline: none; }
    .quest_subscription .braintree_container .btn.payment_btn:hover, .quest_subscription .braintree_container .btn.mainButton:hover {
      background-color: #eea11b; }
    .quest_subscription .braintree_container .btn.payment_btn:active, .quest_subscription .braintree_container .btn.mainButton:active {
      background-color: #e09410; }
  .quest_subscription .subscription_desc {
    margin: 5vw;
    text-align: left; }
    @media (min-width: 20em) and (max-width: 46.24em) {
      .quest_subscription .subscription_desc {
        margin: 5vw 5%; } }
    .quest_subscription .subscription_desc h2 {
      font-size: 1.2em;
      margin-bottom: 1em; }

.quest_welcome {
  min-height: 100%;
  overflow: hidden; }
  .quest_welcome.welcome_background {
    background: linear-gradient(90deg, #BED552 0%, #BED552 100%); }
  .quest_welcome.payment_background {
    background: linear-gradient(-227deg, #BED552 0%, #BED552 42%, #BED552 100%); }
  .quest_welcome .welcome_content {
    align-items: flex-start;
    display: flex;
    height: 580px;
    justify-content: center;
    position: relative; }
    .quest_welcome .welcome_content.long_content {
      height: 100%; }
    @media (min-width: 46.25em) {
      .quest_welcome .welcome_content {
        height: 700px; } }
    .quest_welcome .welcome_content .welcome_content_block {
      background: #ffffff;
      border-radius: 1.5em;
      font-size: 16px;
      margin: 3.5em 10px 0;
      min-width: 300px;
      padding: 1em;
      position: relative;
      text-align: center; }
      .quest_welcome .welcome_content .welcome_content_block:first-child:not(.no_animation) {
        animation: enter-in 1.2s ease-out; }

@keyframes enter-in {
  0% {
    transform: translateY(-200%); }
  100% {
    transform: translateY(0); } }
      @media (min-width: 46.25em) {
        .quest_welcome .welcome_content .welcome_content_block {
          font-size: 18px;
          margin-top: 6em;
          padding: 2em 5em; } }
      .quest_welcome .welcome_content .welcome_content_block .btn--account {
        background: #ffffff;
        border: 2px solid transparent;
        border-radius: 30px;
        color: #ffffff;
        display: inline-block;
        font-family: "Montserrat-Bold", sans-serif;
        padding: 10px 20px;
        text-align: center;
        text-transform: uppercase;
        color: #212121;
        font-family: "Lato-Light", LatoLatin-Light, sans-serif;
        font-size: 13px;
        font-weight: bold;
        padding: 7px 10px;
        position: absolute;
        right: 0;
        text-transform: none;
        top: -42px; }
        .quest_welcome .welcome_content .welcome_content_block .btn--account:hover {
          background-color: #f2f2f2; }
        .quest_welcome .welcome_content .welcome_content_block .btn--account:active {
          background-color: #e6e6e6; }
        @media (min-width: 46.25em) {
          .quest_welcome .welcome_content .welcome_content_block .btn--account {
            padding-left: 7px;
            padding-right: 7px; } }
        @media (min-width: 20em) and (max-width: 46.24em) {
          .quest_welcome .welcome_content .welcome_content_block .btn--account {
            max-width: 110px;
            padding: 3px 3px;
            right: 0;
            top: -47px; } }
      .quest_welcome .welcome_content .welcome_content_block aside {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: -3em; }
        .quest_welcome .welcome_content .welcome_content_block aside img {
          height: 6em;
          width: 6em;
          border: solid 4px #ffffff;
          border-radius: 50%; }
      .quest_welcome .welcome_content .welcome_content_block header .btn {
        position: absolute;
        top: 10px;
        left: 10px;
        color: #a2a2a2;
        font-family: "Montserrat-Bold", sans-serif;
        font-size: 18px;
        text-transform: uppercase; }
        .quest_welcome .welcome_content .welcome_content_block header .btn i {
          font-size: 16px;
          margin-right: 5px; }
      .quest_welcome .welcome_content .welcome_content_block main {
        font-family: "Montserrat-Bold", sans-serif;
        margin: 0 auto;
        max-width: 23em;
        padding-top: 2.5em; }
        .quest_welcome .welcome_content .welcome_content_block main h2 {
          font-size: 1.1em;
          text-align: left;
          text-transform: none; }
          .quest_welcome .welcome_content .welcome_content_block main h2.heading_big {
            font-size: 1.5em;
            text-align: center; }
        .quest_welcome .welcome_content .welcome_content_block main p {
          font-family: "Lato-Light", LatoLatin-Light, sans-serif;
          font-size: 1.1em;
          line-height: 1.2;
          margin: 1em 0; }
        .quest_welcome .welcome_content .welcome_content_block main.resetPasswordStep {
          padding-top: 0em; }
        @media (min-width: 20em) and (max-width: 29.99em) {
          .quest_welcome .welcome_content .welcome_content_block main.single_sign_up_step .heading_big {
            font-size: 1.3em; }
          .quest_welcome .welcome_content .welcome_content_block main.single_sign_up_step .welcome_content_block_signup {
            margin: 1em 0; }
            .quest_welcome .welcome_content .welcome_content_block main.single_sign_up_step .welcome_content_block_signup input[type='text'], .quest_welcome .welcome_content .welcome_content_block main.single_sign_up_step .welcome_content_block_signup input[type='password'] {
              margin: 1em 0;
              padding: .7em 1em; }
            .quest_welcome .welcome_content .welcome_content_block main.single_sign_up_step .welcome_content_block_signup .welcome_content_block_facebook {
              margin: .5em 0 1em;
              padding: .7em 1em; }
              .quest_welcome .welcome_content .welcome_content_block main.single_sign_up_step .welcome_content_block_signup .welcome_content_block_facebook span::before {
                line-height: 42px; } }
        .quest_welcome .welcome_content .welcome_content_block main .welcome_content_block_signup {
          font-family: "Lato-Light", LatoLatin-Light, sans-serif;
          margin: 1.5em 0 1.2em;
          text-align: left; }
          .quest_welcome .welcome_content .welcome_content_block main .welcome_content_block_signup .input_label {
            text-align: left; }
            .quest_welcome .welcome_content .welcome_content_block main .welcome_content_block_signup .input_label + input[type='text'] {
              margin-top: 5px; }
          .quest_welcome .welcome_content .welcome_content_block main .welcome_content_block_signup .welcome_content_block_facebook, .quest_welcome .welcome_content .welcome_content_block main .welcome_content_block_signup input[type='text'], .quest_welcome .welcome_content .welcome_content_block main .welcome_content_block_signup input[type='password'], .quest_welcome .welcome_content .welcome_content_block main .welcome_content_block_signup textarea {
            background: #e8e8e8;
            border-radius: 10px;
            display: block;
            font-family: "Lato-Light", LatoLatin-Light, sans-serif;
            margin: 1em 0;
            padding: 1em 1.2em;
            width: 100%; }
          .quest_welcome .welcome_content .welcome_content_block main .welcome_content_block_signup .welcome_content_block_facebook {
            transition: background-color .2s linear;
            background: #5b6ec2;
            color: #ffffff;
            position: relative;
            text-align: center; }
            .quest_welcome .welcome_content .welcome_content_block main .welcome_content_block_signup .welcome_content_block_facebook:hover {
              background-color: #485ebb; }
            .quest_welcome .welcome_content .welcome_content_block main .welcome_content_block_signup .welcome_content_block_facebook:active {
              background-color: #3f53ab; }
            .quest_welcome .welcome_content .welcome_content_block main .welcome_content_block_signup .welcome_content_block_facebook i {
              float: left;
              font-size: 1.3em; }
            .quest_welcome .welcome_content .welcome_content_block main .welcome_content_block_signup .welcome_content_block_facebook span {
              font-family: "Avenir Next",Avenir,sans-serif;
              font-size: 16px;
              padding-left: 20px; }
              .quest_welcome .welcome_content .welcome_content_block main .welcome_content_block_signup .welcome_content_block_facebook span::before {
                content: 'f';
                font: 24px zocial;
                font-family: "Avenir Next",Avenir,sans-serif;
                font-weight: 700;
                display: inline-block;
                line-height: 52px;
                width: 40px;
                cursor: pointer;
                text-align: center;
                background: rgba(0, 0, 0, 0.3);
                -webkit-transition: all .2s ease;
                -moz-transition: all .2s ease;
                transition: all .2s ease;
                text-rendering: auto;
                top: 0;
                position: absolute;
                left: 0;
                border-radius: 9px 0 0 9px; }
                @media (min-width: 46.25em) {
                  .quest_welcome .welcome_content .welcome_content_block main .welcome_content_block_signup .welcome_content_block_facebook span::before {
                    line-height: 58px; } }
          .quest_welcome .welcome_content .welcome_content_block main .welcome_content_block_signup .input_wrapper {
            margin-bottom: 10px; }
            .quest_welcome .welcome_content .welcome_content_block main .welcome_content_block_signup .input_wrapper label {
              display: flex; }
              .quest_welcome .welcome_content .welcome_content_block main .welcome_content_block_signup .input_wrapper label b {
                font-family: "Montserrat-Bold", sans-serif; }
              .quest_welcome .welcome_content .welcome_content_block main .welcome_content_block_signup .input_wrapper label span {
                flex: 1;
                line-height: 1.4; }
          .quest_welcome .welcome_content .welcome_content_block main .welcome_content_block_signup > span {
            display: block;
            font-size: 16px;
            text-align: center; }
            .quest_welcome .welcome_content .welcome_content_block main .welcome_content_block_signup > span.text {
              color: #757575;
              margin-bottom: 1em; }
            .quest_welcome .welcome_content .welcome_content_block main .welcome_content_block_signup > span.or {
              font-size: 15px;
              line-height: 1px; }
            .quest_welcome .welcome_content .welcome_content_block main .welcome_content_block_signup > span.error {
              color: #ea0048;
              margin-top: .5em;
              max-width: 100%; }
            .quest_welcome .welcome_content .welcome_content_block main .welcome_content_block_signup > span.clickable {
              cursor: pointer; }
        .quest_welcome .welcome_content .welcome_content_block main .error {
          color: #ea0048;
          font-family: "Lato-Light", LatoLatin-Light, sans-serif; }
      .quest_welcome .welcome_content .welcome_content_block footer .link {
        display: block;
        font-family: "Montserrat-Bold", sans-serif;
        text-decoration: none;
        text-transform: uppercase; }
        .quest_welcome .welcome_content .welcome_content_block footer .link.link_next {
          color: #F0AB33;
          font-size: 1em;
          transition: color .2s linear; }
          .quest_welcome .welcome_content .welcome_content_block footer .link.link_next span {
            font-size: 1.3em; }
          .quest_welcome .welcome_content .welcome_content_block footer .link.link_next:hover {
            color: #b0750d; }
        .quest_welcome .welcome_content .welcome_content_block footer .link.link_login {
          color: #757575;
          font-size: 16px;
          margin: 1.5em 0 1em; }
          .quest_welcome .welcome_content .welcome_content_block footer .link.link_login:hover {
            color: #212121; }
        .quest_welcome .welcome_content .welcome_content_block footer .link.resetPassword {
          color: #F0AB33;
          font-size: 1em;
          transition: color .2s linear; }
          .quest_welcome .welcome_content .welcome_content_block footer .link.resetPassword span {
            font-size: 1.3em; }
          .quest_welcome .welcome_content .welcome_content_block footer .link.resetPassword:hover {
            color: #b0750d; }
      .quest_welcome .welcome_content .welcome_content_block footer p {
        display: inline-block;
        font-size: 15px;
        padding-top: 10px; }
        .quest_welcome .welcome_content .welcome_content_block footer p a {
          text-decoration: underline; }
        .quest_welcome .welcome_content .welcome_content_block footer p input[type="checkbox"] {
          margin-top: 3px;
          transform: scale(1.3);
          -webkit-transform: scale(1.3);
          flex-shrink: 0; }
        .quest_welcome .welcome_content .welcome_content_block footer p .legal_desc {
          padding-left: 5px; }
        .quest_welcome .welcome_content .welcome_content_block footer p #checkAgree {
          cursor: pointer; }
      .quest_welcome .welcome_content .welcome_content_block .legal {
        display: inline-block;
        font-size: 15px;
        padding-top: 10px;
        padding-top: 0; }
        .quest_welcome .welcome_content .welcome_content_block .legal a {
          text-decoration: underline; }
        .quest_welcome .welcome_content .welcome_content_block .legal input[type="checkbox"] {
          margin-top: 3px;
          transform: scale(1.3);
          -webkit-transform: scale(1.3);
          flex-shrink: 0; }
        .quest_welcome .welcome_content .welcome_content_block .legal .legal_desc {
          padding-left: 5px; }
        .quest_welcome .welcome_content .welcome_content_block .legal #checkAgree {
          cursor: pointer; }
  .quest_welcome .welcome_footer {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 45px; }
    @media (min-width: 46.25em) {
      .quest_welcome .welcome_footer {
        bottom: -70px; } }
    .quest_welcome .welcome_footer .welcome_steps li {
      height: 12px;
      width: 12px;
      background: rgba(136, 103, 40, 0.43);
      border-radius: 50%;
      color: transparent;
      display: inline-block;
      font-family: "Montserrat-Bold", sans-serif;
      font-size: 6px;
      position: relative;
      display: inline-block;
      margin: 0 1em; }
      .quest_welcome .welcome_footer .welcome_steps li > * {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%); }
      .quest_welcome .welcome_footer .welcome_steps li.active {
        background: #ffffff; }

.page_analytics .quest_analytics {
  background: linear-gradient(-48deg, #BED552 0%, #BED552 100%);
  min-height: 100%;
  position: relative;
  /**
 * Indication for mentor/current quest, depeneding if mentor or end-user view.
 */ }
  .page_analytics .quest_analytics .header {
    color: #ffffff;
    padding: 0 0 10px;
    text-align: center; }
    .page_analytics .quest_analytics .header .quest_current {
      background: rgba(0, 0, 0, 0.44);
      color: #ffffff;
      display: block;
      font-family: "Montserrat-Bold", sans-serif;
      font-size: 14px;
      margin-bottom: 20px;
      padding: 11px;
      text-transform: uppercase; }
      @media (min-width: 46.25em) {
        .page_analytics .quest_analytics .header .quest_current {
          display: none; } }
    .page_analytics .quest_analytics .header .mobileHeader {
      background: rgba(0, 0, 0, 0.44);
      color: #ffffff;
      display: block;
      font-family: "Montserrat-Bold", sans-serif;
      font-size: 14px;
      margin-bottom: 20px;
      padding: 11px;
      text-transform: uppercase;
      display: flex;
      justify-content: space-between; }
      @media (min-width: 46.25em) {
        .page_analytics .quest_analytics .header .mobileHeader {
          display: none; } }
      .page_analytics .quest_analytics .header .mobileHeader p {
        text-align: left; }
      .page_analytics .quest_analytics .header .mobileHeader .mobileHeaderBtns {
        min-width: 66px; }
      .page_analytics .quest_analytics .header .mobileHeader .mobileHeaderBtns > div {
        margin-left: 5px; }
      .page_analytics .quest_analytics .header .mobileHeader .resourceCenterBtn {
        border: 1px;
        border-style: solid;
        border-radius: 4px;
        padding: 5px;
        cursor: pointer;
        float: right; }
      .page_analytics .quest_analytics .header .mobileHeader .questMapBtn {
        border: 1px;
        border-style: solid;
        border-radius: 4px;
        padding: 5px;
        cursor: pointer;
        float: right; }
    .page_analytics .quest_analytics .header h1 {
      font-size: 24px; }
    .page_analytics .quest_analytics .header h4 {
      display: none; }
    @media (min-width: 46.25em) {
      .page_analytics .quest_analytics .header {
        padding: 60px 5% 10px; }
        .page_analytics .quest_analytics .header h1 {
          font-size: 44px; }
        .page_analytics .quest_analytics .header h4 {
          display: block;
          font-size: 30px;
          text-transform: none; } }
  .page_analytics .quest_analytics .charts {
    align-content: stretch;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around; }
    .page_analytics .quest_analytics .charts .chart {
      background-color: #ffffff;
      border-radius: 20px;
      margin: 20px;
      max-width: 550px;
      padding: 20px 20px 25px;
      width: 98%; }
      .page_analytics .quest_analytics .charts .chart header {
        margin-bottom: 20px; }
        .page_analytics .quest_analytics .charts .chart header.interactive {
          display: flex;
          justify-content: space-between; }
          @media (min-width: 20em) and (max-width: 46.24em) {
            .page_analytics .quest_analytics .charts .chart header.interactive {
              flex-direction: column; } }
          .page_analytics .quest_analytics .charts .chart header.interactive .title_container {
            padding-right: 5px; }
          .page_analytics .quest_analytics .charts .chart header.interactive .selector {
            height: 43px;
            padding-top: 5px;
            position: relative; }
          .page_analytics .quest_analytics .charts .chart header.interactive select {
            border: 3px solid transparent;
            border-radius: 2px;
            color: #212121;
            display: block;
            min-width: 200px;
            outline: none;
            padding: 10px;
            background-color: #f5f5f5;
            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
            font-size: 15px; }
        .page_analytics .quest_analytics .charts .chart header h3 {
          color: rgba(12, 12, 12, 0.94);
          font-family: "Montserrat-Bold", sans-serif;
          font-size: 16px;
          margin-bottom: 2px;
          text-transform: none; }
        .page_analytics .quest_analytics .charts .chart header span {
          color: rgba(76, 76, 76, 0.94);
          font-size: 14px;
          text-transform: none; }
  .page_analytics .quest_analytics .quest_feed_notif {
    background-color: rgba(216, 216, 216, 0.08);
    color: #ffffff;
    padding: 20px 25px;
    /**
 * Text/image styling
 */
    /**
 * Media object specific styling.
 */
    /**
 * Field object specific styling.
 */ }
    @media (min-width: 20em) and (max-width: 61.24em) {
      .page_analytics .quest_analytics .quest_feed_notif {
        display: flex;
        align-items: center;
        justify-content: center; } }
    @media (min-width: 61.25em) {
      .page_analytics .quest_analytics .quest_feed_notif {
        border-radius: 4px;
        left: 40px;
        position: absolute;
        top: 40px; } }
    .page_analytics .quest_analytics .quest_feed_notif img {
      height: 36px;
      width: 36px;
      border-radius: 50%;
      overflow: hidden; }
      .page_analytics .quest_analytics .quest_feed_notif img img {
        height: auto;
        width: 100%; }
    .page_analytics .quest_analytics .quest_feed_notif p {
      font-size: 9px;
      text-transform: uppercase;
      letter-spacing: 0.7px;
      font-weight: 900; }
    .page_analytics .quest_analytics .quest_feed_notif h2 {
      max-width: 300px;
      font-size: 18px;
      margin-bottom: 0; }
    .page_analytics .quest_analytics .quest_feed_notif .o-media {
      flex: 0 0 auto; }
    .page_analytics .quest_analytics .quest_feed_notif .o-media__body {
      margin-left: 10px; }
    .page_analytics .quest_analytics .quest_feed_notif .o-field__input, .page_analytics .quest_analytics .quest_feed_notif .page_users .ReactTable .rt-thead.-filters input, .page_users .ReactTable .rt-thead.-filters .page_analytics .quest_analytics .quest_feed_notif input, .page_analytics .quest_analytics .quest_feed_notif .page_users .pagination-bottom .-pageJump input, .page_users .pagination-bottom .-pageJump .page_analytics .quest_analytics .quest_feed_notif input {
      text-align: center; }
    .page_analytics .quest_analytics .quest_feed_notif .o-field__suffix {
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 25px; }

@media (min-width: 61.25em) {
  .page_analytics .switch-group-users-bar {
    display: flex;
    border-radius: 4px;
    right: 40px;
    position: absolute;
    top: 25px;
    z-index: 500;
    height: 80px;
    background-color: rgba(216, 216, 216, 0.08);
    padding: 20px 25px; } }

@media (min-width: 61.25em) {
  .page_analytics .comboBoxUsersGroupSwitcher {
    border: 3px solid transparent;
    border-radius: 2px;
    color: #212121;
    display: block;
    min-width: 200px;
    outline: none;
    padding: 10px;
    background-color: #f5f5f5;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
    font-size: 15px; } }

.page_users {
  /* ==========================================================================
   #BUTTON EXTENSION
   ========================================================================== */
  /* ==========================================================================
   #FORM EXTENSION
   ========================================================================== */
  /* #Form Group & Input
   ========================================================================== */
  /**
 * Page specific styling for fields
 */
  /**
 * Overriding react native css styling.
 */
  /* #Form Dropdown
   ========================================================================== */
  /**
 * Page specific styling for dropdowns
 */
  /**
 * Header Dropdowns
 */
  /**
 * Export Dropdown
 */
  /* #Pagination Bottom
   ========================================================================== */
  /**
 * Since we don't have access to the bottom pagination ATM,
 * I will just inherit the proper rules to make it feel right.
 */
  /* ==========================================================================
   #USERS TABLE PAGE
   ========================================================================== */
  /**
 * Styling the the users table view in mentor mode.
 */
  /* ==========================================================================
   #USERS TABLE CELLS INNER
   ========================================================================== */
  /* ==========================================================================
   #TOOLTIP EXTENSION
   ========================================================================== */
  /**
 * 1. Disable default overflow to allow seeing tooltip body.
 * 2. Align and separate.
 */ }
  .page_users .o-btn {
    background-color: #8bd738;
    border-radius: 5px;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 15px;
    margin-bottom: 10px; }
  .page_users .o-field__suffix i {
    color: #90a1b5; }
  .page_users .o-field__group,
  .page_users :not(.o-field__group) > .o-field__input,
  .page_users .ReactTable .rt-thead.-filters :not(.o-field__group) > input,
  .page_users .pagination-bottom .-pageJump :not(.o-field__group) > input {
    border-radius: 5px;
    background-color: #fdfdfd;
    border: solid 1px #9b9b9b;
    cursor: pointer; }
    .page_users .o-field__group.is-active,
    .page_users :not(.o-field__group) > .o-field__input.is-active,
    .page_users .ReactTable .rt-thead.-filters :not(.o-field__group) > input.is-active,
    .page_users .pagination-bottom .-pageJump :not(.o-field__group) > input.is-active {
      border-color: #88bfff; }
  .page_users .ReactTable .rt-thead.-filters .o-field, .page_users .ReactTable .rt-thead.-filters .pagination-bottom .-pageJump, .page_users .pagination-bottom .ReactTable .rt-thead.-filters .-pageJump {
    max-width: 100%; }
  .page_users .ReactTable .rt-thead.-filters .o-field__group > * {
    padding: 5px 8px; }
  .page_users .ReactTable .rt-thead.-filters input {
    color: #737373;
    font-size: 12px;
    line-height: 1;
    max-width: 100%;
    overflow: hidden;
    padding: 5px 8px; }
  .page_users .o-field__dropdown {
    background-color: #ffffff;
    border-radius: 5px;
    border: solid 1px #dddddd;
    left: 50%;
    padding: 0;
    transform: translateX(-50%);
    width: auto; }
    .page_users .o-field__dropdown.is-active {
      display: block; }
  .page_users .o-field__option {
    color: #445870;
    cursor: pointer;
    font-weight: bold;
    padding: 10px 15px;
    white-space: nowrap; }
    .page_users .o-field__option:hover {
      background-color: #eee; }
    .page_users .o-field__option.is-active {
      background-color: #8bd738;
      color: #ffffff; }
  .page_users .o-table__header .o-field__input, .page_users .o-table__header .ReactTable .rt-thead.-filters input, .page_users .ReactTable .rt-thead.-filters .o-table__header input, .page_users .o-table__header .pagination-bottom .-pageJump input, .page_users .pagination-bottom .-pageJump .o-table__header input {
    color: #445870;
    font-weight: bold; }
  .page_users .o-field--export .o-field__dropdown {
    left: 50%;
    text-align: center;
    transform: translateX(-80%);
    width: 290px; }
    .page_users .o-field--export .o-field__dropdown > div {
      padding: 15px;
      text-align: center; }
      .page_users .o-field--export .o-field__dropdown > div:hover {
        background: inherit; }
      .page_users .o-field--export .o-field__dropdown > div:first-child {
        background: #edf1ff; }
    .page_users .o-field--export .o-field__dropdown p {
      color: #9b9b9b;
      font-size: 14px;
      white-space: normal; }
  .page_users .pagination-bottom {
    font-weight: bold; }
    .page_users .pagination-bottom .-pageJump input {
      -moz-appearance: textfield;
      -webkit-appearance: textfield;
      background-color: #fdfdfd;
      border-radius: 5px;
      border: solid 1px #9b9b9b;
      cursor: pointer;
      font-weight: bold;
      margin: 0 10px;
      padding: 5px;
      width: 50px; }
      .page_users .pagination-bottom .-pageJump input.is-active {
        border-color: #88bfff; }
  .page_users.page {
    background: linear-gradient(-48deg, #BED552 0%, #BED552 100%);
    height: auto;
    min-height: 100%;
    padding: 1px;
    text-align: center;
    font-size: 14px; }
  .page_users .quest_usersTable {
    width: 90%;
    background: #ffffff;
    margin: 20px auto;
    border-radius: 20px; }
  .page_users .quest_users {
    position: relative; }
    .page_users .quest_users .header {
      color: #ffffff;
      padding: 0 0 10px;
      text-align: center; }
      .page_users .quest_users .header .quest_current {
        background: rgba(0, 0, 0, 0.44);
        color: #ffffff;
        display: block;
        font-family: "Montserrat-Bold", sans-serif;
        font-size: 14px;
        margin-bottom: 20px;
        padding: 11px;
        text-transform: uppercase; }
        @media (min-width: 46.25em) {
          .page_users .quest_users .header .quest_current {
            display: none; } }
      .page_users .quest_users .header .mobileHeader {
        background: rgba(0, 0, 0, 0.44);
        color: #ffffff;
        display: block;
        font-family: "Montserrat-Bold", sans-serif;
        font-size: 14px;
        margin-bottom: 20px;
        padding: 11px;
        text-transform: uppercase;
        display: flex;
        justify-content: space-between; }
        @media (min-width: 46.25em) {
          .page_users .quest_users .header .mobileHeader {
            display: none; } }
        .page_users .quest_users .header .mobileHeader p {
          text-align: left; }
        .page_users .quest_users .header .mobileHeader .mobileHeaderBtns {
          min-width: 66px; }
        .page_users .quest_users .header .mobileHeader .mobileHeaderBtns > div {
          margin-left: 5px; }
        .page_users .quest_users .header .mobileHeader .resourceCenterBtn {
          border: 1px;
          border-style: solid;
          border-radius: 4px;
          padding: 5px;
          cursor: pointer;
          float: right; }
        .page_users .quest_users .header .mobileHeader .questMapBtn {
          border: 1px;
          border-style: solid;
          border-radius: 4px;
          padding: 5px;
          cursor: pointer;
          float: right; }
      .page_users .quest_users .header h1 {
        font-size: 24px; }
      .page_users .quest_users .header h4 {
        display: none; }
      @media (min-width: 46.25em) {
        .page_users .quest_users .header {
          padding: 60px 5% 10px; }
          .page_users .quest_users .header h1 {
            font-size: 44px; }
          .page_users .quest_users .header h4 {
            display: block;
            font-size: 30px;
            text-transform: none; } }
  .page_users .user__check {
    text-align: center;
    width: 100%; }
    .page_users .user__check label {
      margin-bottom: 0; }
    .page_users .user__check label::before {
      border-radius: 2px;
      border: solid 2px #c7cbdd;
      background: #ffffff;
      margin-right: 0; }
    .page_users .user__check input:checked + label::after {
      height: 16px;
      width: 9px;
      position: absolute;
      top: 12px;
      left: 2px;
      animation: none;
      border-color: #7c88cf; }
  .page_users .user_image {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 15px; }
    .page_users .user_image img {
      height: auto;
      width: 100%; }
  .page_users .user_name {
    align-items: center;
    display: flex; }
    .page_users .user_name b {
      color: #212121; }
    .page_users .user_name span {
      color: #6d6d6d; }
  .page_users .user_details span, .page_users .user_details b {
    display: block; }
  .page_users .user_contact {
    display: flex;
    justify-content: center;
    width: 100%; }
    .page_users .user_contact .mq-mail {
      color: #8bd738;
      font-size: 20px; }
  .page_users .ReactTable .rt-thead .rt-resizable-header-content {
    overflow: visible;
    /* [1] */ }
  .page_users .o-tooltip {
    margin-left: 10px;
    /* [2] */
    vertical-align: middle;
    /* [2] */ }
  .page_users .o-tooltip__trigger {
    font-size: 18px; }
    .page_users .o-tooltip__trigger a {
      color: inherit; }
  .page_users .o-tooltip__body {
    background-color: #626262;
    border-radius: 3px;
    color: #ffffff;
    font-size: 13px;
    left: 50%;
    min-width: 160px;
    padding: 10px;
    transform: translateX(-50%);
    white-space: normal; }

@media (min-width: 46.25em) {
  .page.sideBar_transition .bg_level {
    transition: padding-right 0.4s ease-in-out; }
    .page.sideBar_transition .bg_level.transitioned {
      transition: padding-right 0.4s ease-in-out, background-position 0.4s linear; } }

.page.sideBar_transition.page_level, .page.sideBar_transition.page_quiz {
  height: 100%; }

.quest_builder {
  position: fixed;
  top: 40px;
  right: 0;
  bottom: 0;
  background-color: #000000;
  border-radius: 20px 0 0;
  display: flex;
  z-index: 4005; }
  .quest_builder.open .builder_toggle {
    transform: scaleX(-1); }
  .quest_builder.open .builder_content {
    opacity: 1;
    transition: opacity .3s .5s linear, width .4s ease-in-out;
    width: 450px; }
  .quest_builder .builder_toggle {
    position: absolute;
    top: 30px;
    left: -15px;
    background-color: inherit;
    border-radius: 10px;
    color: #ffffff;
    font-size: 1.8em;
    padding: 5px 15px;
    z-index: 1; }
  .quest_builder .builder_nav {
    background-color: rgba(117, 117, 117, 0.4);
    color: rgba(255, 255, 255, 0.54);
    font-size: 13px;
    order: 1;
    text-align: center;
    width: 76px; }
    .quest_builder .builder_nav .active:not(:hover) {
      background: #F0AB33;
      color: #ffffff; }
    .quest_builder .builder_nav li:hover {
      background-color: rgba(232, 232, 232, 0.3);
      color: #ffffff; }
    .quest_builder .builder_nav li:first-child {
      background: #626262;
      color: #ffffff;
      padding: 10px 0;
      text-transform: uppercase; }
    .quest_builder .builder_nav a {
      align-items: center;
      color: inherit;
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: 15px;
      position: relative; }
    .quest_builder .builder_nav i {
      font-size: 1.5em;
      margin-bottom: 5px; }
    .quest_builder .builder_nav svg {
      height: 20px;
      width: 20px;
      fill: currentColor;
      margin-bottom: 7px; }
    .quest_builder .builder_nav .mq-asterisk {
      position: absolute;
      top: 9px;
      right: 16px;
      color: #ea0048;
      font-size: 10px; }
  .quest_builder .builder_content {
    color: #ffffff;
    flex: 1;
    height: 100%;
    opacity: 0;
    position: relative;
    transition: opacity .2s linear, width .4s ease-in-out;
    width: 75px; }
    .quest_builder .builder_content ::-webkit-input-placeholder {
      color: #d8d8d8; }
    .quest_builder .builder_content ::-moz-placeholder {
      color: #d8d8d8;
      opacity: 1; }
    .quest_builder .builder_content ::-ms-input-placeholder {
      color: #d8d8d8; }
    .quest_builder .builder_content > div {
      height: 100%;
      overflow: hidden;
      padding: 45px 0; }
    .quest_builder .builder_content article {
      height: 100%;
      overflow-x: hidden;
      overflow-y: auto;
      padding-bottom: 45px; }
      .quest_builder .builder_content article::-webkit-scrollbar {
        width: 0; }
      .quest_builder .builder_content article > * {
        padding: 0 25px; }
    .quest_builder .builder_content .single_item article > section {
      margin-top: 0px; }
    .quest_builder .builder_content h2, .quest_builder .builder_content h3 {
      text-transform: none; }
    .quest_builder .builder_content h2 {
      font: 300 28px "Lato-Light", LatoLatin-Light, sans-serif;
      text-align: center; }
    .quest_builder .builder_content section {
      margin-top: 45px; }
    .quest_builder .builder_content section > .helper {
      color: rgba(255, 255, 255, 0.7);
      font-size: 14px;
      font-style: italic;
      line-height: 22px;
      text-align: center; }
    .quest_builder .builder_content .bottom {
      position: absolute;
      right: 20px;
      bottom: 20px;
      left: 20px;
      text-align: center; }
      .quest_builder .builder_content .bottom > a {
        width: 100%; }
      .quest_builder .builder_content .bottom .bottom_delete {
        background: #ea0048;
        border: 2px solid transparent;
        border-radius: 30px;
        color: #ffffff;
        display: inline-block;
        font-family: "Montserrat-Bold", sans-serif;
        padding: 10px 20px;
        text-align: center;
        text-transform: uppercase; }
        .quest_builder .builder_content .bottom .bottom_delete:hover {
          background-color: #d10040; }
        .quest_builder .builder_content .bottom .bottom_delete:active {
          background-color: #b70038; }
      .quest_builder .builder_content .bottom .bottom_view {
        background: #F0AB33;
        border: 2px solid transparent;
        border-radius: 30px;
        color: #ffffff;
        display: inline-block;
        font-family: "Montserrat-Bold", sans-serif;
        padding: 10px 20px;
        text-align: center;
        text-transform: uppercase;
        margin-bottom: 20px; }
        .quest_builder .builder_content .bottom .bottom_view:hover {
          background-color: #eea11b; }
        .quest_builder .builder_content .bottom .bottom_view:active {
          background-color: #e09410; }
    .quest_builder .builder_content .mq-asterisk {
      position: relative;
      top: -5px;
      right: 0;
      bottom: 0;
      left: 2px;
      color: #ea0048;
      font-size: 10px; }
    .quest_builder .builder_content header {
      margin-bottom: 15px; }
      .quest_builder .builder_content header h3 {
        font: 700 17px "Lato-Light", LatoLatin-Light, sans-serif; }
      .quest_builder .builder_content header .helper {
        color: rgba(255, 255, 255, 0.7);
        font-size: 14px;
        max-width: 300px; }
    .quest_builder .builder_content .accordion.is-open {
      margin-bottom: 20px; }
    .quest_builder .builder_content .accordion:not(.is-open) {
      height: 75px;
      overflow: hidden; }
      .quest_builder .builder_content .accordion:not(.is-open) section {
        opacity: 0; }
      .quest_builder .builder_content .accordion:not(.is-open) .icon_symbol {
        transform: rotate(-90deg); }
    .quest_builder .builder_content .accordion:not(.is-checked) .checker i {
      display: none; }
    .quest_builder .builder_content .accordion .accordion_header {
      align-items: center;
      background: linear-gradient(180deg, #4b3b71 0%, #291c49 100%);
      cursor: pointer;
      display: flex;
      justify-content: center;
      margin: 0 -25px;
      padding: 20px; }
      .quest_builder .builder_content .accordion .accordion_header .checker {
        height: 30px;
        width: 30px;
        border: 2px solid #ffffff;
        border-radius: 5px;
        position: relative; }
        .quest_builder .builder_content .accordion .accordion_header .checker i {
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%); }
      .quest_builder .builder_content .accordion .accordion_header h2 {
        font-size: 20px;
        margin: 0;
        margin-left: 20px; }
      .quest_builder .builder_content .accordion .accordion_header .icon_symbol {
        height: 36px;
        width: 36px;
        background: rgba(255, 255, 255, 0.3);
        border-radius: 50%;
        color: #ffffff;
        display: inline-block;
        font-family: "Montserrat-Bold", sans-serif;
        font-size: 18px;
        position: relative;
        margin-left: auto; }
        .quest_builder .builder_content .accordion .accordion_header .icon_symbol > * {
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%); }
        .quest_builder .builder_content .accordion .accordion_header .icon_symbol i {
          font-size: 1.4em; }
    .quest_builder .builder_content .accordion + .accordion {
      margin-top: 0; }
    .quest_builder .builder_content main > div {
      position: relative; }
    .quest_builder .builder_content main .full {
      width: 100%; }
    .quest_builder .builder_content main .inline {
      display: inline-block; }
    .quest_builder .builder_content main textarea, .quest_builder .builder_content main select, .quest_builder .builder_content main input[type='text'] {
      -webkit-appearance: none;
      appearance: none;
      border: 3px solid transparent;
      border-radius: 2px;
      color: #212121;
      display: block;
      min-width: 200px;
      outline: none;
      padding: 10px; }
    .quest_builder .builder_content main figure {
      margin: 0; }
    .quest_builder .builder_content main img {
      height: auto;
      width: 100%; }
    .quest_builder .builder_content main .arrow {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      color: #212121;
      pointer-events: none;
      right: 10px; }
    .quest_builder .builder_content main .checkbox {
      align-items: center;
      cursor: pointer;
      display: flex; }
      .quest_builder .builder_content main .checkbox .checker {
        height: 25px;
        width: 25px;
        border: 2px solid #ffffff;
        border-radius: 5px;
        position: relative; }
        .quest_builder .builder_content main .checkbox .checker i {
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%); }
      .quest_builder .builder_content main .checkbox .caption {
        color: rgba(255, 255, 255, 0.7);
        font-size: 14px;
        margin: 0;
        margin-left: 15px; }
      .quest_builder .builder_content main .checkbox:not(.is-checked) .checker i {
        display: none; }
    .quest_builder .builder_content main .delete {
      height: 30px;
      width: 30px;
      background: #ea0048;
      border-radius: 50%;
      color: #ffffff;
      display: inline-block;
      font-family: "Montserrat-Bold", sans-serif;
      font-size: 15px;
      position: relative;
      position: absolute;
      top: -10px;
      right: -10px;
      z-index: 1; }
      .quest_builder .builder_content main .delete > * {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%); }
      .quest_builder .builder_content main .delete:hover {
        background-color: #d10040; }
      .quest_builder .builder_content main .delete:active {
        background-color: #b70038; }
      .quest_builder .builder_content main .delete i {
        margin-top: -1px; }
      .quest_builder .builder_content main .delete.single_item_delete {
        right: 0;
        top: 0; }
    .quest_builder .builder_content main .draggable {
      height: 130px;
      width: 100%;
      display: flex;
      margin-top: 20px;
      max-width: 425px; }
      .quest_builder .builder_content main .draggable .draggable-content {
        background: #ffffff;
        border-radius: 15px;
        display: flex;
        flex: 1;
        flex-direction: column;
        justify-content: center;
        order: 1;
        overflow: hidden;
        position: relative; }
        .quest_builder .builder_content main .draggable .draggable-content .count {
          color: #626262; }
        .quest_builder .builder_content main .draggable .draggable-content .footer {
          background: #e8e8e8;
          padding: 5px 10px;
          text-align: left;
          color: #212121; }
        .quest_builder .builder_content main .draggable .draggable-content .animated_checkbox label {
          margin: 0; }
          .quest_builder .builder_content main .draggable .draggable-content .animated_checkbox label span {
            font-size: 14px;
            vertical-align: middle; }
          .quest_builder .builder_content main .draggable .draggable-content .animated_checkbox label::before {
            background: #ffffff;
            border: 2px solid #7c88cf;
            display: inline-block;
            margin-top: 0;
            vertical-align: middle; }
      .quest_builder .builder_content main .draggable .draggable-space {
        background: transparent url("assets/builder/bg_pattern.png") top left repeat;
        border-radius: 15px 0 0 15px;
        cursor: move;
        width: 25px; }
      .quest_builder .builder_content main .draggable input {
        border: 2px solid #757575; }
      .quest_builder .builder_content main .draggable .text {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        height: auto;
        width: 300px;
        margin-top: 15px; }
    .quest_builder .builder_content main .text {
      position: relative; }
      .quest_builder .builder_content main .text .icon-success {
        height: 20px;
        width: 20px;
        background: #ffffff;
        border-radius: 50%;
        color: #ffffff;
        display: inline-block;
        font-family: "Montserrat-Bold", sans-serif;
        font-size: 10px;
        position: relative;
        position: absolute;
        top: 14px;
        right: 10px; }
        .quest_builder .builder_content main .text .icon-success > * {
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%); }
      .quest_builder .builder_content main .text.success input {
        border-color: #F0AB33;
        padding-right: 35px; }
      .quest_builder .builder_content main .text.success .icon-success {
        background-color: #F0AB33; }
    .quest_builder .builder_content .btn {
      background: #F0AB33;
      border: 2px solid transparent;
      border-radius: 30px;
      color: #ffffff;
      display: inline-block;
      font-family: "Montserrat-Bold", sans-serif;
      padding: 10px 20px;
      text-align: center;
      text-transform: uppercase;
      width: 200px;
      margin-left: 25px;
      margin-top: 40px;
      padding: 10px; }
      .quest_builder .builder_content .btn:hover {
        background-color: #eea11b; }
      .quest_builder .builder_content .btn:active {
        background-color: #e09410; }
    .quest_builder .builder_content footer {
      margin-top: 15px;
      text-align: center; }
      .quest_builder .builder_content footer .count {
        margin-top: -7px; }
      .quest_builder .builder_content footer div {
        text-align: left;
        width: 100%; }
        .quest_builder .builder_content footer div span {
          margin-right: 5px !important; }
        .quest_builder .builder_content footer div a {
          width: 25%;
          line-height: 1.6; }
      .quest_builder .builder_content footer .button {
        background: #F0AB33;
        border: 2px solid transparent;
        border-radius: 30px;
        color: #ffffff;
        display: inline-block;
        font-family: "Montserrat-Bold", sans-serif;
        padding: 10px 20px;
        text-align: center;
        text-transform: uppercase;
        padding-left: 40px;
        padding-right: 40px; }
        .quest_builder .builder_content footer .button:hover {
          background-color: #eea11b; }
        .quest_builder .builder_content footer .button:active {
          background-color: #e09410; }
        .quest_builder .builder_content footer .button.progress_holder {
          position: relative; }
          .quest_builder .builder_content footer .button.progress_holder.disabled {
            opacity: 1; }
        .quest_builder .builder_content footer .button .progress_counter {
          left: 0;
          position: absolute;
          width: 100%;
          z-index: 1; }
        .quest_builder .builder_content footer .button .progress {
          height: 100%;
          position: absolute;
          top: 0;
          left: 0;
          background: rgba(0, 0, 0, 0.7);
          border-radius: 30px;
          pointer-events: none;
          transition: width .2s linear; }
    .quest_builder .builder_content .count {
      color: rgba(255, 255, 255, 0.7);
      display: block;
      font-size: 12px;
      margin: 8px;
      text-align: right; }
    .quest_builder .builder_content .link-helper {
      color: #fff;
      margin-top: 0px;
      display: block;
      font-size: 14px;
      max-width: 300px;
      font-family: "Lato-Light", LatoLatin-Light, sans-serif;
      text-decoration: underline; }

.modal_continue #actionModal footer {
  display: flex;
  flex-direction: column;
  justify-content: center; }
  @media (min-width: 46.25em) {
    .modal_continue #actionModal footer {
      flex-direction: row; } }
  .modal_continue #actionModal footer .btn {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 20px 10px 10px; }
    @media (min-width: 20em) and (max-width: 46.24em) {
      .modal_continue #actionModal footer .btn {
        margin: 10px 0; } }

.modal_continue #actionModal .btn_complete {
  background: #00a8ff;
  border: 2px solid transparent;
  border-radius: 30px;
  color: #ffffff;
  display: inline-block;
  font-family: "Montserrat-Bold", sans-serif;
  padding: 10px 20px;
  text-align: center;
  text-transform: uppercase;
  background-image: linear-gradient(135deg, transparent, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1));
  border: none;
  border-radius: 15px; }
  .modal_continue #actionModal .btn_complete:hover {
    background-color: #0097e6; }
  .modal_continue #actionModal .btn_complete:active {
    background-color: #0086cc; }
  .modal_continue #actionModal .btn_complete span {
    display: block;
    font-size: 12px; }

.modal_continue #actionModal .btn_unlock {
  background: #F0AB33;
  border: 2px solid transparent;
  border-radius: 30px;
  color: #ffffff;
  display: inline-block;
  font-family: "Montserrat-Bold", sans-serif;
  padding: 10px 20px;
  text-align: center;
  text-transform: uppercase;
  background-image: linear-gradient(135deg, transparent, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1));
  border: none;
  border-radius: 15px; }
  .modal_continue #actionModal .btn_unlock:hover {
    background-color: #eea11b; }
  .modal_continue #actionModal .btn_unlock:active {
    background-color: #e09410; }

.o-modal--edit-team {
  /**
 * Modal Body Field design.
 *
 * 1. Groups here are pairs of field & btn.
 *    Stretch the field, keep the button as is.
 * 2. Bg and colors via modifiers (e.g. --green).
 */ }
  .o-modal--edit-team .c-field__group {
    align-items: center; }
    .o-modal--edit-team .c-field__group > * {
      border-color: transparent; }
    .o-modal--edit-team .c-field__group .c-field {
      flex: 1;
      /* [1] */
      margin-bottom: 0;
      padding: 0; }
    .o-modal--edit-team .c-field__group .o-btn {
      /* [2] */
      color: #ffffff;
      margin-left: 15px; }
  .o-modal--edit-team .editModalCheckBox {
    margin-bottom: 6px; }
  .o-modal--edit-team .disableDeleteCategory {
    margin-top: 10px; }
  .o-modal--edit-team .subTitleNote {
    font-size: 13px;
    color: gray;
    margin-bottom: 10px; }
  .o-modal--edit-team .c-btn {
    color: #ffffff; }

.o-modal--generate-invitation {
  /**
 * Modal Generate link
 */ }
  .o-modal--generate-invitation .o-btn {
    background: white;
    border: 2px solid black;
    border-radius: 30px;
    color: black;
    display: inline-block;
    font-family: "Montserrat-Bold", sans-serif;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
    padding-right: 30px;
    padding-left: 30px; }
    .o-modal--generate-invitation .o-btn:hover {
      background-color: #f2f2f2; }
    .o-modal--generate-invitation .o-btn:active {
      background-color: #e6e6e6; }
    .o-modal--generate-invitation .o-btn i {
      font-size: 1.2em; }
    .o-modal--generate-invitation .o-btn i, .o-modal--generate-invitation .o-btn span {
      vertical-align: middel; }
  .o-modal--generate-invitation #copyLinkButton {
    font-size: 15px;
    margin-top: 20px; }
  .o-modal--generate-invitation #linkValue {
    background: #e8e8e8;
    color: #757575;
    overflow-wrap: break-word; }
  .o-modal--generate-invitation .textarea {
    background: #e8e8e8;
    color: #757575;
    font-family: "Lato-Light", LatoLatin-Light, sans-serif;
    padding: .6em 1.2em;
    width: 100%;
    border-radius: 10px;
    height: 5em;
    margin-top: 20px; }

.ui-dialog.ui-widget {
  left: auto;
  z-index: 4020 !important; }

.c-modal.ui-dialog {
  border-radius: 10px;
  font-family: "Lato-Light", LatoLatin-Light, sans-serif;
  font-size: 16px;
  overflow: visible;
  padding: 1em;
  text-align: center;
  z-index: 4020; }
  @media (min-width: 20em) and (max-width: 46.24em) {
    .c-modal.ui-dialog {
      max-height: none !important;
      padding: 0; } }
  @media (min-width: 46.25em) {
    .c-modal.ui-dialog {
      font-size: 18px; } }
  .c-modal.ui-dialog .ui-dialog-titlebar {
    display: none; }
  @media (min-width: 20em) and (max-width: 46.24em) {
    .c-modal.ui-dialog .ui-dialog-content {
      height: auto !important; } }

.modal_payments {
  background: #ffffff;
  border-radius: 20px;
  color: #212121;
  font-family: "Lato-Light", LatoLatin-Light, sans-serif;
  min-height: 407px;
  position: relative;
  transition: height 500ms;
  width: 310px; }
  .modal_payments.in_app_payments {
    min-height: 150px; }
    .modal_payments.in_app_payments .payment_loading_circle {
      top: 48px; }
  @media (min-width: 46.25em) {
    .modal_payments {
      padding: 25px 15px;
      /*  25px 15px inherit; not supported*/
      padding-bottom: inherit; } }
  @media (min-width: 20em) and (max-width: 29.99em) {
    .modal_payments {
      width: 280px; } }
  @media (min-width: 20em) and (max-width: 46.24em) {
    .modal_payments {
      margin: inherit 10px;
      padding: 25px 15px 15px;
      text-shadow: none; } }
  @media (min-width: 20em) and (max-width: 46.24em) and (max-width: 25em) {
    .modal_payments {
      margin: inherit 0; } }
  .modal_payments #payment-form {
    max-width: 260px; }
  .modal_payments .mainButtonWrapper {
    height: 76px;
    margin: 20px auto 0; }
    .modal_payments .mainButtonWrapper .mainButton {
      background: #F0AB33;
      border: none;
      border-radius: 30px;
      cursor: pointer;
      font-family: "Montserrat-Bold", sans-serif;
      font-weight: bold;
      outline: none; }
      @media (min-width: 20em) and (max-width: 46.24em) {
        .modal_payments .mainButtonWrapper .mainButton {
          height: 50px;
          text-align: center; } }
    .modal_payments .mainButtonWrapper .paymentButton {
      background: #F0AB33;
      width: 100%; }
    .modal_payments .mainButtonWrapper img {
      margin-right: 5px;
      padding-bottom: 4px;
      width: 18px; }
      @media (min-width: 20em) and (max-width: 46.24em) {
        .modal_payments .mainButtonWrapper img {
          margin-top: auto; } }
  .modal_payments .backButton {
    color: #00a8ff;
    cursor: pointer;
    font-size: 23px;
    margin: auto;
    max-width: 55px;
    position: relative;
    text-decoration: none; }
  .modal_payments .paymentDetails {
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px; }
  .modal_payments .payment_loading_circle {
    padding-left: 50px;
    position: absolute;
    text-align: center;
    top: 157px; }
    @media (min-width: 20em) and (max-width: 29.99em) {
      .modal_payments .payment_loading_circle {
        padding-left: 32px; } }
    .modal_payments .payment_loading_circle .spinner {
      margin: 0 auto 15px; }
  .modal_payments .modal_header {
    text-align: center; }
    .modal_payments .modal_header dl {
      padding-bottom: 10px; }
      .modal_payments .modal_header dl dt {
        display: inline;
        font-size: 18px; }
      .modal_payments .modal_header dl i {
        color: rgba(33, 33, 33, 0.8);
        font-size: 10px; }
      .modal_payments .modal_header dl dd {
        display: inline;
        font-size: 18px;
        margin-left: -4px; }
    .modal_payments .modal_header h3 {
      font-family: "Lato-Light", LatoLatin-Light, sans-serif;
      font-size: 18px; }
    @media (min-width: 46.25em) {
      .modal_payments .modal_header {
        margin: 20px inherit 25px; }
        .modal_payments .modal_header h2 {
          margin-bottom: 20px; }
        .modal_payments .modal_header h3 {
          font-size: 24px; }
        .modal_payments .modal_header p {
          font-size: 20px;
          line-height: 22px;
          margin: auto;
          max-width: 370px; } }
  .modal_payments .modal_body p {
    font-size: 20px;
    margin: auto;
    max-width: 225px; }
    @media (min-width: 46.25em) {
      .modal_payments .modal_body p {
        max-width: 300px; } }

.one_line_modal {
  padding-top: 30px; }
  .one_line_modal .modal_body {
    margin-bottom: 30px;
    margin-top: 30px; }
    @media (min-width: 46.25em) {
      .one_line_modal .modal_body p {
        max-width: 310px; } }
  @media (min-width: 20em) and (max-width: 46.24em) {
    .one_line_modal .mainButtonWrapper .btn {
      font-size: 1em; } }

.modal_quest_switcher.ui-dialog {
  border-radius: .5em;
  z-index: 4020; }
  .modal_quest_switcher.ui-dialog .ui-dialog-titlebar {
    display: none; }
  .modal_quest_switcher.ui-dialog .ui-dialog-content {
    padding-top: 1.5em; }
  .modal_quest_switcher.ui-dialog .close {
    margin-top: -10px; }

.o-modal--resource-center {
  /**
   * Section header
   * as Accordion header.
   *
   * 1. Appear centered with the asset icons.
   */
  /**
   * Section body
   * as Accordion body.
   */
  /**
   * File Assets
   * Align Asset items with respective icons
   */ }
  .o-modal--resource-center .c-section {
    padding: 24px 0 0; }
  .o-modal--resource-center .c-section__header {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-family: "Montserrat-Bold", sans-serif;
    font-size: 17px;
    justify-content: space-between;
    margin-bottom: 20px;
    width: 100%; }
    .o-modal--resource-center .c-section__header h3 {
      margin-bottom: 0; }
    .o-modal--resource-center .c-section__header i {
      font-size: 25px;
      padding: 0 6px;
      /* [1] */ }
  .o-modal--resource-center .c-section__body:not(.is-open) {
    height: 0;
    overflow: hidden; }
  .o-modal--resource-center .c-assets__item {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    width: 100%; }
    .o-modal--resource-center .c-assets__item span {
      font-size: 14px;
      font-weight: bold; }
    .o-modal--resource-center .c-assets__item i {
      background: #F0AB33;
      border-radius: 7px;
      color: #ffffff;
      padding: 6px;
      cursor: pointer; }

.ui-widget-overlay {
  z-index: 4010 !important; }

.o-modal.o-modal--quest-map {
  padding: .3em .3em !important; }

.o-modal--quest-map {
  /**
	  * Section header
	  * as Accordion header.
	  *
	  * 1. Appear centered with the asset icons.
	  */
  /**
	  * Section body
	  * as Accordion body.
	  */
  /**
	  * File Assets
	  * Align Asset items with respective icons
	  */ }
  .o-modal--quest-map .c-section {
    padding: 24px 0 0; }
  .o-modal--quest-map .c-section__header {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-family: "Montserrat-Bold", sans-serif;
    font-size: 17px;
    justify-content: space-between;
    margin-bottom: 20px;
    width: 100%; }
    .o-modal--quest-map .c-section__header h3 {
      margin-bottom: 0; }
    .o-modal--quest-map .c-section__header i {
      font-size: 25px;
      padding: 0 6px;
      /* [1] */ }
  .o-modal--quest-map iframe {
    height: 85vh;
    border: none;
    width: 100%; }
  .o-modal--quest-map .c-section__body:not(.is-open) {
    height: 0;
    overflow: hidden; }
  .o-modal--quest-map .c-assets__item {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    width: 100%; }
    .o-modal--quest-map .c-assets__item span {
      font-size: 14px;
      font-weight: bold; }
    .o-modal--quest-map .c-assets__item i {
      background: #F0AB33;
      border-radius: 7px;
      color: #ffffff;
      padding: 6px;
      cursor: pointer; }

.ui-dialog.ui-widget {
  left: auto;
  z-index: 4020 !important; }
  .ui-dialog.ui-widget .ui-dialog-content > header {
    display: flex;
    justify-content: flex-end; }

.modal_success.ui-dialog {
  border-radius: 10px;
  font-family: "Lato-Light", LatoLatin-Light, sans-serif;
  font-size: 16px;
  overflow: visible;
  padding: 1em;
  text-align: center;
  z-index: 4020; }
  @media (min-width: 20em) and (max-width: 46.24em) {
    .modal_success.ui-dialog {
      max-height: none !important;
      padding: 0; } }
  @media (min-width: 46.25em) {
    .modal_success.ui-dialog {
      font-size: 18px; } }
  .modal_success.ui-dialog .ui-dialog-titlebar {
    display: none; }
  .modal_success.ui-dialog aside {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -3.5em; }
    .modal_success.ui-dialog aside img {
      height: 6em;
      width: 6em;
      border: 5px solid #ffffff;
      border-radius: 50%; }
  .modal_success.ui-dialog .ui-dialog-content {
    overflow: visible !important; }
    @media (min-width: 20em) and (max-width: 46.24em) {
      .modal_success.ui-dialog .ui-dialog-content {
        height: auto !important; } }
    .modal_success.ui-dialog .ui-dialog-content > main {
      font-family: "Montserrat-Bold", sans-serif;
      padding-top: 2.5em; }
      .modal_success.ui-dialog .ui-dialog-content > main.modal_no_image {
        padding-top: 1em; }
      .modal_success.ui-dialog .ui-dialog-content > main h2 {
        font-size: 1.1em; }
        .modal_success.ui-dialog .ui-dialog-content > main h2.heading_big {
          font-size: 1.5em; }
      .modal_success.ui-dialog .ui-dialog-content > main p {
        font-family: "Lato-Light", LatoLatin-Light, sans-serif;
        line-height: 1.2;
        margin: 1em auto;
        max-width: 24em; }
        .modal_success.ui-dialog .ui-dialog-content > main p.align_modal_content_left {
          margin-left: 10px;
          margin-right: 10px;
          max-width: initial;
          text-align: left; }
      .modal_success.ui-dialog .ui-dialog-content > main form {
        margin-top: 1em; }
        .modal_success.ui-dialog .ui-dialog-content > main form textarea, .modal_success.ui-dialog .ui-dialog-content > main form input {
          background: #e8e8e8;
          color: #757575;
          font-family: "Lato-Light", LatoLatin-Light, sans-serif;
          padding: .6em 1.2em;
          width: 100%; }
        .modal_success.ui-dialog .ui-dialog-content > main form input {
          border-radius: 10px; }
        .modal_success.ui-dialog .ui-dialog-content > main form textarea {
          border-radius: 10px;
          height: 7em; }
  .modal_success.ui-dialog footer .btn {
    background: #F0AB33;
    border: 2px solid transparent;
    border-radius: 30px;
    color: #ffffff;
    display: inline-block;
    font-family: "Montserrat-Bold", sans-serif;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
    font-size: 1em;
    margin-top: 1em;
    padding: .5em 1.5em;
    width: 100%; }
    .modal_success.ui-dialog footer .btn:hover {
      background-color: #eea11b; }
    .modal_success.ui-dialog footer .btn:active {
      background-color: #e09410; }
    .modal_success.ui-dialog footer .btn:last-child {
      margin-bottom: 1em; }
    .modal_success.ui-dialog footer .btn.secondary_btn, .modal_success.ui-dialog footer .btn.attention {
      background-color: #757575; }
    .modal_success.ui-dialog footer .btn.warning {
      background-color: #ea0048; }
    .modal_success.ui-dialog footer .btn span {
      display: block;
      font-size: 12px; }
    @media (min-width: 46.25em) {
      .modal_success.ui-dialog footer .btn {
        width: auto; }
        .modal_success.ui-dialog footer .btn.btn:last-child {
          margin-bottom: 0; } }

.modal_mentor_message .feed_add {
  background: #ffffff;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  /* for the tokenizer suggestion to be visible*/
  border: 1px #bdbdbd solid; }
  .modal_mentor_message .feed_add main textarea {
    padding: 20px;
    width: 100%; }
    .modal_mentor_message .feed_add main textarea::placeholder {
      font-family: "Lato-Italic", LatoLatin-Italic, sans-serif; }
  .modal_mentor_message .feed_add .video_input_wrapper {
    padding-left: 20px;
    border-top: 1px #bdbdbd solid;
    color: #a2a2a2; }
    .modal_mentor_message .feed_add .video_input_wrapper input {
      color: #3e3e3e; }
  .modal_mentor_message .feed_add footer {
    align-items: center;
    background: #e8e8e8;
    border-top: 1px solid #bdbdbd;
    display: flex;
    justify-content: space-between; }
    .modal_mentor_message .feed_add footer .feed_add_file {
      border-right: 1px solid #bdbdbd;
      color: #212121;
      position: relative; }
      .modal_mentor_message .feed_add footer .feed_add_file:hover:not(.no-hover) {
        background-color: #d8d8d8; }
      .modal_mentor_message .feed_add footer .feed_add_file .progress {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(240, 171, 51, 0.2);
        height: 100%;
        pointer-events: none;
        transition: width .2s linear;
        width: 0; }
      .modal_mentor_message .feed_add footer .feed_add_file label {
        align-items: center;
        cursor: pointer;
        display: flex;
        margin: 0;
        max-width: 180px;
        padding: 20px 8px; }
        @media (min-width: 30em) {
          .modal_mentor_message .feed_add footer .feed_add_file label {
            max-width: 290px;
            padding: 20px; } }
        .modal_mentor_message .feed_add footer .feed_add_file label input {
          display: none; }
        .modal_mentor_message .feed_add footer .feed_add_file label .mq-camera {
          font-size: 1.6em;
          margin-right: 10px; }
          @media (min-width: 30em) {
            .modal_mentor_message .feed_add footer .feed_add_file label .mq-camera {
              margin-right: 20px; } }
        .modal_mentor_message .feed_add footer .feed_add_file label span + span {
          margin-left: auto; }
        .modal_mentor_message .feed_add footer .feed_add_file label button {
          background: none;
          color: #212121;
          margin-left: auto;
          outline: none;
          padding: 0 0 0 5px; }
          @media (min-width: 30em) {
            .modal_mentor_message .feed_add footer .feed_add_file label button {
              padding-left: 15px; } }
    .modal_mentor_message .feed_add footer .btn {
      background: #F0AB33;
      border: 2px solid transparent;
      border-radius: 30px;
      color: #ffffff;
      display: inline-block;
      font-family: "Montserrat-Bold", sans-serif;
      padding: 10px 20px;
      text-align: center;
      text-transform: uppercase;
      margin-right: 10px;
      padding: 6px 15px; }
      .modal_mentor_message .feed_add footer .btn:hover {
        background-color: #eea11b; }
      .modal_mentor_message .feed_add footer .btn:active {
        background-color: #e09410; }
      @media (min-width: 20em) and (max-width: 46.24em) {
        .modal_mentor_message .feed_add footer .btn span:not(.mobile_caption) {
          display: none; } }
      @media (min-width: 30em) {
        .modal_mentor_message .feed_add footer .btn {
          padding: 6px 20px; } }
      @media (min-width: 46.25em) {
        .modal_mentor_message .feed_add footer .btn .mobile_caption {
          display: none; } }
  .modal_mentor_message .feed_add .tokenizer_container {
    display: flex;
    justify-content: space-around;
    border-bottom: 1px #bdbdbd solid;
    align-items: stretch; }
    .modal_mentor_message .feed_add .tokenizer_container .label_button {
      color: #212121;
      padding: 10px;
      background: #e8e8e8;
      border-left: 1px #bdbdbd solid;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center; }
      .modal_mentor_message .feed_add .tokenizer_container .label_button:hover {
        background-color: #d8d8d8; }
  .modal_mentor_message .feed_add .tknz-wrapper {
    border-radius: 10px 10px 0 0;
    overflow: auto;
    padding: 10px;
    width: 100%; }
  .modal_mentor_message .feed_add .tknz-focus {
    /* Apparent input in active state */
    /*box-shadow: 0px 0px 6px #5c7db7;*/
    /*border: solid 2px transparent;*/ }
  .modal_mentor_message .feed_add .tknz-wrapper-label {
    /* Label for the field */
    float: left;
    margin: 5px 5px 0 2px; }
  .modal_mentor_message .feed_add .tknz-input {
    /* The actual input */
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    width: 112px;
    margin: 2px;
    border: none;
    outline: none;
    background: transparent; }
  .modal_mentor_message .feed_add .tknz-input-wrapper {
    float: left;
    top: 4px; }
  .modal_mentor_message .feed_add .tknz-token {
    background: #e0e3f3;
    padding: 2px 2px 1px 5px;
    margin: 2px 2px 0 2px;
    float: left;
    border-radius: 2px;
    max-width: 340px;
    cursor: pointer; }
  .modal_mentor_message .feed_add .tknz-token-label {
    /* Token's label */
    word-break: break-word; }
  .modal_mentor_message .feed_add .tknz-token-x {
    /* Delete button for token */
    color: #3e3e3e;
    padding-left: 7px;
    position: relative;
    top: 1px; }
  .modal_mentor_message .feed_add .tknz-token-x:hover {
    text-shadow: 0 0 3px #eee;
    color: #fff; }
  .modal_mentor_message .feed_add .tknz-suggest {
    /* Autosuggest modal */
    position: absolute;
    background-color: #fff;
    box-shadow: 1px 1px 3px rgba(120, 120, 120, 0.3);
    z-index: 1; }
    .modal_mentor_message .feed_add .tknz-suggest ul {
      list-style: none;
      margin: 0;
      padding: 0;
      text-align: left; }
  .modal_mentor_message .feed_add .tknz-suggest-li {
    color: #000;
    padding: 0 5px; }
    .modal_mentor_message .feed_add .tknz-suggest-li:nth-child(2n) {
      background-color: #f0f0f0; }
    .modal_mentor_message .feed_add .tknz-suggest-li.tknz-sel {
      color: #fff;
      background-color: #5c7db7; }

.modal_video.ui-dialog {
  background: transparent;
  border-color: transparent;
  border-radius: 1.5em;
  font-size: 18px;
  overflow: visible;
  z-index: 4020; }
  .modal_video.ui-dialog .ui-dialog-titlebar {
    display: none; }
  .modal_video.ui-dialog .ui-dialog-content {
    padding-top: 1.5em; }
  .modal_video.ui-dialog .close {
    color: #ffffff;
    margin-top: -30px;
    opacity: .8; }

.linkMeeting {
  font-weight: bold;
  text-decoration: underline; }

.linkMeeting:focus {
  outline: unset !important;
  text-decoration: underline !important; }

.meeting-body {
  text-align: left; }