@charset "UTF-8";
@-webkit-keyframes spaceboots {
  0% {
    -webkit-transform: translate(2px, 1px) rotate(0deg);
  }
  10% {
    -webkit-transform: translate(-1px, -2px) rotate(-1deg);
  }
  20% {
    -webkit-transform: translate(-3px, 0px) rotate(1deg);
  }
  30% {
    -webkit-transform: translate(0px, 2px) rotate(0deg);
  }
  40% {
    -webkit-transform: translate(1px, -1px) rotate(1deg);
  }
  50% {
    -webkit-transform: translate(-1px, 2px) rotate(-1deg);
  }
  60% {
    -webkit-transform: translate(-3px, 1px) rotate(0deg);
  }
  70% {
    -webkit-transform: translate(2px, 1px) rotate(-1deg);
  }
  80% {
    -webkit-transform: translate(-1px, -1px) rotate(1deg);
  }
  90% {
    -webkit-transform: translate(2px, 2px) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(1px, -2px) rotate(-1deg);
  }
}
/* Uncomment and set these variables to customize the grid. */
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-right: 2rem;
  padding-left: 2rem;
}

.row {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  -webkit-box-flex: 0;
  flex: 0 1 auto;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -1rem;
  margin-left: -1rem;
}

.row.reverse {
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  flex-direction: row-reverse;
}

.col.reverse {
  -webkit-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  flex-direction: column-reverse;
}

.col-xs,
.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 {
  box-sizing: border-box;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-box-flex: 0;
  flex: 0 0 auto;
  padding-right: 1rem;
  padding-left: 1rem;
}

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

.col-xs-1 {
  -ms-flex-preferred-size: 8.333%;
  -webkit-flex-basis: 8.333%;
  flex-basis: 8.333%;
  max-width: 8.333%;
}

.col-xs-2 {
  -ms-flex-preferred-size: 16.667%;
  -webkit-flex-basis: 16.667%;
  flex-basis: 16.667%;
  max-width: 16.667%;
}

.col-xs-3 {
  -ms-flex-preferred-size: 25%;
  -webkit-flex-basis: 25%;
  flex-basis: 25%;
  max-width: 25%;
}

.col-xs-4 {
  -ms-flex-preferred-size: 33.333%;
  -webkit-flex-basis: 33.333%;
  flex-basis: 33.333%;
  max-width: 33.333%;
}

.col-xs-5 {
  -ms-flex-preferred-size: 41.667%;
  -webkit-flex-basis: 41.667%;
  flex-basis: 41.667%;
  max-width: 41.667%;
}

.col-xs-6 {
  -ms-flex-preferred-size: 50%;
  -webkit-flex-basis: 50%;
  flex-basis: 50%;
  max-width: 50%;
}

.col-xs-7 {
  -ms-flex-preferred-size: 58.333%;
  -webkit-flex-basis: 58.333%;
  flex-basis: 58.333%;
  max-width: 58.333%;
}

.col-xs-8 {
  -ms-flex-preferred-size: 66.667%;
  -webkit-flex-basis: 66.667%;
  flex-basis: 66.667%;
  max-width: 66.667%;
}

.col-xs-9 {
  -ms-flex-preferred-size: 75%;
  -webkit-flex-basis: 75%;
  flex-basis: 75%;
  max-width: 75%;
}

.col-xs-10 {
  -ms-flex-preferred-size: 83.333%;
  -webkit-flex-basis: 83.333%;
  flex-basis: 83.333%;
  max-width: 83.333%;
}

.col-xs-11 {
  -ms-flex-preferred-size: 91.667%;
  -webkit-flex-basis: 91.667%;
  flex-basis: 91.667%;
  max-width: 91.667%;
}

.col-xs-12 {
  -ms-flex-preferred-size: 100%;
  -webkit-flex-basis: 100%;
  flex-basis: 100%;
  max-width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

.start-xs {
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
  justify-content: flex-start;
  text-align: start;
}

.center-xs {
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  text-align: center;
}

.end-xs {
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  -webkit-box-pack: end;
  justify-content: flex-end;
  text-align: end;
}

.top-xs {
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  -webkit-box-align: start;
  align-items: flex-start;
}

.middle-xs {
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
}

.bottom-xs {
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  -webkit-box-align: end;
  align-items: flex-end;
}

.around-xs {
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.between-xs {
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  justify-content: space-between;
}

.first-xs {
  -webkit-order: -1;
  -ms-flex-order: -1;
  -webkit-box-ordinal-group: 0;
  order: -1;
}

.last-xs {
  -webkit-order: 1;
  -ms-flex-order: 1;
  -webkit-box-ordinal-group: 2;
  order: 1;
}

@media only screen and (min-width: 48em) {
  .col-sm,
.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 {
    box-sizing: border-box;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    padding-right: 1rem;
    padding-left: 1rem;
  }

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

  .col-sm-1 {
    -ms-flex-preferred-size: 8.333%;
    -webkit-flex-basis: 8.333%;
    flex-basis: 8.333%;
    max-width: 8.333%;
  }

  .col-sm-2 {
    -ms-flex-preferred-size: 16.667%;
    -webkit-flex-basis: 16.667%;
    flex-basis: 16.667%;
    max-width: 16.667%;
  }

  .col-sm-3 {
    -ms-flex-preferred-size: 25%;
    -webkit-flex-basis: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-sm-4 {
    -ms-flex-preferred-size: 33.333%;
    -webkit-flex-basis: 33.333%;
    flex-basis: 33.333%;
    max-width: 33.333%;
  }

  .col-sm-5 {
    -ms-flex-preferred-size: 41.667%;
    -webkit-flex-basis: 41.667%;
    flex-basis: 41.667%;
    max-width: 41.667%;
  }

  .col-sm-6 {
    -ms-flex-preferred-size: 50%;
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-sm-7 {
    -ms-flex-preferred-size: 58.333%;
    -webkit-flex-basis: 58.333%;
    flex-basis: 58.333%;
    max-width: 58.333%;
  }

  .col-sm-8 {
    -ms-flex-preferred-size: 66.667%;
    -webkit-flex-basis: 66.667%;
    flex-basis: 66.667%;
    max-width: 66.667%;
  }

  .col-sm-9 {
    -ms-flex-preferred-size: 75%;
    -webkit-flex-basis: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-sm-10 {
    -ms-flex-preferred-size: 83.333%;
    -webkit-flex-basis: 83.333%;
    flex-basis: 83.333%;
    max-width: 83.333%;
  }

  .col-sm-11 {
    -ms-flex-preferred-size: 91.667%;
    -webkit-flex-basis: 91.667%;
    flex-basis: 91.667%;
    max-width: 91.667%;
  }

  .col-sm-12 {
    -ms-flex-preferred-size: 100%;
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }

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

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

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

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

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

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

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

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

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

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

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

  .start-sm {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    text-align: start;
  }

  .center-sm {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
  }

  .end-sm {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    justify-content: flex-end;
    text-align: end;
  }

  .top-sm {
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    -webkit-box-align: start;
    align-items: flex-start;
  }

  .middle-sm {
    -webkit-align-items: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
  }

  .bottom-sm {
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    -webkit-box-align: end;
    align-items: flex-end;
  }

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

  .between-sm {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }

  .first-sm {
    -webkit-order: -1;
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
    order: -1;
  }

  .last-sm {
    -webkit-order: 1;
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    order: 1;
  }
}
@media only screen and (min-width: 62em) {
  .col-md,
.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 {
    box-sizing: border-box;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    padding-right: 1rem;
    padding-left: 1rem;
  }

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

  .col-md-1 {
    -ms-flex-preferred-size: 8.333%;
    -webkit-flex-basis: 8.333%;
    flex-basis: 8.333%;
    max-width: 8.333%;
  }

  .col-md-2 {
    -ms-flex-preferred-size: 16.667%;
    -webkit-flex-basis: 16.667%;
    flex-basis: 16.667%;
    max-width: 16.667%;
  }

  .col-md-3 {
    -ms-flex-preferred-size: 25%;
    -webkit-flex-basis: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-md-4 {
    -ms-flex-preferred-size: 33.333%;
    -webkit-flex-basis: 33.333%;
    flex-basis: 33.333%;
    max-width: 33.333%;
  }

  .col-md-5 {
    -ms-flex-preferred-size: 41.667%;
    -webkit-flex-basis: 41.667%;
    flex-basis: 41.667%;
    max-width: 41.667%;
  }

  .col-md-6 {
    -ms-flex-preferred-size: 50%;
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-md-7 {
    -ms-flex-preferred-size: 58.333%;
    -webkit-flex-basis: 58.333%;
    flex-basis: 58.333%;
    max-width: 58.333%;
  }

  .col-md-8 {
    -ms-flex-preferred-size: 66.667%;
    -webkit-flex-basis: 66.667%;
    flex-basis: 66.667%;
    max-width: 66.667%;
  }

  .col-md-9 {
    -ms-flex-preferred-size: 75%;
    -webkit-flex-basis: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-md-10 {
    -ms-flex-preferred-size: 83.333%;
    -webkit-flex-basis: 83.333%;
    flex-basis: 83.333%;
    max-width: 83.333%;
  }

  .col-md-11 {
    -ms-flex-preferred-size: 91.667%;
    -webkit-flex-basis: 91.667%;
    flex-basis: 91.667%;
    max-width: 91.667%;
  }

  .col-md-12 {
    -ms-flex-preferred-size: 100%;
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }

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

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

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

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

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

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

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

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

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

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

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

  .start-md {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    text-align: start;
  }

  .center-md {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
  }

  .end-md {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    justify-content: flex-end;
    text-align: end;
  }

  .top-md {
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    -webkit-box-align: start;
    align-items: flex-start;
  }

  .middle-md {
    -webkit-align-items: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
  }

  .bottom-md {
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    -webkit-box-align: end;
    align-items: flex-end;
  }

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

  .between-md {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }

  .first-md {
    -webkit-order: -1;
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
    order: -1;
  }

  .last-md {
    -webkit-order: 1;
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    order: 1;
  }
}
@media only screen and (min-width: 97rem) {
  .container {
    width: 97rem;
  }

  .col-lg,
.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 {
    box-sizing: border-box;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    padding-right: 1rem;
    padding-left: 1rem;
  }

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

  .col-lg-1 {
    -ms-flex-preferred-size: 8.333%;
    -webkit-flex-basis: 8.333%;
    flex-basis: 8.333%;
    max-width: 8.333%;
  }

  .col-lg-2 {
    -ms-flex-preferred-size: 16.667%;
    -webkit-flex-basis: 16.667%;
    flex-basis: 16.667%;
    max-width: 16.667%;
  }

  .col-lg-3 {
    -ms-flex-preferred-size: 25%;
    -webkit-flex-basis: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-lg-4 {
    -ms-flex-preferred-size: 33.333%;
    -webkit-flex-basis: 33.333%;
    flex-basis: 33.333%;
    max-width: 33.333%;
  }

  .col-lg-5 {
    -ms-flex-preferred-size: 41.667%;
    -webkit-flex-basis: 41.667%;
    flex-basis: 41.667%;
    max-width: 41.667%;
  }

  .col-lg-6 {
    -ms-flex-preferred-size: 50%;
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-lg-7 {
    -ms-flex-preferred-size: 58.333%;
    -webkit-flex-basis: 58.333%;
    flex-basis: 58.333%;
    max-width: 58.333%;
  }

  .col-lg-8 {
    -ms-flex-preferred-size: 66.667%;
    -webkit-flex-basis: 66.667%;
    flex-basis: 66.667%;
    max-width: 66.667%;
  }

  .col-lg-9 {
    -ms-flex-preferred-size: 75%;
    -webkit-flex-basis: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-lg-10 {
    -ms-flex-preferred-size: 83.333%;
    -webkit-flex-basis: 83.333%;
    flex-basis: 83.333%;
    max-width: 83.333%;
  }

  .col-lg-11 {
    -ms-flex-preferred-size: 91.667%;
    -webkit-flex-basis: 91.667%;
    flex-basis: 91.667%;
    max-width: 91.667%;
  }

  .col-lg-12 {
    -ms-flex-preferred-size: 100%;
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }

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

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

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

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

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

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

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

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

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

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

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

  .start-lg {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    text-align: start;
  }

  .center-lg {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
  }

  .end-lg {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    justify-content: flex-end;
    text-align: end;
  }

  .top-lg {
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    -webkit-box-align: start;
    align-items: flex-start;
  }

  .middle-lg {
    -webkit-align-items: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
  }

  .bottom-lg {
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    -webkit-box-align: end;
    align-items: flex-end;
  }

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

  .between-lg {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }

  .first-lg {
    -webkit-order: -1;
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
    order: -1;
  }

  .last-lg {
    -webkit-order: 1;
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    order: 1;
  }
}
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after {
  content: "";
  content: none;
}

q:before, q:after {
  content: "";
  content: none;
}

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

body {
  background: #fff;
}
body.no-scrollable {
  overflow: hidden;
}

.bg-striped {
  background: repeating-linear-gradient(45deg, #fff, #fff 5px, #eee 6px, #fff 7px) !important;
}

.normal-td input {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1) !important;
  border: 1px solid #4e5256 !important;
  border-radius: 3px !important;
}

.user-image {
  width: 60px;
  height: 60px;
  flex: 0 0 60px;
  border-radius: 30px;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  margin: 0 5px 0 0;
}

.full-width {
  width: 100%;
  box-sizing: border-box;
}

#app {
  min-height: calc(100vh - 134px);
}

.bg-gray {
  background: #fafafa;
  box-shadow: 0 0 0 1000px #fafafa;
}

.empty-chart {
  padding: 5px 0;
  font-size: 0.75em;
  font-style: italic;
}

.empty {
  background: #fafafa;
  padding: 15px;
  border-radius: 3px;
  text-align: center;
  display: block !important;
}
.empty p {
  font-weight: normal !important;
}

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

.flex-between {
  display: flex;
  justify-content: space-between;
}

.flex-around {
  display: flex;
  justify-content: space-around;
}

.flex-e-100 {
  flex: 1 1 100%;
}

.flex-e-50 {
  flex: 1 1 50%;
}

.flex-e-25 {
  flex: 1 1 25%;
}

.flex-e-20 {
  flex: 1 1 20%;
}

.flex-f-100 {
  flex: 0 0 100%;
}

.flex-f-50 {
  flex: 0 0 50%;
}

.flex-f-25 {
  flex: 0 0 25%;
}

.flex-f-20 {
  flex: 0 0 20%;
}

.relative {
  position: relative;
}

.container {
  max-width: 1360px;
  margin-left: auto;
  margin-right: auto;
}

.t45d {
  display: inline-block;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  transition: 0.3s all;
}

.ico-turning {
  display: inline-block;
  -webkit-transform: rotate(360deg);
  -webkit-transition-duration: 1s;
  -webkit-transition-delay: now;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
}

.main-container {
  padding: 40px 15px 15px;
}
@media (max-width: 767px) {
  .main-container {
    text-align: center;
    padding: 40px 20px 15px;
  }
}

.history-discounts {
  width: max-content;
  padding: 0 10px 15px 10px;
  background: #fafafa;
  border-radius: 3px;
  box-shadow: 0 1px 11px rgba(0, 0, 0, 0.25);
  position: absolute;
  z-index: 1;
}

.empty {
  padding-bottom: 20px;
}

.empty-return {
  display: block;
  text-align: center;
  border-radius: 3px;
  padding: 50px 0 10px 0;
  width: calc(100% - 80px);
}
.empty-return img {
  width: 80%;
  max-width: 540px;
}
@media screen and (max-width: 768px) {
  .empty-return {
    padding-top: 15px;
  }
}

.link {
  color: #fb6e52;
  text-decoration: underline;
}

.flex-center {
  display: flex;
  width: 100%;
  flex: 0 0 100%;
  justify-content: center;
}

::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0.05);
}

::-webkit-scrollbar {
  height: 10px;
  width: 10px;
  background-color: #f0f0f0;
}

::-webkit-scrollbar-thumb {
  background-color: #f9f9f9;
  background: #000;
}

.settings-page {
  background: #eaeaea;
  background: #FAFAFC;
  min-height: calc(100vh - 330px);
  height: inherit;
}

.single-system-page {
  padding: 20px;
  display: flex;
  flex-wrap: wrap;
  background: #eaeaea;
  min-height: inherit;
  align-content: flex-start;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .single-system-page {
    flex-flow: column;
  }
}
.single-system-page h2 {
  padding: 0 10px;
  flex-basis: 100%;
}
.single-system-page h3 {
  padding: 15px 30px;
}
.single-system-page .c {
  padding: 0 30px;
}
.single-system-page .r {
  padding: 20px 10px;
  flex: 0 0 10px;
  box-shadow: 0 0 0 2px #eaeaea;
  border-radius: 5px;
  flex-basis: calc(50% - 40px);
  margin: 10px;
  background: #fff;
}
.single-system-page .r.bg-gray {
  background: #4c4c4c;
}
.single-system-page .r.bg-orange {
  background: #fb6e52;
}

.-fixed {
  position: fixed;
}

footer {
  background: #fff;
  padding: 10px 0;
  box-shadow: inset 0 1px 0 0 #ededed;
}
@media screen and (max-width: 768px) {
  footer {
    flex-wrap: wrap;
    padding-bottom: 100px;
  }
}
footer > div {
  padding-left: 30px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  footer > div {
    padding-left: 0;
  }
}
footer .footer-content {
  padding: 20px;
}
@media screen and (max-width: 768px) {
  footer .flex {
    flex-wrap: wrap;
  }
}
footer .logo-the-media-trade {
  background: url(/dist/images/logo-the-media-trade.svg) no-repeat;
  background-size: contain;
  width: 210px;
  height: 80px;
  margin-right: 10px;
  margin-top: 3px;
  margin-bottom: 3px;
}
@media screen and (max-width: 768px) {
  footer .logo-the-media-trade {
    width: 100%;
    background-position: center;
  }
}
footer h4 {
  font-size: 0.83em;
  color: #4c4c4c;
  font-weight: bold;
}
footer a {
  transition: 0.25s all;
  color: #707070;
  transition: 0.25s all;
  font-weight: normal;
  padding: 5px 10px 0 0;
  display: inline-block;
}
footer a:hover {
  color: #b2b2b2;
}
footer .security-seal {
  display: flex;
  align-content: center;
  align-items: center;
  font-style: italic;
  font-family: sans-serif;
  font-size: 0.5em;
  width: 100px;
  border-radius: 5px;
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  footer .security-seal {
    margin: 10px 10px 0 0;
    flex-basis: 100%;
    justify-content: center;
  }
  footer .security-seal + a {
    margin: 10px 10px 0 0;
    flex-basis: 100%;
    justify-content: center;
  }
}
footer .security-seal img {
  width: 30px;
  padding: 5px 5px 5px 0;
}
footer .security-seal p {
  line-height: 1.2em;
}
footer .security-seal p strong {
  font-size: 1.4em;
  display: block;
}
footer .security-seal address {
  font-size: 0.83em;
}
@media screen and (max-width: 768px) {
  footer .security-seal address {
    text-align: center;
    line-height: 2em;
  }
}
footer .col {
  flex: 0 0 16.66%;
  max-width: 16.66%;
}
@media screen and (max-width: 768px) {
  footer .col {
    flex: 1 1 100%;
    max-width: 100%;
    box-sizing: border-box;
    text-align: center;
  }
}
footer .col:first-child, footer .col:last-child {
  flex: 0 0 25%;
  max-width: 25%;
}
@media screen and (max-width: 768px) {
  footer .col:first-child, footer .col:last-child {
    flex: 1 1 100%;
    max-width: 100%;
    box-sizing: border-box;
    text-align: center;
  }
}
footer .col:first-child {
  padding: 22px 0;
}
footer .col h4 {
  display: block;
  margin-block-start: 1.33em;
  margin-block-end: 1.33em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold;
}
footer .col address {
  line-height: 1.5em;
}
footer .col p {
  font-size: 0.9em;
  margin: 5px 0;
}
footer .col p a {
  font-weight: normal;
}
footer .col p.socials a {
  padding-right: 5px;
}
footer .footer-bottom {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  align-items: center;
  align-content: center;
  margin-top: 15px;
  padding: 10px 300px 0 20px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  footer .footer-bottom {
    flex-wrap: wrap;
    padding: 30px;
    justify-content: center;
    text-align: center;
  }
}
footer .footer-bottom address {
  font-size: 0.624em;
  color: #8F8F8F;
  line-height: 1.5em;
}
footer .footer-bottom a {
  color: #8F8F8F;
  font-size: 0.83em;
  padding-right: 5px;
  padding-left: 5px;
  margin: 0 5px;
}
@media screen and (max-width: 768px) {
  footer .footer-bottom a {
    padding: 20px 10px;
  }
}

.center {
  justify-content: center;
}

.top {
  margin-top: 11px;
}

.nowrap {
  white-space: nowrap;
}

.none {
  display: none !important;
}

.block {
  display: block !important;
}

.close {
  position: absolute;
  top: -8px;
  right: 0px;
  font-size: 25px !important;
  background: 0 0 !important;
  color: #707070 !important;
  transition: 0.3s all;
  padding: 5px !important;
  width: auto !important;
  height: auto !important;
  cursor: pointer;
  z-index: 999;
}
.close:hover {
  background: none;
  color: #4c4c4c;
}

.flex-end {
  justify-content: flex-end;
  display: flex;
}

.flex-center-global {
  display: flex;
  align-items: center;
}

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

.flex {
  display: flex;
  width: 100%;
}

.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}

.flex-stretch {
  display: flex;
  justify-content: stretch;
}

.space-between {
  display: flex;
  justify-content: space-between;
}

.flex-center {
  display: flex;
  justify-content: center;
}

.pointer {
  cursor: pointer;
}

.flex-centered {
  display: flex;
  justify-content: center;
}
.flex-centered > * {
  flex-shrink: 1;
  flex-grow: 1;
}

.flex-start {
  display: flex;
  justify-content: flex-start;
}

.flex-middle {
  display: flex;
  align-content: center;
  align-items: center;
}

.flex.top {
  align-content: flex-start;
  align-items: flex-start;
}

.flexy-100 {
  flex: 1 1 100%;
}

.flexy-33 {
  display: flex;
  flex: 0 0 33% !important;
}

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

.flex-column {
  display: flex;
  flex-flow: column;
}

.flex-flow-center {
  display: flex;
  justify-content: center;
  flex-flow: column;
}

.flex-around {
  display: flex;
  justify-content: space-around;
}

.box-textarea {
  padding: 10px;
  background: #f9f9f9;
  width: 350px;
  height: auto;
  display: block;
  position: absolute;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 1px 3px rgba(0, 0, 0, 0.1);
  z-index: 999;
  top: 16px;
  border-right: 0 2px 2px 2px;
}
.box-textarea label a {
  padding: 8px;
  font-size: 1.2em;
}
.box-textarea textarea {
  width: 100%;
  max-width: 100%;
}
.box-textarea button {
  display: block;
}

.marketing-banner {
  position: fixed;
  width: calc(100vw - 60px);
  height: calc(100vh - 42px);
  z-index: 100005;
  top: 0;
  left: 0;
  padding: 30px 30px 12px;
  background: rgba(50, 50, 50, 0.15);
  display: flex;
  justify-content: center;
  align-items: flex-start;
  overflow: auto;
}

.marketing-banner-body {
  width: 100%;
  max-width: 768px;
  border-radius: 3px;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  padding: 30px;
  box-sizing: border-box;
  margin: 80px 0;
  position: relative;
}
.marketing-banner-body .close {
  position: absolute;
  right: 0;
  top: 0;
  padding: 10px;
}
.marketing-banner-body p {
  font-size: 1.1em;
  line-height: 1.25em;
  margin-bottom: 5px;
}

.marketing-banner table td {
  vertical-align: middle !important;
}

.marketing-banner table td {
  padding: 5px;
}

.marketing-banner p {
  padding-bottom: 5px;
}

.marketing-banner .banner-content > table > tbody > tr {
  display: flex;
}
@media screen and (max-width: 768px) {
  .marketing-banner .banner-content > table > tbody > tr {
    flex-flow: column;
    align-items: center;
  }
}

@media screen and (max-width: 768px) {
  .marketing-banner .banner-disp {
    flex-flow: column;
    align-items: flex-start;
  }
}

.marketing-banner .woman {
  width: 300px;
  height: auto;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .marketing-banner .woman {
    width: 100%;
    display: block;
    margin: 0 auto;
  }
}

.marketing-banner ol {
  counter-reset: my-awesome-counter;
  list-style: none;
  padding-left: 40px;
  display: flex;
  padding: 10px 5px;
  align-items: center;
  align-content: center;
}
@media screen and (max-width: 768px) {
  .marketing-banner ol {
    flex-flow: column;
    align-items: flex-start;
  }
}
.marketing-banner ol li {
  margin: 0;
  counter-increment: my-awesome-counter;
  position: relative;
  padding: 0 20px 0 30px;
  line-height: 20px;
  margin-bottom: 10px;
  line-height: 30px;
}
.marketing-banner ol li::before {
  content: counter(my-awesome-counter);
  color: #4c4c4c;
  font-size: 14px;
  font-weight: 700;
  position: absolute;
  left: 0;
  line-height: 20px;
  width: 20px;
  height: 20px;
  top: 0;
  border-radius: 20px;
  border: 1px solid #fb6e52;
  text-align: center;
  margin-top: 3px;
}

@-webkit-keyframes spin-icon {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spin-icon {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fadeinRed {
  from {
    box-shadow: inset 0 0 0 30px #ff3131;
  }
  to {
    box-shadow: inset 0 0 0 30px #ff313100;
  }
}
/* Firefox < 16 */
@-moz-keyframes fadeinRed {
  from {
    box-shadow: inset 0 0 0 30px #ff3131;
  }
  to {
    box-shadow: inset 0 0 0 30px #ff313100;
  }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadeinRed {
  from {
    box-shadow: inset 0 0 0 30px #ff3131;
  }
  to {
    box-shadow: inset 0 0 0 30px #ff313100;
  }
}
/* Internet Explorer */
@-ms-keyframes fadeinRed {
  from {
    box-shadow: inset 0 0 0 30px #ff3131;
  }
  to {
    box-shadow: inset 0 0 0 30px #ff313100;
  }
}
/* Opera < 12.1 */
@-o-keyframes fadeinRed {
  from {
    box-shadow: inset 0 0 0 30px #ff3131;
  }
  to {
    box-shadow: inset 0 0 0 30px #ff313100;
  }
}
@keyframes fadeinGreen {
  from {
    box-shadow: 0 0 0 0 rgba(47, 213, 125, 0.8);
  }
  50% {
    box-shadow: 0 0 0 4px rgba(47, 213, 125, 0.7);
  }
  to {
    box-shadow: 0 0 15px 8px rgba(47, 213, 125, 0);
  }
}
/* Firefox < 16 */
@-moz-keyframes fadeinGreen {
  from {
    box-shadow: 0 0 0 0 rgba(47, 213, 125, 0.8);
  }
  50% {
    box-shadow: 0 0 0 4px rgba(47, 213, 125, 0.7);
  }
  to {
    box-shadow: 0 0 15px 8px rgba(47, 213, 125, 0);
  }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadeinGreen {
  from {
    box-shadow: 0 0 0 0 rgba(47, 213, 125, 0.8);
  }
  50% {
    box-shadow: 0 0 0 4px rgba(47, 213, 125, 0.7);
  }
  to {
    box-shadow: 0 0 15px 8px rgba(47, 213, 125, 0);
  }
}
/* Internet Explorer */
@-ms-keyframes fadeinGreen {
  from {
    box-shadow: 0 0 0 0 rgba(47, 213, 125, 0.8);
  }
  50% {
    box-shadow: 0 0 0 4px rgba(47, 213, 125, 0.7);
  }
  to {
    box-shadow: 0 0 15px 8px rgba(47, 213, 125, 0);
  }
}
/* Opera < 12.1 */
@-o-keyframes fadeinGreen {
  from {
    box-shadow: 0 0 0 0 rgba(47, 213, 125, 0.8);
  }
  50% {
    box-shadow: 0 0 0 4px rgba(47, 213, 125, 0.7);
  }
  to {
    box-shadow: 0 0 15px 8px rgba(47, 213, 125, 0);
  }
}
.budget-page {
  /*
  .thead-main {
      border-left: 6px solid orange;
      border-right: 6px solid orange;
  }

  .tbody-main {
      border-left: 6px solid orange;
      border-right: 6px solid orange;
      border-bottom: 3px solid orange;
  }
  */
}
.budget-page table:not(.--plans) {
  width: 100%;
  padding: 15px;
  border-radius: 5px;
  overflow: hidden;
  /* padding: 1px; */
}
.budget-page table:not(.--plans) tbody > tr td, .budget-page table:not(.--plans) tbody > tr > th {
  border-color: #ccc !important;
}
.budget-page .normal-td {
  width: 76px;
}
.budget-page .target-name {
  font-size: 16px;
  color: #333;
}
.budget-page .saved-target {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  border-bottom: 1px solid #ddd;
  font-size: 16px;
}
.budget-page .saved-target:hover {
  background-color: #f1f1f1;
  cursor: pointer;
}
.budget-page .saved-targets-list {
  margin-top: 10px;
}
.budget-page .saved-targets-header {
  display: flex;
  justify-content: space-between;
  font-size: 18px;
  cursor: pointer;
  font-weight: bold;
  color: #333;
}
.budget-page .save-targets-container {
  top: -59px;
  position: absolute;
  width: 25%;
  background-color: #f9f9f9;
  padding: 15px;
  border-radius: 8px;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
  z-index: 3;
  right: 0;
}
.budget-page .account table:not(.--plans) tbody > tr td, .budget-page .account table:not(.--plans) tbody > tr th {
  border-color: #ccc !important;
}
.budget-page table:not(.--plans) tbody > tr td:last-child, .budget-page table:not(.--plans) thead tr th:last-child {
  border-left: 2px solid #fc6e52 !important;
}
.budget-page .options-select {
  background-color: #FB6E52;
  color: white;
}
.budget-page .menu-toggle {
  all: unset !important;
  margin-top: 20px !important;
  font-weight: bold !important;
  padding: 12px !important;
  width: 88% !important;
  background-color: #f7f7f7 !important;
  border: 1px solid #ccc !important;
  border-radius: 4px !important;
  cursor: pointer !important;
  text-align: center !important;
  box-shadow: inset 0 -1px 0 0 #acacac !important;
  display: block !important;
  color: #757575 !important;
}
.budget-page .btn-container {
  display: flex;
  justify-content: end;
}
.budget-page .plan-tr td {
  /*  background-color: #cad1d8 !important; */
}
.budget-page .real-tr td {
  /* background-color: #e7e9ec !important; */
}
.budget-page .account table:not(.--plans) tr td {
  background: #fff !important;
  border: 1px solid #ccc;
}
.budget-page .menu-container {
  width: 15%;
}
.budget-page .btn-year-container {
  position: relative;
}
.budget-page .btn-year {
  background-color: #FB6E52;
  color: white;
  padding: 10px;
  font-weight: bold;
  border: none;
  margin: 0;
  cursor: pointer;
  width: 93px;
  border-radius: 3px;
  font-size: 1em;
}
.budget-page .year-selector {
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  max-height: 200px;
  overflow-y: auto;
  z-index: 2;
  width: 100%;
}
.budget-page ul {
  padding: 0;
  list-style: none;
}
.budget-page li {
  padding: 5px;
  cursor: pointer;
}
.budget-page li:hover {
  background-color: #f0f0f0;
}
.budget-page .total-budget input {
  margin-top: 20px;
  font-weight: bold;
  padding: 10px;
  width: 100%;
  background-color: #f7f7f7;
  border: 1px solid #ccc;
  border-radius: 4px;
  cursor: pointer;
  text-align: center;
}
.budget-page .total-budget input:focus {
  outline: none;
  border-color: #FB6E52;
}
.budget-page .menu {
  margin-top: 20px;
}
.budget-page .menu-item {
  all: unset !important;
  margin-top: 20px !important;
  font-weight: bold !important;
  padding: 7px !important;
  width: 93% !important;
  background-color: #f7f7f7 !important;
  border: 1px solid #ccc !important;
  border-radius: 4px !important;
  cursor: pointer !important;
  text-align: center !important;
  box-shadow: inset 0 -1px 0 0 #acacac !important;
  display: block !important;
}
.budget-page .menu-item span {
  display: inline-block;
  padding: 5px;
  border-radius: 4px;
}
.budget-page .menu-item:hover span {
  background-color: #e0e0e0;
}
.budget-page div[v-show] {
  margin-left: 20px;
  margin-top: 10px;
}
.budget-page .table-budget-container {
  width: 100%;
  margin-top: 0 !important;
  margin-left: 20px;
  position: relative;
}
.budget-page table {
  width: 100%;
  border-collapse: collapse;
  padding: 0 !important;
}
.budget-page tr,
.budget-page th {
  text-align: center;
}
.budget-page th,
.budget-page td {
  padding: 10px;
  text-align: center;
}
.budget-page input[type=number] {
  width: 80%;
  padding: 5px;
  text-align: center;
  border-radius: 4px;
  border: 1px solid #ccc;
}
.budget-page input[type=number]:focus {
  outline: none;
  border-color: #FB6E52;
}
.budget-page .th-table {
  font-weight: 700 !important;
  font-size: 0.695em !important;
  text-transform: uppercase !important;
  background: #f5f7f9;
  height: 25px !important;
  color: #4e5256 !important;
  text-align: center !important;
  vertical-align: middle !important;
  border: 1px solid #ccc;
  border-top: 1px solid #fc6e52 !important;
}
.budget-page .--main-tbody th:first-child, .budget-page .--main-tbody th:last-child {
  border-top-left-radius: 8px;
  border-left: 1px solid #fc6e52 !important;
}
.budget-page .--main-tbody th:last-child, .budget-page .--main-tbody td:last-child {
  border-top-right-radius: 8px;
  border-right: 1px solid #fc6e52 !important;
}
.budget-page .--main-tbody .real-tr td {
  border-bottom: 1px solid #fc6e52 !important;
}
.budget-page .--main-tbody .real-tr td:first-child {
  border-left: 1px solid #fc6e52 !important;
}
.budget-page .--main-tbody .real-tr td:last-child {
  border-right: 1px solid #fc6e52 !important;
}
.budget-page .search-input-text:hover .search-list {
  opacity: 1;
  pointer-events: all;
}
.budget-page .search-input-text .input-search {
  all: unset !important;
  margin-top: 20px !important;
  font-weight: bold !important;
  padding: 10px !important;
  width: 90% !important;
  background-color: #f7f7f7 !important;
  border: 1px solid #ccc !important;
  border-radius: 4px !important;
  cursor: pointer !important;
  text-align: center !important;
  box-shadow: inset 0 -1px 0 0 #acacac !important;
}
.budget-page .search-input-text .input-search input:focus {
  outline: none !important;
  border-color: #FB6E52 !important;
}
.budget-page .search-list {
  top: 100%;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  max-height: 300px;
  overflow: auto;
  padding: 0;
  background: #fff;
  border: 1px solid #d2d2d2;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  position: absolute;
  z-index: 10;
  width: 100%;
  transition-delay: 0.5s;
}
.budget-page .search-input-text i {
  position: absolute;
  font-size: 0.83em;
  position: absolute;
  margin-right: 0;
  top: 30px;
  right: 0;
}
.budget-page .search-list li {
  text-align: center;
  cursor: pointer;
  padding: 5px 15px;
  font-size: 0.75em;
}
.budget-page .search-list li:hover {
  background: #d2d2d2;
}
.budget-page .-icon {
  padding: 2.5px;
  cursor: pointer;
}
.budget-page .real-tr .last-th,
.budget-page .plan-tr .last-th,
.budget-page .last-th {
  color: #4e5256 !important;
  width: 40px;
  font-weight: bold;
  font-size: 0.83em;
}
.budget-page .--main-tbody .plan-tr td:first-child {
  border-left-color: #FB6E52 !important;
}
.budget-page .plan-tr td:last-child {
  border-left-color: #FB6E52 !important;
}
.budget-page .real-tr td {
  border-bottom: 1px solid #FB6E52 !important;
}
.budget-page .real-tr .last-th {
  background: #fff5f3 !important;
}
.budget-page .-info {
  position: relative;
}
.budget-page .-info .-info-box {
  pointer-events: none;
  opacity: 0;
  transition: 0.3s all;
}
.budget-page .-info:hover .-info-box {
  pointer-events: all;
  opacity: 1;
}
.budget-page .-info-box {
  pointer-events: all;
  padding: 15px;
  background: #fff;
  border: 1px solid #d2d2d2;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  position: absolute;
  z-index: 65;
  margin-right: 15px;
  width: 200px;
  right: 100%;
  top: 9%;
}
.budget-page .-info-box:after,
.budget-page .-info-box:before {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.budget-page .-info-box:after {
  border-color: rgba(255, 255, 255, 0);
  border-width: 10px;
  margin-top: -10px;
}
.budget-page .-info-box:before {
  border-color: rgba(210, 210, 210, 0);
  border-width: 11px;
  margin-top: -11px;
}
.budget-page .-info-box:after {
  border-left-color: #fff !important;
}
.budget-page .-info-box:before {
  border-left-color: #d2d2d2 !important;
}
.budget-page td.normal-td {
  border: 1px solid #ccc;
}

@font-face {
  font-family: "PT Sans";
  src: url("../../dist/fonts/PTS55F-webfont.eot");
  src: url("../../dist/fonts/PTS55F-webfont.eot?#iefix") format("embedded-opentype"), url("../../dist/fonts/PTS55F-webfont.woff") format("woff"), url("../../dist/fonts/PTS55F-webfont.ttf") format("truetype"), url("../../dist/fonts/PTS55F-webfont.svg#pt_sansregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* cyrillic-ext */
@font-face {
  font-family: "PT Sans";
  font-style: normal;
  font-weight: 400;
  src: local("PT Sans"), local("PTSans-Regular"), url(https://fonts.gstatic.com/s/ptsans/v8/fhNmDCnjccoUYyU4ZASaLVKPGs1ZzpMvnHX-7fPOuAc.woff2) format("woff2");
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: "PT Sans";
  font-style: normal;
  font-weight: 400;
  src: local("PT Sans"), local("PTSans-Regular"), url(https://fonts.gstatic.com/s/ptsans/v8/BJVWev7_auVaQ__OU8Qih1KPGs1ZzpMvnHX-7fPOuAc.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: "PT Sans";
  font-style: normal;
  font-weight: 400;
  src: local("PT Sans"), local("PTSans-Regular"), url(https://fonts.gstatic.com/s/ptsans/v8/oysROHFTu1eTZ74Hcf8V-VKPGs1ZzpMvnHX-7fPOuAc.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "PT Sans";
  font-style: normal;
  font-weight: 400;
  src: local("PT Sans"), local("PTSans-Regular"), url(https://fonts.gstatic.com/s/ptsans/v8/CWlc_g68BGYDSGdpJvpktgLUuEpTyoUstqEm5AMlJo4.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* cyrillic-ext */
@font-face {
  font-family: "PT Sans";
  font-style: normal;
  font-weight: 700;
  src: local("PT Sans Bold"), local("PTSans-Bold"), url(https://fonts.gstatic.com/s/ptsans/v8/kTYfCWJhlldPf5LnG4ZnHAsYbbCjybiHxArTLjt7FRU.woff2) format("woff2");
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: "PT Sans";
  font-style: normal;
  font-weight: 700;
  src: local("PT Sans Bold"), local("PTSans-Bold"), url(https://fonts.gstatic.com/s/ptsans/v8/g46X4VH_KHOWAAa-HpnGPgsYbbCjybiHxArTLjt7FRU.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: "PT Sans";
  font-style: normal;
  font-weight: 700;
  src: local("PT Sans Bold"), local("PTSans-Bold"), url(https://fonts.gstatic.com/s/ptsans/v8/hpORcvLZtemlH8gI-1S-7gsYbbCjybiHxArTLjt7FRU.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "PT Sans";
  font-style: normal;
  font-weight: 700;
  src: local("PT Sans Bold"), local("PTSans-Bold"), url(https://fonts.gstatic.com/s/ptsans/v8/0XxGQsSc1g4rdRdjJKZrNAzyDMXhdD8sAj6OAJTFsBI.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* cyrillic-ext */
@font-face {
  font-family: "PT Sans";
  font-style: italic;
  font-weight: 400;
  src: local("PT Sans Italic"), local("PTSans-Italic"), url(https://fonts.gstatic.com/s/ptsans/v8/GpWpM_6S4VQLPNAQ3iWvVYX0hVgzZQUfRDuZrPvH3D8.woff2) format("woff2");
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: "PT Sans";
  font-style: italic;
  font-weight: 400;
  src: local("PT Sans Italic"), local("PTSans-Italic"), url(https://fonts.gstatic.com/s/ptsans/v8/7dSh6BcuqDLzS2qAASIeuoX0hVgzZQUfRDuZrPvH3D8.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: "PT Sans";
  font-style: italic;
  font-weight: 400;
  src: local("PT Sans Italic"), local("PTSans-Italic"), url(https://fonts.gstatic.com/s/ptsans/v8/DVKQJxMmC9WF_oplMzlQqYX0hVgzZQUfRDuZrPvH3D8.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "PT Sans";
  font-style: italic;
  font-weight: 400;
  src: local("PT Sans Italic"), local("PTSans-Italic"), url(https://fonts.gstatic.com/s/ptsans/v8/PIPMHY90P7jtyjpXuZ2cLJBw1xU1rKptJj_0jans920.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* cyrillic-ext */
@font-face {
  font-family: "PT Sans";
  font-style: italic;
  font-weight: 700;
  src: local("PT Sans Bold Italic"), local("PTSans-BoldItalic"), url(https://fonts.gstatic.com/s/ptsans/v8/lILlYDvubYemzYzN7GbLkA7aC6SjiAOpAWOKfJDfVRY.woff2) format("woff2");
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: "PT Sans";
  font-style: italic;
  font-weight: 700;
  src: local("PT Sans Bold Italic"), local("PTSans-BoldItalic"), url(https://fonts.gstatic.com/s/ptsans/v8/lILlYDvubYemzYzN7GbLkBdwxCXfZpKo5kWAx_74bHs.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: "PT Sans";
  font-style: italic;
  font-weight: 700;
  src: local("PT Sans Bold Italic"), local("PTSans-BoldItalic"), url(https://fonts.gstatic.com/s/ptsans/v8/lILlYDvubYemzYzN7GbLkIjoYw3YTyktCCer_ilOlhE.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "PT Sans";
  font-style: italic;
  font-weight: 700;
  src: local("PT Sans Bold Italic"), local("PTSans-BoldItalic"), url(https://fonts.gstatic.com/s/ptsans/v8/lILlYDvubYemzYzN7GbLkBampu5_7CjHW5spxoeN3Vs.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* cyrillic-ext */
@font-face {
  font-family: "PT Sans Narrow";
  font-style: normal;
  font-weight: 400;
  src: local("PT Sans Narrow"), local("PTSans-Narrow"), url(https://fonts.gstatic.com/s/ptsansnarrow/v7/UyYrYy3ltEffJV9QueSi4ZEk0SAHyDN38O8i9vCnTn4.woff2) format("woff2");
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: "PT Sans Narrow";
  font-style: normal;
  font-weight: 400;
  src: local("PT Sans Narrow"), local("PTSans-Narrow"), url(https://fonts.gstatic.com/s/ptsansnarrow/v7/UyYrYy3ltEffJV9QueSi4TBlyDWpEJYVQuuPQMv_c-4.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: "PT Sans Narrow";
  font-style: normal;
  font-weight: 400;
  src: local("PT Sans Narrow"), local("PTSans-Narrow"), url(https://fonts.gstatic.com/s/ptsansnarrow/v7/UyYrYy3ltEffJV9QueSi4awvjhBeOB25B0pWmvErI1g.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "PT Sans Narrow";
  font-style: normal;
  font-weight: 400;
  src: local("PT Sans Narrow"), local("PTSans-Narrow"), url(https://fonts.gstatic.com/s/ptsansnarrow/v7/UyYrYy3ltEffJV9QueSi4SXGGgjhbil4nYG1ct5o924.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* cyrillic-ext */
@font-face {
  font-family: "PT Sans Narrow";
  font-style: normal;
  font-weight: 700;
  src: local("PT Sans Narrow Bold"), local("PTSans-NarrowBold"), url(https://fonts.gstatic.com/s/ptsansnarrow/v7/Q_pTky3Sc3ubRibGToTAYtUWWqxCFjd5cEd_RrOHL6Y.woff2) format("woff2");
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: "PT Sans Narrow";
  font-style: normal;
  font-weight: 700;
  src: local("PT Sans Narrow Bold"), local("PTSans-NarrowBold"), url(https://fonts.gstatic.com/s/ptsansnarrow/v7/Q_pTky3Sc3ubRibGToTAYupmode525gDTwNyPqZGNXY.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: "PT Sans Narrow";
  font-style: normal;
  font-weight: 700;
  src: local("PT Sans Narrow Bold"), local("PTSans-NarrowBold"), url(https://fonts.gstatic.com/s/ptsansnarrow/v7/Q_pTky3Sc3ubRibGToTAYtglsoc-tKu3skzGCjmMb84.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "PT Sans Narrow";
  font-style: normal;
  font-weight: 700;
  src: local("PT Sans Narrow Bold"), local("PTSans-NarrowBold"), url(https://fonts.gstatic.com/s/ptsansnarrow/v7/Q_pTky3Sc3ubRibGToTAYkBqNlhjGh6uyjdvfMwxzYs.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
body {
  font-family: "PT Sans", sans-serif;
  font-size: 16px;
  text-rendering: optimizeLegibility;
  text-rendering: geometricPrecision;
  font-smooth: always;
  font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -webkit-font-smoothing: subpixel-antialiased;
  color: #4c4c4c;
}

h3 {
  font-size: 1.25em;
  font-weight: bold;
  margin: 0;
  line-height: 1;
}

h2 {
  font-size: 1.875em;
  font-weight: bold;
  line-height: 1;
  margin: 0 0 10px 0;
}
h2 small {
  display: block;
  font-size: 0.467em;
  color: #b2b2b2;
  padding-top: 8px;
}

h1 {
  font-size: 2em;
  font-weight: bold;
  line-height: 1;
  margin: 0 0 10px 0;
}
h1 small {
  display: block;
  font-size: 0.467em;
  color: #b2b2b2;
  padding-top: 8px;
}

a {
  color: inherit;
  font-weight: bold;
  text-decoration: none;
}
a.link-light-gray {
  background: #f2f2f2;
  border-radius: 3px;
  padding: 5px 8px;
  margin: 5px 0;
  transition: 0.3s all;
}
a.link-light-gray:hover {
  background: #e2e2e2;
}
a.link {
  padding: 5px;
  box-sizing: border-box;
  height: auto !important;
  font-weight: bold !important;
}

p {
  font-size: 1em;
  font-weight: normal;
  line-height: 17px;
}

strong {
  font-weight: bold;
}

.text-green {
  color: #3bae71;
}

.text-medium-gray {
  color: #8F8F8F;
}

.text-light-gray {
  color: #b2b2b2;
}

.text-discount {
  color: #3bae71;
}

.elipsis-220 {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 220px;
  width: 220px;
  overflow: hidden;
}
.elipsis-220 a {
  text-decoration: underline !important;
  color: #526afb !important;
}

.information {
  padding: 10px;
  margin: 15px 0;
  border: 1px solid #bd9400;
  background: #D6A800;
  border-radius: 2px;
}

.featured {
  font-weight: bold;
  display: block;
  padding-bottom: 5px;
}
.featured.sm {
  font-size: 0.75em;
}
.featured i {
  color: #909090;
}

.file-buttons {
  display: flex;
  justify-content: flex-end;
}
.file-buttons .button-min-table-save {
  margin: 5px 0 5px 5px;
  padding: 7px 10px;
  display: flex;
}
.file-buttons .button-min-table-save i {
  position: relative;
  left: 2px;
}
.file-buttons .button-min-table-save span + i {
  opacity: 0.75;
}

.formated-text p {
  line-height: 1.2em;
  padding-bottom: 5px;
}

@font-face {
  font-family: "mediatrade-icons";
  src: url("../fonts/mediatrade-icons.eot?ky783x");
  src: url("../fonts/mediatrade-icons.eot?ky783x#iefix") format("embedded-opentype"), url("../fonts/mediatrade-icons.woff?ky783x") format("woff"), url("../fonts/mediatrade-icons.svg?ky783x#mediatrade-icons") format("svg");
  font-weight: normal;
  font-style: normal;
}
.to-top {
  transform: rotate(270deg);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  font-size: 26px;
}

.to-bottom {
  transform: rotate(90deg);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  font-size: 26px;
}

*[class^=ico-],
*[class*=" ico-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "mediatrade-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ico-insert_drive_file:before {
  content: "";
}

.ico-file_download:before {
  content: "";
}

.ico-blockdownload:before {
  content: "";
}

.ico-file-outline:before {
  content: "";
}

.ico-library_music:before {
  content: "";
}

.ico-video_library:before {
  content: "";
}

.ico-vpn_key:before {
  content: "";
}

.ico-flag:before {
  content: "";
}

.ico-outlined_flag:before {
  content: "";
}

.ico-file_copy:before {
  content: "";
}

.ico-access_time:before {
  content: "";
}

.ico-now_wallpaper:before {
  content: "";
}

.ico-now_widgets:before {
  content: "";
}

.ico-insert_photo:before {
  content: "";
}

.ico-format_shapes:before {
  content: "";
}

.ico-create_new_folder:before {
  content: "";
}

.ico-security:before {
  content: "";
}

.ico-collections:before {
  content: "";
}

.ico-picture_as_pdf:before {
  content: "";
}

.ico-vpn_lock:before {
  content: "";
}

.ico-verified_user:before {
  content: "";
}

.ico-card_travel:before {
  content: "";
}

.ico-fingerprint:before {
  content: "";
}

.ico-lightbulb_outline:before {
  content: "";
}

.ico-supervised_user_circle:before {
  content: "";
}

.ico-work_outline:before {
  content: "";
}

.ico-account_tree:before {
  content: "";
}

.ico-view_in_ar1:before {
  content: "";
}

.ico-emoji_flags:before {
  content: "";
}

.ico-app_registration:before {
  content: "";
}

.ico-architecture:before {
  content: "";
}

.ico-attach_email:before {
  content: "";
}

.ico-auto_stories:before {
  content: "";
}

.ico-construction:before {
  content: "";
}

.ico-tour:before {
  content: "";
}

.ico-qr_code_2:before {
  content: "";
}

.ico-create_new_folder1:before {
  content: "";
}

.ico-folder_open:before {
  content: "";
}

.ico-folder:before {
  content: "";
}

.ico-view_in_ar:before {
  content: "";
}

.ico-ooh-hotel:before {
  content: "";
}

.ico-ooh-motos:before {
  content: "";
}

.ico-ooh-stadium:before {
  content: "";
}

.ico-ooh-trem:before {
  content: "";
}

.ico-ooh-totens:before {
  content: "";
}

.ico-ooh-terminalonibus:before {
  content: "";
}

.ico-ooh-taxi:before {
  content: "";
}

.ico-ooh-supermercardo:before {
  content: "";
}

.ico-ooh-shoppings:before {
  content: "";
}

.ico-ooh-saloesdebeleza:before {
  content: "";
}

.ico-ooh-relogiosderua:before {
  content: "";
}

.ico-ooh-portosturisticos:before {
  content: "";
}

.ico-ooh-pontosdeonibus:before {
  content: "";
}

.ico-ooh-plataformadeonibus:before {
  content: "";
}

.ico-ooh-placasderua:before {
  content: "";
}

.ico-ooh-pizzarias:before {
  content: "";
}

.ico-ooh-pedagios:before {
  content: "";
}

.ico-ooh-paineldecalcada:before {
  content: "";
}

.ico-ooh-paineisdeled:before {
  content: "";
}

.ico-ooh-padarias:before {
  content: "";
}

.ico-ooh-outdoor:before {
  content: "";
}

.ico-ooh-onibus:before {
  content: "";
}

.ico-ooh-midiaalternativa:before {
  content: "";
}

.ico-ooh-metro:before {
  content: "";
}

.ico-ooh-lotericas:before {
  content: "";
}

.ico-ooh-lanchonetes:before {
  content: "";
}

.ico-ooh-homecenter:before {
  content: "";
}

.ico-ooh-farmacias:before {
  content: "";
}

.ico-ooh-elevadores:before {
  content: "";
}

.ico-ooh-educacao:before {
  content: "";
}

.ico-ooh-conveniencias:before {
  content: "";
}

.ico-ooh-consultorioseclinicas:before {
  content: "";
}

.ico-ooh-confeitariasedocerias:before {
  content: "";
}

.ico-ooh-concessionarias:before {
  content: "";
}

.ico-ooh-cartorios:before {
  content: "";
}

.ico-ooh-carrosdesom:before {
  content: "";
}

.ico-ooh-carrosdeaplicativo:before {
  content: "";
}

.ico-ooh-caminhoes:before {
  content: "";
}

.ico-ooh-cafeterias:before {
  content: "";
}

.ico-ooh-bicicletas:before {
  content: "";
}

.ico-ooh-bareserestaurantes:before {
  content: "";
}

.ico-ooh-barbearias:before {
  content: "";
}

.ico-ooh-bancasdejornal:before {
  content: "";
}

.ico-ooh-avioes:before {
  content: "";
}

.ico-ooh-aeroportos:before {
  content: "";
}

.ico-ooh-academias:before {
  content: "";
}

.ico-alert-error:before {
  content: "";
}

.ico-info-success:before {
  content: "";
}

.ico-info-alert:before {
  content: "";
}

.ico-alert-question:before {
  content: "";
}

.ico-alert-info:before {
  content: "";
}

.ico-videogame_asset1:before {
  content: "";
}

.ico-view_agenda1:before {
  content: "";
}

.ico-view_array1:before {
  content: "";
}

.ico-view_carousel1:before {
  content: "";
}

.ico-view_column1:before {
  content: "";
}

.ico-view_comfy1:before {
  content: "";
}

.ico-view_compact1:before {
  content: "";
}

.ico-view_day1:before {
  content: "";
}

.ico-view_quilt1:before {
  content: "";
}

.ico-view_stream1:before {
  content: "";
}

.ico-view_week1:before {
  content: "";
}

.ico-rules:before {
  content: "";
}

.ico-production:before {
  content: "";
}

.ico-location:before {
  content: "";
}

.ico-attachment:before {
  content: "";
}

.ico-filter-upload:before {
  content: "";
}

.ico-travel-bus:before {
  content: "";
}

.ico-balance-scale:before {
  content: "";
}

.ico-hourglass-o:before {
  content: "";
}

.ico-envelope-open-o:before {
  content: "";
}

.ico-envelope-o:before {
  content: "";
}

.ico-compass:before {
  content: "";
}

.ico-nav:before {
  content: "";
}

.ico-sitemap:before {
  content: "";
}

.ico-wrench:before {
  content: "";
}

.ico-erase:before {
  content: "";
}

.ico-n-question:before {
  content: "";
}

.ico-my-portfolio:before {
  content: "";
}

.ico-n-calendar:before {
  content: "";
}

.ico-n-hand-error:before {
  content: "";
}

.ico-n-hand-confirm:before {
  content: "";
}

.ico-n-hourglass:before {
  content: "";
}

.ico-n-image .path1:before {
  content: "";
}

.ico-n-image .path2:before {
  content: "";
  margin-left: -1em;
}

.ico-n-file-video:before {
  content: "";
}

.ico-n-file-image:before {
  content: "";
}

.ico-n-file-document:before {
  content: "";
}

.ico-n-resend:before {
  content: "";
}

.ico-n-full-alert:before {
  content: "";
}

.ico-n-dots:before {
  content: "";
}

.ico-n-download:before {
  content: "";
}

.ico-n-upload:before {
  content: "";
}

.ico-n-payment-transfer:before {
  content: "";
}

.ico-n-payment-boleto:before {
  content: "";
}

.ico-n-cc .path1:before {
  content: "";
}

.ico-n-cc .path2:before {
  content: "";
  margin-left: -1em;
}

.ico-n-alert .path1:before {
  content: "";
}

.ico-n-alert .path2:before {
  content: "";
  margin-left: -1em;
}

.ico-n-alert .path3:before {
  content: "";
  margin-left: -1em;
}

.ico-n-confirm:before {
  content: "";
}

.ico-n-wait .path1:before {
  content: "";
}

.ico-n-wait .path2:before {
  content: "";
  margin-left: -1em;
}

.ico-n-wait .path3:before {
  content: "";
  margin-left: -1em;
}

.ico-n-flag:before {
  content: "";
}

.ico-n-content:before {
  content: "";
}

.ico-n-payment:before {
  content: "";
}

.ico-n-percent:before {
  content: "";
}

.ico-paperplane:before {
  content: "";
}

.ico-media-type-ooh:before {
  content: "";
}

.ico-media-type-online:before {
  content: "";
}

.ico-media-type-tv:before {
  content: "";
}

.ico-media-type-cinema:before {
  content: "";
}

.ico-media-type-radio:before {
  content: "";
}

.ico-media-type-streaming:before {
  content: "";
}

.ico-media-type-news-portal:before {
  content: "";
}

.ico-map-search:before {
  content: "";
}

.ico-media-type-move:before {
  content: "";
}

.ico-media-type-printed:before {
  content: "";
}

.ico-home-timer:before {
  content: "";
}

.ico-home-settings-gears:before {
  content: "";
}

.ico-home-target:before {
  content: "";
}

.ico-home-shield:before {
  content: "";
}

.ico-home-charity:before {
  content: "";
}

.ico-home-earth:before {
  content: "";
}

.ico-male:before {
  content: "";
}

.ico-female:before {
  content: "";
}

.ico-brain-idea:before {
  content: "";
}

.ico-store:before {
  content: "";
}

.ico-people:before {
  content: "";
}

.ico-smart .path1:before {
  content: "";
}

.ico-smart .path2:before {
  content: "";
  margin-left: -1em;
}

.ico-smart .path3:before {
  content: "";
  margin-left: -1em;
}

.ico-megaphone:before {
  content: "";
}

.ico-lupa:before {
  content: "";
}

.ico-plus:before {
  content: "";
}

.ico-minus1:before {
  content: "";
}

.ico-crosshair:before {
  content: "";
}

.ico-power-cord:before {
  content: "";
}

.ico-youtube21:before {
  content: "";
}

.ico-exit:before {
  content: "";
}

.ico-signout:before {
  content: "";
}

.ico-logout:before {
  content: "";
}

.ico-quit:before {
  content: "";
}

.ico-close:before {
  content: "";
}

.ico-calendar:before {
  content: "";
}

.ico-date:before {
  content: "";
}

.ico-schedule:before {
  content: "";
}

.ico-time:before {
  content: "";
}

.ico-day:before {
  content: "";
}

.ico-ooh-digital:before {
  content: "";
}

.ico-percent:before {
  content: "";
}

.ico-transfer-money:before {
  content: "";
}

.ico-file-invoice:before {
  content: "";
}

.ico-mediatypes:before {
  content: "";
}

.ico-formats:before {
  content: "";
}

.ico-equalizer1:before {
  content: "";
}

.ico-list2:before {
  content: "";
}

.ico-instagram:before {
  content: "";
}

.ico-whatsapp:before {
  content: "";
}

.ico-twitter:before {
  content: "";
}

.ico-vimeo:before {
  content: "";
}

.ico-youtube:before {
  content: "";
}

.ico-shuffle:before {
  content: "";
}

.ico-share:before {
  content: "";
}

.ico-gift:before {
  content: "";
}

.ico-alternative:before {
  content: "";
}

.ico-printer:before {
  content: "";
}

.ico-population:before {
  content: "";
}

.ico-age:before {
  content: "";
}

.ico-social-class:before {
  content: "";
}

.ico-interests:before {
  content: "";
}

.ico-man-woman:before {
  content: "";
}

.ico-lifebuoy:before {
  content: "";
}

.ico-next-step:before {
  content: "";
}

.ico-book:before {
  content: "";
}

.ico-save:before {
  content: "";
}

.ico-global:before {
  content: "";
}

.ico-bell:before {
  content: "";
}

.ico-image:before {
  content: "";
}

.ico-images:before {
  content: "";
}

.ico-camera:before {
  content: "";
}

.ico-music:before {
  content: "";
}

.ico-video-camera:before {
  content: "";
}

.ico-file-text2:before {
  content: "";
}

.ico-file-picture:before {
  content: "";
}

.ico-file-music:before {
  content: "";
}

.ico-file-video:before {
  content: "";
}

.ico-stats-bar:before {
  content: "";
}

.ico-rocket:before {
  content: "";
}

.ico-cloud:before {
  content: "";
}

.ico-cloud-check:before {
  content: "";
}

.ico-map:before {
  content: "";
}

.ico-map2:before {
  content: "";
}

.ico-bin:before {
  content: "";
}

.ico-bin2:before {
  content: "";
}

.ico-calculator:before {
  content: "";
}

.ico-magic-wand:before {
  content: "";
}

.ico-lab:before {
  content: "";
}

.ico-magnet:before {
  content: "";
}

.ico-stack:before {
  content: "";
}

.ico-boleto:before {
  content: "";
}

.ico-credit-card:before {
  content: "";
}

.ico-route:before {
  content: "";
}

.ico-plan:before {
  content: "";
}

.ico-mediaplan:before {
  content: "";
}

.ico-copy:before {
  content: "";
}

.ico-blocked:before {
  content: "";
}

.ico-filter:before {
  content: "";
}

.ico-apply-filter:before {
  content: "";
}

.ico-clear-filter:before {
  content: "";
}

.ico-public-target:before {
  content: "";
}

.ico-eye:before {
  content: "";
}

.ico-eye-blocked:before {
  content: "";
}

.ico-add-circle:before {
  content: "";
}

.ico-add-full-circle:before {
  content: "";
}

.ico-cancel-circle:before {
  content: "";
}

.ico-remove-full-circle:before {
  content: "";
}

.ico-link-up-circle:before {
  content: "";
}

.ico-link-up:before {
  content: "";
}

.ico-agency:before {
  content: "";
}

.ico-admin:before {
  content: "";
}

.ico-publisher:before {
  content: "";
}

.ico-veiculo:before {
  content: "";
}

.ico-anunciante:before {
  content: "";
}

.ico-users2:before {
  content: "";
}

.ico-profiles:before {
  content: "";
}

.ico-orders:before {
  content: "";
}

.ico-bullhorn:before {
  content: "";
}

.ico-coin-dollar:before {
  content: "";
}

.ico-youtube2:before {
  content: "";
}

.ico-share2:before {
  content: "";
}

.ico-group:before {
  content: "";
}

.ico-ungroup:before {
  content: "";
}

.ico-chevron-left:before {
  content: "";
}

.ico-chevron-top:before {
  content: "";
}

.ico-chevron-bottom:before {
  content: "";
}

.ico-chevron-right:before {
  content: "";
}

.ico-clock:before {
  content: "";
}

.ico-bubbles:before {
  content: "";
}

.ico-cross:before {
  content: "";
}

.ico-display:before {
  content: "";
}

.ico-laptop:before {
  content: "";
}

.ico-tablet:before {
  content: "";
}

.ico-mobile:before {
  content: "";
}

.ico-tv:before {
  content: "";
}

.ico-tv2:before {
  content: "";
}

.ico-event:before {
  content: "";
}

.ico-radio:before {
  content: "";
}

.ico-billboard:before {
  content: "";
}

.ico-ticket:before {
  content: "";
}

.ico-newspaper:before {
  content: "";
}

.ico-document:before {
  content: "";
}

.ico-indoor:before {
  content: "";
}

.ico-sphere:before {
  content: "";
}

.ico-sqrt-view:before {
  content: "";
}

.ico-table-view:before {
  content: "";
}

.ico-ctrl:before {
  content: "";
}

.ico-shift:before {
  content: "";
}

.ico-undo22:before {
  content: "";
}

.ico-arrow-right22:before {
  content: "";
}

.ico-arrow-left22:before {
  content: "";
}

.ico-undo:before {
  content: "";
}

.ico-history2:before {
  content: "";
}

.ico-spinner112:before {
  content: "";
}

.ico-loop2:before {
  content: "";
}

.ico-left-arrow:before {
  content: "";
}

.ico-circle-left2:before {
  content: "";
}

.ico-question:before {
  content: "";
}

.ico-coin-dollar2:before {
  content: "";
}

.ico-info:before {
  content: "";
}

.ico-notification:before {
  content: "";
}

.ico-warning:before {
  content: "";
}

.ico-cart:before {
  content: "";
}

.ico-user-circle:before {
  content: "";
}

.ico-users:before {
  content: "";
}

.ico-user:before {
  content: "";
}

.ico-notification2:before {
  content: "";
}

.ico-flash:before {
  content: "";
}

.ico-play:before {
  content: "";
}

.ico-cog:before {
  content: "";
}

.ico-pencil:before {
  content: "";
}

.ico-search:before {
  content: "";
}

.ico-companies:before {
  content: "";
}

.ico-library:before {
  content: "";
}

.ico-home:before {
  content: "";
}

.ico-contacts:before {
  content: "";
}

.ico-enlarge:before {
  content: "";
}

.ico-shrink:before {
  content: "";
}

.ico-lock:before {
  content: "";
}

.ico-unlocked:before {
  content: "";
}

.ico-mediakit:before {
  content: "";
}

.ico-equalizer:before {
  content: "";
}

.ico-equalizer2:before {
  content: "";
}

.ico-graph:before {
  content: "";
}

.ico-stats:before {
  content: "";
}

.ico-dashboard:before {
  content: "";
}

.ico-clipboard:before {
  content: "";
}

.ico-inventory-assoc:before {
  content: "";
}

.ico-cloud2:before {
  content: "";
}

.ico-cloud-download:before {
  content: "";
}

.ico-cloud-upload:before {
  content: "";
}

.ico-cloud-check2:before {
  content: "";
}

.ico-hide:before {
  content: "";
}

.ico-show:before {
  content: "";
}

.ico-minus:before {
  content: "";
}

.ico-plus2:before {
  content: "";
}

.ico-check:before {
  content: "";
}

.ico-close1:before {
  content: "";
}

.ico-envelop:before {
  content: "";
}

.ico-location1:before {
  content: "";
}

.ico-phone:before {
  content: "";
}

.ico-twitter2:before {
  content: "";
}

.ico-facebook:before {
  content: "";
}

.ico-linkedin2:before {
  content: "";
}

.ico-google:before {
  content: "";
}

.ico-skype:before {
  content: "";
}

.ico-facebook2:before {
  content: "";
}

.ico-linkedin21:before {
  content: "";
}

.ico-google1:before {
  content: "";
}

.ico-skype1:before {
  content: "";
}

.ico-clear:before {
  content: "";
}

.ico-clean:before {
  content: "";
}

.ico-filter-folder:before {
  content: "";
}

.ico-airplane:before {
  content: "";
}

@font-face {
  font-family: "mediaicons";
  src: url("../fonts/mediaicons.eot?8uz353");
  src: url("../fonts/mediaicons.eot?8uz353#iefix") format("embedded-opentype"), url("../fonts/mediaicons.woff2?8uz353") format("woff2"), url("../fonts/mediaicons.ttf?8uz353") format("truetype"), url("../fonts/mediaicons.woff?8uz353") format("woff"), url("../fonts/mediaicons.svg?8uz353#mediaicons") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=media-icons-],
[class*=" media-icons-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "mediaicons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.media-icons-mdia-exterior:before {
  content: "";
}

.media-icons-mdia-exterior:before {
  content: "";
}

.media-icons-mdia-exterior-pedgio:before {
  content: "";
}

.media-icons-mdia-exterior-hospitais:before {
  content: "";
}

.media-icons-mdia-exterior-educao:before {
  content: "";
}

.media-icons-mdia-exterior-universidades:before {
  content: "";
}

.media-icons-truck:before {
  content: "";
}

.media-icons-mdia-exterior-outdoor:before {
  content: "";
}

.media-icons-mdia-exterior-home-center:before {
  content: "";
}

.media-icons-rdio:before {
  content: "";
}

.media-icons-rdio-am:before {
  content: "";
}

.media-icons-rdio-fm:before {
  content: "";
}

.media-icons-rdio-online:before {
  content: "";
}

.media-icons-televiso-canais-abertos:before {
  content: "";
}

.media-icons-televiso-canais-por-assinatura:before {
  content: "";
}

.media-icons-eventos:before {
  content: "";
}

.media-icons-pontos-turisticos:before {
  content: "";
}

.media-icons-tabloides:before {
  content: "";
}

.media-icons-mobile:before {
  content: "";
}

.media-icons-aplicativos:before {
  content: "";
}

.media-icons-online:before {
  content: "";
}

.media-icons-canal-youtube:before {
  content: "";
}

.media-icons-newsletter:before {
  content: "";
}

.media-icons-publieditorial:before {
  content: "";
}

.media-icons-redes-sociais:before {
  content: "";
}

.media-icons-site:before {
  content: "";
}

.media-icons-webcast:before {
  content: "";
}

.media-icons-edifcios:before {
  content: "";
}

.media-icons-mdia-exterior-hotis:before {
  content: "";
}

.media-icons-mdia-exterior-elevadores:before {
  content: "";
}

.media-icons-mdia-exterior-convenincias:before {
  content: "";
}

.media-icons-ticket:before {
  content: "";
}

.media-icons-mdia-exterior-redes:before,
.media-icons-mdia-exterior-cinemas:before {
  content: "";
}

.media-icons-mdia-exterior-supermercados:before {
  content: "";
}

.media-icons-mdia-exterior-supermercados:before {
  content: "";
}

.media-icons-mdia-exterior-shoppings:before {
  content: "";
}

.media-icons-mdia-exterior-shoppings:before {
  content: "";
}

.media-icons-mdia-exterior-relgios-de-rua:before {
  content: "";
}

.media-icons-painis:before,
.media-icons-mdia-exterior-telas-digitais:before {
  content: "";
}

.media-icons-mdia-exterior-painel-de-calada:before {
  content: "";
}

.media-icons-mdia-exterior-painis-de-led:before {
  content: "";
}

.media-icons-mdia-exterior-outdoor:before {
  content: "";
}

.media-icons-mdia-exterior-outros:before {
  content: "";
}

.media-icons-mdia-exterior-pontos-de-nibus:before {
  content: "";
}

.media-icons-mdia-exterior-aeroportos-e-portos-tursticos:before {
  content: "";
}

.media-icons-mdia-exterior-area:before {
  content: "";
}

.media-icons-mdia-exterior-aeroportos-e-portos-tursticos:before {
  content: "";
}

.media-icons-mdia-exterior-avies:before {
  content: "";
}

.media-icons-jornais-convencionais:before {
  content: "";
}

.media-icons-jornais-segmentados-especializados:before {
  content: "";
}

.media-icons-revistas-convencionais:before {
  content: "";
}

.media-icons-revistas-segmentadas-especializadas:before {
  content: "";
}

.media-icons-mdia-exterior-sales-de-beleza:before {
  content: "";
}

.media-icons-mdia-exterior-lotricas:before {
  content: "";
}

.media-icons-mdia-exterior-farmcias:before {
  content: "";
}

.media-icons-mdia-exterior-consultrios:before {
  content: "";
}

.media-icons-mdia-exterior-consultrios-mdicos:before {
  content: "";
}

.media-icons-mdia-exterior-confeitarias:before {
  content: "";
}

.media-icons-mdia-exterior-padarias:before {
  content: "";
}

.media-icons-mdia-exterior-concessionrias:before {
  content: "";
}

.media-icons-mdia-exterior-casa-de-shows:before {
  content: "";
}

.media-icons-carros:before {
  content: "";
}

.media-icons-mdia-exterior-carros-de-aplicativo:before {
  content: "";
}

.media-icons-mdia-exterior-bares-restaurantes:before {
  content: "";
}

.media-icons-mdia-exterior-cafeterias:before {
  content: "";
}

.media-icons-mdia-exterior-lanchonete:before {
  content: "";
}

.media-icons-mdia-exterior-academias:before {
  content: "";
}

.media-icons-mdia-exterior-nibus:before {
  content: "";
}

.media-icons-mdia-exterior-nibus:before {
  content: "";
}

.media-icons-mdia-exterior-txi:before {
  content: "";
}

.media-icons-mdia-exterior-txis:before {
  content: "";
}

.media-icons-mdia-exterior-trem:before {
  content: "";
}

.media-icons-mdia-exterior-posto-de-gasolina:before,
.ico-ooh-postodegasolina:before {
  content: "";
}

.media-icons-mdia-exterior-metr:before {
  content: "";
}

.media-icons-mdia-exterior-metr:before {
  content: "";
}

.media-icons-mdia-exterior-banca-de-jornal:before {
  content: "";
}

.ico-ooh-hotel:before,
.ico-ooh-hoteis:before {
  content: "";
}

.ico-ooh-stadium:before,
.ico-ooh-ginasiosestadiosautodromosetc:before {
  content: "";
}

.ico-ooh-motos:before,
.ico-ooh-moto:before {
  content: "";
}

.ico-ooh-trem:before {
  content: "";
}

.ico-ooh-totens:before {
  content: "";
}

.ico-ooh-terminalonibus:before,
.ico-ooh-onibuspontoseterminais:before {
  content: "";
}

.ico-ooh-taxi:before,
.ico-ooh-taxis:before {
  content: "";
}

.ico-ooh-supermercardo:before,
.ico-ooh-supermercados:before {
  content: "";
}

.ico-ooh-shoppings:before {
  content: "";
}

.ico-ooh-saloesdebeleza:before,
.ico-ooh-barbeariassaloesdebelezaecentrosdeestetica:before {
  content: "";
}

.ico-ooh-relogiosderua:before {
  content: "";
}

.ico-ooh-portosturisticos:before {
  content: "";
}

.ico-ooh-pontosdeonibus:before {
  content: "";
}

.ico-ooh-plataformadeonibus:before,
.ico-ooh-pontoseterminaisdeonibus:before {
  content: "";
}

.ico-ooh-placasderua:before {
  content: "";
}

.ico-ooh-pizzarias:before {
  content: "";
}

.ico-ooh-pedagios:before,
.ico-ooh-pedagio:before {
  content: "";
}

.ico-ooh-paineldecalcada:before {
  content: "";
}

.ico-ooh-paineisdeled:before {
  content: "";
}

.ico-ooh-padarias:before,
.ico-ooh-padariaseconfeitarias:before {
  content: "";
}

.ico-ooh-outdoor:before {
  content: "";
}

.ico-ooh-onibus:before {
  content: "";
}

.ico-ooh-midiaalternativa:before {
  content: "";
}

.ico-ooh-metro:before {
  content: "";
}

.ico-ooh-lotericas:before {
  content: "";
}

.ico-ooh-lanchonetes:before,
.ico-ooh-lanchonete:before {
  content: "";
}

.ico-ooh-homecenter:before {
  content: "";
}

.ico-ooh-farmacias:before {
  content: "";
}

.ico-ooh-elevadores:before {
  content: "";
}

.ico-ooh-educacao:before {
  content: "";
}

.ico-ooh-conveniencias:before,
.ico-ooh-lojasdeconveniencia:before {
  content: "";
}

.ico-ooh-hospitaisconsultorioseclinicas:before,
.ico-ooh-consultorioseclinicas:before,
.ico-ooh-consultorios:before {
  content: "";
}

.ico-ooh-confeitariasedocerias:before,
.ico-ooh-confeitarias:before {
  content: "";
}

.ico-ooh-concessionarias:before {
  content: "";
}

.ico-ooh-cartorios:before {
  content: "";
}

.ico-ooh-carrosdesom:before {
  content: "";
}

.ico-ooh-carrosdeaplicativo:before {
  content: "";
}

.ico-ooh-caminhoes:before {
  content: "";
}

.ico-ooh-cafeterias:before,
.ico-ooh-cafeteriasedocerias:before {
  content: "";
}

.ico-ooh-bicicletas:before {
  content: "";
}

.ico-ooh-bareserestaurantes:before,
.ico-ooh-bareslanchoneteserestaurantes:before {
  content: "";
}

.ico-ooh-barbearias:before {
  content: "";
}

.ico-ooh-bancasdejornal:before,
.ico-ooh-bancadejornal:before {
  content: "";
}

.ico-ooh-avioes:before {
  content: "";
}

.ico-ooh-aeroportos:before,
.ico-ooh-aeroportoseportosturisticos:before,
.ico-ooh-avioesaeroportoseterminais:before {
  content: "";
}

.ico-ooh-academias:before {
  content: "";
}

.ico-sitemap:before {
  content: "";
}

.ico-global:before {
  content: "";
}

.ico-radio:before,
.ico-rdio:before {
  content: "";
}

.ico-youtube:before {
  content: "";
}

.ico-televisao-paga:before {
  content: "";
}

.ico-online:before,
.ico-internet:before {
  content: "";
}

.ico-midia-interior:before {
  content: "";
}

.ico-mdia-exterior-digital:before {
  content: "";
}

.ico-midia-exterior:before,
.ico-mdia-exterior:before {
  content: "";
}

.ico-cinema:before {
  content: "";
}

.ico-eventos:before,
.ico-evento:before,
.ico-event:before,
.ico-events:before {
  content: "";
}

.ico-newspaper:before {
  content: "";
}

.ico-impressa:before {
  content: "";
}

.ico-jornal:before {
  content: "";
}

.ico-revistas:before {
  content: "";
}

.ico-magazine:before {
  content: "";
}

.ico-televisao-aberta:before {
  content: "";
}

.ico-televiso:before {
  content: "";
}

.ico-cinemas:before {
  content: "";
}

button, input[type=button], input[type=reset], input[type=submit] {
  display: inline-block;
  cursor: pointer;
  margin: 18px 5px;
}

input[type=color], input[type=date], input[type=datetime], input[type=datetime-local], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], input:not([type]), textarea,
text-area,
select {
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  position: relative;
  display: inline-block;
  width: 100%;
  border: none;
  box-shadow: inset 0 -1px 0 0 #d2d2d2;
  color: #4c4c4c;
  padding: 10px 5px;
  box-sizing: border-box;
  margin: 0;
  font-size: 1em;
  line-height: 1em;
  font-weight: bold;
  outline: none;
  -webkit-font-smoothing: antialiased;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
}
@media (max-width: 767px) {
  input[type=color], input[type=date], input[type=datetime], input[type=datetime-local], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], input:not([type]), textarea,
text-area,
select {
    box-shadow: none;
    border-bottom: 1px solid #d2d2d2;
  }
}
input[type=color]:-webkit-autofill, input[type=date]:-webkit-autofill, input[type=datetime]:-webkit-autofill, input[type=datetime-local]:-webkit-autofill, input[type=email]:-webkit-autofill, input[type=month]:-webkit-autofill, input[type=number]:-webkit-autofill, input[type=password]:-webkit-autofill, input[type=search]:-webkit-autofill, input[type=tel]:-webkit-autofill, input[type=text]:-webkit-autofill, input[type=time]:-webkit-autofill, input[type=url]:-webkit-autofill, input[type=week]:-webkit-autofill, input:not([type]):-webkit-autofill, textarea:-webkit-autofill,
text-area:-webkit-autofill,
select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #ffffff inset;
  background-color: #ffffff !important;
}
input[type=color]:hover, input[type=color]:active, input[type=color]:focus, input[type=date]:hover, input[type=date]:active, input[type=date]:focus, input[type=datetime]:hover, input[type=datetime]:active, input[type=datetime]:focus, input[type=datetime-local]:hover, input[type=datetime-local]:active, input[type=datetime-local]:focus, input[type=email]:hover, input[type=email]:active, input[type=email]:focus, input[type=month]:hover, input[type=month]:active, input[type=month]:focus, input[type=number]:hover, input[type=number]:active, input[type=number]:focus, input[type=password]:hover, input[type=password]:active, input[type=password]:focus, input[type=search]:hover, input[type=search]:active, input[type=search]:focus, input[type=tel]:hover, input[type=tel]:active, input[type=tel]:focus, input[type=text]:hover, input[type=text]:active, input[type=text]:focus, input[type=time]:hover, input[type=time]:active, input[type=time]:focus, input[type=url]:hover, input[type=url]:active, input[type=url]:focus, input[type=week]:hover, input[type=week]:active, input[type=week]:focus, input:not([type]):hover, input:not([type]):active, input:not([type]):focus, textarea:hover, textarea:active, textarea:focus,
text-area:hover,
text-area:active,
text-area:focus,
select:hover,
select:active,
select:focus {
  outline: none;
  box-shadow: inset 0 -1px 0 0 #acacac;
}
@media (max-width: 767px) {
  input[type=color]:hover, input[type=color]:active, input[type=color]:focus, input[type=date]:hover, input[type=date]:active, input[type=date]:focus, input[type=datetime]:hover, input[type=datetime]:active, input[type=datetime]:focus, input[type=datetime-local]:hover, input[type=datetime-local]:active, input[type=datetime-local]:focus, input[type=email]:hover, input[type=email]:active, input[type=email]:focus, input[type=month]:hover, input[type=month]:active, input[type=month]:focus, input[type=number]:hover, input[type=number]:active, input[type=number]:focus, input[type=password]:hover, input[type=password]:active, input[type=password]:focus, input[type=search]:hover, input[type=search]:active, input[type=search]:focus, input[type=tel]:hover, input[type=tel]:active, input[type=tel]:focus, input[type=text]:hover, input[type=text]:active, input[type=text]:focus, input[type=time]:hover, input[type=time]:active, input[type=time]:focus, input[type=url]:hover, input[type=url]:active, input[type=url]:focus, input[type=week]:hover, input[type=week]:active, input[type=week]:focus, input:not([type]):hover, input:not([type]):active, input:not([type]):focus, textarea:hover, textarea:active, textarea:focus,
text-area:hover,
text-area:active,
text-area:focus,
select:hover,
select:active,
select:focus {
    box-shadow: none;
    border-bottom: 1px solid #acacac;
  }
}
input[type=color].valid, input[type=date].valid, input[type=datetime].valid, input[type=datetime-local].valid, input[type=email].valid, input[type=month].valid, input[type=number].valid, input[type=password].valid, input[type=search].valid, input[type=tel].valid, input[type=text].valid, input[type=time].valid, input[type=url].valid, input[type=week].valid, input:not([type]).valid, textarea.valid,
text-area.valid,
select.valid {
  -webkit-box-shadow: inset 0 -1px 0 0 #d2d2d2;
  box-shadow: inset 0 -1px 0 0 #d2d2d2;
}
input[type=color].valid:hover, input[type=color].valid:active, input[type=color].valid:focus, input[type=date].valid:hover, input[type=date].valid:active, input[type=date].valid:focus, input[type=datetime].valid:hover, input[type=datetime].valid:active, input[type=datetime].valid:focus, input[type=datetime-local].valid:hover, input[type=datetime-local].valid:active, input[type=datetime-local].valid:focus, input[type=email].valid:hover, input[type=email].valid:active, input[type=email].valid:focus, input[type=month].valid:hover, input[type=month].valid:active, input[type=month].valid:focus, input[type=number].valid:hover, input[type=number].valid:active, input[type=number].valid:focus, input[type=password].valid:hover, input[type=password].valid:active, input[type=password].valid:focus, input[type=search].valid:hover, input[type=search].valid:active, input[type=search].valid:focus, input[type=tel].valid:hover, input[type=tel].valid:active, input[type=tel].valid:focus, input[type=text].valid:hover, input[type=text].valid:active, input[type=text].valid:focus, input[type=time].valid:hover, input[type=time].valid:active, input[type=time].valid:focus, input[type=url].valid:hover, input[type=url].valid:active, input[type=url].valid:focus, input[type=week].valid:hover, input[type=week].valid:active, input[type=week].valid:focus, input:not([type]).valid:hover, input:not([type]).valid:active, input:not([type]).valid:focus, textarea.valid:hover, textarea.valid:active, textarea.valid:focus,
text-area.valid:hover,
text-area.valid:active,
text-area.valid:focus,
select.valid:hover,
select.valid:active,
select.valid:focus {
  -webkit-box-shadow: inset 0 -1px 0 0 #b9b9b9;
  box-shadow: inset 0 -1px 0 0 #b9b9b9;
}
@media (max-width: 767px) {
  input[type=color].valid:hover, input[type=color].valid:active, input[type=color].valid:focus, input[type=date].valid:hover, input[type=date].valid:active, input[type=date].valid:focus, input[type=datetime].valid:hover, input[type=datetime].valid:active, input[type=datetime].valid:focus, input[type=datetime-local].valid:hover, input[type=datetime-local].valid:active, input[type=datetime-local].valid:focus, input[type=email].valid:hover, input[type=email].valid:active, input[type=email].valid:focus, input[type=month].valid:hover, input[type=month].valid:active, input[type=month].valid:focus, input[type=number].valid:hover, input[type=number].valid:active, input[type=number].valid:focus, input[type=password].valid:hover, input[type=password].valid:active, input[type=password].valid:focus, input[type=search].valid:hover, input[type=search].valid:active, input[type=search].valid:focus, input[type=tel].valid:hover, input[type=tel].valid:active, input[type=tel].valid:focus, input[type=text].valid:hover, input[type=text].valid:active, input[type=text].valid:focus, input[type=time].valid:hover, input[type=time].valid:active, input[type=time].valid:focus, input[type=url].valid:hover, input[type=url].valid:active, input[type=url].valid:focus, input[type=week].valid:hover, input[type=week].valid:active, input[type=week].valid:focus, input:not([type]).valid:hover, input:not([type]).valid:active, input:not([type]).valid:focus, textarea.valid:hover, textarea.valid:active, textarea.valid:focus,
text-area.valid:hover,
text-area.valid:active,
text-area.valid:focus,
select.valid:hover,
select.valid:active,
select.valid:focus {
    box-shadow: none;
    border-bottom: 1px solid #b9b9b9;
  }
}
input[type=color].invalid, input[type=date].invalid, input[type=datetime].invalid, input[type=datetime-local].invalid, input[type=email].invalid, input[type=month].invalid, input[type=number].invalid, input[type=password].invalid, input[type=search].invalid, input[type=tel].invalid, input[type=text].invalid, input[type=time].invalid, input[type=url].invalid, input[type=week].invalid, input:not([type]).invalid, textarea.invalid,
text-area.invalid,
select.invalid {
  -webkit-box-shadow: inset 0 -1px 0 0 #f33a3a;
  box-shadow: inset 0 -1px 0 0 #f33a3a;
}
@media (max-width: 767px) {
  input[type=color].invalid, input[type=date].invalid, input[type=datetime].invalid, input[type=datetime-local].invalid, input[type=email].invalid, input[type=month].invalid, input[type=number].invalid, input[type=password].invalid, input[type=search].invalid, input[type=tel].invalid, input[type=text].invalid, input[type=time].invalid, input[type=url].invalid, input[type=week].invalid, input:not([type]).invalid, textarea.invalid,
text-area.invalid,
select.invalid {
    box-shadow: none;
    border-bottom: 1px solid #f33a3a;
  }
}
input[type=color].invalid:hover, input[type=color].invalid:active, input[type=color].invalid:focus, input[type=date].invalid:hover, input[type=date].invalid:active, input[type=date].invalid:focus, input[type=datetime].invalid:hover, input[type=datetime].invalid:active, input[type=datetime].invalid:focus, input[type=datetime-local].invalid:hover, input[type=datetime-local].invalid:active, input[type=datetime-local].invalid:focus, input[type=email].invalid:hover, input[type=email].invalid:active, input[type=email].invalid:focus, input[type=month].invalid:hover, input[type=month].invalid:active, input[type=month].invalid:focus, input[type=number].invalid:hover, input[type=number].invalid:active, input[type=number].invalid:focus, input[type=password].invalid:hover, input[type=password].invalid:active, input[type=password].invalid:focus, input[type=search].invalid:hover, input[type=search].invalid:active, input[type=search].invalid:focus, input[type=tel].invalid:hover, input[type=tel].invalid:active, input[type=tel].invalid:focus, input[type=text].invalid:hover, input[type=text].invalid:active, input[type=text].invalid:focus, input[type=time].invalid:hover, input[type=time].invalid:active, input[type=time].invalid:focus, input[type=url].invalid:hover, input[type=url].invalid:active, input[type=url].invalid:focus, input[type=week].invalid:hover, input[type=week].invalid:active, input[type=week].invalid:focus, input:not([type]).invalid:hover, input:not([type]).invalid:active, input:not([type]).invalid:focus, textarea.invalid:hover, textarea.invalid:active, textarea.invalid:focus,
text-area.invalid:hover,
text-area.invalid:active,
text-area.invalid:focus,
select.invalid:hover,
select.invalid:active,
select.invalid:focus {
  -webkit-box-shadow: inset 0 -1px 0 0 #ec0e0e;
  box-shadow: inset 0 -1px 0 0 #ec0e0e;
}
@media (max-width: 767px) {
  input[type=color].invalid:hover, input[type=color].invalid:active, input[type=color].invalid:focus, input[type=date].invalid:hover, input[type=date].invalid:active, input[type=date].invalid:focus, input[type=datetime].invalid:hover, input[type=datetime].invalid:active, input[type=datetime].invalid:focus, input[type=datetime-local].invalid:hover, input[type=datetime-local].invalid:active, input[type=datetime-local].invalid:focus, input[type=email].invalid:hover, input[type=email].invalid:active, input[type=email].invalid:focus, input[type=month].invalid:hover, input[type=month].invalid:active, input[type=month].invalid:focus, input[type=number].invalid:hover, input[type=number].invalid:active, input[type=number].invalid:focus, input[type=password].invalid:hover, input[type=password].invalid:active, input[type=password].invalid:focus, input[type=search].invalid:hover, input[type=search].invalid:active, input[type=search].invalid:focus, input[type=tel].invalid:hover, input[type=tel].invalid:active, input[type=tel].invalid:focus, input[type=text].invalid:hover, input[type=text].invalid:active, input[type=text].invalid:focus, input[type=time].invalid:hover, input[type=time].invalid:active, input[type=time].invalid:focus, input[type=url].invalid:hover, input[type=url].invalid:active, input[type=url].invalid:focus, input[type=week].invalid:hover, input[type=week].invalid:active, input[type=week].invalid:focus, input:not([type]).invalid:hover, input:not([type]).invalid:active, input:not([type]).invalid:focus, textarea.invalid:hover, textarea.invalid:active, textarea.invalid:focus,
text-area.invalid:hover,
text-area.invalid:active,
text-area.invalid:focus,
select.invalid:hover,
select.invalid:active,
select.invalid:focus {
    box-shadow: none;
    border-bottom: 1px solid #ec0e0e;
  }
}
input[type=color]:-webkit-autofill, input[type=color]:-webkit-autofill:hover, input[type=color]:-webkit-autofill:focus, input[type=color]:-webkit-autofill:active, input[type=date]:-webkit-autofill, input[type=date]:-webkit-autofill:hover, input[type=date]:-webkit-autofill:focus, input[type=date]:-webkit-autofill:active, input[type=datetime]:-webkit-autofill, input[type=datetime]:-webkit-autofill:hover, input[type=datetime]:-webkit-autofill:focus, input[type=datetime]:-webkit-autofill:active, input[type=datetime-local]:-webkit-autofill, input[type=datetime-local]:-webkit-autofill:hover, input[type=datetime-local]:-webkit-autofill:focus, input[type=datetime-local]:-webkit-autofill:active, input[type=email]:-webkit-autofill, input[type=email]:-webkit-autofill:hover, input[type=email]:-webkit-autofill:focus, input[type=email]:-webkit-autofill:active, input[type=month]:-webkit-autofill, input[type=month]:-webkit-autofill:hover, input[type=month]:-webkit-autofill:focus, input[type=month]:-webkit-autofill:active, input[type=number]:-webkit-autofill, input[type=number]:-webkit-autofill:hover, input[type=number]:-webkit-autofill:focus, input[type=number]:-webkit-autofill:active, input[type=password]:-webkit-autofill, input[type=password]:-webkit-autofill:hover, input[type=password]:-webkit-autofill:focus, input[type=password]:-webkit-autofill:active, input[type=search]:-webkit-autofill, input[type=search]:-webkit-autofill:hover, input[type=search]:-webkit-autofill:focus, input[type=search]:-webkit-autofill:active, input[type=tel]:-webkit-autofill, input[type=tel]:-webkit-autofill:hover, input[type=tel]:-webkit-autofill:focus, input[type=tel]:-webkit-autofill:active, input[type=text]:-webkit-autofill, input[type=text]:-webkit-autofill:hover, input[type=text]:-webkit-autofill:focus, input[type=text]:-webkit-autofill:active, input[type=time]:-webkit-autofill, input[type=time]:-webkit-autofill:hover, input[type=time]:-webkit-autofill:focus, input[type=time]:-webkit-autofill:active, input[type=url]:-webkit-autofill, input[type=url]:-webkit-autofill:hover, input[type=url]:-webkit-autofill:focus, input[type=url]:-webkit-autofill:active, input[type=week]:-webkit-autofill, input[type=week]:-webkit-autofill:hover, input[type=week]:-webkit-autofill:focus, input[type=week]:-webkit-autofill:active, input:not([type]):-webkit-autofill, input:not([type]):-webkit-autofill:hover, input:not([type]):-webkit-autofill:focus, input:not([type]):-webkit-autofill:active, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, textarea:-webkit-autofill:active,
text-area:-webkit-autofill,
text-area:-webkit-autofill:hover,
text-area:-webkit-autofill:focus,
text-area:-webkit-autofill:active,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
select:-webkit-autofill:active {
  -webkit-transition: "color 9999s ease-out, background-color 9999s ease-out";
  -webkit-transition-delay: 9999s;
}

textarea {
  padding: 10px 0;
  line-height: 1.5;
  width: 100%;
}

input:-moz-read-only,
textarea:-moz-read-only {
  /* For Firefox */
  color: #707070;
}
input:read-only,
textarea:read-only {
  color: #707070;
}
input:disabled,
textarea:disabled {
  color: #ccc;
}

select {
  appearance: none;
  background-color: rgba(255, 255, 255, 0);
  background-image: url(../../dist/images/arrow-down.svg);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: contain;
  height: 44px;
  line-height: 44px;
  padding: 0 5px;
  box-sizing: border-box;
  width: 100%;
  -moz-appearance: none;
  -webkit-appearance: none;
  border-radius: 0;
}
select::-ms-expand {
  display: none;
}

.radio-input {
  display: inline-block;
  cursor: pointer;
  margin-right: 20px;
  line-height: 12px;
}
.radio-input input[type=radio] {
  display: none;
}
.radio-input input[type=radio]:checked + label:before {
  content: "•";
  color: #fb6e52;
  font-size: 25px;
  text-align: center;
  line-height: 12px;
}
.radio-input label {
  font-size: 0.875em;
  font-weight: bold;
  position: relative;
  display: inline-block;
}
.radio-input label:before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  border: 2px solid #f0f0f0;
  background: #ffffff;
  border-radius: 50%;
  margin-right: 8px;
}

.input-cheboxes {
  display: flex;
  justify-content: space-between;
}
.input-cheboxes .input-checkbox {
  flex-direction: column;
}
.input-cheboxes .input-checkbox span {
  padding-top: 5px;
  display: block;
  width: 100%;
}

.input-form {
  display: flex;
}
.input-form label {
  width: auto !important;
  display: flex;
  align-items: center;
  background: #fff;
  margin-bottom: 1px;
  padding-left: 5px;
}
.input-form input {
  width: 100%;
}
.input-form .label-message {
  align-items: flex-start !important;
  padding: 18px 10px 0px 5px !important;
}

input[type=search] {
  padding-right: 25px;
  position: relative;
}
input[type=search]:before {
  position: absolute;
  font-family: "mediatrade-icons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  color: inherit;
  font-size: 1em;
  top: 50%;
  height: 14px;
  margin-top: -7px;
  margin-right: 7px;
}

input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  height: 8px;
  background: #c0c0c0;
  border-radius: 20px;
}
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: 2px solid #ffffff;
  width: 15px;
  height: 15px;
  margin-top: -3px;
  border-radius: 50%;
  background: #fb6e52;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
input[type=range]::-webkit-slider-thumb:active {
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);
}
input[type=range]::-moz-range-thumb {
  -webkit-appearance: none;
  border: 2px solid #ffffff;
  width: 15px;
  height: 15px;
  margin-top: -3px;
  border-radius: 50%;
  background: #fb6e52;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
input[type=range]::-moz-range-thumb:active {
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);
}
input[type=range]::-ms-thumb {
  -webkit-appearance: none;
  border: 2px solid #ffffff;
  width: 15px;
  height: 15px;
  margin-top: -3px;
  border-radius: 50%;
  background: #fb6e52;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
input[type=range]::-ms-thumb:active {
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);
}
input[type=range]::-ms-track {
  width: 100%;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 8px;
  border: none;
  cursor: pointer;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 8px;
  border: none;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 8px;
  border: none;
  cursor: pointer;
}
input[type=range]::-moz-range-progress {
  background-color: #4c4c4c;
}

form {
  margin-top: 31px;
}

.header {
  height: 80px;
  padding: 0;
  margin: 0;
  display: block;
  position: relative;
  z-index: 9998;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
  width: 100%;
  transition: 0.3s all;
}
.header .header-content {
  width: 100%;
  display: flex;
  flex-direction: row;
  height: inherit;
  position: relative;
}
.header .only-mobile .nav {
  display: flex;
  padding-right: 60px;
}
.header .only-mobile .nav li {
  position: static !important;
}
.header .header-toggle {
  display: none;
}
.header .header-wrapper {
  width: 100%;
  display: flex;
  flex-direction: row;
  height: inherit;
}
.header .header-phone {
  position: absolute;
  color: #ad4a36;
  top: 5px;
  right: 25px;
  font-size: 0.69em;
  z-index: 9;
}
.header .header-phone a {
  font-weight: bold;
}
.header .title {
  align-self: flex-start;
  padding: 0;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: center;
  flex-direction: column;
}
.header .title h1 {
  color: #fff;
  font-size: 1.4em;
  font-weight: 100;
  line-height: 1.2em;
  padding: 17px 0 0 0;
  margin: 0;
}
.header .title h1 span {
  color: #ad4a36;
}
.header .title .breadcrumb {
  height: 1em;
}
.header .title .breadcrumb a {
  font-size: 0.83em;
  line-height: 0.75em;
  padding: 0 8px 0 0;
  color: #fff;
}
.header .title .breadcrumb a:before {
  content: "❯";
  padding-right: 8px;
  display: inline-block;
  color: #ad4a36;
  font-size: 0.75em;
}
.header .title .breadcrumb a:first-child:before {
  content: "";
  display: none;
}
.header .header-toggle {
  display: none;
}
@media (max-width: 767px) {
  .header .header-toggle {
    display: block;
    position: absolute;
    padding: 5px;
    top: 13px;
    right: 15px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    z-index: 120;
  }
  .header .header-toggle span {
    margin: 0;
    height: 4px;
    width: 30px;
    position: absolute;
    display: block;
    background: #fff;
    transition: 0.3s all;
  }
  .header .header-toggle span:nth-child(1) {
    top: 5;
  }
  .header .header-toggle span:nth-child(2) {
    top: 15px;
  }
  .header .header-toggle span:nth-child(3) {
    top: 25px;
  }
  .header .header-toggle.header-close span:nth-child(1) {
    top: 15px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .header .header-toggle.header-close span:nth-child(2) {
    width: 0px;
    margin-left: 15px;
  }
  .header .header-toggle.header-close span:nth-child(3) {
    top: 15px;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}
.header .nav {
  align-self: flex-end;
  display: flex;
  flex: 1;
  flex-direction: row;
  height: inherit;
  padding: 0 10px;
  justify-content: flex-end;
}
@media only screen and (max-width: 768px) {
  .header .nav {
    background: rgba(76, 76, 76, 0.9);
    height: calc(100vh - 60px);
    display: flex;
    position: fixed;
    left: 100vw;
    top: 60px;
    flex: 0 0 100vw;
    flex-basis: 100vw;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    transition: 0.5s all;
    box-sizing: border-box;
    transform: translateX(100vw);
    pointer-events: none;
    min-width: 100vw;
    font-size: 1.2em;
  }
  .header .nav > li {
    flex: 1 1 100%;
  }
  .header .nav > li a {
    text-align: center;
    font-size: 1.2em;
  }
  .header .nav.show-toggle {
    pointer-events: all;
    transform: translateX(0px);
    left: 0;
  }
}
.header .nav .button {
  margin: 10px;
  padding: 0px 8px 0px 15px;
  line-height: calc(100% - 20px);
  height: calc(100% - 20px);
  display: flex;
  align-items: center;
  align-content: center;
}
.header .nav .button:hover {
  background: #fa5939;
}
.header .nav li {
  list-style: none;
  display: block;
  align-items: center;
  color: #fff;
  padding: 0;
  position: relative;
  height: 60px;
}
@media only screen and (max-width: 768px) {
  .header .nav li {
    display: flex;
    justify-content: center;
  }
}
.header .nav li.current a {
  background: rgba(0, 0, 0, 0.2);
}
.header .nav li:hover .subnav {
  margin: 0;
  opacity: 1;
  overflow: visible;
  z-index: 9999;
  height: auto;
}
.header .nav li a {
  display: flex;
  height: 100%;
  line-height: 60px;
  padding: 0 15px 0 10px;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  font-size: 0.83em;
  white-space: nowrap;
}
.header .nav li a i {
  font-size: 1.3em;
  padding: 5px;
}
.header .nav li a.profile-link {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0;
}
.header .nav li a.profile-link .profile-logo {
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3);
  border: 2px solid #444;
  height: 30px;
  width: 30px;
  border-radius: 100%;
  margin-left: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.header .nav li a.profile-link .profile-logo div {
  margin-right: 5px;
}
.header .nav li a.profile-link .profile-logo img {
  background: #fff;
  max-height: 100%;
}
.header .nav li .subnav {
  background: #f7f7f7;
  height: 0;
  overflow: hidden;
  box-sizing: border-box;
  transition: 0.3s all;
  opacity: 0;
  margin: -10px 0 0 0;
  position: absolute;
  width: 200px;
  right: 0;
  top: 100%;
  box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.5), rgba(0, 0, 0, 0.09) 0 10px 30px;
  z-index: -11;
}
.header .nav li .subnav.profile-subnav {
  width: 335px;
}
.header .nav li .subnav.profile-subnav:before {
  border-bottom-color: #f7f7f7;
}
.header .nav li .subnav .profiles-scroll {
  max-height: 225px;
  overflow-y: auto;
  border-bottom: 1px solid #e8e8e8;
  padding: 0;
}
.header .nav li .subnav .profiles-scroll ul li:last-child .profile {
  border-bottom: 0;
}
.header .nav li .subnav li {
  width: 100%;
}
.header .nav li .subnav li p {
  padding: 5px 20px;
  color: #7a7a7a;
  font-size: 0.83em;
}
.header .nav li .subnav li a {
  box-sizing: border-box;
  width: 100%;
  line-height: 40px !important;
  height: 40px;
  color: #4c4c4c;
  padding: 0 20px;
  border-bottom: 1px solid #e8e8e8;
}
.header .nav li .subnav li a:hover {
  color: #4c4c4c;
  background: rgba(0, 0, 0, 0.05) !important;
}
.header .nav li .subnav:before {
  bottom: 100%;
  right: 32px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #ffffff;
  border-width: 8px;
  margin-left: -8px;
}
.header .nav .toggle-sub-nav:after {
  padding-left: 2px;
  content: "▾";
}
.header .nav .toggle-sub-nav:after:checked {
  content: "▴";
}
.header i {
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

table td.text-center, table th.text-center {
  text-justify: center;
}
table td.text-left, table th.text-left {
  text-justify: left;
}
table td.line {
  font-size: 0.5em;
}
table.table-min-padding td {
  padding: 10px;
}
table.no-data {
  margin: 0;
  padding: 0;
  text-align: center;
}
table.no-data p {
  font-size: 1.2em;
}
table.no-data tr td {
  text-align: center !important;
}
table .table-header {
  padding-right: 15px !important;
  position: relative;
  cursor: pointer;
}
table .table-header:before {
  font-family: "mediatrade-icons";
  position: absolute;
  right: 2px;
  top: 10px;
  color: #4c4c4c;
}
table .table-header:focus {
  outline: none;
}
table .table-header-asc {
  border-radius: 3px 3px 0 0;
  background: rgba(76, 76, 76, 0.05);
  color: #4c4c4c !important;
}
table .table-header-asc:before {
  content: "";
}
table .table-header-desc {
  border-radius: 3px 3px 0 0;
  background: rgba(76, 76, 76, 0.05);
  color: #4c4c4c !important;
}
table .table-header-desc:before {
  -moz-transform: scale(1, -1);
  -webkit-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
  content: "";
}
table .hide-span {
  font-size: 0px;
  text-indent: -100em;
  visibility: hidden;
}
table tbody.odd td {
  background: rgba(255, 255, 255, 0.6);
}
table tbody.odd:hover td {
  background: rgba(255, 255, 255, 0.9);
}
table tbody.odd:hover td:hover {
  background: #fff;
}
table tbody.even td {
  background: rgba(255, 255, 255, 0.6);
}
table tbody.even:hover td {
  background: rgba(255, 255, 255, 0.9);
}
table tbody.even:hover td:hover {
  background: #fff;
}
table tbody .undefined {
  font-style: italic;
  color: #f33a3a;
}
table.table-modal td {
  font-size: 0.83em !important;
}
table.table-modal td select {
  width: 170px;
  height: 32px;
}
table.table-border td {
  border: 1px solid #f2f2f2;
}
table#orders {
  background: rgba(0, 0, 0, 0);
}
table#orders tbody {
  box-sizing: content-box;
}
table#orders tbody:nth-child(2) {
  border-top: 0;
}
table#orders tbody.separe {
  background: white;
}
table#orders tbody.separe tr td {
  padding: 2px;
  height: 5px;
  background: rgba(120, 120, 120, 0.35);
}
table#orders tbody.separe:hover td {
  background: rgba(120, 120, 120, 0.35);
}
table#orders td {
  font-size: 0.83em;
}
table#orders td span.order-table-status {
  display: flex;
  justify-content: space-between;
}
table#orders td span.order-table-status i {
  border-radius: 11px;
  width: 22px;
  flex: 0 0 22px;
  height: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  background: #4c4c4c;
  color: #fff;
}
table#orders td span.order-table-status.status-error {
  color: #f33a3a;
}
table#orders td span.order-table-status.status-error i {
  background: #f33a3a;
}
table#orders td span.order-table-status.status-waiting-adv {
  color: #fb6e52;
}
table#orders td span.order-table-status.status-waiting-adv i {
  background: #fb6e52;
}
table#orders td span.order-table-status.status-waiting-pub {
  color: #2dbdfd;
}
table#orders td span.order-table-status.status-waiting-pub i {
  background: #2dbdfd;
}
table#orders td span.order-table-status.status-waiting-sys {
  color: #e8bf00;
}
table#orders td span.order-table-status.status-waiting-sys i {
  background: #e8bf00;
}
table#orders td span.order-table-status.status-waiting-progress {
  color: #526afb;
}
table#orders td span.order-table-status.status-waiting-progress i {
  background: #526afb;
}
table#orders td span.order-table-status.status-progress {
  animation: progresscolor 1s linear infinite;
}
table#orders td span.order-table-status.status-progress i {
  color: #fff;
  animation: progressbg 1s linear infinite;
}
table#orders td span.order-table-status.status-finished {
  color: #3bae71;
}
table#orders td span.order-table-status.status-finished i {
  background: #3bae71;
}

.decision {
  position: fixed;
  bottom: 5px;
  margin: 0 5px;
  z-index: 1000;
  margin: 0;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}

@keyframes progressbg {
  0% {
    background: #fb6e52;
  }
  50% {
    background: #2dbdfd;
  }
  100% {
    background: #fb6e52;
  }
}
@keyframes progresscolor {
  0% {
    color: #fb6e52;
  }
  50% {
    color: #2dbdfd;
  }
  100% {
    color: #fb6e52;
  }
}
td.fixed-col {
  position: absolute;
  background: #fff;
  margin: 1px 0 0 0;
  padding-left: 0;
  padding-right: 0;
}

tr:hover td.fixed-col {
  box-shadow: inset 0 0 500px rgba(0, 0, 0, 0.1), -1px 0 1px rgba(0, 0, 0, 0.15);
}

th.fixed-col {
  position: absolute;
  background: #3c3c3c;
  height: 26px;
  padding-left: 0;
  padding-right: 0;
}

.table-scroll {
  position: relative;
  margin: 0;
  overflow: hidden;
}

.table-wrap {
  width: 100%;
  overflow: auto;
}

.table-scroll table {
  width: 100%;
  margin: auto;
  border-spacing: 0;
}

.table-scroll th,
.table-scroll td {
  background: #fff;
  white-space: nowrap;
  vertical-align: top;
}

.clone {
  position: absolute;
  pointer-events: none;
  z-index: 9;
}

.clone th,
.clone td {
  visibility: hidden;
}

.clone td,
.clone th {
  border-color: transparent;
}

.clone tbody th {
  visibility: visible;
}

.clone .fixed-side {
  visibility: visible;
}

.clone thead,
.clone tfoot {
  background: transparent;
}

.table-container {
  display: inline-block;
  height: 250px;
  position: relative;
  margin-top: 15px;
  width: 100%;
}
.table-container > div {
  height: 10px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  box-shadow: 0 1px 0 0 #e0e0e0;
}
.table-container table {
  width: 100%;
  margin-top: 0;
  display: block;
  height: 250px;
  overflow-y: auto;
}
.table-container th {
  padding: 0 5px !important;
  border: none;
}
.table-container th:first-child > div {
  padding-left: 7px;
}
.table-container th > div {
  margin-left: -6px;
  padding-left: 5px;
  position: absolute;
  top: 0;
}
.table-container td {
  padding: 5px;
}

.planning-table {
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 1px 3px rgba(112, 112, 112, 0.3);
}
.planning-table thead tr > th:first-child {
  border-radius: 3px 0 0 0;
}
.planning-table thead tr > th:last-child {
  border-radius: 0 3px 0 0;
}
.planning-table tbody tr:last-child td {
  border-bottom: none !important;
}
.planning-table tbody tr:last-child > td:first-child {
  border-radius: 0 0 0 3px;
}
.planning-table tbody tr:last-child > td:last-child {
  border-radius: 0 0 3px 0;
}
.planning-table tr th {
  background: #fff;
  color: #fb6e52;
  padding: 15px 5px;
  text-align: left;
  font-size: 0.83em;
  font-weight: 700;
}
.planning-table tr td.result-calendar button {
  margin-top: 0;
  margin-bottom: 0;
}
.planning-table tr.totalizer td {
  border-top: 2px solid #ccc;
  background: #fbfbfb;
  color: #4c4c4c;
}
.planning-table table td {
  border: 1px solid #f2f2f2;
  height: 40px;
  padding: 0;
  margin: 0;
}
.planning-table table td .inset {
  height: 40px;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  width: 100%;
}
.planning-table table td .inset select {
  background-color: #fff;
  background-image: none;
}
.planning-table table td .inset input + select {
  border-left: 1px solid #d2d2d2;
}
.planning-table table td .inset .values {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.planning-table table td .inset .values span {
  font-size: 0.75em;
  padding: 2px;
}
.planning-table table td .inset .values span + span:before {
  content: "/ ";
}
.planning-table table td.unavailable-cell {
  background: rgba(153, 153, 153, 0.5);
  border-left: 1px solid rgba(0, 0, 0, 0.05);
}
.planning-table table td.unavailable-cell:hover {
  box-shadow: inset 1px 0 0 0 rgba(0, 0, 0, 0.05);
}
.planning-table table td.unavailable-cell input,
.planning-table table td.unavailable-cell select {
  opacity: 0;
  z-index: -1;
  position: relative;
}
.planning-table table td.unavailable-cell .inset {
  display: block;
  width: 2px;
  height: 32px;
  box-sizing: border-box;
  height: 13px;
  text-align: center;
}
.planning-table table td.changed-cell {
  background: rgba(214, 168, 0, 0.2);
}
.planning-table table td.changed-cell:hover {
  box-shadow: inset 1px 0 0 0 rgba(0, 0, 0, 0.05);
}
.planning-table table td.changed-cell input,
.planning-table table td.changed-cell select {
  opacity: 0;
  z-index: -1;
  position: relative;
}
.planning-table table td.notselectable-cell {
  background: rgba(211, 207, 195, 0.5);
}
.planning-table table td.notselectable-cell.changed-cell {
  background: rgba(214, 168, 0, 0.25);
}
.planning-table table td.notselectable-cell:hover {
  box-shadow: inset 1px 0 0 0 rgba(0, 0, 0, 0.05);
}
.planning-table table td.notselectable-cell input,
.planning-table table td.notselectable-cell select {
  opacity: 0;
  z-index: -1;
  position: relative;
}
.planning-table table td.hover-cell {
  background: rgba(45, 189, 253, 0.5);
}
.planning-table table td.hover-cell.notselectable-cell {
  background: rgba(91, 117, 128, 0.5);
}
.planning-table table td.hover-cell:hover {
  box-shadow: inset 1px 0 0 0 rgba(0, 0, 0, 0.05);
}
.planning-table table td.hover-cell input,
.planning-table table td.hover-cell select {
  opacity: 0;
  z-index: -1;
  position: relative;
}
.planning-table table td.disabled-cell {
  background: rgba(0, 0, 0, 0.1);
}
.planning-table table td.disabled-cell:hover {
  box-shadow: inset 1px 0 0 0 rgba(0, 0, 0, 0.05);
}
.planning-table table td.disabled-cell input,
.planning-table table td.disabled-cell select {
  opacity: 0;
  z-index: -1;
  position: relative;
}
.planning-table table td.error-cell {
  background: rgba(243, 58, 58, 0.25) !important;
  position: relative;
}
.planning-table table td.error-cell:hover {
  box-shadow: inset 0 0 0 2px #f33a3a;
}
.planning-table table td.error-cell:hover .error-messages {
  z-index: 3;
  opacity: 1;
}
.planning-table table td.error-cell .error-messages {
  transition: 0.15s all;
  position: absolute;
  padding: 5px 8px;
  background: #fff;
  border: 3px;
  box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
  top: 30px;
  z-index: 0;
  margin-left: -3px;
  opacity: 0;
}

.class-cdm .planning-table tr th {
  color: #5878A7;
}

.footer {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 15px 0;
}
.footer a {
  color: rgba(255, 255, 255, 0.75);
  transition: 0.3s all;
}
.footer a:hover {
  color: #3c3c3c;
}
.footer .footer-line {
  flex: 0 0 100%;
  display: flex;
  justify-content: center;
  padding: 0 0 10px 0;
}
@media (max-width: 767px) {
  .footer .footer-line {
    display: flex;
    flex-flow: initial;
    margin-top: 10px;
  }
}
.footer .footer-line:first-child {
  width: 100%;
}
.footer .footer-line:first-child:before, .footer .footer-line:first-child:after {
  width: calc(50% - 80px);
  left: 0;
  position: absolute;
  background: rgba(76, 76, 76, 0.15);
  height: 1px;
  margin-top: 20px;
}
.footer .footer-line:first-child:after {
  left: calc(50% + 80px);
}
.footer .footer-line .footer-logo {
  background: url(/dist/images/head.svg) no-repeat center;
  width: 40px;
  height: 40px;
  display: block;
  position: relative;
}
.footer .footer-line .footer-menu {
  display: flex;
  justify-content: center;
}
@media (max-width: 767px) {
  .footer .footer-line .footer-menu {
    flex-flow: column;
  }
}
.footer .footer-line .footer-menu li {
  display: block;
}
@media (max-width: 767px) {
  .footer .footer-line .footer-menu li {
    margin-bottom: 10px;
  }
}
.footer .footer-line .footer-menu li a {
  display: block;
  padding: 10px;
  font-size: 0.83em;
}
@media (max-width: 767px) {
  .footer .footer-line .footer-menu li a {
    border-radius: 3px;
    text-align: center;
  }
}
.footer .footer-line .footer-links {
  display: flex;
  justify-content: center;
}
@media only screen and (max-width: 768px) {
  .footer .footer-line .footer-links {
    flex-wrap: wrap;
  }
}
.footer .footer-line .footer-links li {
  display: flex;
  padding: 0 10px;
  justify-content: center;
  align-items: center;
  align-content: center;
  font-size: 0.83em;
}
@media (max-width: 767px) {
  .footer .footer-line .footer-links li {
    flex-basis: 36%;
    text-align: center;
    padding: auto;
  }
}
.footer .footer-line .footer-links li a {
  display: block;
  padding: 10px 0;
  transition: 0.5s all;
}
.footer .footer-line .footer-links li.social-media {
  padding: 0 5px;
}
.footer .footer-line .footer-links li.social-media a {
  transition: 0.5s all;
  width: 30px;
  height: 30px;
  background: #3c3c3c;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 15px;
  box-sizing: border-box;
  padding: 0;
}
.footer .footer-line .footer-social-media {
  display: flex;
  justify-content: center;
}
@media only screen and (max-width: 768px) {
  .footer .footer-line .footer-social-media {
    flex-wrap: wrap;
    flex-flow: initial;
  }
}
.footer .footer-line .footer-social-media li {
  display: flex;
  padding: 0 10px;
  justify-content: center;
  align-items: center;
  align-content: center;
  font-size: 0.83em;
}
@media (max-width: 767px) {
  .footer .footer-line .footer-social-media li {
    flex-basis: 36%;
    text-align: center;
    padding: auto;
  }
}
.footer .footer-line .footer-social-media li a {
  display: block;
  padding: 10px 0;
  transition: 0.5s all;
}
.footer .footer-line .footer-social-media li.social-media {
  padding: 0 5px;
}
.footer .footer-line .footer-social-media li.social-media a {
  transition: 0.5s all;
  width: 30px;
  height: 30px;
  background: #3c3c3c;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 15px;
  box-sizing: border-box;
  padding: 0;
}
.footer .footer-line .seal {
  display: flex;
  padding: 5px 5px 5px 10px;
  align-items: flex-end;
  height: 64px;
  position: absolute;
  left: 0;
  margin-top: -20px;
}
.footer .footer-line .seal img {
  cursor: pointer;
  height: 30px;
  border: 1px solid #f2f2f2;
}
@media (max-width: 767px) {
  .footer .footer-line .seal {
    display: none;
  }
}
.footer .footer-line .seal-hidden {
  display: none;
  opacity: 0;
}

.footer {
  background: rgba(255, 255, 255, 0.5);
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 15px 0;
  box-shadow: 0 -1px 0px rgba(0, 0, 0, 0.05);
}
.footer li {
  color: rgba(76, 76, 76, 0.5) !important;
}
.footer li.social-media {
  opacity: 0.8;
}
.footer li.social-media a {
  color: #fff;
}
.footer li.social-media a.facebook {
  background: #3b5998 !important;
}
.footer li.social-media a.linkedin {
  background: #0077b5 !important;
}
.footer li.social-media a.instagram {
  background: #f09433 !important;
  background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%) !important;
  background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%) !important;
  background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%) !important;
}
.footer li.social-media a.youtube {
  background: #ff0000 !important;
}
.footer li.social-media a:hover {
  color: #fff;
  opacity: 1;
}
.footer li:hover {
  color: #4c4c4c;
}
.footer a {
  color: rgba(76, 76, 76, 0.75);
  transition: 0.3s all;
}

.app-footer {
  background: #4c4c4c;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  padding: 2px 25px;
  height: 45px;
  position: relative;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 10000;
  box-sizing: border-box;
}
.app-footer i {
  width: 28px;
  height: 28px;
  padding: 5px;
  background: #2f6498;
  border-radius: 14px;
  box-sizing: border-box;
  color: #fff;
  font-size: 1em;
}
.app-footer i:first-child {
  background: #23488b;
}
.app-footer .app-footer-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  width: calc(100vw - 350px);
  padding: 0 20px;
}
.app-footer ul {
  display: flex;
  align-items: center;
  align-content: center;
  list-style: none;
}
.app-footer ul li {
  padding: 5px;
  color: #f0f0f0;
  font-size: 0.75em;
}
.app-footer ul li a {
  padding: 5px;
}
.app-footer ul li a:hover {
  text-decoration: underline;
  color: #fff;
}
.app-footer ul li.icons {
  padding: 0;
}
.app-footer ul li.icons a:hover {
  text-decoration: none;
}
.app-footer .app-footer-links a {
  text-decoration: none !important;
}

#breadcrumb {
  list-style: none;
  display: inline-block;
  margin: 10px 0;
  background: #eaeaea;
  padding: 1px;
  border-radius: 4px;
}
#breadcrumb .icon {
  font-size: 14px;
}
#breadcrumb li {
  float: left;
}
#breadcrumb li a {
  color: #707070;
  display: block;
  background: #fff;
  text-decoration: none;
  position: relative;
  height: 34px;
  line-height: 34px;
  padding: 0 10px 0 10px;
  text-align: center;
  margin-right: 9px;
  font-size: 0.83em;
}
#breadcrumb li:first-child a {
  padding-left: 12px;
  border-radius: 3px 0 0 3px;
}
#breadcrumb li:first-child a:before {
  border: none;
}
#breadcrumb li:last-child a {
  color: #fff;
  padding-right: 15px;
  border-radius: 0 3px 3px 0;
  margin-right: 0;
  background: #c0c6d6;
}
#breadcrumb li:last-child a:after {
  border: none;
}
#breadcrumb li:last-child a:before {
  border-color: #c0c6d6;
  border-left-color: transparent;
}
#breadcrumb li:last-child a:hover {
  color: #fff;
}
#breadcrumb li:last-child:first-child {
  border-radius: 3px;
}
#breadcrumb li a:before, #breadcrumb li a:after {
  content: "";
  position: absolute;
  top: 0;
  border: 0 solid #fff;
  border-width: 17px 6px;
  width: 0;
  height: 0;
}
#breadcrumb li a:before {
  left: -8px;
  border-left-color: transparent;
}
#breadcrumb li a:after {
  left: 100%;
  border-color: transparent;
  border-left-color: #fff;
}
#breadcrumb li a:hover {
  color: #4c4c4c;
}
#breadcrumb li a:hover:before {
  border-left-color: transparent;
}
#breadcrumb li a:active {
  color: #909090;
}

fieldset {
  border: 1px solid #e9e9e9;
  background: #f8f8f8;
  border-radius: 3px;
  margin: 0 -5px 5px;
  padding: 5px;
}
fieldset.row {
  background: #fff;
}
fieldset.row table thead tr th {
  text-align: left;
}
fieldset.row table thead tr th:last-child {
  width: 30px;
}
fieldset legend {
  font-weight: bold;
  letter-spacing: 1px;
}

.class-cdm .button {
  background: #5878A7;
  color: #fff;
}
.class-cdm .button:hover {
  background: #4f6c96;
  color: #fff;
}
.class-cdm .button:active, .class-cdm .button:focus-within {
  background: #466086;
  color: #fff;
}

.button {
  display: inline-block;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  background: #fb6e52;
  border: none;
  border-radius: 3px;
  color: #ffffff;
  font-size: 1em;
  font-weight: bold;
  line-height: 1;
  padding: 14px 30px;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .button {
    padding: 10px 15px;
    font-size: 0.83em;
  }
}
.button i {
  font-size: 12px;
}
.button i.drop {
  color: rgba(0, 0, 0, 0.3);
  margin-right: -5px;
  margin-left: 5px;
  transform: scale(1.25, 1.25);
  display: inline-block;
}
.button:hover, .button:focus {
  background: #fa5939;
  outline: none;
}
.button.default {
  background: #4c4c4c;
}
.button.cda {
  background: #fb6e52;
  color: #fff;
}
.button.cda:hover {
  background: #fa5939;
  color: #fff;
}
.button.class-cdm .button.cdm {
  background: #5878A7;
  color: #fff;
}
.button.class-cdm .button.cdm:hover {
  background: #4f6c96;
  color: #fff;
}
.button.class-cdm .button.cdm:active {
  background: #466086;
  outline: none;
}
.button.outline-cda {
  background: none;
  color: #fb6e52;
  box-shadow: inset 0 0 0 1px #fb6e52;
}
.button.outline-cda.contrast {
  background: #fff;
  box-shadow: inset 0 0 0 1px #fb6e52, 0 0 0 1px #fff;
}
.button.outline-cda:hover {
  background: none;
  color: #fa5939;
  box-shadow: inset 0 0 0 1px #fa5939;
}
.button.outline-cda:hover.contrast {
  background: #fff;
  box-shadow: inset 0 0 0 1px #fa5939, 0 0 0 1px #fff;
}
.button.outline-cdm {
  background: none;
  color: #5878A7;
  box-shadow: inset 0 0 0 1px #5878A7;
}
.button.outline-cdm.contrast {
  background: #fff;
  box-shadow: inset 0 0 0 1px #5878A7, 0 0 0 1px #fff;
}
.button.outline-cdm:hover {
  background: none;
  color: #4f6c96;
  box-shadow: inset 0 0 0 1px #4f6c96;
}
.button.outline-cdm:hover.contrast {
  background: #fff;
  box-shadow: inset 0 0 0 1px #4f6c96, 0 0 0 1px #fff;
}
.button.button-more {
  background: #92929c;
  color: #fff;
  text-align: center;
  justify-content: center;
  margin: 5px;
  border-radius: 3px;
  height: 30px;
}
.button.view {
  padding-left: 15px;
  padding-right: 15px;
  color: #4c4c4c;
  background: #fff;
}
.button.view:hover {
  background: #d3d3d3;
}
.button.white {
  color: #4c4c4c;
}
.button.white:hover {
  background: #fff;
  color: #3c3c3c;
}
.button.transparent {
  color: #4c4c4c;
  background: none;
}
.button.transparent:hover {
  backgrond: rgba(255, 255, 255, 0.1);
}
.button.link {
  background: rgba(0, 0, 0, 0.05);
  border: none;
  color: #4c4c4c;
  white-space: nowrap;
}
.button.link:hover {
  background: rgba(0, 0, 0, 0.15);
}
.button.link:disabled {
  background: #fff;
  color: #d3d3d3;
}
.button.outline {
  border: solid 2px #fb6e52;
  background: none;
  color: #fb6e52;
}
.button.outline:disabled {
  background: #fff;
  border: solid 2px #d3d3d3;
  color: #d3d3d3;
}
.button.outline:hover {
  color: inherit;
  border-color: inherit;
  background: none;
  filter: brightness(0.9);
}
.button.outlined {
  background: #fff;
  box-shadow: inset 0 0 0 1px #cacaca !important;
  color: #4c4c4c;
}
.button.outlined:disabled {
  background: #cacaca;
  color: #909090;
}
.button.outlined:hover {
  box-shadow: inset 0 0 0 1px #acacac !important;
  background: #f0f0f0;
}
.button.outline-gray {
  border: none;
  box-shadow: inset 0 0 0 1px #909090;
  color: #707070;
  background: transparent;
}
.button.outline-gray:disabled, .button.outline-gray.disabled {
  box-shadow: inset 0 0 0 1px #d2d2d2;
  color: #c2c2c2;
}
.button.outline-gray:hover {
  background: transparent;
  box-shadow: inset 0 0 0 1px #707070;
  color: #707070;
}
.button.outline-orange {
  border: none;
  box-shadow: inset 0 0 0 1px #fb6e52;
  color: #4c4c4c;
  background: #fff;
}
.button.outline-orange:disabled, .button.outline-orange.disabled {
  box-shadow: none;
}
.button.outline-orange:hover {
  background: #fff2f2;
}
.button.outline-green {
  border: none;
  box-shadow: inset 0 0 0 1px #3bae71;
  color: #3bae71;
  background: #fff;
}
.button.outline-green:disabled, .button.outline-green.disabled {
  box-shadow: none;
}
.button.outline-green:hover {
  background: #ffffff;
  box-shadow: inset 0 0 0 1px #359b65;
  color: #359b65;
}
.button.outline-red {
  border: none;
  box-shadow: inset 0 0 0 1px #f33a3a;
  color: #f33a3a;
  background: #fff;
}
.button.outline-red:disabled, .button.outline-red.disabled {
  box-shadow: none;
}
.button.outline-red:hover {
  background: #ffffff;
  box-shadow: inset 0 0 0 1px #f22222;
  color: #f22222;
}
.button.facebook {
  background: #3b5998;
  color: #fff;
  padding-left: 45px;
  position: relative;
}
@media (max-width: 767px) {
  .button.facebook {
    font-size: 0.83em;
  }
}
.button.facebook:hover {
  background-color: #29487d;
}
.button.facebook:hover i {
  color: #29487d;
}
.button.facebook i {
  top: 9px;
  left: 10px;
  background: #fff;
  color: #3b5998;
  border-radius: 2px;
  padding: 8px 1px 0px 7px;
  width: 18px;
  height: 18px;
  text-align: center;
  font-size: 20px;
  line-height: 16px;
  position: absolute;
}
.button.google {
  background: #db4437;
  color: #fff;
  padding-left: 45px;
  position: relative;
}
.button.google:hover {
  background-color: #bb2417;
}
.button.google:hover i {
  color: #bb2417;
}
.button.google i {
  top: 9px;
  left: 10px;
  background: #fff;
  color: #db4437;
  border-radius: 2px;
  padding: 4px;
  width: 18px;
  height: 18px;
  text-align: center;
  font-size: 20px;
  line-height: 20px;
  position: absolute;
}
.button.job-button {
  position: absolute;
  right: 0;
}
.button.rotate-hover i {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  display: inline-block;
}
.button.rotate-hover:hover i, .button.rotate-hover:focus i {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.button:active {
  background: #fa5939;
  outline: none;
}
.button.full {
  display: block;
  width: 100%;
  margin: 18px 0;
  text-align: center;
}
.button.flex {
  display: flex;
  justify-content: space-between;
  align-content: center;
  align-items: center;
}
.button.flex span {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
}
.button.red-white {
  background: #fff;
  color: #f33a3a;
}
.button.warning-flash {
  color: #fff;
  background: #f33a3a;
  animation: warningflashing 1s infinite;
}
.button.red-gray {
  background: #f2f2f2;
  color: #f33a3a;
}
.button.button-lg {
  padding-left: 110px;
  padding-right: 110px;
}
.button.button-xl {
  min-width: 240px;
  text-align: center;
  padding-top: 18px;
  padding-bottom: 18px;
}
.button.show-results {
  position: fixed;
  bottom: 0px;
  width: calc(100% - 30px);
  padding: 18px;
  margin: 0 0 5px;
}
@media screen and (min-width: 769px) {
  .button.show-results {
    display: none;
  }
}
.button.lighten-gray {
  background: #d3d3d3;
  color: #fff;
}
.button.button-sm {
  padding: 8px 20px;
  font-size: 0.75em;
}
.button.button-crl {
  display: flex;
  align-content: center;
  align-items: center;
  padding: 10px !important;
}
.button.button-crl > i:first-child {
  padding-right: 5px;
  opacity: 0.8;
}
.button.button-crl a {
  color: #fff !important;
  padding: 0 !important;
}
.button.button-crl a.tool-tip .tool-tip-content {
  margin-top: 40px;
  font-size: 0.83em;
}
.button.button-crl a.tool-tip:hover .tool-tip-content {
  margin-top: 31px;
}
.button.button-crl.preloader {
  display: inline-block;
  width: 32px;
  height: 32px;
}
.button.center-button {
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.button.button-min {
  margin: 0;
  width: auto;
  box-sizing: border-box;
  padding: 5px;
  line-height: 1;
}
.button.button-mini {
  margin: 0;
  width: fit-content;
  box-sizing: border-box;
  padding: 0;
  line-height: 1;
  border: #fb6e52 1px solid;
  color: #fb6e52;
  background: #fff;
  border-radius: 3px;
  font-size: 0.75em;
  font-weight: normal;
  padding: 3px 5px;
  display: flex;
}
@media screen and (max-width: 768px) {
  .button.button-mini {
    font-size: 1em;
    padding: 5px 10px;
  }
}
.button.button-mini:hover {
  color: #fa5939;
  background: #fafafa;
  border-color: #fa5939;
}
.button.button-mini.green {
  background: #fff;
  border-color: #2fd57d;
  color: #2fd57d;
}
.button.button-mini.green:hover {
  color: #27c371;
  background: #fafafa;
  border-color: #27c371;
}
.button.button-mini.gray {
  background: #fff;
  border-color: #c9c9c9;
  color: #b6b6b6;
}
.button.button-mini.gray:hover {
  color: #787878;
  background: #fafafa;
  border-color: #787878;
}
.button.history-info {
  box-shadow: inset 0 0 0 1px #4c4c4c;
  color: #4c4c4c;
}
.button.last-info {
  box-shadow: inset 0 0 0 30px #4c4c4c;
  color: #fff;
}
.button.mobile {
  display: none;
}
@media (max-width: 767px) {
  .button.mobile {
    display: inline-block;
  }
}
.button.preloader-button {
  position: relative;
}
.button.preloader-button:after {
  content: "";
  height: 20px;
  width: 20px;
  position: absolute;
  right: 5px;
  background-image: url("/dist/images/preloader.svg");
  background-repeat: no-repeat;
  background-size: contain;
  top: 50%;
  margin-top: -10px;
}
.button.button-add {
  position: relative;
  display: inline-block;
  margin: 5px 0 0 0 !important;
}
.button.button-add i {
  position: static !important;
  margin-left: -5px;
}
.button.white {
  background: #ffffff;
}
.button.white:hover, .button.white:focus {
  background: #f2f2f2;
  outline: none;
}
.button.white:active {
  background: #f2f2f2;
  outline: none;
}
.button.orange {
  background: #fb6e52;
}
.button.orange:hover, .button.orange:focus {
  background: #fa5939;
  outline: none;
}
.button.orange:active {
  background: #fa5939;
  outline: none;
}
.button.blue {
  background: #2dbdfd;
}
.button.blue:hover, .button.blue:focus {
  background: #14b5fd;
  outline: none;
}
.button.blue:active {
  background: #14b5fd;
  outline: none;
}
.button.green {
  background: #3bae71;
}
.button.green:hover, .button.green:focus {
  background: #359b65;
  outline: none;
}
.button.green:active {
  background: #359b65;
  outline: none;
}
.button.gray {
  background: #b2b2b2;
}
.button.gray:hover, .button.gray:focus {
  background: #a5a5a5;
  outline: none;
}
.button.gray:active {
  background: #a5a5a5;
  outline: none;
}
.button.darkgray {
  background: #4c4c4c;
}
.button.darkgray:hover, .button.darkgray:focus {
  background: #3f3f3f;
  outline: none;
}
.button.darkgray:active {
  background: #3f3f3f;
  outline: none;
}
.button.light-green {
  background: #2fd57d;
}
.button.light-green:hover, .button.light-green:focus {
  background: #27c371;
  outline: none;
}
.button.light-green:active {
  background: #27c371;
  outline: none;
}
.button.gray {
  background: #b2b2b2;
}
.button.gray:hover, .button.gray:focus {
  background: #a5a5a5;
  outline: none;
}
.button.gray:active {
  background: #a5a5a5;
  outline: none;
}
.button.red {
  background: #f33a3a;
}
.button.red:hover, .button.red:focus {
  background: #f22222;
  outline: none;
}
.button.red:active {
  background: #f22222;
  outline: none;
}
.button:disabled, .button.disabled {
  background-color: #efefef;
  color: #707070;
  cursor: not-allowed;
}
.button:disabled:hover, .button:disabled:focus, .button.disabled:hover, .button.disabled:focus {
  background: #ededed;
}
.button:disabled:active, .button.disabled:active {
  background: #ededed;
}
.button.arrow-left {
  position: relative;
  overflow: visible;
}
.button.arrow-left:after, .button.arrow-left:before {
  right: 100%;
  top: 50%;
  border: solid transparent;
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(136, 183, 213, 0);
  border-right-color: #3bae71;
  border-width: 16px;
  margin-right: -8.9px;
  margin-top: -16px;
  transform: scaleX(0.5);
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}
.button.arrow-left:after {
  content: " ";
}
.button.arrow-left:hover:after {
  border-right-color: #359b65;
}
.button.arrow-left:disabled:after {
  border-left-color: #c8c8c8;
}
.button.arrow-left:disabled:hover:after {
  border-left-color: #c8c8c8;
}
.button.arrow-left.outline {
  background: #fff;
  box-shadow: inset 0 0 0 1px #3bae71;
  color: #4c4c4c;
  border: none;
}
.button.arrow-left.outline:after {
  border-right-color: #fff;
  border-width: 20px !important;
  margin-right: -11px !important;
  margin-top: -20px !important;
}
.button.arrow-left.outline:before {
  content: " ";
  margin-right: -11px;
  border-width: 22px;
  margin-top: -22px;
  border-right-color: #3bae71;
}
.button.arrow-right {
  position: relative;
  overflow: visible;
}
.button.arrow-right:after {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(59, 174, 113, 0);
  border-left-color: #3bae71;
  border-width: 16px;
  margin-left: -8.9px;
  margin-top: -16px;
  transform: scaleX(0.5);
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}
.button.arrow-right:hover:after {
  border-left-color: #359b65;
}
.button.arrow-right:disabled:after {
  border-left-color: #c8c8c8;
}
.button.arrow-right:disabled:hover:after {
  border-left-color: #c8c8c8;
}

.buttons-clean-add {
  width: 100%;
}
.buttons-clean-add.fix-button {
  margin-top: 10px;
}
@media (max-width: 767px) {
  .buttons-clean-add {
    margin-top: 10px;
  }
}
.buttons-clean-add .add-small-button {
  color: #fff;
  /* border: 2px solid #3bae71; */
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 3px;
  padding: 0 5px;
  background: #3bae71;
  /* line-height: 30px; */
  margin: 0 0 0;
  transition: 0.3s all;
  box-shadow: 0 2px 0 0 #2e8858;
}
.buttons-clean-add .add-small-button ~ .add-small-button {
  margin-left: 2px;
}
.buttons-clean-add .add-small-button i {
  margin-right: 10px;
}
.buttons-clean-add .add-small-button:hover {
  background: #359b65;
}
.buttons-clean-add .add-small-button.orange {
  background: #fb6e52;
  box-shadow: 0 2px 0 0 #fa4420;
}
.buttons-clean-add .add-small-button.orange:hover {
  background: #fa5939;
}
.buttons-clean-add .add-small-button.disabled {
  cursor: not-allowed;
}

.action .buttons-actions {
  color: #f9f9f9;
}

.button-action {
  margin: 0;
  width: 32px;
  height: 32px;
  display: inline-flex;
  font-size: 1.25em;
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.4);
  background: #fff;
  justify-content: center;
  align-items: center;
  border-radius: 3px;
  border: none;
  transition: 0.3s all;
  outline: none;
}
.button-action:hover {
  background: #fb6e52;
  color: #fff;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0);
}
.button-action:disabled, .button-action:disabled:hover {
  background: #f0f0f0;
  color: #7a7a7a;
  cursor: not-allowed1;
}

.action-buttons {
  flex-wrap: nowrap;
  white-space: nowrap;
}
.action-buttons .button.tool-tip {
  padding: 10px;
  margin: 0 3px 0 0;
  text-decoration: none;
}
.action-buttons .button.tool-tip:last-child {
  margin-right: 0;
}
.action-buttons .button.tool-tip:not(.red-white):not(.link):not(.red-gray) {
  color: #fff;
}

.buttons-actions {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  flex-wrap: wrap;
}
.buttons-actions .download-quotation {
  padding: 10px;
  box-sizing: border-box;
}

.response-messages {
  display: block;
  color: #fff;
  padding: 10px;
  box-sizing: border-box;
  width: 100%;
}
.response-messages i {
  color: #fb6e52;
  font-size: 1.2em;
  margin-right: 10px;
}
.response-messages .response-message {
  display: flex;
  flex-wrap: nowrap;
}
.response-messages .response-message p {
  flex: 0 0 100%;
  padding: 3px;
  box-sizing: border-box;
}

.class-cdm .outline-cda {
  background: none;
  color: #5878A7;
  box-shadow: inset 0 0 0 1px #5878A7;
}
.class-cdm .outline-cda.contrast {
  background: #fff;
  box-shadow: inset 0 0 0 1px #5878A7, 0 0 0 1px #fff;
}
.class-cdm .outline-cda:hover {
  background: none;
  color: #4f6c96;
  box-shadow: inset 0 0 0 1px #4f6c96;
}
.class-cdm .outline-cda:hover.contrast {
  background: #fff;
  box-shadow: inset 0 0 0 1px #4f6c96, 0 0 0 1px #fff;
}

@keyframes warningflashing {
  0% {
    background-color: #f33a3a;
    color: #fff;
  }
  45% {
    background-color: #f33a3a;
    color: #fff;
  }
  50% {
    background-color: #fff;
    color: #f33a3a;
  }
  95% {
    background-color: #fff;
    color: #f33a3a;
  }
  100% {
    background-color: #f33a3a;
    color: #fff;
  }
}
.pagination {
  display: flex;
  justify-content: center;
  padding: 10px 0 30px;
  border-top: 1px solid #ccc;
}
.pagination .page {
  display: flex;
  justify-content: center;
  color: #808080;
  padding: 5px 8px;
  font-weight: bold;
}
.pagination .page:hover {
  color: #4c4c4c;
}
.pagination .page i {
  opacity: 0.5;
}
.pagination .page.page-unselected {
  cursor: pointer;
}
.pagination .page.page-selected {
  cursor: default;
}

.class-cda .pagination .page.page-selected {
  color: #fb6e52;
}

.class-cdm .pagination .page.page-selected {
  color: #5878A7;
}

.toggle-button {
  width: 17px;
  height: 17px;
  background: none;
  border: 2px solid #fb6e52;
  color: #fb6e52;
  border-radius: 9px;
  margin: 0;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  outline: none;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.toggle-button:focus {
  outline: 0;
}
.toggle-button:before {
  text-align: center;
  position: absolute;
  font-family: "mediatrade-icons";
  content: "";
  font-size: 13px;
  width: 11px;
  height: 11px;
  top: 0px;
  left: 0px;
}
.toggle-button.openned {
  background: #fb6e52;
  color: #fff;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.toggle-button.openned:before {
  content: "";
}

.inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.inputfile + label {
  max-width: 80%;
  font-size: 1em;
  /* 20px */
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  padding: 14px 30px;
  color: #4c4c4c;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  margin: 0 5px;
  /* 10px 20px */
}
.inputfile + label:hover {
  background: rgba(0, 0, 0, 0.15);
}
.inputfile:focus + label, .inputfile.has-focus + label {
  outline: none;
  outline: none;
  background: rgba(0, 0, 0, 0.15);
}
.inputfile svg {
  width: 1em;
  height: 1em;
  vertical-align: middle;
  fill: #fb6e52;
  margin-top: -0.25em;
  /* 4px */
  margin-right: 0.25em;
  /* 4px */
}

.form-input {
  margin: 0 0 6px 0;
  position: relative;
  width: 100%;
}
@media (max-width: 767px) {
  .form-input {
    margin: 0;
  }
}
.form-input label {
  font-size: 0.688em;
  font-weight: bold;
  width: 100%;
  color: #4c4c4c;
}
.form-input label:before {
  content: "";
  color: #526afb;
}
.form-input.form-input-sm p {
  font-size: 1em;
  display: flex;
}
.form-input.form-input-sm p span {
  width: 100%;
}
.form-input.form-input-sm p span ~ i {
  padding: 2.5px;
  cursor: pointer;
}
.form-input.form-input-sm input,
.form-input.form-input-sm select {
  height: 20px;
  line-height: 20px;
  width: 100%;
  font-weight: normal;
}
.form-input.form-input-sm input ~ i,
.form-input.form-input-sm textarea ~ i,
.form-input.form-input-sm select ~ i {
  padding: 2.5px;
  cursor: pointer;
}
.form-input input {
  box-shadow: inset 0 -1px 0 #d2d2d2;
}
@media screen and (max-width: 768px) {
  .form-input input {
    box-shadow: none;
    border-bottom: 1px solid #d2d2d2;
  }
}
.form-input .uri-preview {
  font-size: 0.83em;
  padding: 5px 3px 3px 3px;
}
.form-input:after {
  content: "";
  display: block;
  position: absolute;
  right: 10px;
  top: 32px;
  height: 12px;
  width: 12px;
  margin: 0;
  z-index: 9;
}
.form-input.success:after {
  background: no-repeat url(../../src/images/success.svg);
}
.form-input .message {
  display: block;
  font-size: 0.75em;
  font-weight: bold;
  text-align: right;
  width: 100%;
  padding: 0px 0 0 0;
  color: #f33a3a;
  box-sizing: border-box;
}
.form-input .invalid + .message {
  display: block;
}
.form-input .message-error {
  display: block;
  font-size: 0.75em;
  font-weight: bold;
  text-align: right;
  width: 100%;
  padding: 4px 0 0 0;
  color: #f33a3a;
  float: right;
}

.input-group {
  display: flex;
  flex-wrap: nowrap;
}
.input-group input {
  margin-left: 3px;
}
.input-group input:first-child {
  margin-left: 0;
}

.input-group .form-input {
  margin-left: 3px;
}
.input-group .form-input:first-child {
  margin-left: 0;
}
.input-group .form-input input {
  margin-left: 0;
}

.facebook-error-messages {
  display: block;
}
.facebook-error-messages .message {
  font-size: 0.75em;
  font-weight: bold;
  text-align: center;
  width: 100%;
  padding: 4px 0 0 0;
  margin: -10px 0 10px 0;
  color: #f33a3a;
}

.input-range {
  position: relative;
  box-sizing: border-box;
  padding-top: 30px;
}
.input-range .range-tooltip {
  font-size: 0.688em;
  background: #fb6e52;
  padding: 6px 6px 8px 6px;
  margin-bottom: 6px;
  top: 0px;
  display: block;
  min-width: 75px;
  text-align: center;
  color: #ffffff;
  border-radius: 4px;
  position: absolute;
}
.input-range .range-tooltip:before {
  height: 0;
  width: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #fb6e52;
  content: "";
  bottom: -4px;
  position: absolute;
  left: 50%;
  margin-left: -5px;
}
.input-range .range-values {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.688em;
  color: #b2b2b2;
  font-weight: bold;
  padding-top: 10px;
}

.block-checkboxes {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}

.input-checkbox {
  display: flex;
  align-items: center;
  margin: 7px 0;
  position: relative;
}
.input-checkbox label {
  width: 18px;
  height: 18px;
  box-sizing: border-box;
  cursor: pointer;
  position: absolute;
  left: 0;
  background: #ffffff;
  border-radius: 3px;
  border: 2px solid #c6c6c6;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}
.input-checkbox label.disabled, .input-checkbox label:disabled {
  opacity: 0.25;
  cursor: not-allowed;
}
.input-checkbox label.disabled:after, .input-checkbox label:disabled:after {
  color: #999;
}
.input-checkbox label.disabled:hover, .input-checkbox label:disabled:hover {
  border-color: rgba(51, 51, 51, 0.5);
}
.input-checkbox label:after {
  font-family: "mediatrade-icons";
  content: "";
  position: absolute;
  top: 1px;
  left: 3px;
  font-size: 0.738em;
  color: #3bae71;
  background: transparent;
  opacity: 0;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}
.input-checkbox label:hover {
  border-color: rgba(59, 174, 113, 0.5);
}
.input-checkbox span {
  display: inline-block;
  font-size: 0.875em;
  font-weight: normal;
  padding-left: 10px;
  color: #4c4c4c;
}
.input-checkbox input[type=checkbox] {
  visibility: hidden;
}
.input-checkbox input[type=checkbox]:checked + label {
  border-color: rgba(59, 174, 113, 0.5);
}
.input-checkbox input[type=checkbox]:checked + label:after {
  opacity: 1;
}

.checkbox-input {
  display: flex;
  align-items: center;
  margin: 7px 0;
  position: relative;
  z-index: 1;
}
.checkbox-input span {
  width: 18px;
  height: 18px;
  box-sizing: border-box;
  cursor: pointer;
  position: absolute;
  left: 0;
  background: #ffffff;
  border-radius: 2px;
  box-shadow: inset 0 0 0 1px #d2d2d2;
  z-index: 0;
  pointer-events: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}
.checkbox-input span.disabled, .checkbox-input span:disabled {
  opacity: 0.25;
  cursor: not-allowed;
}
.checkbox-input span.disabled:after, .checkbox-input span:disabled:after {
  color: #fedbd4;
}
.checkbox-input span.disabled:hover, .checkbox-input span:disabled:hover {
  box-shadow: inset 0 0 0 2px #eee;
  background: #fedbd4;
}
.checkbox-input span:hover {
  background: #fb6e52;
  box-shadow: inset 0 0 0 2px #fb6e52;
}
.checkbox-input span:after {
  font-family: "mediatrade-icons";
  content: "";
  position: absolute;
  top: 4px;
  left: 2px;
  font-size: 10px;
  color: #ffffff;
  background: transparent;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.checkbox-input label {
  cursor: pointer;
  display: inline-block;
  font-size: 1em;
  font-weight: normal;
  padding-left: 10px;
}
.checkbox-input input[type=checkbox] {
  width: 18px;
  height: 18px;
  padding: 0;
  margin: 0;
  opacity: 0;
  background: none;
  border: none;
  cursor: pointer;
}
.checkbox-input input[type=checkbox]:checked + span,
.checkbox-input input[type=checkbox] + span.partial {
  box-shadow: inset 0 0 0 20px #fb6e52;
}
.checkbox-input input[type=checkbox]:checked + span.--cinema,
.checkbox-input input[type=checkbox] + span.partial.--cinema {
  box-shadow: inset 0 0 0 20px #f97b17;
}
.checkbox-input input[type=checkbox]:checked + span.--jornal,
.checkbox-input input[type=checkbox] + span.partial.--jornal {
  box-shadow: inset 0 0 0 20px #f9bb04;
}
.checkbox-input input[type=checkbox]:checked + span.--midiaexterior,
.checkbox-input input[type=checkbox] + span.partial.--midiaexterior {
  box-shadow: inset 0 0 0 20px #074d81;
}
.checkbox-input input[type=checkbox]:checked + span.--online,
.checkbox-input input[type=checkbox] + span.partial.--online {
  box-shadow: inset 0 0 0 20px #c068a8;
}
.checkbox-input input[type=checkbox]:checked + span.--radio,
.checkbox-input input[type=checkbox] + span.partial.--radio {
  box-shadow: inset 0 0 0 20px #D6A800;
}
.checkbox-input input[type=checkbox]:checked + span.--revista,
.checkbox-input input[type=checkbox] + span.partial.--revista {
  box-shadow: inset 0 0 0 20px #DB7C00;
}
.checkbox-input input[type=checkbox]:checked + span.--televisao,
.checkbox-input input[type=checkbox] + span.partial.--televisao {
  box-shadow: inset 0 0 0 20px #20cbc2;
}
.checkbox-input input[type=checkbox]:checked + span:after {
  opacity: 1;
}
.checkbox-input.has-selected-child input[type=checkbox]:not(:checked) ~ span {
  box-shadow: inset 0 0 0 20px #fb6e52;
  display: flex;
  align-items: center;
  justify-content: center;
}
.checkbox-input.has-selected-child input[type=checkbox]:not(:checked) ~ span.--cinema {
  box-shadow: inset 0 0 0 20px #f97b17;
}
.checkbox-input.has-selected-child input[type=checkbox]:not(:checked) ~ span.--jornal {
  box-shadow: inset 0 0 0 20px #f9bb04;
}
.checkbox-input.has-selected-child input[type=checkbox]:not(:checked) ~ span.--midiaexterior {
  box-shadow: inset 0 0 0 20px #074d81;
}
.checkbox-input.has-selected-child input[type=checkbox]:not(:checked) ~ span.--online {
  box-shadow: inset 0 0 0 20px #c068a8;
}
.checkbox-input.has-selected-child input[type=checkbox]:not(:checked) ~ span.--radio {
  box-shadow: inset 0 0 0 20px #D6A800;
}
.checkbox-input.has-selected-child input[type=checkbox]:not(:checked) ~ span.--revista {
  box-shadow: inset 0 0 0 20px #DB7C00;
}
.checkbox-input.has-selected-child input[type=checkbox]:not(:checked) ~ span.--televisao {
  box-shadow: inset 0 0 0 20px #20cbc2;
}
.checkbox-input.has-selected-child input[type=checkbox]:not(:checked) ~ span:before {
  content: "";
  background-color: #fff;
  height: 3px;
  width: 60%;
  top: 20%;
  opacity: 1;
  left: 20%;
}
.checkbox-input.loading-sub-items input[type=checkbox] ~ span {
  box-shadow: none;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: inherit;
}
.checkbox-input.loading-sub-items input[type=checkbox] ~ span:before {
  content: "";
  background-image: url("../images/preloader.svg");
  height: 100%;
  width: 100%;
  background-size: cover;
}
.checkbox-input.loading-sub-items input[type=checkbox] ~ span:after {
  display: none;
}

.radiobox-input {
  display: flex;
  align-items: center;
  padding: 7px 0;
  position: relative;
}
.radiobox-input span {
  width: 18px;
  height: 18px;
  box-sizing: border-box;
  cursor: pointer;
  position: absolute;
  left: 0;
  background: #ffffff;
  border-radius: 9px;
  box-shadow: inset 0 0 0 1px #d2d2d2;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  pointer-events: none;
  z-index: 0;
  margin: 0;
}
.radiobox-input span:after {
  content: "";
  display: block;
  position: absolute;
  opacity: 0;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}
.radiobox-input span:hover {
  border-color: rgba(59, 174, 113, 0.5);
}
.radiobox-input label {
  display: inline-block;
  font-weight: normal;
  padding-left: 10px;
  cursor: pointer;
}
.radiobox-input input[type=radio] {
  opacity: 0;
  border: none;
  background: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  width: 18px;
  height: 18px;
  min-width: 18px;
}
.radiobox-input input[type=radio]:checked + span {
  box-shadow: inset 0 0 0 4px #fb6e52;
}
.radiobox-input input[type=radio]:checked + span:after {
  opacity: 1;
}
.radiobox-input input[type=radio]:disabled:checked + span {
  border-color: rgba(51, 51, 51, 0.5);
  cursor: not-allowed;
}
.radiobox-input input[type=radio]:disabled:checked + span:after {
  opacity: 1;
}

.input-radiobox {
  display: flex;
  align-items: center;
  padding: 7px 0;
  position: relative;
}
.input-radiobox label {
  width: 18px;
  height: 18px;
  box-sizing: border-box;
  cursor: pointer;
  position: absolute;
  left: 0;
  background: #ffffff;
  border-radius: 9px;
  border: 2px solid #c6c6c6;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}
.input-radiobox label:after {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: block;
  position: absolute;
  top: 2px;
  left: 2px;
  background: #3bae71;
  opacity: 0;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}
.input-radiobox label:hover {
  border-color: rgba(59, 174, 113, 0.5);
}
.input-radiobox span {
  display: inline-block;
  font-size: 0.875em;
  font-weight: normal;
  padding-left: 10px;
}
.input-radiobox input[type=radio] {
  visibility: hidden;
}
.input-radiobox input[type=radio]:checked + label {
  border-color: rgba(59, 174, 113, 0.5);
}
.input-radiobox input[type=radio]:checked + label:after {
  opacity: 1;
}
.input-radiobox input[type=radio]:disabled:checked + label {
  border-color: rgba(51, 51, 51, 0.25);
  cursor: not-allowed;
}
.input-radiobox input[type=radio]:disabled:checked + label:after {
  opacity: 0.4;
}
.input-radiobox input[type=radio]:disabled:not(:checked) + label {
  border-color: rgba(51, 51, 51, 0.25);
  cursor: not-allowed;
}
.input-radiobox input[type=radio]:disabled:not(:checked) + label:after {
  opacity: 0;
}

.checkbox-button {
  display: flex;
  align-items: center;
  margin: 0;
}
.checkbox-button label {
  width: auto;
  box-sizing: border-box;
  cursor: pointer;
  background: #3bae71;
  border-radius: 3px;
  padding: 5px;
  color: #fff;
  line-height: 1;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}
.checkbox-button label:hover {
  background: #359b65;
}
.checkbox-button label.checked {
  background: #f33a3a;
}
.checkbox-button label.checked:hover {
  background: #f22222;
}
.checkbox-button input {
  width: 12px;
  display: none;
  visibility: hidden;
}
.checkbox-button input:checked + label {
  color: rgba(255, 255, 255, 0.5);
}
.checkbox-button input:disabled:checked + label {
  background: #777;
  color: #fff;
}
.checkbox-button button {
  background: #fb6e52;
  margin: 0 0 0 5px !important;
  font-weight: normal !important;
}

.checkboxes {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.checkboxes .two-columns {
  flex: 0 0 50%;
}
.checkboxes .three-columns {
  flex: 0 0 33.33%;
}
.checkboxes .four-columns {
  flex: 0 0 25%;
}
.checkboxes .five-columns {
  flex: 0 0 20%;
}

.radioboxes {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.radioboxes .radiobox {
  box-sizing: border-box;
  padding-right: 5px;
}
.radioboxes.radioboxes-inline {
  flex-wrap: nowrap;
}
.radioboxes.radioboxes-inline .input-radiobox {
  flex: 0 0 28%;
  padding-right: 10px;
}
.radioboxes.radioboxes-inline .input-radiobox span {
  padding-left: 5px;
}

.switch {
  position: relative;
  display: inline-block;
  width: 30px;
  flex: 0 0 30px;
  height: 17px;
}
.switch.disabled {
  cursor: not-allowed;
}
.switch span.disabled {
  cursor: not-allowed;
}
.switch input {
  display: none;
}
.switch input:checked + .slider {
  background-color: #fb6e52;
}
.switch input:checked + .slider:before {
  -webkit-transform: translateX(13px);
  -ms-transform: translateX(13px);
  transform: translateX(13px);
}
.switch input:focus + .slider {
  box-shadow: 0 0 1px #fb6e52;
}
.switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
}
.switch .slider:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}
.switch .slider.round {
  border-radius: 17px;
  margin: 0;
}
.switch .slider.round:before {
  border-radius: 50%;
}
.switch.green-red input:checked + .slider {
  background-color: #3bae71;
}
.switch.green-red input:focus + .slider {
  box-shadow: 0 0 1px #3bae71;
}
.switch.green-red .slider {
  background-color: #f33a3a;
}
.switch.outlined input:checked + .slider {
  background-color: #fff;
  box-shadow: inset 0 0 0 2px #000;
}
.switch.outlined .slider {
  background-color: #fff;
  box-shadow: inset 0 0 0 2px #000;
}
.switch.outlined .slider:before {
  box-shadow: 0 0 0 2px #000;
}
.switch.switch-option input:checked + .slider {
  background-color: #fb6e52;
}
.switch.switch-option input:focus + .slider {
  box-shadow: 0 0 1px #fb6e52;
}
.switch.switch-option .slider {
  background: #fb6e52;
}

.bordered {
  display: flex;
  align-content: center;
  align-items: center;
}
.bordered > label {
  padding: 5px;
}
.bordered .slider {
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15), 0 0 0 1px #DFE1E5;
}
.bordered .slider input:checked + .slider {
  background-color: #fff;
}
.bordered .slider input:focus + .slider {
  box-shadow: 0 0 1px #fff;
}
.bordered .slider .slider {
  background-color: #fff;
}
.bordered .switch .slider:before {
  background: #fb6e52;
}
.bordered .round {
  background: #fafafa;
}

input[type=checkbox]:checked.orange-checkbox + label:before {
  border-color: #fb6e52;
  background-color: #fb6e52;
  color: white;
}

.class-cdm input[type=checkbox]:checked.orange-checkbox + label:before {
  border-color: #5878A7;
  background-color: #5878A7;
  color: white;
}
.class-cdm .switch input:checked + .slider {
  background: #5878A7;
}
.class-cdm .bordered .switch span {
  box-shadow: inset 0 0 0 1px #5878A7;
}
.class-cdm .bordered .switch input:checked + .slider {
  background: #fff;
}
.class-cdm .bordered .switch .slider:before {
  background: #5878A7;
}
.class-cdm .label-input {
  display: flex !important;
  position: relative;
  width: 40px !important;
  flex: 0 0 40px;
}
.class-cdm .label-input input {
  width: 100%;
  margin-right: 0;
  margin-left: 0;
  padding-right: 15px;
}
.class-cdm .label-input strong {
  font-size: 14px;
  position: absolute;
  right: 5px;
  top: 10px;
}

.search-input-icon {
  position: relative;
}
.search-input-icon input {
  box-sizing: border-box;
  padding-right: 20px;
}
.search-input-icon i {
  height: 24px;
  width: 12px;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 3px;
  color: #707070;
  top: 50%;
  margin-top: -12px;
  display: flex;
}

input[type=text].otp-input {
  font-weight: bold;
  text-align: center;
  font-size: 28px;
  border-radius: 3px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
  border: thin solid rgba(0, 0, 0, 0.25);
  margin-right: 10px;
  padding: 20px;
}
input[type=text].otp-input:last-child {
  margin-right: 0;
}

.checkbox-list {
  cursor: pointer;
  position: relative;
  display: flex;
  padding: 5px 0;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
}
.checkbox-list .checkbox {
  background: #efefef;
  border-radius: 3px;
  transition: all 0.2s;
  position: relative;
  height: 18px;
  width: 18px;
  margin-right: 5px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}
.checkbox-list .checkbox:after {
  background-clip: padding-box;
  border: 0.1rem solid #fff;
  border-left-width: 0;
  border-top-width: 0;
  height: 10px;
  left: 50%;
  margin-left: -3px;
  margin-top: -7px;
  position: absolute;
  top: 50%;
  transform: rotate(45deg);
  width: 4px;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  opacity: 0;
  content: "";
}
.checkbox-list.current .checkbox, .checkbox-list.checked .checkbox {
  background: #3bae71;
}
.checkbox-list.current .checkbox:after, .checkbox-list.checked .checkbox:after {
  opacity: 1;
}
.checkbox-list.current label, .checkbox-list.checked label {
  font-weight: bold;
}

.fade-transition {
  transition: all 0.4s ease;
  overflow: hidden;
  visibility: visible;
}

.content.fade-transition {
  transition-delay: 0.4s;
}

.fade-enter,
.fade-leave {
  opacity: 0;
  visibility: hidden;
}

.messagealert-transition {
  transition: all 0.4s ease;
  overflow: hidden;
  visibility: visible;
}

.content.messagealert-transition {
  transition-delay: 0.4s;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

.messagealert-enter,
.messagealert-leave {
  opacity: 0.8;
  visibility: hidden;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
}

.modal-transition {
  transition: all 0.4s ease;
  overflow: hidden;
  visibility: visible;
}

.modal-transition .modal-wrapper {
  transition: all 0.4s ease;
}

.content.modal-transition .modal-wrapper {
  transition-delay: 0.4s;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.content.modal-transition .modal-wrapper {
  padding-bottom: 0;
}

.modal-enter,
.modal-leave {
  opacity: 0;
  visibility: hidden;
}

.modal-enter .modal-wrapper,
.modal-leave .modal-wrapper {
  -webkit-transform: translateY(-50px);
  -moz-transform: translateY(-50px);
  -ms-transform: translateY(-50px);
  transform: translateY(-50px);
  padding-bottom: 50px;
}

.expand-transition {
  transition: all 0.5s;
  height: auto;
}

/* .expand-enter defines the starting state for entering */
/* .expand-leave defines the ending state for leaving */
.expand-enter,
.expand-leave {
  height: 0;
  padding-top: 0;
  padding-bottom: 0;
  opacity: 0;
  overflow: hidden;
}

.accordion-transition {
  display: table-row;
}

.accordion-enter,
.accordion-leave {
  display: none;
}

.badge {
  background: #fa5939;
  border: none;
  border-radius: 10px;
  display: inline-block;
  color: #ffffff;
  font-size: 11px;
  font-style: normal;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 19px;
  padding: 0 9px;
  margin: 0 2px;
  -webkit-font-smoothing: antialiased;
}
.badge.animation {
  animation: pulse 0.3s;
}
.badge.light-gray {
  letter-spacing: 0;
  padding: 0 4px;
  margin: 0 0 0 5px;
  background: #686868;
  color: #f0f0f0;
}
.badge.count {
  position: absolute;
  right: -5px;
  top: -4px;
  padding: 2px 4px;
  line-height: 10px;
  font-size: 9px;
  background: #4c4c4c;
  color: #fff !important;
}
.badge.green {
  background: #3bae71;
}
.badge.blue {
  background: #526afb;
}
.badge.red {
  background: #f33a3a;
}
.badge.gray {
  background: #b2b2b2;
}

.text-badge {
  padding: 5px;
  margin: 20px 5px 20px 0;
  display: inline-block;
  border-radius: 3px;
  border: 1px solid #fb6e52;
}

.cda .text-badge {
  border-color: #5878A7;
}

.infos-resume {
  display: flex;
  font-weight: bold;
}
.infos-resume .info-resume {
  flex: 1 1 25%;
  font-size: 0.83em;
}
.infos-resume .info-resume:first-child {
  border-left: none;
}
@media screen and (max-width: 768px) {
  .infos-resume .info-resume {
    display: flex;
    justify-content: space-between;
    padding-bottom: 10px;
  }
}
.infos-resume .info-resume .info-resume-head {
  color: #afb1b7;
}
@media screen and (min-width: 769px) {
  .infos-resume .info-resume .info-resume-head {
    border-bottom: 1px solid #e9e9e9;
    padding: 5px 15px;
    font-size: 12px;
  }
}
@media screen and (min-width: 769px) {
  .infos-resume .info-resume .info-resume-head {
    padding: 5px 0;
  }
}
.infos-resume .info-resume .info-resume-body {
  color: #707070;
}
@media screen and (min-width: 769px) {
  .infos-resume .info-resume .info-resume-body {
    padding: 15px;
    font-size: 14px;
  }
}
@media screen and (min-width: 769px) {
  .infos-resume .info-resume .info-resume-body {
    padding: 5px 0;
  }
}
@media screen and (min-width: 768px) {
  .infos-resume + div {
    flex-wrap: nowrap !important;
  }
}

@keyframes pulse {
  0% {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.5, 1.5, 1.5);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.tool-tip {
  position: relative;
  cursor: pointer;
}
.tool-tip:not(.button) {
  color: #fb6e52;
}
.tool-tip:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #4c4c4c;
  border-width: 5px;
  margin-left: -5px;
  z-index: -100;
  opacity: 0;
  margin-top: -15px;
  transition: 0.3s all;
}
.tool-tip .tool-tip-content {
  white-space: nowrap;
  background: #4c4c4c;
  border-radius: 3px;
  padding: 8px;
  width: auto;
  height: auto;
  display: block;
  position: absolute;
  color: #f9f9f9;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
  z-index: -100;
  opacity: 0;
  margin-top: -5px;
  transition: 0.3s all;
  font-size: 13px;
  margin-left: -5px;
  pointer-events: none;
  cursor: auto;
}
.tool-tip .tool-tip-content ul {
  justify-content: left;
  list-style: disc;
  padding-left: 20px;
}
.tool-tip .tool-tip-content ul li {
  list-style: disc;
  line-height: 30px;
}
.tool-tip:hover .tool-tip-content {
  opacity: 1;
  z-index: 100;
  margin-top: 2px;
  pointer-events: all;
}
.tool-tip:hover:before {
  display: block;
  opacity: 1;
  z-index: 100;
  margin-top: -8px;
}
.tool-tip.right .tool-tip-content {
  right: 0;
  margin-right: -5px;
}
.tool-tip.left .tool-tip-content {
  left: 0;
  margin-left: -5px;
}
.tool-tip.button {
  margin-top: 5px;
  flex-wrap: nowrap;
  white-space: nowrap;
}

.rect-auto,
.c100.p51 .slice,
.c100.p52 .slice,
.c100.p53 .slice,
.c100.p54 .slice,
.c100.p55 .slice,
.c100.p56 .slice,
.c100.p57 .slice,
.c100.p58 .slice,
.c100.p59 .slice,
.c100.p60 .slice,
.c100.p61 .slice,
.c100.p62 .slice,
.c100.p63 .slice,
.c100.p64 .slice,
.c100.p65 .slice,
.c100.p66 .slice,
.c100.p67 .slice,
.c100.p68 .slice,
.c100.p69 .slice,
.c100.p70 .slice,
.c100.p71 .slice,
.c100.p72 .slice,
.c100.p73 .slice,
.c100.p74 .slice,
.c100.p75 .slice,
.c100.p76 .slice,
.c100.p77 .slice,
.c100.p78 .slice,
.c100.p79 .slice,
.c100.p80 .slice,
.c100.p81 .slice,
.c100.p82 .slice,
.c100.p83 .slice,
.c100.p84 .slice,
.c100.p85 .slice,
.c100.p86 .slice,
.c100.p87 .slice,
.c100.p88 .slice,
.c100.p89 .slice,
.c100.p90 .slice,
.c100.p91 .slice,
.c100.p92 .slice,
.c100.p93 .slice,
.c100.p94 .slice,
.c100.p95 .slice,
.c100.p96 .slice,
.c100.p97 .slice,
.c100.p98 .slice,
.c100.p99 .slice,
.c100.p100 .slice {
  clip: rect(auto, auto, auto, auto);
}

.pie,
.c100 .bar,
.c100.p51 .fill,
.c100.p52 .fill,
.c100.p53 .fill,
.c100.p54 .fill,
.c100.p55 .fill,
.c100.p56 .fill,
.c100.p57 .fill,
.c100.p58 .fill,
.c100.p59 .fill,
.c100.p60 .fill,
.c100.p61 .fill,
.c100.p62 .fill,
.c100.p63 .fill,
.c100.p64 .fill,
.c100.p65 .fill,
.c100.p66 .fill,
.c100.p67 .fill,
.c100.p68 .fill,
.c100.p69 .fill,
.c100.p70 .fill,
.c100.p71 .fill,
.c100.p72 .fill,
.c100.p73 .fill,
.c100.p74 .fill,
.c100.p75 .fill,
.c100.p76 .fill,
.c100.p77 .fill,
.c100.p78 .fill,
.c100.p79 .fill,
.c100.p80 .fill,
.c100.p81 .fill,
.c100.p82 .fill,
.c100.p83 .fill,
.c100.p84 .fill,
.c100.p85 .fill,
.c100.p86 .fill,
.c100.p87 .fill,
.c100.p88 .fill,
.c100.p89 .fill,
.c100.p90 .fill,
.c100.p91 .fill,
.c100.p92 .fill,
.c100.p93 .fill,
.c100.p94 .fill,
.c100.p95 .fill,
.c100.p96 .fill,
.c100.p97 .fill,
.c100.p98 .fill,
.c100.p99 .fill,
.c100.p100 .fill {
  position: absolute;
  border: 0.08em solid #2f5596;
  width: 0.84em;
  height: 0.84em;
  clip: rect(0em, 0.5em, 1em, 0em);
  border-radius: 50%;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
}

.pie-fill,
.c100.p51 .bar:after,
.c100.p51 .fill,
.c100.p52 .bar:after,
.c100.p52 .fill,
.c100.p53 .bar:after,
.c100.p53 .fill,
.c100.p54 .bar:after,
.c100.p54 .fill,
.c100.p55 .bar:after,
.c100.p55 .fill,
.c100.p56 .bar:after,
.c100.p56 .fill,
.c100.p57 .bar:after,
.c100.p57 .fill,
.c100.p58 .bar:after,
.c100.p58 .fill,
.c100.p59 .bar:after,
.c100.p59 .fill,
.c100.p60 .bar:after,
.c100.p60 .fill,
.c100.p61 .bar:after,
.c100.p61 .fill,
.c100.p62 .bar:after,
.c100.p62 .fill,
.c100.p63 .bar:after,
.c100.p63 .fill,
.c100.p64 .bar:after,
.c100.p64 .fill,
.c100.p65 .bar:after,
.c100.p65 .fill,
.c100.p66 .bar:after,
.c100.p66 .fill,
.c100.p67 .bar:after,
.c100.p67 .fill,
.c100.p68 .bar:after,
.c100.p68 .fill,
.c100.p69 .bar:after,
.c100.p69 .fill,
.c100.p70 .bar:after,
.c100.p70 .fill,
.c100.p71 .bar:after,
.c100.p71 .fill,
.c100.p72 .bar:after,
.c100.p72 .fill,
.c100.p73 .bar:after,
.c100.p73 .fill,
.c100.p74 .bar:after,
.c100.p74 .fill,
.c100.p75 .bar:after,
.c100.p75 .fill,
.c100.p76 .bar:after,
.c100.p76 .fill,
.c100.p77 .bar:after,
.c100.p77 .fill,
.c100.p78 .bar:after,
.c100.p78 .fill,
.c100.p79 .bar:after,
.c100.p79 .fill,
.c100.p80 .bar:after,
.c100.p80 .fill,
.c100.p81 .bar:after,
.c100.p81 .fill,
.c100.p82 .bar:after,
.c100.p82 .fill,
.c100.p83 .bar:after,
.c100.p83 .fill,
.c100.p84 .bar:after,
.c100.p84 .fill,
.c100.p85 .bar:after,
.c100.p85 .fill,
.c100.p86 .bar:after,
.c100.p86 .fill,
.c100.p87 .bar:after,
.c100.p87 .fill,
.c100.p88 .bar:after,
.c100.p88 .fill,
.c100.p89 .bar:after,
.c100.p89 .fill,
.c100.p90 .bar:after,
.c100.p90 .fill,
.c100.p91 .bar:after,
.c100.p91 .fill,
.c100.p92 .bar:after,
.c100.p92 .fill,
.c100.p93 .bar:after,
.c100.p93 .fill,
.c100.p94 .bar:after,
.c100.p94 .fill,
.c100.p95 .bar:after,
.c100.p95 .fill,
.c100.p96 .bar:after,
.c100.p96 .fill,
.c100.p97 .bar:after,
.c100.p97 .fill,
.c100.p98 .bar:after,
.c100.p98 .fill,
.c100.p99 .bar:after,
.c100.p99 .fill,
.c100.p100 .bar:after,
.c100.p100 .fill {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.c100 {
  display: block;
  position: relative;
  font-size: 120px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  margin: 0 auto;
  background-color: #cccccc;
  overflow: hidden;
}

.c100 *,
.c100 *:before,
.c100 *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.c100.center {
  float: none;
  margin: 0 auto;
}

.c100.big {
  font-size: 240px;
}

.c100.small {
  font-size: 80px;
}

.c100 > span {
  position: absolute;
  width: 100%;
  z-index: 1;
  left: 0;
  top: 0;
  width: 5em;
  height: 5em;
  color: #cccccc;
  display: block;
  text-align: center;
  white-space: nowrap;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.c100:after {
  position: absolute;
  top: 0.08em;
  left: 0.08em;
  display: block;
  content: " ";
  border-radius: 50%;
  background-color: #fafafa;
  width: 0.84em;
  height: 0.84em;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}

.c100 .slice {
  position: absolute;
  width: 1em;
  height: 1em;
  clip: rect(0em, 1em, 1em, 0.5em);
}

.c100.p1 .bar {
  -webkit-transform: rotate(3.6deg);
  -moz-transform: rotate(3.6deg);
  -ms-transform: rotate(3.6deg);
  -o-transform: rotate(3.6deg);
  transform: rotate(3.6deg);
}

.c100.p2 .bar {
  -webkit-transform: rotate(7.2deg);
  -moz-transform: rotate(7.2deg);
  -ms-transform: rotate(7.2deg);
  -o-transform: rotate(7.2deg);
  transform: rotate(7.2deg);
}

.c100.p3 .bar {
  -webkit-transform: rotate(10.8deg);
  -moz-transform: rotate(10.8deg);
  -ms-transform: rotate(10.8deg);
  -o-transform: rotate(10.8deg);
  transform: rotate(10.8deg);
}

.c100.p4 .bar {
  -webkit-transform: rotate(14.4deg);
  -moz-transform: rotate(14.4deg);
  -ms-transform: rotate(14.4deg);
  -o-transform: rotate(14.4deg);
  transform: rotate(14.4deg);
}

.c100.p5 .bar {
  -webkit-transform: rotate(18deg);
  -moz-transform: rotate(18deg);
  -ms-transform: rotate(18deg);
  -o-transform: rotate(18deg);
  transform: rotate(18deg);
}

.c100.p6 .bar {
  -webkit-transform: rotate(21.6deg);
  -moz-transform: rotate(21.6deg);
  -ms-transform: rotate(21.6deg);
  -o-transform: rotate(21.6deg);
  transform: rotate(21.6deg);
}

.c100.p7 .bar {
  -webkit-transform: rotate(25.2deg);
  -moz-transform: rotate(25.2deg);
  -ms-transform: rotate(25.2deg);
  -o-transform: rotate(25.2deg);
  transform: rotate(25.2deg);
}

.c100.p8 .bar {
  -webkit-transform: rotate(28.8deg);
  -moz-transform: rotate(28.8deg);
  -ms-transform: rotate(28.8deg);
  -o-transform: rotate(28.8deg);
  transform: rotate(28.8deg);
}

.c100.p9 .bar {
  -webkit-transform: rotate(32.4deg);
  -moz-transform: rotate(32.4deg);
  -ms-transform: rotate(32.4deg);
  -o-transform: rotate(32.4deg);
  transform: rotate(32.4deg);
}

.c100.p10 .bar {
  -webkit-transform: rotate(36deg);
  -moz-transform: rotate(36deg);
  -ms-transform: rotate(36deg);
  -o-transform: rotate(36deg);
  transform: rotate(36deg);
}

.c100.p11 .bar {
  -webkit-transform: rotate(39.6deg);
  -moz-transform: rotate(39.6deg);
  -ms-transform: rotate(39.6deg);
  -o-transform: rotate(39.6deg);
  transform: rotate(39.6deg);
}

.c100.p12 .bar {
  -webkit-transform: rotate(43.2deg);
  -moz-transform: rotate(43.2deg);
  -ms-transform: rotate(43.2deg);
  -o-transform: rotate(43.2deg);
  transform: rotate(43.2deg);
}

.c100.p13 .bar {
  -webkit-transform: rotate(46.8deg);
  -moz-transform: rotate(46.8deg);
  -ms-transform: rotate(46.8deg);
  -o-transform: rotate(46.8deg);
  transform: rotate(46.8deg);
}

.c100.p14 .bar {
  -webkit-transform: rotate(50.4deg);
  -moz-transform: rotate(50.4deg);
  -ms-transform: rotate(50.4deg);
  -o-transform: rotate(50.4deg);
  transform: rotate(50.4deg);
}

.c100.p15 .bar {
  -webkit-transform: rotate(54deg);
  -moz-transform: rotate(54deg);
  -ms-transform: rotate(54deg);
  -o-transform: rotate(54deg);
  transform: rotate(54deg);
}

.c100.p16 .bar {
  -webkit-transform: rotate(57.6deg);
  -moz-transform: rotate(57.6deg);
  -ms-transform: rotate(57.6deg);
  -o-transform: rotate(57.6deg);
  transform: rotate(57.6deg);
}

.c100.p17 .bar {
  -webkit-transform: rotate(61.2deg);
  -moz-transform: rotate(61.2deg);
  -ms-transform: rotate(61.2deg);
  -o-transform: rotate(61.2deg);
  transform: rotate(61.2deg);
}

.c100.p18 .bar {
  -webkit-transform: rotate(64.8deg);
  -moz-transform: rotate(64.8deg);
  -ms-transform: rotate(64.8deg);
  -o-transform: rotate(64.8deg);
  transform: rotate(64.8deg);
}

.c100.p19 .bar {
  -webkit-transform: rotate(68.4deg);
  -moz-transform: rotate(68.4deg);
  -ms-transform: rotate(68.4deg);
  -o-transform: rotate(68.4deg);
  transform: rotate(68.4deg);
}

.c100.p20 .bar {
  -webkit-transform: rotate(72deg);
  -moz-transform: rotate(72deg);
  -ms-transform: rotate(72deg);
  -o-transform: rotate(72deg);
  transform: rotate(72deg);
}

.c100.p21 .bar {
  -webkit-transform: rotate(75.6deg);
  -moz-transform: rotate(75.6deg);
  -ms-transform: rotate(75.6deg);
  -o-transform: rotate(75.6deg);
  transform: rotate(75.6deg);
}

.c100.p22 .bar {
  -webkit-transform: rotate(79.2deg);
  -moz-transform: rotate(79.2deg);
  -ms-transform: rotate(79.2deg);
  -o-transform: rotate(79.2deg);
  transform: rotate(79.2deg);
}

.c100.p23 .bar {
  -webkit-transform: rotate(82.8deg);
  -moz-transform: rotate(82.8deg);
  -ms-transform: rotate(82.8deg);
  -o-transform: rotate(82.8deg);
  transform: rotate(82.8deg);
}

.c100.p24 .bar {
  -webkit-transform: rotate(86.4deg);
  -moz-transform: rotate(86.4deg);
  -ms-transform: rotate(86.4deg);
  -o-transform: rotate(86.4deg);
  transform: rotate(86.4deg);
}

.c100.p25 .bar {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.c100.p26 .bar {
  -webkit-transform: rotate(93.6deg);
  -moz-transform: rotate(93.6deg);
  -ms-transform: rotate(93.6deg);
  -o-transform: rotate(93.6deg);
  transform: rotate(93.6deg);
}

.c100.p27 .bar {
  -webkit-transform: rotate(97.2deg);
  -moz-transform: rotate(97.2deg);
  -ms-transform: rotate(97.2deg);
  -o-transform: rotate(97.2deg);
  transform: rotate(97.2deg);
}

.c100.p28 .bar {
  -webkit-transform: rotate(100.8deg);
  -moz-transform: rotate(100.8deg);
  -ms-transform: rotate(100.8deg);
  -o-transform: rotate(100.8deg);
  transform: rotate(100.8deg);
}

.c100.p29 .bar {
  -webkit-transform: rotate(104.4deg);
  -moz-transform: rotate(104.4deg);
  -ms-transform: rotate(104.4deg);
  -o-transform: rotate(104.4deg);
  transform: rotate(104.4deg);
}

.c100.p30 .bar {
  -webkit-transform: rotate(108deg);
  -moz-transform: rotate(108deg);
  -ms-transform: rotate(108deg);
  -o-transform: rotate(108deg);
  transform: rotate(108deg);
}

.c100.p31 .bar {
  -webkit-transform: rotate(111.6deg);
  -moz-transform: rotate(111.6deg);
  -ms-transform: rotate(111.6deg);
  -o-transform: rotate(111.6deg);
  transform: rotate(111.6deg);
}

.c100.p32 .bar {
  -webkit-transform: rotate(115.2deg);
  -moz-transform: rotate(115.2deg);
  -ms-transform: rotate(115.2deg);
  -o-transform: rotate(115.2deg);
  transform: rotate(115.2deg);
}

.c100.p33 .bar {
  -webkit-transform: rotate(118.8deg);
  -moz-transform: rotate(118.8deg);
  -ms-transform: rotate(118.8deg);
  -o-transform: rotate(118.8deg);
  transform: rotate(118.8deg);
}

.c100.p34 .bar {
  -webkit-transform: rotate(122.4deg);
  -moz-transform: rotate(122.4deg);
  -ms-transform: rotate(122.4deg);
  -o-transform: rotate(122.4deg);
  transform: rotate(122.4deg);
}

.c100.p35 .bar {
  -webkit-transform: rotate(126deg);
  -moz-transform: rotate(126deg);
  -ms-transform: rotate(126deg);
  -o-transform: rotate(126deg);
  transform: rotate(126deg);
}

.c100.p36 .bar {
  -webkit-transform: rotate(129.6deg);
  -moz-transform: rotate(129.6deg);
  -ms-transform: rotate(129.6deg);
  -o-transform: rotate(129.6deg);
  transform: rotate(129.6deg);
}

.c100.p37 .bar {
  -webkit-transform: rotate(133.2deg);
  -moz-transform: rotate(133.2deg);
  -ms-transform: rotate(133.2deg);
  -o-transform: rotate(133.2deg);
  transform: rotate(133.2deg);
}

.c100.p38 .bar {
  -webkit-transform: rotate(136.8deg);
  -moz-transform: rotate(136.8deg);
  -ms-transform: rotate(136.8deg);
  -o-transform: rotate(136.8deg);
  transform: rotate(136.8deg);
}

.c100.p39 .bar {
  -webkit-transform: rotate(140.4deg);
  -moz-transform: rotate(140.4deg);
  -ms-transform: rotate(140.4deg);
  -o-transform: rotate(140.4deg);
  transform: rotate(140.4deg);
}

.c100.p40 .bar {
  -webkit-transform: rotate(144deg);
  -moz-transform: rotate(144deg);
  -ms-transform: rotate(144deg);
  -o-transform: rotate(144deg);
  transform: rotate(144deg);
}

.c100.p41 .bar {
  -webkit-transform: rotate(147.6deg);
  -moz-transform: rotate(147.6deg);
  -ms-transform: rotate(147.6deg);
  -o-transform: rotate(147.6deg);
  transform: rotate(147.6deg);
}

.c100.p42 .bar {
  -webkit-transform: rotate(151.2deg);
  -moz-transform: rotate(151.2deg);
  -ms-transform: rotate(151.2deg);
  -o-transform: rotate(151.2deg);
  transform: rotate(151.2deg);
}

.c100.p43 .bar {
  -webkit-transform: rotate(154.8deg);
  -moz-transform: rotate(154.8deg);
  -ms-transform: rotate(154.8deg);
  -o-transform: rotate(154.8deg);
  transform: rotate(154.8deg);
}

.c100.p44 .bar {
  -webkit-transform: rotate(158.4deg);
  -moz-transform: rotate(158.4deg);
  -ms-transform: rotate(158.4deg);
  -o-transform: rotate(158.4deg);
  transform: rotate(158.4deg);
}

.c100.p45 .bar {
  -webkit-transform: rotate(162deg);
  -moz-transform: rotate(162deg);
  -ms-transform: rotate(162deg);
  -o-transform: rotate(162deg);
  transform: rotate(162deg);
}

.c100.p46 .bar {
  -webkit-transform: rotate(165.6deg);
  -moz-transform: rotate(165.6deg);
  -ms-transform: rotate(165.6deg);
  -o-transform: rotate(165.6deg);
  transform: rotate(165.6deg);
}

.c100.p47 .bar {
  -webkit-transform: rotate(169.2deg);
  -moz-transform: rotate(169.2deg);
  -ms-transform: rotate(169.2deg);
  -o-transform: rotate(169.2deg);
  transform: rotate(169.2deg);
}

.c100.p48 .bar {
  -webkit-transform: rotate(172.8deg);
  -moz-transform: rotate(172.8deg);
  -ms-transform: rotate(172.8deg);
  -o-transform: rotate(172.8deg);
  transform: rotate(172.8deg);
}

.c100.p49 .bar {
  -webkit-transform: rotate(176.4deg);
  -moz-transform: rotate(176.4deg);
  -ms-transform: rotate(176.4deg);
  -o-transform: rotate(176.4deg);
  transform: rotate(176.4deg);
}

.c100.p50 .bar {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.c100.p51 .bar {
  -webkit-transform: rotate(183.6deg);
  -moz-transform: rotate(183.6deg);
  -ms-transform: rotate(183.6deg);
  -o-transform: rotate(183.6deg);
  transform: rotate(183.6deg);
}

.c100.p52 .bar {
  -webkit-transform: rotate(187.2deg);
  -moz-transform: rotate(187.2deg);
  -ms-transform: rotate(187.2deg);
  -o-transform: rotate(187.2deg);
  transform: rotate(187.2deg);
}

.c100.p53 .bar {
  -webkit-transform: rotate(190.8deg);
  -moz-transform: rotate(190.8deg);
  -ms-transform: rotate(190.8deg);
  -o-transform: rotate(190.8deg);
  transform: rotate(190.8deg);
}

.c100.p54 .bar {
  -webkit-transform: rotate(194.4deg);
  -moz-transform: rotate(194.4deg);
  -ms-transform: rotate(194.4deg);
  -o-transform: rotate(194.4deg);
  transform: rotate(194.4deg);
}

.c100.p55 .bar {
  -webkit-transform: rotate(198deg);
  -moz-transform: rotate(198deg);
  -ms-transform: rotate(198deg);
  -o-transform: rotate(198deg);
  transform: rotate(198deg);
}

.c100.p56 .bar {
  -webkit-transform: rotate(201.6deg);
  -moz-transform: rotate(201.6deg);
  -ms-transform: rotate(201.6deg);
  -o-transform: rotate(201.6deg);
  transform: rotate(201.6deg);
}

.c100.p57 .bar {
  -webkit-transform: rotate(205.2deg);
  -moz-transform: rotate(205.2deg);
  -ms-transform: rotate(205.2deg);
  -o-transform: rotate(205.2deg);
  transform: rotate(205.2deg);
}

.c100.p58 .bar {
  -webkit-transform: rotate(208.8deg);
  -moz-transform: rotate(208.8deg);
  -ms-transform: rotate(208.8deg);
  -o-transform: rotate(208.8deg);
  transform: rotate(208.8deg);
}

.c100.p59 .bar {
  -webkit-transform: rotate(212.4deg);
  -moz-transform: rotate(212.4deg);
  -ms-transform: rotate(212.4deg);
  -o-transform: rotate(212.4deg);
  transform: rotate(212.4deg);
}

.c100.p60 .bar {
  -webkit-transform: rotate(216deg);
  -moz-transform: rotate(216deg);
  -ms-transform: rotate(216deg);
  -o-transform: rotate(216deg);
  transform: rotate(216deg);
}

.c100.p61 .bar {
  -webkit-transform: rotate(219.6deg);
  -moz-transform: rotate(219.6deg);
  -ms-transform: rotate(219.6deg);
  -o-transform: rotate(219.6deg);
  transform: rotate(219.6deg);
}

.c100.p62 .bar {
  -webkit-transform: rotate(223.2deg);
  -moz-transform: rotate(223.2deg);
  -ms-transform: rotate(223.2deg);
  -o-transform: rotate(223.2deg);
  transform: rotate(223.2deg);
}

.c100.p63 .bar {
  -webkit-transform: rotate(226.8deg);
  -moz-transform: rotate(226.8deg);
  -ms-transform: rotate(226.8deg);
  -o-transform: rotate(226.8deg);
  transform: rotate(226.8deg);
}

.c100.p64 .bar {
  -webkit-transform: rotate(230.4deg);
  -moz-transform: rotate(230.4deg);
  -ms-transform: rotate(230.4deg);
  -o-transform: rotate(230.4deg);
  transform: rotate(230.4deg);
}

.c100.p65 .bar {
  -webkit-transform: rotate(234deg);
  -moz-transform: rotate(234deg);
  -ms-transform: rotate(234deg);
  -o-transform: rotate(234deg);
  transform: rotate(234deg);
}

.c100.p66 .bar {
  -webkit-transform: rotate(237.6deg);
  -moz-transform: rotate(237.6deg);
  -ms-transform: rotate(237.6deg);
  -o-transform: rotate(237.6deg);
  transform: rotate(237.6deg);
}

.c100.p67 .bar {
  -webkit-transform: rotate(241.2deg);
  -moz-transform: rotate(241.2deg);
  -ms-transform: rotate(241.2deg);
  -o-transform: rotate(241.2deg);
  transform: rotate(241.2deg);
}

.c100.p68 .bar {
  -webkit-transform: rotate(244.8deg);
  -moz-transform: rotate(244.8deg);
  -ms-transform: rotate(244.8deg);
  -o-transform: rotate(244.8deg);
  transform: rotate(244.8deg);
}

.c100.p69 .bar {
  -webkit-transform: rotate(248.4deg);
  -moz-transform: rotate(248.4deg);
  -ms-transform: rotate(248.4deg);
  -o-transform: rotate(248.4deg);
  transform: rotate(248.4deg);
}

.c100.p70 .bar {
  -webkit-transform: rotate(252deg);
  -moz-transform: rotate(252deg);
  -ms-transform: rotate(252deg);
  -o-transform: rotate(252deg);
  transform: rotate(252deg);
}

.c100.p71 .bar {
  -webkit-transform: rotate(255.6deg);
  -moz-transform: rotate(255.6deg);
  -ms-transform: rotate(255.6deg);
  -o-transform: rotate(255.6deg);
  transform: rotate(255.6deg);
}

.c100.p72 .bar {
  -webkit-transform: rotate(259.2deg);
  -moz-transform: rotate(259.2deg);
  -ms-transform: rotate(259.2deg);
  -o-transform: rotate(259.2deg);
  transform: rotate(259.2deg);
}

.c100.p73 .bar {
  -webkit-transform: rotate(262.8deg);
  -moz-transform: rotate(262.8deg);
  -ms-transform: rotate(262.8deg);
  -o-transform: rotate(262.8deg);
  transform: rotate(262.8deg);
}

.c100.p74 .bar {
  -webkit-transform: rotate(266.4deg);
  -moz-transform: rotate(266.4deg);
  -ms-transform: rotate(266.4deg);
  -o-transform: rotate(266.4deg);
  transform: rotate(266.4deg);
}

.c100.p75 .bar {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}

.c100.p76 .bar {
  -webkit-transform: rotate(273.6deg);
  -moz-transform: rotate(273.6deg);
  -ms-transform: rotate(273.6deg);
  -o-transform: rotate(273.6deg);
  transform: rotate(273.6deg);
}

.c100.p77 .bar {
  -webkit-transform: rotate(277.2deg);
  -moz-transform: rotate(277.2deg);
  -ms-transform: rotate(277.2deg);
  -o-transform: rotate(277.2deg);
  transform: rotate(277.2deg);
}

.c100.p78 .bar {
  -webkit-transform: rotate(280.8deg);
  -moz-transform: rotate(280.8deg);
  -ms-transform: rotate(280.8deg);
  -o-transform: rotate(280.8deg);
  transform: rotate(280.8deg);
}

.c100.p79 .bar {
  -webkit-transform: rotate(284.4deg);
  -moz-transform: rotate(284.4deg);
  -ms-transform: rotate(284.4deg);
  -o-transform: rotate(284.4deg);
  transform: rotate(284.4deg);
}

.c100.p80 .bar {
  -webkit-transform: rotate(288deg);
  -moz-transform: rotate(288deg);
  -ms-transform: rotate(288deg);
  -o-transform: rotate(288deg);
  transform: rotate(288deg);
}

.c100.p81 .bar {
  -webkit-transform: rotate(291.6deg);
  -moz-transform: rotate(291.6deg);
  -ms-transform: rotate(291.6deg);
  -o-transform: rotate(291.6deg);
  transform: rotate(291.6deg);
}

.c100.p82 .bar {
  -webkit-transform: rotate(295.2deg);
  -moz-transform: rotate(295.2deg);
  -ms-transform: rotate(295.2deg);
  -o-transform: rotate(295.2deg);
  transform: rotate(295.2deg);
}

.c100.p83 .bar {
  -webkit-transform: rotate(298.8deg);
  -moz-transform: rotate(298.8deg);
  -ms-transform: rotate(298.8deg);
  -o-transform: rotate(298.8deg);
  transform: rotate(298.8deg);
}

.c100.p84 .bar {
  -webkit-transform: rotate(302.4deg);
  -moz-transform: rotate(302.4deg);
  -ms-transform: rotate(302.4deg);
  -o-transform: rotate(302.4deg);
  transform: rotate(302.4deg);
}

.c100.p85 .bar {
  -webkit-transform: rotate(306deg);
  -moz-transform: rotate(306deg);
  -ms-transform: rotate(306deg);
  -o-transform: rotate(306deg);
  transform: rotate(306deg);
}

.c100.p86 .bar {
  -webkit-transform: rotate(309.6deg);
  -moz-transform: rotate(309.6deg);
  -ms-transform: rotate(309.6deg);
  -o-transform: rotate(309.6deg);
  transform: rotate(309.6deg);
}

.c100.p87 .bar {
  -webkit-transform: rotate(313.2deg);
  -moz-transform: rotate(313.2deg);
  -ms-transform: rotate(313.2deg);
  -o-transform: rotate(313.2deg);
  transform: rotate(313.2deg);
}

.c100.p88 .bar {
  -webkit-transform: rotate(316.8deg);
  -moz-transform: rotate(316.8deg);
  -ms-transform: rotate(316.8deg);
  -o-transform: rotate(316.8deg);
  transform: rotate(316.8deg);
}

.c100.p89 .bar {
  -webkit-transform: rotate(320.4deg);
  -moz-transform: rotate(320.4deg);
  -ms-transform: rotate(320.4deg);
  -o-transform: rotate(320.4deg);
  transform: rotate(320.4deg);
}

.c100.p90 .bar {
  -webkit-transform: rotate(324deg);
  -moz-transform: rotate(324deg);
  -ms-transform: rotate(324deg);
  -o-transform: rotate(324deg);
  transform: rotate(324deg);
}

.c100.p91 .bar {
  -webkit-transform: rotate(327.6deg);
  -moz-transform: rotate(327.6deg);
  -ms-transform: rotate(327.6deg);
  -o-transform: rotate(327.6deg);
  transform: rotate(327.6deg);
}

.c100.p92 .bar {
  -webkit-transform: rotate(331.2deg);
  -moz-transform: rotate(331.2deg);
  -ms-transform: rotate(331.2deg);
  -o-transform: rotate(331.2deg);
  transform: rotate(331.2deg);
}

.c100.p93 .bar {
  -webkit-transform: rotate(334.8deg);
  -moz-transform: rotate(334.8deg);
  -ms-transform: rotate(334.8deg);
  -o-transform: rotate(334.8deg);
  transform: rotate(334.8deg);
}

.c100.p94 .bar {
  -webkit-transform: rotate(338.4deg);
  -moz-transform: rotate(338.4deg);
  -ms-transform: rotate(338.4deg);
  -o-transform: rotate(338.4deg);
  transform: rotate(338.4deg);
}

.c100.p95 .bar {
  -webkit-transform: rotate(342deg);
  -moz-transform: rotate(342deg);
  -ms-transform: rotate(342deg);
  -o-transform: rotate(342deg);
  transform: rotate(342deg);
}

.c100.p96 .bar {
  -webkit-transform: rotate(345.6deg);
  -moz-transform: rotate(345.6deg);
  -ms-transform: rotate(345.6deg);
  -o-transform: rotate(345.6deg);
  transform: rotate(345.6deg);
}

.c100.p97 .bar {
  -webkit-transform: rotate(349.2deg);
  -moz-transform: rotate(349.2deg);
  -ms-transform: rotate(349.2deg);
  -o-transform: rotate(349.2deg);
  transform: rotate(349.2deg);
}

.c100.p98 .bar {
  -webkit-transform: rotate(352.8deg);
  -moz-transform: rotate(352.8deg);
  -ms-transform: rotate(352.8deg);
  -o-transform: rotate(352.8deg);
  transform: rotate(352.8deg);
}

.c100.p99 .bar {
  -webkit-transform: rotate(356.4deg);
  -moz-transform: rotate(356.4deg);
  -ms-transform: rotate(356.4deg);
  -o-transform: rotate(356.4deg);
  transform: rotate(356.4deg);
}

.c100.p100 .bar {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
}

.c100:hover {
  cursor: default;
}

.c100 .bar {
  overflow: hidden;
  transition: 1s transform;
}

.c100:hover:after {
  top: 0.04em;
  left: 0.04em;
  width: 0.92em;
  height: 0.92em;
}

.c100.dark {
  background-color: #3c3c3c;
}

.c100.dark .bar,
.c100.dark .fill {
  border-color: #c6ff00 !important;
}

.c100.dark > span {
  color: #777777;
}

.c100.dark:after {
  background-color: #3c3c3c;
}

.c100.dark:hover > span {
  color: #c6ff00;
}

.c100.green .bar,
.c100.green .fill {
  border-color: #3bae71 !important;
}

.c100.green:hover > span {
  color: #3bae71;
}

.c100.green.dark .bar,
.c100.green.dark .fill {
  border-color: #3bae71 !important;
}

.c100.green.dark:hover > span {
  color: #3bae71;
}

.c100.red .bar,
.c100.red .fill {
  border-color: #f33a3a !important;
}

.c100.red:hover > span {
  color: #f33a3a;
}

.c100.red.dark .bar,
.c100.red.dark .fill {
  border-color: #f33a3a !important;
}

.c100.red.dark:hover > span {
  color: #f33a3a;
}

.c100.orange .bar,
.c100.orange .fill {
  border-color: #fb6e52 !important;
}

.c100.orange:hover > span {
  color: #fb6e52;
}

.c100.orange.dark .bar,
.c100.orange.dark .fill {
  border-color: #fb6e52 !important;
}

.c100.orange.dark:hover > span {
  color: #fb6e52;
}

.video-play {
  width: 100%;
}

.loading {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: column;
}

.preloader {
  background-image: url("../images/preloader.svg");
  background-repeat: no-repeat;
  width: 48px;
  height: 48px;
  text-indent: -999em;
  display: block;
}

/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-target {
  position: relative;
}

.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  border-radius: 3px;
}

/* Wrapper for all connect elements.
 */
.noUi-connects {
  overflow: hidden;
  z-index: 0;
}

.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-origin: 0 0;
  transform-style: flat;
}

.noUi-connect {
  height: 100%;
  width: 100%;
}

.noUi-origin {
  height: 10%;
  width: 10%;
}

/* Offset direction
 */
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
  left: 0;
  right: auto;
}

/* Give origins 0 height/width so they don't interfere with clicking the
 * connect elements.
 */
.noUi-vertical .noUi-origin {
  width: 0;
}

.noUi-horizontal .noUi-origin {
  height: 0;
}

.noUi-handle {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
}

.noUi-touch-area {
  height: 100%;
  width: 100%;
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
}

.noUi-state-drag * {
  cursor: inherit !important;
}

/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 18px;
}

.noUi-horizontal .noUi-handle {
  width: 5px;
  height: 5px;
  top: -4px;
  box-sizing: content-box;
  right: -7.5px;
}

.noUi-vertical {
  width: 18px;
}

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  right: -6px;
  top: -17px;
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
  left: -17px;
  right: auto;
}

/* Styling;
 * Giving the connect element a border radius causes issues with using transform: scale
 */
.noUi-target {
  background: #FAFAFA;
  border-radius: 4px;
}

.noUi-connects {
  border-radius: 3px;
}

.noUi-connect {
  background: #fb6e52;
}

/* Handles and cursors;
 */
.noUi-draggable {
  cursor: ew-resize;
}

.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}

.noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #FFF;
  cursor: default;
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}

.noUi-active {
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}

.noUi-vertical .noUi-handle:after {
  top: 17px;
}

/* Disabled state;
 */
[disabled] .noUi-connect {
  background: #B8B8B8;
}

[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed;
}

/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-pips {
  position: absolute;
  color: #999;
}

/* Values;
 *
 */
.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}

.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}

/* Markings;
 *
 */
.noUi-marker {
  position: absolute;
  background: #CCC;
}

.noUi-marker-sub {
  background: #AAA;
}

.noUi-marker-large {
  background: #AAA;
}

/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}

.noUi-value-horizontal {
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
}

.noUi-rtl .noUi-value-horizontal {
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%);
}

.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}

.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}

.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}

/* Vertical layout;
 *
 */
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}

.noUi-value-vertical {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding-left: 25px;
}

.noUi-rtl .noUi-value-vertical {
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%);
}

.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}

.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}

.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}

.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
}

.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%;
}

.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}

.noUi-horizontal .noUi-origin > .noUi-tooltip {
  -webkit-transform: translate(50%, 0);
  transform: translate(50%, 0);
  left: auto;
  bottom: 10px;
}

.noUi-vertical .noUi-origin > .noUi-tooltip {
  -webkit-transform: translate(0, -18px);
  transform: translate(0, -18px);
  top: auto;
  right: 28px;
}

.menu-button {
  position: absolute;
  background: #fff;
  z-index: 999;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 0 100000px rgba(0, 0, 0, 0.05);
  padding: 0;
  margin-top: 0px;
  right: 5px;
  transition: 0.1s all;
  white-space: nowrap;
}
.menu-button:after {
  border: solid transparent;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 4px;
  z-index: 10000;
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  right: 5px;
  content: " ";
  bottom: 100%;
}
.menu-button li {
  padding: 0;
}
.menu-button li a {
  text-align: left !important;
  padding: 10px 8px !important;
  color: #4c4c4c !important;
  display: flex !important;
  justify-content: flex-start !important;
  font-size: 1em !important;
  font-weight: 400 !important;
  text-decoration: none !important;
}
.menu-button li a i {
  margin-right: 5px;
}
.menu-button li a:disabled {
  color: #ccc !important;
  cursor: not-allowed;
  pointer-events: none;
}
.menu-button li p {
  padding: 5px;
}

.context-menu {
  position: fixed;
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  font-size: 13px;
  white-space: nowrap;
  z-index: 10000;
  padding: 5px;
}
.context-menu ul li {
  border-bottom: 1px solid #D2D2D2;
  padding: 7px 15px;
  user-select: none;
  cursor: pointer;
}
.context-menu ul li:hover {
  background-color: #f5f5f5;
}
.context-menu ul li:last-of-type {
  border: none;
}
.context-menu ul li i {
  color: #8F8F8F;
  padding-right: 3px;
}
.context-menu ul li:last-child {
  border-bottom: none;
}

.select-box {
  background-color: #fff;
  position: relative;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ECECEC;
  font-size: 12px;
  box-sizing: border-box;
  cursor: pointer;
  user-select: none;
}
.select-box .selected-item {
  font-weight: bold;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 10px;
  transition: 500ms;
  justify-content: flex-start;
  width: 100%;
}
.select-box .selected-item i {
  margin-left: auto;
}
.select-box .selected-item.show i {
  transform: rotate(180deg);
}
.select-box ul {
  position: absolute;
  width: 100%;
  background-color: #fff;
  top: 100%;
  border: 1px solid #ECECEC;
  z-index: 100;
  max-height: 300px;
  overflow-y: auto;
}
.select-box ul li {
  display: flex;
  height: 30px;
  padding: 0 10px;
  align-items: center;
  background-color: #fff;
}
.select-box ul li:hover {
  background-color: #f5f5f5;
}

.vaui .button.outline {
  border-width: 1px;
  margin: 0;
}
.vaui h2:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}
.vaui h2 + p {
  margin-top: -5px;
  padding-bottom: 20px;
}
.vaui h3 {
  font-size: 1.25em;
  padding: 0 0 5px;
  color: #707070;
  white-space: nowrap;
}
.vaui h4 {
  font-size: 0.9375em;
  font-weight: bold;
  padding-bottom: 5px;
  padding-top: 5px;
}
.vaui h4.chip {
  font-size: 1.1em;
  font-weight: bold;
  border-radius: 20px;
  padding: 5px 10px;
  margin-bottom: 5px;
  background: #226EAF;
  color: #fff;
  position: relative;
  width: fit-content;
}
.vaui .flex + h1 {
  padding: 15px 0 5px;
}
.vaui .dot {
  width: 10px;
  height: 10px;
  position: absolute;
  border-radius: 8px;
  display: block;
  top: -2px;
  right: -6px;
  border: 1px solid #fff;
}
.vaui .dot.green {
  background: #3bae71;
}
.vaui .dot.red {
  background: #f33a3a;
}
.vaui .dot.yellow {
  background: #D6A800;
}
.vaui .dot.orange {
  background: #fb6e52;
}
.vaui .link {
  font-weight: bold;
  font-size: 0.75em;
  text-decoration: none;
  padding: 0;
  display: flex;
  align-items: center;
}
.vaui .vaui-panel {
  background: #fff;
  border-radius: 3px;
  border: 1px solid #eaeaea;
  padding: 20px;
  position: relative;
}
.vaui .vaui-panel.shadow {
  border: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.vaui .vaui-panel > .dot {
  right: 5px;
  top: 5px;
}
.vaui .vaui-panel.gray {
  background: #f4f4f4;
}
@media screen and (max-width: 768px) {
  .vaui .vaui-panel {
    margin-bottom: 20px;
  }
}
.vaui .vaui-panel.warning {
  border-color: #f99a9a;
  color: #f33a3a;
}
.vaui.my-plan {
  display: grid;
  grid-template-columns: 2fr 5fr;
  column-gap: 20px;
  padding: 0;
  margin: 0;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .vaui.my-plan {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 768px) {
  .vaui .table-overflow {
    width: calc(100vw - 92px);
    overflow-x: auto;
  }
}
.vaui .va-ui-rows {
  display: grid;
  row-gap: 20px;
}
@media screen and (max-width: 768px) {
  .vaui .vaui-totalizers .flex,
.vaui .flex.va-ui-cols {
    flex-direction: column;
  }
}
.vaui .va-ui-cols > * {
  margin-left: 20px;
  flex: 1 1 100%;
}
.vaui .va-ui-cols > *:first-child {
  margin-left: 0;
}
@media screen and (max-width: 768px) {
  .vaui .va-ui-cols > * {
    margin-left: 0;
  }
}
.vaui .label {
  color: #afb1b7;
  font-size: 0.75em;
}
.vaui .progress-bar-period {
  width: 100%;
  height: 6px;
  background: #edeef3;
  position: relative;
  border-radius: 3px;
  margin: 5px 0 3px;
}
.vaui .progress-bar-period span {
  background: #fb6e52;
  display: block;
  height: 6px;
  left: 0;
  border-radius: 3px;
}
.vaui .periods-control {
  padding: 40px 0 35px 0;
}
.vaui .list {
  padding: 0;
  width: 100%;
  color: #707070;
}
.vaui .list li {
  border-bottom: 1px solid #EAEAEA;
  padding: 5px 10px;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  height: 40px;
  align-content: center;
  align-items: center;
}
.vaui .list li p {
  font-size: 0.75em;
}
.vaui .list li span {
  font-size: 0.625em;
  color: #707070;
  margin-top: 2px;
  display: block;
}
.vaui .list li:last-child {
  border: none;
}
.vaui .list.list-link {
  cursor: pointer;
}
.vaui .list.list-link li {
  transition: 0.3s all;
}
.vaui .list.list-link li i {
  transition: 0.3s all;
}
.vaui .list.list-link li:hover {
  background: #fafafa;
  color: #4c4c4c;
}
.vaui .list.list-link li:hover > i:last-child {
  margin-left: 5px;
  margin-right: -5px;
}
.vaui .grid-2-cols {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 20px;
}
@media screen and (max-width: 768px) {
  .vaui .grid-2-cols {
    grid-template-columns: 1fr;
  }
}
.vaui .grid-3-cols {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 20px;
}
@media screen and (max-width: 768px) {
  .vaui .grid-3-cols {
    grid-template-columns: 1fr;
  }
}
.vaui .grid-4-cols {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  column-gap: 20px;
}
@media screen and (max-width: 768px) {
  .vaui .grid-4-cols {
    grid-template-columns: 1fr;
  }
}
.vaui .grid-5-cols {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  column-gap: 20px;
}
@media screen and (max-width: 768px) {
  .vaui .grid-5-cols {
    grid-template-columns: 1fr;
  }
}
.vaui table thead th {
  text-align: left;
}
.vaui .outline-gray {
  color: #afb1b7;
  background: #fff;
  border: 1px solid #afb1b7;
  padding: 1px 4px;
  display: inline-block;
  line-height: 1;
  padding: 1px 4px;
}
.vaui .outline-gray.badge {
  line-height: 1;
  margin: -2px 0 0px 4px;
}
.vaui table:not(.--plans) tbody tr td {
  color: #707070;
}
.vaui ._box {
  border: 1px solid #afb1b7;
  border-radius: 4px;
  padding: 15px;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 10px;
}
.vaui ._box h3 {
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 3px;
}
.vaui ._box h3 i {
  font-size: 16px;
  padding-right: 15px;
}
.vaui ._box h3 p {
  width: 100%;
  font-size: 12px;
  color: #707070;
  text-align: justify;
  line-height: 1.5;
}
.vaui ._box.success {
  border-color: #3bae71;
}
.vaui ._box.success h3 {
  color: #3bae71;
}
.vaui ._box.danger, .vaui ._box.error {
  border-color: #f33a3a;
}
.vaui ._box.danger h3, .vaui ._box.error h3 {
  color: #f33a3a;
}
.vaui ._box.warning {
  border-color: #D6A800;
}
.vaui ._box.warning h3 {
  color: #D6A800;
}
.vaui ._box.common {
  border-color: #fb6e52;
}
.vaui ._box.common h3 {
  color: #fb6e52;
}

.file-ballon {
  position: absolute;
  z-index: 3;
  right: 0;
  margin: 0 0 80px 0;
  top: 45px;
  width: 700px;
  padding: 20px;
  background: #fff;
  border: 1px solid #eaeaea;
}

.file-ballon:after,
.file-ballon:before {
  bottom: 100%;
  right: 30px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  z-index: 4;
  margin-bottom: -1px;
}

.file-ballon:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #ffffff;
  border-width: 14px;
  /* margin-left: -25px; */
  margin: -1px 2px;
}

.file-ballon:before {
  border-color: rgba(234, 234, 234, 0);
  border-bottom-color: #eaeaea;
  border-width: 16px;
  margin-left: -16px;
}

.files-list {
  position: absolute;
  padding: 5px;
  border: #eaeaea 1px solid;
  box-shadow: 0 1px 7px rgba(0, 0, 0, 0.15);
  border-radius: 2px;
  background: #fff;
  z-index: 1;
}

.files-list:after,
.files-list:before {
  bottom: 100%;
  left: 5px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  z-index: 2;
  margin-bottom: -1px;
}

.files-list:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #ffffff;
  border-width: 7px;
  /* margin-left: -25px; */
  margin: -1px 2px;
}

.files-list:before {
  border-color: rgba(234, 234, 234, 0);
  border-bottom-color: #eaeaea;
  border-width: 8px;
  margin-left: -1px;
}

.files-list li {
  display: flex;
  padding: 5px;
}

.files-list li span {
  color: #8F8F8F;
  font-size: 12px;
  flex: 0 0 15px;
  margin-right: 5px;
}

.files-list li span:last-child {
  flex: 0 0 200px;
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.class-cdm .payment-method-selector button.selected {
  background-color: #5878A7;
  border-color: #5878A7;
}
.class-cdm .payment-method-selector button.selected:hover, .class-cdm .payment-method-selector button.selected:active {
  background-color: #466086;
  border-color: #466086;
}
.class-cdm .billing-address-component .billing-address-header button {
  color: #5878A7;
}
.class-cdm .--plan-option.--selected {
  border-color: #5878A7 !important;
}
.class-cdm .--plan-option.--selected span {
  background: #5878A7 !important;
}
.class-cdm .button.outline {
  color: #5878A7;
  border-color: #5878A7;
}
.class-cdm .vaui .link {
  color: #5878A7 !important;
}
.class-cdm .badge {
  background: #5878A7;
}
.class-cdm .vaui .progress-bar-period span {
  background-color: #5878A7;
}
.class-cdm .billing-address-component .billing-address-body > div .address-card > div input[type=radio]:checked::before {
  background-color: #5878A7;
  border-color: #5878A7;
}
.class-cdm .billing-address-component .billing-address-body > div .address-card > div.selected {
  border-color: #5878A7;
}

header {
  width: 100vw;
  background: #fff;
  position: fixed;
  padding: none;
  height: 60px;
  top: 0;
  z-index: 100;
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.1);
}
header .header-columns {
  width: 100vw;
  justify-content: space-between;
  display: flex;
  height: 60px;
  transition: 0.5s all;
  padding: 0 5px;
  box-sizing: border-box;
}
header .header-left,
header .header-right {
  padding-right: 20px;
  box-sizing: border-box;
}
header .header-left a,
header .header-right a {
  color: #4c4c4c;
  transition: 0.2s all;
  text-decoration: none;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 0.83em;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  header .header-left a,
header .header-right a {
    padding-right: 10px;
    padding-left: 10px;
  }
}
header .header-left a:hover,
header .header-right a:hover {
  color: #707070;
}
header .header-left a:hover .to-down,
header .header-right a:hover .to-down {
  border-color: #707070 transparent transparent transparent;
}
header .header-left {
  display: flex;
  justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  header .header-left {
    flex: 0 0 100px;
  }
}
header .header-left a.header-menu {
  display: flex;
  justify-content: center;
  align-items: center;
}
header .header-left a.header-menu .header-nav {
  padding: 10px 10px 10px 0;
}
header .header-left a.header-menu .header-nav span {
  width: 15px;
  height: 2px;
  display: block;
  margin-top: 2px;
  background: #4c4c4c;
  transition: 0.2s all;
}
header .header-left a.header-menu .header-nav span:first-child {
  margin-top: 0;
}
header .header-left a.header-menu:hover span {
  background: #707070;
}
header a.logo {
  width: 180px;
  background: url("https://lion-web-site.s3.amazonaws.com/public/brand/cda/logo-inline.png") left center no-repeat;
  height: 38px;
  text-indent: -999em;
  background-size: contain;
  display: block;
  margin: 12px 0 0 0;
}
header a.logo:hover {
  background: url("https://lion-web-site.s3.amazonaws.com/public/brand/cda/logo-inline.png") left center no-repeat;
  background-size: contain;
}
@media screen and (max-width: 768px) {
  header a.logo {
    width: 33px;
    background-size: cover;
    background-position: left;
    padding: 0;
    margin: 10px 0;
  }
}
header .header-right {
  justify-content: flex-end;
  display: flex;
}
header .header-right > a {
  padding: 0 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
header .header-right > a.orange {
  background: #fb6e52;
}
header .header-right > a.orange:hover {
  background: #fa5939;
}
header .header-right > a.blue {
  background: #5878A7;
}
header .header-right > a.blue:hover {
  background: #4f6c96;
}
header .header-right .relative > a {
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
}
header .header-right .relative > a > .badge {
  position: absolute;
  top: 16%;
  right: 0;
  line-height: 15px;
  padding: 0 6px;
}
header .header-right .relative > a i.ico-play {
  margin-left: 4px;
  color: #fb6e52;
  font-size: 1.1em;
}
header .header-right .user-logo {
  background: 0 0;
  position: relative;
  height: 60px;
  display: flex;
  align-items: center;
  padding: 0 30px;
}
header .header-right .user-logo div {
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 0 0 3px #4c4c4c, 0 0 0 4px #5c5c5c;
  background-size: cover;
  background-position: center;
}
header .header-right .user-logo div img {
  object-fit: cover;
  width: 30px;
  height: 30px;
}
header .header-right .profile-logo {
  background: 0 0;
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 0 0 20px;
  border: none;
}
header .header-right .profile-logo h4 span {
  font-size: 0.83em;
}
header .header-right .profile-logo i {
  margin: 10px;
}
header .header-right .profile-logo div {
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  border-radius: 20px;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  margin: 0 25px 0 0;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  margin: 0 5px 0 0;
}
@media screen and (max-width: 768px) {
  header .header-right .profile-logo div {
    flex: 0 0 30%;
    padding-right: 16px;
  }
}
header .header-right .profile-logo div img {
  object-fit: cover;
  width: 40px;
  height: 40px;
}
header .header-button {
  height: 40px !important;
  margin-top: 10px;
  margin: 10px 30px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  header .header-button {
    white-space: nowrap;
    padding: 5px 10px;
    margin: 8px 0 0 30px;
  }
}
header .header-button i {
  margin-left: 5px;
  font-size: 16px;
}
header .to-down {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  border-color: #4c4c4c transparent transparent transparent;
}
header .header-submenu {
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), 0 0px 10px rgba(0, 0, 0, 0.15);
  position: absolute;
  right: 0;
  margin-top: -7px;
  width: max-content;
}
header .header-submenu > ul {
  min-height: calc(100vh - 180px);
  padding-bottom: 80px !important;
}
header .header-submenu:after, header .header-submenu:before {
  bottom: 100%;
  right: 20px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
header .header-submenu:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #ffffff;
  border-width: 5px;
  margin-left: -5px;
}
header .header-submenu:before {
  border-color: transparent;
  border-bottom-color: rgba(0, 0, 0, 0.05);
  border-width: 6px;
  margin-left: -7px;
  right: 19px;
}
header .header-submenu ul {
  padding: 0;
  margin: 0;
  width: 100%;
}
header .header-submenu li {
  padding: 0;
  margin: 0;
  display: block;
  width: 100%;
}
header .header-submenu li .subnav li {
  display: block;
}
header .header-submenu li .subnav h4 {
  padding: 25px 15px 5px 30px;
  color: #707070;
  font-size: 0.83em;
  font-weight: 700;
}
header .header-submenu table th {
  font-size: 0.83em;
  padding: 8px;
  border-top: 1px solid #e2e2e2;
}
header .header-submenu table td {
  padding: 8px;
  font-size: 0.83em;
}
header .header-submenu a {
  background: #fff;
  color: #4c4c4c;
  padding: 15px 30px;
  /* width: 100%; */
  display: block;
  border: none;
  font-weight: normal;
  border-top: 1px solid #eee;
}
header .header-submenu a:first-child {
  border-top: none;
}
header .header-submenu a:hover {
  background: #eee;
  color: #3c3c3c;
}
header .header-submenu a i {
  color: #707070;
  margin-right: 10px;
}
header .header-submenu a i.drop {
  position: absolute;
  right: 0;
}
header .header-submenu a.v-link-active {
  font-weight: bold !important;
  background: #f5f5f5;
}
header .header-submenu.profile-list {
  transform: translateX(200px);
  transition: 0.3s all;
  opacity: 0;
  pointer-events: none;
}
header .header-submenu.profile-list.open {
  transform: translateX(0);
  opacity: 1;
  pointer-events: all;
}
header .header-submenu.profile-list h4 {
  padding: 25px 15px 5px 30px;
  color: #707070;
  font-size: 0.83em;
  font-weight: 700;
}
header .header-submenu.profile-list ul {
  overflow-y: auto;
  margin-top: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  box-sizing: border-box;
}
header .header-submenu.profile-list > li.current {
  border-bottom: 1px solid #d2d2d2;
}
header .header-submenu.profile-list li {
  display: flex;
  align-items: center;
  align-content: center;
  min-width: 140px;
}
header .header-submenu.profile-list li.active, header .header-submenu.profile-list li.active a {
  background: #e9e9e9;
}
header .header-submenu.profile-list li a,
header .header-submenu.profile-list li > a,
header .header-submenu.profile-list li > span {
  display: flex;
  width: 100%;
  align-items: center;
  align-content: center;
}
header .header-submenu.profile-list li > a,
header .header-submenu.profile-list li > span {
  padding: 10px;
  font-size: 0.83em;
}
header .header-submenu.profile-list li.active, header .header-submenu.profile-list li.v-link-active {
  font-weight: bold;
  background: #e9e9e9;
}
header .header-submenu.profile-list li.active i, header .header-submenu.profile-list li.v-link-active i {
  color: #4c4c4c;
}
header .header-submenu.profile-list li .client-list {
  padding: 0;
}
header .header-submenu.profile-list li .client-list .client {
  padding: 5px 15px;
}
header .header-submenu.profile-list li .search-input-icon {
  margin: 0 30px !important;
}
header .header-submenu.profile-list li img {
  flex: 0 0 45px;
  width: 45px;
  height: 45px;
}
header .header-submenu.profile-list li.current {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  box-sizing: border-box;
  position: relative;
}
header .header-submenu.profile-list li.current p {
  box-sizing: border-box;
  display: flex;
  padding: 0;
  flex: 0 0 100%;
}
header .header-submenu.profile-list li.current p:first-child {
  font-size: 1.2em;
}
header .header-submenu.profile-list li.current p span {
  padding: 0 5px 0 0 !important;
}
header .header-submenu.profile-list li.current p span:last-child {
  padding: 0 !important;
}
header .header-submenu.profile-list li.current span:last-child {
  margin-left: 5px;
}
header .header-submenu.profile-list li.current a {
  border: none;
  padding: 5px 5px 5px 30px;
  box-shadow: inset 5px 0 0 #3bae71;
}
header .header-submenu.profile-list li.current a:hover {
  color: #707070;
}
header .header-submenu.profile-list li .profile-type {
  display: block;
  font-size: 0.75em;
  color: #707070;
  font-weight: bold;
  padding: 5px 0;
  text-transform: uppercase;
}
header .header-submenu.profile-list li .profile-plan {
  display: block;
  font-size: 0.75em;
  text-transform: uppercase;
}
header .header-submenu.profile-list li .profile-description {
  padding: 5px 5px 5px 10px;
  width: auto;
  flex: 1 1 90%;
}
header .header-submenu.profile-list {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.15), 0 0 0 10000px rgba(178, 178, 178, 0.8);
  position: fixed;
  top: 0px;
  min-height: 100vh;
  margin: 0;
  padding-bottom: 40px;
  height: 100%;
  overflow: auto !important;
}
header .header-submenu.profile-list li.current a {
  font-size: 0.9em;
  height: 60px;
  padding: 10px;
  box-sizing: border-box;
}
header .header-submenu.profile-list li a {
  display: block;
  padding: 8px 30px;
  font-weight: 400;
  font-size: 0.9em;
  position: relative;
  box-sizing: border-box;
}
header.cdm .relative a i.ico-play {
  color: #5878A7;
}
header.cdm a.logo {
  background: url("https://lion-web-site.s3.amazonaws.com/public/brand/cdm/logo-inline.png") left center no-repeat;
  background-size: contain;
}
header.cdm a.logo:hover {
  background: url("https://lion-web-site.s3.amazonaws.com/public/brand/cdm/logo-inline.png") left center no-repeat;
  background-size: contain;
}
@media screen and (max-width: 768px) {
  header.cdm a.logo {
    width: 40px;
    background-size: cover;
    background-position: left;
    padding: 0;
    margin: 10px 0;
  }
}

.main-menu {
  width: 250px;
  height: 100vh;
  position: fixed;
  top: 0;
  background: #fff;
  z-index: 1000001;
  left: -250px;
  transition: 0.5s all;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0), 0 0 10px rgba(0, 0, 0, 0), 0 0 0 10000px rgba(178, 178, 178, 0);
}
.main-menu .main-menu-after {
  opacity: 0;
  width: 0;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  left: 0;
  transition: 0.5s all;
}
.main-menu.main-menu-open {
  left: 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.15), 0 0 0 10000px rgba(178, 178, 178, 0.8);
}
.main-menu.main-menu-open .main-menu-after {
  width: 100vw;
  pointer-events: auto;
  opacity: 1;
  left: 250px;
}
.main-menu > a {
  padding: 14px 15px;
  display: flex;
  text-align: right;
  justify-content: flex-end;
  align-items: center;
  align-content: center;
  color: #707070;
  text-transform: uppercase;
  font-size: 0.83em;
  font-weight: normal;
}
.main-menu > a span {
  font-size: 2.2em;
  margin-left: 5px;
}
.main-menu .menu-logo {
  width: calc(100% - 30px);
  height: 60px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  margin: -10px 15px 10px;
}
.main-menu .main-menu-content {
  height: calc(100vh - 60px);
  overflow-y: auto !important;
  margin-top: 3px;
  padding-top: 20px;
  padding-bottom: 20px;
  box-sizing: border-box;
}
.main-menu .main-menu-content h4 {
  padding: 25px 15px 5px 30px;
  color: #707070;
  font-size: 0.83em;
  font-weight: 700;
}
.main-menu .main-menu-content ul li.active {
  background: #e9e9e9;
}
.main-menu .main-menu-content ul li.active a:hover {
  box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.05);
}
.main-menu .main-menu-content ul li a {
  display: block;
  padding: 8px 30px;
  font-weight: normal;
  font-size: 0.9em;
  position: relative;
}
.main-menu .main-menu-content ul li a.disabled {
  cursor: not-allowed;
  color: #4c4c4c99;
}
.main-menu .main-menu-content ul li a.disabled .badge {
  color: #fff;
  padding-right: 3px;
  padding-left: 3px;
  transform: scale(0.83);
}
.main-menu .main-menu-content ul li a.active, .main-menu .main-menu-content ul li a.v-link-active:not(.button) {
  font-weight: bold;
  background: #f5f5f5;
}
.main-menu .main-menu-content ul li a.active i, .main-menu .main-menu-content ul li a.v-link-active:not(.button) i {
  color: #4c4c4c;
}
.main-menu .main-menu-content ul li a i {
  color: #707070;
  margin-right: 10px;
}
.main-menu .main-menu-content ul li a i.drop {
  position: absolute;
  right: 0;
}
.main-menu .main-menu-content ul li a.button {
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 20px;
  padding-right: 20px;
}
.main-menu .main-menu-content ul li a.button i {
  color: rgba(255, 255, 255, 0.75);
}
.main-menu .main-menu-content ul li a:not(.button):hover {
  background: #eee;
}
.main-menu .main-menu-content ul li a span {
  padding: 0 3px 0 0px;
  margin: 0;
  color: #707070;
}
.main-menu .main-menu-content ul li a span svg {
  width: 17px !important;
  margin: -5px 0 -6px 0px;
  stroke-width: 1.5;
}
.main-menu .main-menu-content ul ul {
  font-size: 0.9em;
  padding-top: 5px;
  padding-bottom: 15px;
}
.main-menu .main-menu-content ul ul li a {
  padding: 6px 10px 6px 55px;
}
.main-menu .main-menu-content ul ul li a:hover {
  background: none !important;
  color: #707070;
  font-weight: bold;
}

.menu-open + .content,
.menu-open header .header-columns {
  transform: translateX(220px);
  overflow: hidden;
  pointer-events: none;
}

#app.hidden-scroll:not(.header-submenu) {
  overflow: hidden;
}
#app.hidden-scroll:not(.header-submenu) *:not(.main-menu a) {
  overflow: hidden;
}

.all-plans {
  max-width: 1366px;
  padding: 50px 30px;
  margin: 0 auto;
  box-sizing: border-box;
}
.all-plans table {
  margin-top: 0;
  width: 100%;
  background: #fff;
  border-collapse: collapse;
  margin-bottom: 0;
}
.all-plans table tr td {
  padding: 15px 10px;
  border: 1px solid #DFE1E5;
  text-align: center;
  transition: 0.3s all;
  background: #fff;
}
.all-plans table tr td a {
  font-weight: normal;
  position: relative;
}
.all-plans table tr td a i {
  color: #4c4c4c;
}
.all-plans table tr td a .tooltip-msg {
  z-index: 3;
  position: absolute;
  top: 20px;
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 3px 11px rgba(0, 0, 0, 0.1);
  width: max-content;
  padding: 10px;
  display: none;
  font-size: 0.83em;
  color: #4c4c4c;
  border: 1px solid #DFE1E5;
  left: calc(100% - 30px);
  line-height: 1.25em;
}
.all-plans table tr td a .tooltip-msg:after, .all-plans table tr td a .tooltip-msg:before {
  bottom: 100%;
  left: 20px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.all-plans table tr td a .tooltip-msg:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 5px;
  margin-left: -5px;
}
.all-plans table tr td a .tooltip-msg:before {
  border-color: rgba(223, 225, 229, 0);
  border-bottom-color: #DFE1E5;
  border-width: 6px;
  margin-left: -6px;
}
.all-plans table tr td a:hover .tooltip-msg {
  display: block;
}
.all-plans table tr td label {
  font-size: 0.83em;
  color: #909090;
}
.all-plans table tr td:first-child {
  text-align: left;
  color: #909090;
}
.all-plans table tr:hover {
  background: #f0f0f0;
}
.all-plans strike {
  text-decoration: none;
}
.all-plans .discount-price {
  color: #909090;
  font-weight: bold;
  font-size: 0.625em;
  position: absolute;
  margin: -18px 0 0 0;
  display: block;
  width: calc(100% - 20px);
  text-align: center;
}
.all-plans .discount-price strike {
  text-decoration: line-through;
  font-size: 1.2em;
  font-weight: normal;
}
.all-plans #fixedElement {
  z-index: 10001;
  position: relative;
}
.all-plans #fixedElement tr td:first-child {
  border-left: 0;
  border-top: 0;
  background: #fff;
}
.all-plans #fixedElement.fixed {
  position: fixed;
  top: 61px;
  width: 100%;
  left: 0;
}
.all-plans #fixedElement.fixed table {
  max-width: 1306px;
  margin: 0 auto;
}
.all-plans .fixed + table {
  margin-top: 242px;
}
.all-plans table + table {
  margin-top: -1px;
}
.all-plans .min-length {
  min-width: 100px;
  display: block;
}
.all-plans .bordered {
  transform: scale(1.2);
}

.message-box {
  background: #fafafa;
  border: 1px solid #DFE1E5;
  color: #4c4c4c;
  padding: 15px;
  margin-left: 30px;
  border-radius: 3px;
  align-self: flex-start;
  width: max-content;
}
.message-box i {
  background: #fff;
  font-size: 1.5em;
  padding: 5px;
  border-radius: 80px;
  color: #fed859;
  display: flex;
  justify-content: center;
  align-content: center;
  margin-right: 15px;
}
.message-box h3 {
  font-size: 1em;
  font-weight: normal;
  line-height: 1.5em;
  padding: 5px;
  margin: 0;
}
.message-box h3 p {
  font-size: 0.75em;
  padding-top: 3px;
}
.message-box.alert {
  color: #fb6e52;
}
.message-box input[type=range] {
  transform: 0.3s all;
}

.ribbon {
  width: 75px;
  height: 75px;
  overflow: hidden;
  position: absolute;
  top: -10px;
  right: -10px;
  z-index: 10002;
}
.ribbon:before, .ribbon:after {
  position: absolute;
  z-index: -1;
  content: "";
  display: block;
  border: 5px solid #359b65;
  border-top-color: transparent;
  border-right-color: transparent;
}
.ribbon:before {
  top: 0;
  left: 0;
}
.ribbon:after {
  bottom: 1px;
  right: -1px;
  z-index: 1;
}
.ribbon span {
  position: absolute;
  display: block;
  width: 109px;
  padding: 6px 0;
  background-color: #3bae71;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  color: #fff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  text-align: center;
  left: -10px;
  top: 15px;
  transform: rotate(45deg);
  font-size: 13px;
  z-index: 10003;
}

.calculator {
  /* background: #fcfcfc; */
  border-radius: 5px;
  z-index: 1;
  position: relative;
  box-shadow: 0 1px 3px rgba(112, 112, 112, 0.3), inset 0 0 0 1px #DFE1E5;
  background: #fafafa;
  color: #909090;
  margin-bottom: 50px;
  margin-top: 20px;
}
.calculator input[type=range] {
  pointer-events: none;
  background: #f0f0f0;
  margin-top: 20px;
  box-shadow: none;
}
.calculator input[type=range]::-webkit-slider-thumb {
  width: 32px;
  height: 32px;
  pointer-events: auto;
  cursor: pointer;
  background-color: #fb6e52;
  border-color: #600600;
  border-width: 11px;
  box-shadow: none;
  margin-top: -11px;
  z-index: 111;
  position: relative;
  /*box-shadow: -200px 0 0 200px #F2544A;*/
}
.calculator input[type=range]::-moz-range-thumb {
  pointer-events: auto;
}
.calculator input[type=range]::-ms-thumb {
  background-color: #F2544A;
  pointer-events: auto;
}
.calculator input[type=range]::-ms-ticks-after {
  background: #ccc;
}
.calculator input[type=number]::-webkit-inner-spin-button,
.calculator input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.calculator .grid-labels {
  display: flex;
  justify-content: space-between;
  position: absolute;
  width: calc(100% - 30px);
  font-size: 0.625em;
  color: #a6a6a6;
  font-weight: bold;
  z-index: 1;
}
.calculator .grid-labels span {
  flex: 0 0 1px;
  height: 10px;
  background: #fafafa;
  margin-top: 18px;
}
.calculator .grid-labels span i {
  position: absolute;
  width: 80px;
  margin-left: -40px;
  text-align: center;
  pointer-events: none;
  margin-top: -20px;
  text-decoration: none;
}
.calculator .form-input input,
.calculator .form-input select {
  background-color: rgba(255, 255, 255, 0);
}
.calculator .form-input label {
  color: #707070;
}
.calculator h2 {
  padding: 15px 20px 0 15px;
  color: #4c4c4c;
  font-size: 1.2em;
}
.calculator .calculator-inputs div:nth-child(1) {
  flex: 1 1 50%;
}
.calculator .calculator-inputs div:nth-child(2) {
  padding: 20px;
  flex: 0 0 100px;
}
.calculator .calculator-result {
  border-radius: 1px;
  background: #fff;
  box-shadow: 0 0 0 3px #fff, 0 0 0 5px #fb6e52, 0 6px 5px rgba(0, 0, 0, 0.15);
  color: #fb6e52;
  padding: 15px;
  box-sizing: border-box;
}
.calculator .calculator-result > div:first-child {
  flex: 0 0 20%;
  flex-basis: calc(20% - 40px);
}
.calculator .calculator-result h1 {
  color: #4c4c4c;
  line-height: 1.5;
  font-size: 1.25em;
}
.calculator .calculator-result h1.calc-total {
  line-height: 1.5;
  font-size: 1.8em;
  font-weight: bold;
}
.calculator .calculator-result h1 span,
.calculator .calculator-result h1 small {
  color: #707070;
  font-size: 13px;
  font-weight: normal;
}
.calculator .calculator-result h2 {
  padding-left: 0;
}

.grid-1-4 {
  padding: 15px 45px 15px;
  display: grid;
  -ms-grid-columns: 1fr 4fr;
  grid-template-columns: 1fr 4fr;
  color: #707070;
}
.grid-1-4.unique {
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}
.grid-1-4 > div:last-child {
  padding: 0 0 0 15px;
  box-sizing: border-box;
}
.grid-1-4 .tool-value {
  padding: 10px;
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
  position: relative;
  background: #fb6e52;
  border-radius: 3px;
  margin-left: -10px;
  margin-top: 30px;
  box-shadow: 6px 6px 0 0 rgba(0, 0, 0, 0.05);
  color: rgba(255, 255, 255, 0.75) !important;
  font-size: 11px;
  display: flex;
  align-items: center;
  align-content: center;
}
.grid-1-4 .tool-value:after {
  bottom: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(136, 183, 213, 0);
  border-bottom-color: #fb6e52;
  border-width: 10px;
  margin-left: 15px;
  transform: rotate(-125deg);
  margin-bottom: -10px;
  left: 0;
}
.grid-1-4 .tool-value input {
  background: none;
  box-shadow: none;
  color: #fff;
  margin: 0;
  width: auto;
  font-size: 16px;
  padding: 0;
}

.class-cdm .calculator input[type=range]::-webkit-slider-thumb {
  background-color: #5878A7;
  border-color: #3c5975;
}
.class-cdm .calculator input[type=range]::-ms-thumb {
  background-color: #5878A7;
}
.class-cdm .calculator .calculator-result {
  box-shadow: 0 0 0 3px #fff, 0 0 0 5px #5878A7, 0 6px 5px rgba(0, 0, 0, 0.15);
  color: #5878A7;
}
.class-cdm .grid-1-4 .tool-value {
  background: #5878A7;
}
.class-cdm .grid-1-4 .tool-value:after {
  border-bottom-color: #5878A7;
}
.class-cdm .grid-1-4 .flex-centered {
  flex: 1 1 80%;
}
.class-cdm .grid-1-4.border {
  background: #fff;
  padding: 0 45px;
  margin: 0;
}
.class-cdm .grid-1-4.border div {
  border-left: 1px solid #d2d2d2;
  border-bottom: 1px solid #d2d2d2;
  border-collapse: collapse;
}

.calendar-text {
  position: relative;
  cursor: pointer;
}
.calendar-text input {
  padding-right: 30px;
}
.calendar-text i {
  position: absolute;
  right: 5px;
  top: 0;
}

.calendar-control-month {
  display: block;
  position: absolute;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15), 0 2px 11px rgba(0, 0, 0, 0.25);
  background: #fff;
  border-radius: 3px;
  padding: 10px;
  text-align: center;
  z-index: 10;
  right: 0;
}
.calendar-control-month .year-calendar {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-content: center;
  align-items: center;
  padding: 10px 0;
}
.calendar-control-month .year-calendar a {
  padding: 10px;
  font-size: 1.2em;
}
.calendar-control-month .month-calendar {
  display: flex;
  width: 200px;
  flex-wrap: wrap;
  background: #fff;
  border-top: 1px solid #eee;
}
.calendar-control-month .month-calendar .button-calendar {
  padding: 0;
  border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  background: #fff;
  border-radius: 25px;
  height: 50px;
  flex: 0 0 50px;
  margin: 2px 0;
  border: none;
  box-shadow: none;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  outline: none;
}
.calendar-control-month .month-calendar .button-calendar span {
  color: #4c4c4c;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  font-size: 1.2em;
}
.calendar-control-month .month-calendar .button-calendar:hover span {
  background: #fb6e52;
  color: #fff;
  font-weight: bold;
}
.calendar-control-month .month-calendar .button-calendar.date-from {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 25px 0 0 25px;
}
.calendar-control-month .month-calendar .button-calendar.date-from span {
  background: #fb6e52;
  color: #fff;
  font-weight: bold;
}
.calendar-control-month .month-calendar .button-calendar.date-to {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 0 25px 25px 0;
}
.calendar-control-month .month-calendar .button-calendar.date-to span {
  background: #fb6e52;
  color: #fff;
  font-weight: bold;
}
.calendar-control-month .month-calendar .button-calendar.date-to.date-from {
  border-radius: 25px;
  background: none;
}
.calendar-control-month .month-calendar .button-calendar.date-to.date-from span {
  background: #fb6e52;
  color: #fff;
  font-weight: bold;
}
.calendar-control-month .month-calendar .button-calendar.date-in {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 0 0 0 0;
}
.calendar-control-month .month-calendar .button-calendar.date-in span {
  background: none;
  color: #4c4c4c;
  font-weight: bold;
}
.calendar-control-month .month-calendar .button-calendar.date-unique {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 25px;
}
.calendar-control-month .month-calendar .button-calendar.date-unique span {
  background: #fb6e52;
  color: #fff;
  font-weight: bold;
}
.calendar-control-month .month-calendar .button.button-sm {
  margin: 10px 0 0 0;
}

.pricing {
  background: #f0f0f0;
}
.pricing * {
  box-sizing: border-box;
}
.pricing .pricing-container {
  max-width: 1366px;
  padding: 0 25px;
  box-sizing: border-box;
  margin: 0 auto;
}
.pricing .pricing-intro h1,
.pricing .pricing-welcome h1,
.pricing .pricing-plans-intro h1 {
  font-size: 3em;
  color: #212121;
}
.pricing .pricing-intro p,
.pricing .pricing-welcome p,
.pricing .pricing-plans-intro p {
  font-size: 1.1em;
  max-width: 720px;
  margin: 30px auto 50px;
}
.pricing .pricing-intro,
.pricing .pricing-welcome {
  padding: 100px 50px;
}
.pricing .pricing-features {
  padding-bottom: 50px;
}
.pricing .pricing-features h2 {
  padding-bottom: 30px;
}
.pricing .pricing-features .panel {
  margin: 45px 0;
  border-radius: 7px;
  background: #fff;
  box-shadow: 5px 5px 20px #5878A74D;
  text-align: center;
  padding: 20px;
}
.pricing .pricing-features .panel img {
  max-width: 50px;
  max-height: 50px;
  margin: 25px auto 10px;
}
.pricing .pricing-features .panel h3 {
  text-align: center;
  padding-bottom: 15px;
  font-size: 1.6em;
  color: #000;
}
.pricing .pricing-features .panel p {
  text-align: center;
  font-size: 0.9em;
  line-height: 1.2;
}
.pricing .pricing-plans-intro {
  padding: 25px 25px 0;
}
.pricing .pricing-tabs {
  display: flex;
}
.pricing .pricing-tabs .pricing-tab {
  padding: 15px 25px;
  margin-right: 10px;
  border-radius: 5px 5px 0 0;
  background: none;
  border: 2px solid #CDCDCD;
  border-bottom: none;
  font-weight: bold;
  cursor: pointer;
}
.pricing .pricing-tabs .pricing-tab.active {
  background: #fff;
  border-color: #fff;
}
.pricing .pricing-coupon {
  margin: 25px auto;
  width: 460px;
  border: 1px solid #ccc;
  padding: 15px;
  border-radius: 3px;
  background: #fff;
  justify-content: center;
}
.pricing .pricing-coupon p {
  padding: 0 0 10px !important;
  margin: 0 !important;
  text-align: center;
  font-size: 0.83em;
  font-weight: bold;
}
.pricing .pricing-coupon input {
  height: 44px;
  line-height: 44px;
  margin: 0 10px 0 0;
}
.pricing .pricing-plans-main {
  background: #fff;
  padding: 25px;
}
.pricing .pricing-plans-main .pricing-promo {
  background: #58a78d;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
  width: calc(100% + 2px);
  margin: -1px;
  color: #fff;
  font-size: 0.83em;
  font-weight: bold;
  position: absolute;
  top: 0px;
  left: 0px;
}
.pricing .pricing-plans-main .pricing-item {
  position: relative;
}
.pricing .pricing-plans-main .pricing-item.promotional {
  border-color: #58a78d;
  box-shadow: -1px 0 0 #58a78d, inset 0 0 0 1px #58a78d;
}
.pricing .pricing-plans-main .pricing-item h1 {
  text-align: center;
  display: flex;
  justify-content: center;
  padding-top: 25px;
}
.pricing .pricing-plans-main .pricing-item h1 label {
  font-size: 0.3em;
  margin-top: 0;
}
.pricing .pricing-plans-main .pricing-item h1 span {
  font-size: 0.5em;
  margin-top: 15px;
}
.pricing .pricing-plans-main h4 {
  font-size: 20px;
  font-weight: bold;
  margin-top: 30px;
  margin-bottom: 15px;
}
.pricing .pricing-plans-main .row > * {
  border: 1px solid #cdcdcd;
  border-left: none;
}
.pricing .pricing-plans-main .row > * ul {
  margin: 5px;
  padding: 0;
}
.pricing .pricing-plans-main .row > * ul li {
  display: flex;
  padding: 15px;
  border-bottom: 1px solid #cdcdcd99;
  margin: 0;
}
.pricing .pricing-plans-main .row > * ul li:last-child {
  border-bottom-width: 0px;
}
.pricing .pricing-plans-main .row > * ul li label {
  flex: 0 0 70%;
}
.pricing .pricing-plans-main .row > * ul li span {
  flex: 1 1 30%;
  font-weight: bold;
}
.pricing .pricing-plans-main .row > *:first-child {
  border-left: 1px solid #cdcdcd;
}
.pricing .button {
  margin-left: auto;
  margin-right: auto;
}
.pricing .anual-month-plan {
  padding: 15px 0;
}
.pricing .anual-month-plan label:not(.switch) {
  padding: 0 5px;
  color: #000;
}
.pricing .anual-month-plan label:not(.switch).active {
  font-weight: bold;
}
.pricing .pricing-faq {
  padding-bottom: 50px;
}
.pricing .pricing-faq * {
  box-sizing: border-box;
}
.pricing .pricing-faq h1 {
  text-align: left;
  padding-top: 100px;
  padding-bottom: 50px;
}
.pricing .pricing-faq .question {
  font-size: 1.4em;
  border-top: 1px solid #cdcdcd99;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 20px;
  padding-right: 20px;
  color: #212121;
  cursor: pointer;
}
.pricing .pricing-faq .question:last-child {
  border-bottom: 1px solid #cdcdcd99;
}
.pricing .pricing-faq .question.active {
  color: #5878A7;
}
.pricing .pricing-faq .question.active i {
  color: #212121;
}
.pricing .pricing-faq .question i {
  color: #212121;
}
.pricing .pricing-faq .answer {
  padding: 15px 20px 25px;
  font-size: 1em;
}

.card-elements {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  align-content: stretch;
  width: 100%;
}
@media (max-width: 767px) {
  .card-elements {
    display: -webkit-inline-box;
    display: block;
  }
}
.card-elements .card-element {
  flex: 0 0 33%;
  flex-basis: calc(33.33% - 10px);
  margin-right: 10px;
  margin-bottom: 10px;
  border-radius: 3px;
  background: #fff;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
  background: #fcfcfc;
  padding: 10px;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}
@media (max-width: 767px) {
  .card-elements .card-element {
    margin-right: auto;
    width: 97%;
  }
}
.card-elements .card-element:nth-child(3n) {
  margin-right: 0px;
}
.card-elements .card-element.card-green {
  box-shadow: inset 0 0 0 1px rgba(59, 174, 113, 0.1);
  background: rgba(59, 174, 113, 0.1);
}
.card-elements .card-element .placeholder {
  display: block;
  background: rgba(42, 65, 26, 0.05);
  border-radius: 2px;
  clear: both;
}
.card-elements .card-element h3.placeholder {
  margin-top: 15px;
  height: 5px;
  width: 60%;
}
.card-elements .card-element p.placeholder {
  height: 15px;
  margin-top: 2px;
}
.card-elements .card-element p.placeholder:last-child {
  width: 30%;
}
.card-elements .card-element .img.placeholder {
  background: rgba(59, 174, 113, 0.1);
  box-shadow: none !important;
}
.card-elements .card-element .card-element-profile {
  display: flex;
  justify-content: flex-start;
}
.card-elements .card-element .card-element-profile .img {
  flex: 0 0 60px;
  height: 60px;
  border-radius: 40px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  margin-right: 15px;
  margin-top: 15px;
}
.card-elements .card-element .card-element-profile .img + div {
  flex: 1 1 50%;
}
.card-elements .card-element .card-element-profile figure {
  flex: 0 0 60px;
  height: 60px;
  width: 60px;
  border-radius: 40px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  margin-right: 15px;
  margin-top: 15px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.card-elements .card-element .card-element-profile figure img.landscape {
  height: 100%;
}
.card-elements .card-element .card-element-profile figure img.portrait {
  width: 100%;
}
.card-elements .card-element > i {
  position: absolute;
  top: -5px;
  font-size: 10em;
  opacity: 0.05;
  right: -5px;
  transform: rotate(3deg);
}

.plan-simulation-calendar {
  position: absolute;
  left: -270px;
  width: 540px;
  background: #fff;
  box-sizing: border-box;
  padding: 10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px 30px rgba(0, 0, 0, 0.05);
  top: 40px;
  z-index: 100;
  font-size: 1.2em;
  margin-bottom: 50px;
}
.plan-simulation-calendar table {
  margin-top: 5px;
}
.plan-simulation-calendar td {
  position: relative;
  height: 36px;
  width: 70px;
}
.plan-simulation-calendar td > span {
  position: absolute;
  bottom: 1px;
  right: 1px;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  padding: 1px;
  width: 10px;
  height: 10px;
  text-align: center;
  font-size: 0.83em;
}
.plan-simulation-calendar td .values {
  font-size: 1.2em;
  font-weight: bold;
}
.plan-simulation-calendar td .input-grid {
  height: 100%;
  border-bottom: none;
}
.plan-simulation-calendar td select {
  background-image: url(../../dist/images/arrow-down.svg) !important;
  background-repeat: no-repeat !important;
  background-position-x: 99% !important;
}
.plan-simulation-calendar th {
  font-size: 1.2em;
  height: 15px !important;
  max-height: 15px !important;
}
.plan-simulation-calendar .button-group {
  padding-top: 0;
}
.plan-simulation-calendar .close {
  position: absolute;
  right: 10px;
  top: 10px;
  color: #aaa;
}

.graphic-width:nth-child(2n+1) {
  width: 500px;
}

.chart-graphs:nth-child(2n+1) {
  height: 300px;
  overflow-y: scroll;
}

.chart-graphs-heigth:nth-child(2n+1) {
  height: 300px;
}

.color-tabs {
  box-shadow: 0 1px 0 0 #fb6e52, inset 0 -1px 0 0 #fb6e52;
  padding: 5px !important;
  color: #fb6e52;
  cursor: pointer;
}

.color-default {
  color: #a9a9a9;
  cursor: pointer;
}
.color-default:hover {
  color: black;
}

.tabs-colors {
  padding: 10px 15px !important;
  transition: 0.5s all;
}

.my-account-body p {
  padding-bottom: 5px;
}

.buttons {
  padding-top: 25px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  align-content: flex-end;
}
.buttons.end {
  justify-content: flex-end;
}
.buttons .button {
  margin-top: 0;
  white-space: nowrap;
}
.buttons div {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  flex: 0 1 50%;
}

.address,
.contacts {
  display: block;
  flex: 0 0 100%;
  padding: 25px 0;
  width: 100%;
}

.my-account {
  padding: 15px 0;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  box-sizing: border-box;
  justify-content: flex-start;
}
.my-account::after {
  clear: both;
  content: "";
  display: table;
}
.my-account .my-account-photo {
  max-width: 200px;
  height: 100%;
  width: 100%;
  margin-top: 10px;
  margin-right: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  border-radius: 150px;
  position: relative;
  width: 200px;
  height: 200px;
  max-width: 200px;
  display: flex;
  flex: 0 0 200px;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  border-radius: 150px;
  position: relative;
  background-size: cover;
  background-position: center;
}
@media (max-width: 767px) {
  .my-account .my-account-photo {
    margin: 0 auto;
    width: 200px;
    height: 200px;
    max-width: 200px;
  }
}
.my-account .my-account-photo img {
  max-width: 100%;
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.1);
}
.my-account .my-account-photo img {
  max-width: normal;
  height: 100%;
}
.my-account .my-account-photo a {
  position: absolute;
  background: rgba(255, 255, 255, 0.5);
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: 0.3s all;
}
.my-account .my-account-photo:hover a {
  opacity: 1;
}
.my-account .message {
  display: block;
  font-size: 0.75em;
  font-weight: 700;
  text-align: right;
  width: 100%;
  padding: 4px 0 0;
  max-height: 12px;
  color: #f33a3a;
}
.my-account .my-account-default {
  box-sizing: border-box;
  display: block;
  background: #f0f0f0;
  align-items: center;
  width: 100%;
  margin: 0 10px 0 0;
}
.my-account .my-account-default:last-child {
  margin-right: 0;
}
.my-account .my-account-default.half-size {
  width: 50%;
}
.my-account .my-account-default .my-account-header {
  background-color: #fafafa;
  display: block;
  padding: 20px 10px;
  align-items: center;
  font-weight: bold;
}
.my-account .my-account-default .my-account-body {
  background: #ffffff;
  padding: 10px;
}
.my-account .my-account-default .my-account-body .input-group {
  width: 100%;
  box-sizing: border-box;
  padding-right: 10px;
  display: block;
  min-height: 84px;
}
.my-account .my-account-default .my-account-body .input-group label {
  padding-bottom: 5px;
  font-size: 0.688em;
  font-weight: bold;
  line-height: 20px;
  width: 100%;
  display: block;
}
.my-account .my-account-default .my-account-body .input-group select {
  border: solid 1px #d2d2d2;
  border-radius: 5px;
  padding-left: 10px;
  padding-right: 10px;
  box-shadow: none;
  box-sizing: border-box;
}
.my-account .my-account-default .my-account-body .input-group input {
  border: solid 1px #d2d2d2;
  border-radius: 5px;
  padding-left: 10px;
  padding-right: 10px;
  box-shadow: none;
  box-sizing: border-box;
}
.my-account .my-account-gray {
  background: #4c4c4c;
  width: 35%;
  box-sizing: border-box;
  color: #f4f4f4;
  position: relative;
  padding: 0;
  width: 50%;
  display: block;
  box-sizing: border-box;
}
.my-account .my-account-gray::after {
  clear: both;
  content: "";
  display: table;
}
.my-account .my-account-gray .my-account-header {
  background: #535353;
  padding: 20px 10px;
  font-weight: bold;
}
.my-account .my-account-gray .my-account-body {
  padding: 10px;
}
.my-account .my-account-gray .my-account-body .input-group {
  width: 100%;
  box-sizing: border-box;
  padding-right: 10px;
  display: block;
  min-height: 84px;
}
.my-account .my-account-gray .my-account-body .input-group label {
  padding-bottom: 5px;
  font-size: 0.688em;
  font-weight: bold;
  line-height: 20px;
  width: 100%;
  display: block;
}
.my-account .my-account-gray .my-account-body .input-group select {
  border: none;
  border-radius: 5px;
  padding-left: 10px;
  padding-right: 10px;
  box-sizing: border-box;
  color: #f8f8f8;
  background: grey;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
}
.my-account .my-account-gray .my-account-body .input-group input {
  border-radius: 5px;
  padding-left: 10px;
  padding-right: 10px;
  box-sizing: border-box;
  color: #f8f8f8;
}

.transfer {
  width: 100%;
  height: 100px;
  padding: 15px;
  box-sizing: border-box;
  position: relative;
}
.transfer .input-file {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
  margin: 0;
  padding: 0;
  opacity: 0;
  z-index: 10;
}
.transfer label {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background: #f0f0f0;
  border: 1px dashed #ccc;
  border-radius: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
}
.transfer label:before {
  width: 100%;
  text-align: center;
  padding: 10px 0;
}
.transfer small {
  color: #ccc;
}
.transfer span {
  flex-basis: 100%;
  text-align: center;
  padding: 15px 0 0 0;
}
.transfer input:required:valid + label {
  background: #39D2B4;
  border-color: #20b094;
}
.transfer input:required:valid + label .success-file {
  color: #fff;
  display: block;
}
.transfer input:required:valid + label .error-file {
  display: none;
}
.transfer input:required:valid + label .button-file {
  background: #fff;
  color: #4c4c4c;
}
.transfer input:required:valid ~ small {
  color: #fff;
}
.transfer input:required:invalid:not(:placeholder-shown) + label {
  background: #f0f0f0;
}
.transfer input:required:invalid:not(:placeholder-shown) + label .success-file {
  display: none;
}
.transfer input:required:invalid:not(:placeholder-shown) + label .error-file {
  display: block;
}

@media screen and (max-width: 768px) {
  .asu-view > div {
    flex-flow: column;
  }
}
.asu-view .tick {
  padding: 10px;
  background: #fff;
  border-radius: 3px;
  background: #f2f2f2;
  text-align: center;
  font-size: 1.5em;
  color: #fb6e51;
  margin-right: 10px;
  font-weight: bold;
  /* line-height: 1.5; */
}
.asu-view .tick strong {
  width: 100%;
  display: block;
  font-size: 0.63em;
  color: #4c4c4c;
  margin: 10px 0 0;
  text-transform: uppercase;
}
.asu-view table {
  font-size: 16px;
}

.--info-card {
  padding: 5px;
}
.--info-card h4 {
  font-size: 24px;
  font-weight: bold;
}
.--info-card h4 small {
  font-size: 16px;
  margin-left: 5px;
}
.--info-card h6 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}
.--info-card hr {
  height: 1px;
  margin: 10px 0;
  background: #CACACA;
  border: none;
}

.--progress-bar-line {
  font-size: 14px;
  font-weight: normal;
  color: #4c4c4c;
  display: flex;
  width: 100%;
  padding: 5px 0;
}
.--progress-bar-line img {
  max-width: 32px;
  max-height: 32px;
  margin-right: 10px;
}
.--progress-bar-line .--count {
  width: 32px;
  text-align: right;
  line-height: 32px;
  margin-right: 10px;
}
.--progress-bar-line .--extra {
  width: 100%;
}
.--progress-bar-line .--extra .--labels {
  width: 100%;
  line-height: 28px;
  height: 28px;
  margin-top: 2px;
  display: flex;
  justify-content: space-between;
}
.--progress-bar-line .--extra .--labels .--label {
  text-align: left;
}
.--progress-bar-line .--extra .--labels .--percent {
  text-align: right;
  font-size: 12px;
}
.--progress-bar-line .--progress {
  background: #dbdbdb;
  width: 100%;
  height: 2px;
  position: relative;
}
.--progress-bar-line .--progress span {
  background: #FB6E51;
  position: absolute;
  height: 2px;
  top: 0;
  left: 0;
}

.columns {
  -moz-column-gap: 15px;
  -webkit-column-gap: 15px;
  column-gap: 15px;
}
.columns.one-column {
  -moz-column-count: 1;
  -webkit-column-count: 1;
  column-count: 1;
}
.columns.two-columns {
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
}
@media (max-width: 767px) {
  .columns.two-columns {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
  }
}
.columns.three-columns {
  -moz-column-count: 3;
  -webkit-column-count: 3;
  column-count: 3;
}
@media (max-width: 767px) {
  .columns.three-columns {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
  }
}
.columns.four-columns {
  -moz-column-count: 4;
  -webkit-column-count: 4;
  column-count: 4;
}
@media (max-width: 767px) {
  .columns.four-columns {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
  }
}
.columns .column-element {
  display: inline-block;
  margin: 0 0 15px;
  width: 100%;
}
.columns .column-element .table {
  width: 100%;
}
.columns .column-element .table th {
  font-size: 0.75em;
  color: #a3a3a3;
  text-transform: uppercase;
  padding: 5px;
  border-bottom: 3px double rgba(0, 0, 0, 0.05);
  text-align: left;
  font-weight: bold;
}
.columns .column-element .table tbody.empty {
  background: rgba(0, 0, 0, 0.025);
  padding: 30px;
  display: flex;
  justify-content: center;
  flex-flow: column;
  align-items: center;
}
.columns .column-element .table tbody.empty td {
  border-bottom: none;
  text-align: center;
}
.columns .column-element .table tbody:not(.empty) td {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  padding: 5px;
  height: 35px;
  vertical-align: middle;
}
.columns .column-element .table tbody:not(.empty) td .button {
  float: right;
  margin: 2px -5px 2px 2px !important;
}

@media screen and (max-width: 768px) {
  .mediaplan-title {
    flex-flow: column;
  }
  .mediaplan-title h3 {
    padding: 0 0 10px 0 !important;
  }
  .mediaplan-title h3 span {
    font-size: 0.75em;
    color: #909090;
  }
}

.media-plan .map-plan {
  width: 100%;
  height: 100%;
  min-height: 570px;
}
.media-plan.to-export {
  position: absolute;
  width: 0px;
  height: 0px;
  overflow: hidden;
  z-index: -9999;
}
.media-plan.to-export .side {
  display: none;
}
.media-plan.to-export .to-export-1 {
  position: absolute;
  width: 900px;
  height: 570px;
  z-index: -100;
}
.media-plan.to-export .map-plan {
  position: relative;
  width: 100% !important;
  height: 100% !important;
  display: block;
  z-index: -3;
  min-height: 570px !important;
  min-width: 900px !important;
}
.media-plan.no-export {
  display: flex;
  width: 100%;
  height: 100%;
  min-height: 500px;
}
@media screen and (max-width: 768px) {
  .media-plan.no-export {
    min-height: 100%;
    flex-flow: column;
  }
}
.media-plan.no-export .to-export-1 {
  width: 100%;
  height: 100%;
  min-height: 500px;
}
.media-plan.no-export .side {
  border: 1px solid #d7d7d7;
  border-radius: 3px;
  padding: 15px;
  margin-right: 10px;
  width: 300px;
}
@media screen and (max-width: 768px) {
  .media-plan.no-export .side {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 15px;
  }
}
.media-plan.no-export .side h3 {
  font-size: 13px;
  padding-bottom: 15px;
}
.media-plan.no-export .side li {
  font-size: 13px;
  vertical-align: middle;
  padding: 5px 0;
}
.media-plan.no-export .side li img {
  margin-right: 10px;
}
.media-plan.no-export .side li span {
  color: #4c4c4c;
  font-size: 11px;
  font-weight: normal;
}
.media-plan.no-export .side i {
  color: #909090;
  font-size: 15px;
}
.media-plan.no-export .side .line-through {
  text-decoration: line-through;
}
.media-plan.no-export .side > ul > li {
  padding-bottom: 10px;
}
.media-plan.no-export .side > ul > li > strong {
  align-items: center;
  align-content: center;
  display: flex;
}
.media-plan.no-export .side ul ul {
  padding: 0 0 0 30px;
}
.media-plan.no-export .side ul ul li {
  font-weight: bold;
  display: flex;
  justify-content: space-between;
  align-content: center;
  align-items: center;
  cursor: pointer;
}
.media-plan.no-export .map-plan {
  min-height: 500px;
}

.account {
  box-sizing: border-box;
  padding: 25px 25px 100px;
}
.account .panel {
  padding-top: 10px;
}
.account .panel table {
  margin-top: 15px;
  margin-bottom: 15px;
}
.account .panel label > span {
  font-size: 0.75em;
}
.account .panel label {
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  padding: 5px;
  margin-bottom: 5px;
  background: #fff;
}
.account .panel label > input,
.account .panel label > select {
  box-shadow: none;
}
.account .panel label input {
  height: 44px;
  border-bottom: none;
  box-shadow: none !important;
}
.account .panel label.disabled-label {
  opacity: 0.5;
  cursor: pointer;
}
.account .panel .flex {
  align-content: stretch;
  align-items: stretch;
}
.account .panel .flex .sidebar {
  text-align: left;
  padding: 10px;
  width: 285px;
  flex: 0 0 285px;
  background: #fafafa;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.account .panel .flex .mainbar {
  padding: 20px 0 20px 36px;
  flex: 1 1 50%;
  box-sizing: border-box;
  height: 300px;
  width: 100%;
}
.account .panel .flex .mainbar div {
  width: 100%;
  height: 100%;
  display: block;
}
.account .panel .flex canvas {
  background: #fff;
}
.account .box-card {
  background: #fff;
  border: 1px solid #EAEAEA;
  border-radius: 3px;
  overflow: hidden;
  margin: 5px 0;
}
.account .filters {
  padding: 15px;
  background: #fff;
  width: 100%;
  box-sizing: border-box;
}
.account .filters label {
  display: flex;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  align-content: center;
  align-self: center;
  margin-right: 10px;
  flex: 1 1 100%;
  width: auto;
  flex: 1 1 100%;
  align-content: center;
  align-items: center;
  padding: 0 5px;
}
.account .filters label span {
  white-space: nowrap;
}
.account .filters label select {
  box-shadow: none;
  width: auto;
  flex: 1 1 100%;
  width: 100%;
}
.account .filters .button {
  margin: 0;
  white-space: nowrap;
}
.account table:not(.--plans) {
  width: 100%;
  padding: 15px;
  border-radius: 3px;
}
.account table:not(.--plans) thead tr th {
  padding: 10px;
  color: #afb1b7;
  font-weight: bold;
  font-size: 0.695em;
  text-transform: uppercase;
}
.account table:not(.--plans) tbody > tr > th {
  background: #fff;
  color: #4c4c4c;
  font-size: 0.75em;
  padding: 10px;
  font-weight: bold;
  border-bottom: 1px solid #F2F2F2;
  border-left: 1px solid #eaeaea;
}
.account table:not(.--plans) tbody > tr > td:first-child {
  border-left: 1px solid #eaeaea;
}
.account table:not(.--plans) tbody > tr > th + td {
  border-left: none;
}
.account table:not(.--plans) tbody > tr td {
  background: #fff;
  color: #4c4c4c;
  font-size: 0.75em;
  padding: 10px;
  border-bottom: 1px solid #F2F2F2;
}
.account table:not(.--plans) tbody > tr td:last-child {
  border-right: 1px solid #eaeaea;
}
.account table:not(.--plans) tbody > tr td.--grey {
  padding: 0.5rem 1.25rem;
  background: rgba(0, 0, 0, 0.075);
}
.account table:not(.--plans) tbody > tr:first-child {
  border-top: 1px solid #EAEAEA;
}
.account table:not(.--plans) tbody > tr:first-child th,
.account table:not(.--plans) tbody > tr:first-child td:first-child {
  border-top-left-radius: 3px;
  border-left: 1px solid #eaeaea;
}
.account table:not(.--plans) tbody > tr:first-child td:last-child {
  border-top-right-radius: 3px;
  border-right: 1px solid #eaeaea;
}
.account table:not(.--plans) tbody > tr:first-child th + td {
  border-left: none;
  border-top-left-radius: 0;
}
.account table:not(.--plans) tbody > tr:last-child th {
  border-bottom-left-radius: 3px;
}
.account table:not(.--plans) tbody > tr:last-child th,
.account table:not(.--plans) tbody > tr:last-child td {
  border-bottom: 1px solid #eaeaea;
}
.account table:not(.--plans) tbody > tr:last-child td:last-child {
  border-bottom-right-radius: 3px;
}

.head-filters {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: space-between;
  background: #fff;
  border-radius: 3px;
  border: 1px solid #EAEAEA;
}
.head-filters .head-col {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: flex-start;
}
.head-filters .head-col:last-child {
  justify-content: flex-end;
}
.head-filters .head-filter {
  padding: 10px;
}
.head-filters .head-filter label span {
  font-size: 0.83em;
  color: #707070;
}
.head-filters .head-filter select {
  height: 38px;
  line-height: 38px;
}

.alert-message {
  border-radius: 5px;
  padding: 15px 20px;
  font-size: 0.875em;
  line-height: 18px;
  border: 2px solid #f0f0f0;
  background: #fafafa;
  color: #c2c2c2;
  box-sizing: border-box;
  font-weight: bold;
}
.alert-message.alert-info {
  color: #526afb;
  border-color: #526afb;
  background: #e4e8ff;
}
.alert-message.alert-success {
  color: #3bae71;
  border-color: #3bae71;
  background: #f0f9f4;
}
.alert-message i {
  float: left;
  padding: 0 15px 0 0;
  font-size: 1.8em;
}

.--baloon {
  position: absolute;
  z-index: 3;
  right: 0;
  margin: 0 0 80px 0;
  top: 44px;
  width: fit-content;
  padding: 10px;
  background: #fff;
  border: 1px solid #eaeaea;
  text-align: center;
  font-size: 0.83em;
  font-weight: bold;
  background: #fb6d55;
  color: #fff;
  border-radius: 3px;
}

.--baloon:after,
.--baloon:before {
  bottom: 100%;
  right: calc(50% - 16px);
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  z-index: 4;
  margin-bottom: 0px;
}

.--baloon:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fb6d55;
  border-width: 14px;
  /* margin-left: -25px; */
  margin: 0px 2px;
}

.--baloon:before {
  border-color: rgba(234, 234, 234, 0);
  border-bottom-color: #eaeaea;
  border-width: 16px;
  margin-left: -16px;
}

.accordion-panel {
  width: 100%;
  display: block;
  padding: 5px 0 5px 5px;
  box-shadow: -5px 1px 0 #ccc, 0 1px 0 #ccc;
  margin: 0 0 5px 5px;
  box-sizing: border-box;
  transition: 0.3s all;
}
.accordion-panel:hover {
  box-shadow: -5px 1px 0 #fb6e52, 0 1px 0 #fb6e52;
}
.accordion-panel.open-panel {
  box-shadow: -5px 1px 0 #fb6e52, 0 1px 0 #fb6e52;
}
.accordion-panel.open-panel .accordion-panel-header i {
  transform: rotate(-90deg);
}
.accordion-panel.open-panel .accordion-panel-body {
  padding: 10px 0;
  height: auto;
}
.accordion-panel .accordion-panel-header {
  width: 100%;
  padding: 5px 0;
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  align-items: center;
  align-content: center;
}
.accordion-panel .accordion-panel-header * {
  padding-top: 0;
  padding-bottom: 0;
}
.accordion-panel .accordion-panel-header i {
  font-size: 1.1em;
  transform: rotate(90deg);
  transition: 0.3s all;
}
.accordion-panel .accordion-panel-body {
  padding: 0;
  overflow: hidden;
  height: 0;
  transition: 0.3s all;
}

.message-alert {
  position: fixed;
  right: 0;
  border-radius: 3px;
  padding: 25px 30px 25px 15px;
  font-size: 0.875em;
  line-height: 18px;
  background: #fafafa;
  color: #4c4c4c;
  box-sizing: border-box;
  font-weight: bold;
  margin: 5px 5px 0 5px;
  z-index: 9999;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: flex-start;
  box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.09);
  min-width: 250px;
  color: #4c4c4c;
  background: #ffffff;
}
.message-alert .message-alert-content {
  display: flex;
  align-items: flex-start;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}
.message-alert .message-alert-content h2 {
  background: none;
  font-weight: normal;
  font-size: 18px;
  margin: 0;
  display: flex;
  align-content: center;
  align-items: center;
}
.message-alert .message-alert-content h2:before {
  background: none;
  font-family: "mediatrade-icons";
  width: 30px;
  height: 30px;
  position: absolute;
  left: 10px;
  line-height: 28px;
  font-size: 28px;
}
.message-alert.success {
  width: auto;
  color: #ffffff;
  background: #3bae71;
}
.message-alert.success .message-alert-content {
  padding-left: 30px;
}
.message-alert.success h2 {
  color: #ffffff;
}
.message-alert.success h2:before {
  color: #2e8858;
  content: "";
}
.message-alert.error {
  width: auto;
  color: #ffffff;
  background: #d63434;
}
.message-alert.error .message-alert-content {
  padding-left: 30px;
}
.message-alert.error h2 {
  color: #ffffff;
}
.message-alert.error h2:before {
  color: #b32424;
  content: "";
}
.message-alert.warning {
  width: auto;
  color: #ffffff;
  background: #fbd152;
}
.message-alert.warning .message-alert-content {
  padding-left: 30px;
}
.message-alert.warning h2 {
  color: #ffffff;
}
.message-alert.warning h2:before {
  color: #fac420;
  content: "";
}
.message-alert.info {
  width: auto;
  color: #ffffff;
  background: #526afb;
}
.message-alert.info .message-alert-content {
  padding-left: 30px;
}
.message-alert.info h2 {
  color: #ffffff;
}
.message-alert.info h2:before {
  color: #203ffa;
  content: "";
}
.message-alert .close {
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  padding: 5px;
  font-size: 20px;
  opacity: 0.7;
  color: rgba(0, 0, 0, 0.15);
  text-shadow: 0 1px rgba(255, 255, 255, 0.1), 0 -1px rgba(0, 0, 0, 0.3);
}
.message-alert .close:hover {
  opacity: 1;
}

.stats {
  display: flex;
  flex: 0 0 120px;
  box-sizing: border-box;
  justify-content: space-around;
}
.stats .stat {
  display: flex;
  flex-direction: column;
  margin: 0 5px;
}
.stats .stat h2 {
  margin: 0;
  padding: 0 5px 3px 5px;
  font-size: 100%;
  font-weight: bold;
  font-size: 1.5em;
  text-align: center;
}
.stats .stat p {
  padding: 0 5px 0 5px;
  font-size: 0.66em;
  text-transform: uppercase;
  text-align: center;
  white-space: nowrap;
}
.stats .stat.stat-publisher h2 {
  color: #2392f8;
}
.stats .stat.stat-asus h2 {
  color: #2dbdfd;
}
.stats .stat.stat-signed h2 {
  color: #3bae71;
}

.admin {
  padding: 3px 0 0 0;
  display: flex;
  min-height: calc(100vh - 67px);
  display: flex;
  align-items: stretch;
  align-content: stretch;
}
@media (max-width: 767px) {
  .admin {
    min-height: inherit;
  }
}
.admin .message-from-advertiser div {
  font-size: 1em;
}
.admin .changes-objects {
  list-style: decimal-leading-zero;
}
.admin .changes-objects > li {
  padding: 3px;
  font-weight: bold;
  position: relative;
}
.admin .changes-objects > li a {
  position: absolute;
  top: 15px;
  right: 15px;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 3px;
  color: #4c4c4c;
  padding: 5px;
}
.admin .changes-objects pre {
  background: #4c4c4c;
  color: #ccc;
  border: 5px;
  box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.5);
  margin: 5px 0 5px 5px;
  border-radius: 3px;
  padding: 5px;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
}
.admin .list-options {
  list-style: decimal-leading-zero;
  padding: 10px;
  box-sizing: border-box;
  list-style-position: inside;
}
.admin .list-options li {
  color: #d0d0d0;
  line-height: 1.5;
  border-bottom: 1px solid #d0d0d0;
  position: relative;
  padding: 5px;
  font-size: 10px;
  font-weight: bold;
}
.admin .list-options li:last-child {
  border-bottom: none;
}
.admin .list-options li span {
  color: #4c4c4c;
  font-size: 14px;
  padding-left: 5px;
}
.admin .list-options li a {
  color: #f33a3a;
  position: absolute;
  right: 3px;
  font-size: 0.83em;
}

.admin-sidebar {
  flex: 0 0 180px;
  align-content: flex-start;
  background: #4c4c4c;
  padding: 15px 0 0 0;
  transition: 0.3s all;
}
@media screen and (max-width: 1024px) {
  .admin-sidebar {
    flex: 0 0 150px;
  }
}
.admin-sidebar.hidden-sidebar {
  flex: 0 0 55px;
  justify-content: flex-end;
}
.admin-sidebar.hidden-sidebar .nav {
  margin-left: -125px;
}
.admin-sidebar .nav {
  position: fixed;
  width: 100%;
  max-width: 180px;
  transition: all 0.3s;
  max-height: calc(100vh - 140px);
  overflow-y: auto;
  box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 1024px) {
  .admin-sidebar .nav {
    max-width: 150px;
  }
}
.admin-sidebar ul {
  padding: 0;
  margin: 0;
  list-style: none;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.admin-sidebar ul li {
  display: block;
  padding: 0;
  margin: 0;
  overflow: hidden;
}
.admin-sidebar ul li ul.sub-side-nav {
  border-bottom: 2px solid #4c4c4c;
  display: none;
}
.admin-sidebar ul li ul.sub-side-nav li a {
  transition: 0.3s all;
  font-size: 0.83em;
  color: #999;
  line-height: 42px;
  height: 42px;
  background: #3a3a3a;
}
.admin-sidebar ul li ul.sub-side-nav li a.disabled {
  color: #2a2a2a;
}
.admin-sidebar ul li ul.sub-side-nav li a.disabled:hover {
  background: #3a3a3a;
}
.admin-sidebar ul li ul.sub-side-nav li a:hover {
  background: #2a2a2a;
}
.admin-sidebar ul li ul.sub-side-nav li a i {
  transition: 0.3s all;
}
.admin-sidebar ul li ul.sub-side-nav li a .out-status {
  border-radius: 50%;
  border: 2px solid #999;
  height: 14px;
  width: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.admin-sidebar ul li ul.sub-side-nav li.active a {
  color: #2392f8;
}
.admin-sidebar ul li.active a {
  background: #2392f8;
}
.admin-sidebar ul li.open, .admin-sidebar ul li.active {
  background: #3c3c3c;
}
.admin-sidebar ul li.open ul.sub-side-nav, .admin-sidebar ul li.active ul.sub-side-nav {
  display: block;
}
.admin-sidebar ul li a {
  font-size: 1em;
  color: #eaeaea;
  padding: 0 15px;
  display: flex;
  line-height: 50px;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  position: relative;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}
@media screen and (max-width: 1024px) {
  .admin-sidebar ul li a {
    font-size: 0.83em;
  }
}
.admin-sidebar ul li a:hover {
  color: #fff;
  background: rgba(0, 0, 0, 0.3);
}
.admin-sidebar ul li a.active {
  color: #fb6e52;
  background: #3c3c3c;
}
.admin-sidebar ul li a.disabled {
  color: #3c3c3c;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.05);
  cursor: not-allowed;
}
.admin-sidebar ul li a.disabled:hover {
  background: none;
}
.admin-sidebar ul li a i {
  font-size: 1.2em;
  line-height: 50px;
}
.admin-sidebar ul li ul {
  background: rgba(0, 0, 0, 0.15);
}

.admin-container {
  position: relative;
  flex: 1 1 100%;
}
.admin-container .publisher .table tbody tr td:last-child {
  width: auto;
}
.admin-container .table {
  border: 20px solid #fff;
  margin: 0;
}

.toggle-left {
  position: fixed;
  bottom: 10px;
  left: 5px;
  z-index: 999;
  padding: 8px;
  width: 34px;
  height: 34px;
  text-align: center;
  background: #3c3c3c;
  color: #2dbdfd;
  border-radius: 100%;
  box-sizing: border-box;
  transition: 0.15s all;
}
.toggle-left.toggle-close {
  transform: scaleX(-1);
}
.toggle-left.toggle-close span i {
  color: #fff;
}

.table-paginator {
  display: flex;
  flex-wrap: wrap;
  margin: 10px;
}
.table-paginator a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  background: #fff;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  color: #4c4c4c;
  font-size: 0.83em;
}
.table-paginator a.current {
  background: #4c4c4c;
  color: #fff;
}
.table-paginator a:first-child {
  border-radius: 3px 0 0 3px;
}
.table-paginator a:last-child {
  border-radius: 0 3px 3px 0;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.inventory-editor {
  display: flex;
  position: relative;
}
.inventory-editor .inventory-editor-table {
  flex: 1 1 100%;
  max-width: 100% !important;
}
.inventory-editor .inventory-editor-table .small {
  font-size: 0.75em;
  font-weight: bold;
}
.inventory-editor .inventory-editor-actions {
  background: rgba(255, 255, 255, 0.95);
  padding: 0;
  margin: 0 0 0;
  flex: 0 0 0px;
  z-index: -1;
  overflow: hidden;
  transition: 0.5s all;
  padding: 15px 0 15px 0;
  box-sizing: border-box;
  min-height: calc(100vh - 80px);
  height: 100%;
  width: 0;
}
.inventory-editor .inventory-editor-actions.action-show {
  flex: 0 0 410px;
  z-index: 0;
}
.inventory-editor .inventory-editor-actions input {
  background-color: #f8f8f8;
  padding-left: 5px;
  padding-right: 5px;
  border-radius: 3px;
  box-sizing: border-box;
}
.inventory-editor .inventory-editor-actions select {
  padding-left: 10px;
}
.inventory-editor .inventory-editor-actions .inventory-editor-content {
  position: absolute;
  display: block;
  background: #fff;
  max-height: calc(100vh - 80px);
  overflow-y: auto;
  padding-bottom: 100px;
  box-sizing: border-box;
  padding: 15px 15px 150px 15px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
  width: 100%;
  width: 410px;
  max-width: 410px;
}
.inventory-editor .inventory-editor-actions .inventory-editor-content.fixed {
  position: fixed;
  top: 90px;
}
.inventory-editor .inventory-editor-actions .inventory-editor-content h3 {
  font-weight: normal;
  padding-bottom: 5px;
  color: #7a7a7a;
}
.inventory-editor .inventory-editor-actions .inventory-editor-content h3 strong {
  color: #4c4c4c;
}
.inventory-editor .inventory-editor-actions .interest-industry {
  border-color: #3bae71;
  color: #3bae71;
}
.inventory-editor .inventory-editor-actions .interest-category {
  border-color: #6b16a6;
  color: #6b16a6;
}
.inventory-editor .inventory-editor-actions .interest-gender {
  border-color: #526afb;
  color: #526afb;
}
.inventory-editor .inventory-editor-actions .interests-list {
  font-size: 0.83em;
  border-bottom: 1px dashed #d3d3d3;
  padding: 3px 15px 3px 3px;
  width: 100%;
  box-sizing: border-box;
  position: relative;
  display: flex;
}
.inventory-editor .inventory-editor-actions .interests-list span {
  flex: 0 0 33%;
}
.inventory-editor .inventory-editor-actions .interests-list span.interest-list-industry {
  color: #3bae71;
}
.inventory-editor .inventory-editor-actions .interests-list span.interest-list-category {
  color: #6b16a6;
}
.inventory-editor .inventory-editor-actions .interests-list span.interest-list-gender {
  color: #526afb;
}
.inventory-editor .inventory-editor-actions .interests-list span.formats {
  flex: 0 0 25%;
}
.inventory-editor .inventory-editor-actions .interests-list a {
  position: absolute;
  right: 3px;
}
.inventory-editor .inventory-editor-actions .interests-list:last-child {
  margin-bottom: 15px;
}
.inventory-editor .inventory-editor-actions .interests-inputs {
  display: flex;
  justify-content: space-between;
}
.inventory-editor .inventory-editor-actions .interests-inputs > *:not(a) {
  margin-right: 1%;
}
.inventory-editor .inventory-editor-actions .hide-input {
  height: 0;
  opacity: 0;
  visibility: hidden;
}
.inventory-editor .inventory-editor-actions .hide-input.show {
  height: auto;
  opacity: 1;
  visibility: visible;
}

.changes-objects > li {
  padding: 15px;
  background: #f2f2f2;
  border-bottom: 1px solid #d3d3d3;
  border-radius: 3px;
  margin-bottom: 5px;
}

.inventory-change-element .key-object {
  font-weight: bold;
}
.inventory-change-element .value-object {
  color: #fb6e52;
  font-weight: normal;
}
.inventory-change-element .key-method .value-object {
  color: #2dbdfd;
}
.inventory-change-element .key-object-asus li {
  display: inline-block;
  color: #000;
  padding-right: 5px;
}
.inventory-change-element .key-object-asus li:after {
  display: inline-block;
  content: ", ";
  color: #000;
}
.inventory-change-element .key-object-asus li:last-child:after {
  display: none;
}
.inventory-change-element .type-object, .inventory-change-element .type-array, .inventory-change-element .type-object li, .inventory-change-element .type-array li {
  font-weight: normal;
}
.inventory-change-element ul {
  padding-left: 15px;
}
.inventory-change-element ul li {
  font-weight: normal;
}
.inventory-change-element .null {
  color: #f33a3a;
  font-style: italic;
  text-transform: lowercase;
}

.inventory {
  background: #fafafa;
  flex-basis: 100% !important;
  margin: 0 -25px -25px;
  padding: 25px;
  counter-reset: steps;
}
@media only screen and (max-width: 768px) {
  .inventory {
    margin: 0 -15px -15px;
    padding: 15px;
  }
}
.inventory .legends {
  padding: 0 0 10px;
  display: flex;
}
.inventory .legends p {
  font-size: 0.75em;
  padding: 0 10px 8px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex: 0 1 10px;
  white-space: nowrap;
  font-weight: bold;
  color: #777;
}
.inventory .legends p .legend {
  display: block;
  border-radius: 2px;
  height: 12px;
  width: 12px;
  margin-right: 5px;
  background: #fff;
}
.inventory .legends p .legend.orange {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), inset 0 2px 0 0 #fb6e52;
}
.inventory .legends p .legend.red {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), inset 0 2px 0 0 #f33a3a;
}
.inventory .legends p .legend.green {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), inset 0 2px 0 0 #3bae71;
}
.inventory .inventory-module {
  counter-increment: steps;
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  flex: 0 0 100%;
  margin-bottom: 5px;
}
.inventory .inventory-module.required-module {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), inset 0 2px 0 0 #fb6e52;
}
.inventory .inventory-module.success-module {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), inset 0 2px 0 0 #3bae71;
}
.inventory .week-days {
  display: flex;
}
@media only screen and (max-width: 768px) {
  .inventory .week-days {
    flex-wrap: wrap;
  }
}
.inventory .week-days .input-checkbox span {
  font-size: 0.75em;
  padding-left: 5px;
}
.inventory .inventory-header {
  height: 40px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  padding: 10px;
  flex-basis: calc(100% - 20px) !important;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .inventory .inventory-header {
    box-sizing: border-box;
    height: 70px;
  }
}
.inventory .inventory-header span.arrow {
  position: absolute;
  right: 5px;
  transform: rotate(90deg);
  font-size: 1.5em;
  color: #777;
  transition: 0.3s all;
}
.inventory .inventory-header span.arrow.close {
  transform: scale(1, -1) rotate(90deg);
}
.inventory .inventory-header h3 {
  flex: 100%;
  font-size: 1em;
  padding-right: 50px;
}
@media only screen and (max-width: 768px) {
  .inventory .inventory-header h3 {
    padding-right: 40px;
  }
}
.inventory .inventory-header h3 i {
  font-size: 1em;
  margin: 0 0 0 5px;
  position: absolute;
  right: 35px;
  top: 23px;
}
.inventory .inventory-header h3 small {
  font-size: 0.83em;
  display: block;
  font-weight: normal;
}
.inventory .inventory-header h3:before {
  font-size: 2em;
  color: #fff;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.25), 0 1px 3px rgba(0, 0, 0, 0.15);
  width: 40px;
  /* text-align: center; */
  background: #f2f2f2;
  height: 40px;
  border-radius: 20px;
  box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.25);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  content: counter(steps);
  float: left;
}
.inventory .inventory-section {
  padding: 0 10px;
  height: 0;
  overflow: hidden;
  box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.1);
  border-bottom: none;
  transition: 0.3s all;
}
.inventory .inventory-section.open {
  padding: 10px;
  height: auto;
  min-height: 50px;
}

.dialog-box {
  width: 100%;
  flex: 0 0 100%;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  padding-bottom: 15px;
  margin-top: -25px;
}
.dialog-box .dialog-box-message {
  text-align: center;
  text-shadow: 0 1px 3px #fff;
  color: #000;
}

.orders {
  display: flex;
  flex-wrap: wrap;
  padding: 0px 20px 20px 20px;
}
@media (max-width: 767px) {
  .orders {
    padding: 0px 8px 8px 8px;
  }
}
.orders .space-client-info {
  margin-bottom: 8px;
}
.orders .grid-number {
  font-size: 28px;
  font-weight: bold;
  color: #000000;
  padding: 20px 0px 20px 0px;
}
.orders .grid {
  display: flex;
  flex-wrap: wrap;
  flex: 0 0 100%;
  margin-bottom: 10px;
  border-radius: 3px;
  box-sizing: border-box;
}
.orders .grid:last-child {
  margin-bottom: 100px;
}
.orders .grid .order-line-header {
  padding: 6px;
}
@media (max-width: 767px) {
  .orders .grid .order-line-header {
    padding: 4px !important;
  }
}
.orders .grid .order-line {
  padding: 6px;
}
.orders .grid .grid-header {
  cursor: pointer;
  flex: 0 0 100%;
  box-sizing: border-box;
  border: 1px solid #CCCCCC;
  padding: 12px;
  background-color: white;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}
.orders .grid .grid-header.radius {
  border-radius: 10px;
}
.orders .grid .grid-header .label {
  padding: 10px;
  border-left: 1px solid #CCCCCC;
}
.orders .grid .grid-header .label-top {
  padding: 10px 0px 3px 15px;
}
.orders .grid .grid-header .label-bottom {
  padding: 5px 5px 15px 15px;
}
.orders .grid .grid-header .expanded-space {
  width: 17.6rem;
}
.orders .grid .grid-header p {
  display: flex;
  justify-content: space-between;
  font-size: 1em;
}
.orders .grid .grid-header p strong {
  padding-right: 15px;
  padding-left: 5px;
}
.orders .grid .grid-header p strong:last-child {
  padding-right: 0;
}
.orders .grid .grid-header p .see-details-top {
  font-size: 14px;
  transform: rotate(90deg);
  top: 52px;
  right: 112px;
  position: absolute;
}
.orders .grid .grid-header p .see-details-bottom {
  font-size: 14px;
  transform: rotate(270deg);
  position: absolute;
  left: 109px;
  top: -44px;
}
.orders .grid .grid-header p span {
  font-size: 0.83em;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .orders .grid .grid-header p span {
    flex-flow: column;
    align-items: end;
  }
}
.orders .grid .grid-body {
  flex: 0 0 30%;
  padding: 10px;
  box-sizing: border-box;
}
.orders .grid .dialog-box {
  position: absolute;
  padding: 5px;
  border-radius: 3px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
}
.orders .grid .upload-area {
  border: 2px dashed #CCC;
  width: 100%;
  height: 15rem;
  border-radius: 8px;
  margin-top: 10px;
}
.orders .grid .textarea {
  border: 2px solid #CCCCCC;
  border-radius: 8px;
  margin-top: 10px;
}
.orders .grid .grid-details2 {
  flex: 0 0 100%;
  box-sizing: border-box;
  padding: 12px;
  background-color: white;
  border-left: 1px solid rgba(25, 25, 25, 0.15);
  border-right: 1px solid rgba(25, 25, 25, 0.15);
  border-bottom: 1px solid rgba(25, 25, 25, 0.15);
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
@media (max-width: 767px) {
  .orders .grid .grid-details2 .mobile-input-field-margin {
    margin: 3px 3px !important;
  }
}
.orders .grid .grid-details2 .mobile-nopadding {
  padding-right: 0px;
  padding-left: 0px;
}
.orders .grid .grid-details2 .line-row {
  padding: 10px 0px 10px 0px;
  border-bottom: 1px solid #ccc;
  margin: 0px;
}
.orders .grid .grid-details2 .btn-quotation {
  padding: 15px;
  border-radius: 8px !important;
}
.orders .grid .grid-details2 .input-field {
  height: 3rem;
  color: #707070;
  font: normal normal normal 14px/18px PT Sans;
  background-position: calc(100% - 10px) center !important;
  border-radius: 7px !important;
  box-shadow: none;
  border: 2px solid #CECECE;
  padding-left: 1rem;
}
.orders .grid .grid-details2 .input-field.error {
  border: 2px solid #ff0000;
}
.orders .grid .grid-details2 .line-grid {
  padding: 5px 5px 5px 5px;
}
.orders .grid .grid-details2 .line-grid.size-md {
  font-size: 18px;
}
.orders .grid .grid-details2 .line-grid.discount strong {
  color: #3bae71;
}
.orders .grid .grid-details {
  border-left: 1px solid rgba(25, 25, 25, 0.15);
  border-right: 1px solid rgba(25, 25, 25, 0.15);
  border-bottom: 1px solid rgba(25, 25, 25, 0.15);
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  display: flex;
  width: 100%;
  background-color: white;
  box-sizing: border-box;
}
.orders .grid .grid-details .half-details {
  padding: 15px 15px 15px 5px;
  width: 50%;
}
.orders .grid .grid-details .btn-proposal-refused {
  padding: 10px;
  font-size: 12px;
  color: #fb6e52;
  background-color: transparent;
  border: 2px solid #fb6e52;
  border-radius: 8px;
  width: 10rem;
}
.orders .grid .grid-details .btn-quotation {
  padding: 15px;
  border-radius: 8px !important;
}
.orders .grid .grid-details .input-field {
  height: 3rem;
  color: #707070;
  font: normal normal normal 14px/18px PT Sans;
  background-position: calc(100% - 10px) center !important;
  border-radius: 7px !important;
  box-shadow: none;
  border: 2px solid #CECECE;
  padding-left: 1rem;
}
.orders .grid .grid-details .input-field.error {
  border: 2px solid #ff0000;
}
@media (max-width: 767px) {
  .orders .grid .grid-details {
    overflow-x: scroll;
  }
}
.orders .grid .grid-details table {
  width: 100%;
  border-radius: 3px;
}
.orders .grid .grid-details table th {
  padding: 8px 15px;
  font-weight: bold;
  font-size: 0.75em;
  background: #fff;
  border: 0 solid #cecece;
  color: #9a9a9a;
  text-align: left;
}
@media (max-width: 767px) {
  .orders .grid .grid-details table th {
    padding: 5px 3px;
    text-align: center;
  }
}
.orders .grid .grid-details table th.money {
  text-align: right;
}
.orders .grid .grid-details table th:first-child {
  border-radius: 3px 0 0 0;
  padding-left: 10px;
}
.orders .grid .grid-details table th:last-child {
  border-radius: 0 3px 0 0;
  padding-right: 10px;
}
.orders .grid .grid-details table td {
  padding: 5px 9px;
  border: 0px solid #cecece;
  color: #4c4c4c;
  font-size: 0.83em;
  border-bottom: 1px solid #eee;
  text-align: left;
}
@media (max-width: 767px) {
  .orders .grid .grid-details table td {
    text-align: center;
  }
}
.orders .grid .grid-details table td.money {
  text-align: right;
}
.orders .grid .grid-details table td:first-child {
  padding-left: 10px;
}
.orders .grid .grid-details table td:last-child {
  padding-right: 10px;
  text-align: right;
}
.orders .grid .grid-details table td span > span {
  display: flex;
  align-items: center;
  align-content: center;
}
.orders .grid .grid-details table td span > span i {
  margin-right: 5px;
}
@media (max-width: 767px) {
  .orders .grid .grid-details table .percent-discount {
    background: #d3d3d3;
    font-weight: 900;
    font-size: 0.875em;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .orders .grid .grid-details table .td-geral-response {
    padding: 0 !important;
  }
}
.orders .grid .grid-details table tr:last-child td {
  border-bottom: none;
}
.orders .grid .grid-details table tr:last-child td:first-child {
  border-radius: 0 0 3px 0;
}
.orders .grid .grid-details table tr:last-child td:last-child {
  border-radius: 0 0 0 3px;
}
.orders .grid .grid-details table tr:nth-child(odd) {
  background: #fafafa;
}
.orders .grid .grid-details table a:hover {
  position: relative;
}
.orders .grid .grid-details table a:hover .pub-action {
  display: flex;
}
.orders .grid .grid-details table .pub-action {
  right: 0;
  position: absolute;
  background: #fff;
  padding: 5px;
  box-shadow: 0 1px 4px rgba(25, 25, 25, 0.3);
  display: none;
  border-radius: 3px;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.orders .grid .grid-details table .pub-action > * {
  flex: 1 1 33%;
}
.orders .grid .grid-details table .pub-action .button {
  display: block;
}
.orders .grid .grid-details .buttons-response-order {
  display: flex;
  flex-wrap: wrap;
}
.orders .grid .grid-details .buttons-response-order .button-refuse {
  margin-top: 10px;
  margin-bottom: 10px;
  width: 73px;
}
.orders .grid .grid-details .buttons-response-order .button-historic {
  width: 74px;
}
@media (max-width: 767px) {
  .orders .grid .grid-details .buttons-response-order {
    flex-direction: column;
  }
}
.orders .grid .grid-details .line-grid {
  padding: 5px 5px 5px 5px;
}
.orders .grid .grid-details .line-grid.size-md {
  font-size: 18px;
}
.orders .grid .grid-details .line-grid.discount strong {
  color: #FF4D4D;
}
.orders .grid .grid-details .subtitle {
  font-size: 14px;
  color: #474747;
  font-weight: 700;
  margin-bottom: 10px;
}
.orders .grid .grid-details .textarea {
  font-size: 14px;
  font-weight: normal;
}
.orders .grid .grid-details .textarea::placeholder {
  color: #BCBCBC;
}
.orders .grid .grid-details .link-btn {
  text-decoration: none;
}
.orders .grid .grid-details .link-btn:hover {
  text-decoration: underline;
  cursor: pointer;
}

.input-percent-desc {
  border-radius: 3px !important;
  background: #d3d3d3 !important;
  box-shadow: inset 0 1px 5px #ccc !important;
  margin-bottom: 5px !important;
  height: 33px !important;
  line-height: 33px !important;
  border: 0 !important;
  width: 54px !important;
}
.icon-percent-input-desc {
  position: absolute;
  left: 32px;
  top: 8px;
}
.textarea-global {
  box-shadow: inset 0px 0px 2px 1px #d3d3d3;
  border-radius: 18px;
  margin-top: 10px;
  resize: none;
  padding: 10px;
  width: 73%;
  /* height: 0%; */
  height: 112px;
  line-height: 1em;
}
@media (max-width: 767px) {
  .textarea-global {
    width: 100%;
  }
}

.icon-top {
  position: absolute;
  right: 126px;
  bottom: 100px;
}
@media (max-width: 767px) {
  .icon-top {
    position: absolute;
    right: 122px;
    top: 88px;
    bottom: 0;
  }
}

.icon-bottom {
  position: absolute;
  left: 126px;
  top: 100px;
}
@media (max-width: 767px) {
  .icon-bottom {
    bottom: 91px;
    left: 122px;
    position: absolute;
    top: inherit;
  }
}

.input-percent-desc-global {
  position: relative;
}

.agency-signup {
  width: 100%;
  padding: 15px 0;
}
.agency-signup h2 select {
  box-shadow: none;
  color: #3bae71;
  border: 1px solid #3bae71;
  font-size: 0.83em;
}
.agency-signup .form-modules {
  margin: 0 auto;
  max-width: 700px;
  position: relative;
}
.agency-signup .form-modules .more-info-plan {
  padding: 0 50px 50px;
}
.agency-signup .form-modules .more-info-plan ul {
  width: 100%;
  padding: 0;
  margin: 0;
}
.agency-signup .form-modules .more-info-plan ul li {
  padding: 10px 5px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.agency-signup .form-modules .more-info-plan ul li:last-child {
  border-bottom: none;
}
.agency-signup .form-modules .more-info-plan ul li strong {
  font-size: 0.75em;
  font-weight: normal;
}
.agency-signup .form-modules .more-info-plan ul li span {
  padding-left: 5px;
  font-size: 0.83em;
}
.agency-signup .form-modules .open-left-info {
  position: absolute;
  top: 180px;
  left: -85px;
  transform: rotate(270deg);
}
.agency-signup .form-modules .left-info {
  width: 200px;
  background: #4c4c4c;
  margin: 0;
  position: absolute;
  top: 77px;
  left: 0;
  box-sizing: border-box;
  border-radius: 3px 0 0 3px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  color: #f3f3f3;
  transition: 0.3s all;
}
.agency-signup .form-modules .left-info.open {
  left: -200px;
}
.agency-signup .form-modules .left-info .left-info-header {
  padding: 0px 8px 8px;
}
.agency-signup .form-modules .left-info ul {
  margin: 0;
  padding: 0;
}
.agency-signup .form-modules .left-info li {
  font-size: 0.83em;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px;
}
.agency-signup .form-modules .left-info li span {
  margin-right: 3px;
}
.agency-signup .form-modules .left-info li:nth-child(odd) {
  background: rgba(0, 0, 0, 0.3);
}
.agency-signup .form-modules .left-info li:first-child {
  padding-top: 12px;
}
.agency-signup .form-modules .left-info li:last-child {
  padding-bottom: 12px;
}
.agency-signup .form-module {
  padding-top: 15px;
  border-radius: 3px;
}
.agency-signup .form-module.no-hidden {
  overflow: auto;
}
.agency-signup .table-agency .button {
  margin: 5px 0 0 0;
}
.agency-signup .table-agency th {
  text-align: center;
}
.agency-signup .table-agency th:nth-child(even) {
  background: rgba(200, 200, 200, 0.15);
  border-radius: 3px 3px 0 0;
}
.agency-signup .table-agency th p {
  font-size: 1.2em;
}
.agency-signup .table-agency th h2 {
  margin: 0;
}
.agency-signup .table-agency tr td {
  text-align: center;
  padding: 10px;
  border: none;
}
.agency-signup .table-agency tr td:nth-child(even) {
  background: rgba(200, 200, 200, 0.15);
}
.agency-signup .table-agency tr td:first-child {
  text-align: left;
}
.agency-signup .table-agency tr:last-child td:nth-child(even) {
  border-radius: 0 0 3px 3px;
}
.agency-signup .module-resume {
  display: flex;
  font-size: 0.93em;
  width: calc(100% + 50px);
  margin: 10px -25px -30px -25px;
  justify-content: space-between;
}
.agency-signup .module-resume .sidebar {
  flex: 0 0 40%;
  padding: 15px;
  box-sizing: border-box;
  box-shadow: 2px 0 1px rgba(0, 0, 0, 0.05);
}
.agency-signup .module-resume .sidebar h3 {
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  padding: 10px 0 10px 0;
  margin-top: 20px;
}
.agency-signup .module-resume .sidebar ul.checklist li {
  padding: 5px 0 10px 25px;
  position: relative;
}
.agency-signup .module-resume .sidebar ul.checklist li:before {
  position: absolute;
  top: 5px;
  left: 0;
  font-family: "mediatrade-icons" !important;
  content: "";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #5878A7;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.agency-signup .module-resume .input-radiobox input:checked ~ span {
  color: #3bae71 !important;
  font-weight: bold;
}
.agency-signup .module-resume .infobar {
  background: rgba(200, 200, 200, 0.15);
  flex: 0 0 60%;
  padding: 15px 15px 15px 17px;
  box-sizing: border-box;
}
.agency-signup .module-resume .infobar p {
  color: #999;
}

.images-card {
  width: 100%;
  margin: 0 auto;
  padding: 10px;
  column-count: 3;
  column-gap: 20px;
  box-sizing: border-box;
  padding: 15px 10px;
  column-count: 3;
  column-gap: 10px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .images-card {
    column-count: 2;
  }
}
@media screen and (max-width: 480px) {
  .images-card {
    column-count: 1;
    padding: 10px;
  }
}
.images-card .image-card {
  margin-bottom: 10px;
  border-radius: 3px;
  padding: 0;
  box-sizing: border-box;
  overflow: hidden;
  transition: 0.3s all;
  white-space: nowrap;
  display: block;
  border-radius: 3px;
  overflow: hidden;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
}
.images-card .image-card img {
  width: 100%;
  min-height: 100px;
  border-radius: 3px;
}
.images-card .image-card .image-info {
  margin-top: -103px;
  height: 100px;
  opacity: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding: 10px;
  box-sizing: border-box;
  position: relative;
  z-index: 10;
}
.images-card .image-card .image-info p {
  font-size: 0.83em;
}
.images-card .image-card .image-info a {
  font-size: 0.83em;
  border-radius: 3px;
  background: #fb6e52;
  padding: 5px 8px;
  color: #fff;
  display: block;
}
.images-card .image-card:hover .image-info {
  opacity: 1;
}
.images-card .image-card:hover img {
  opacity: 0.3;
}

.image-drop {
  background: #f9f9f9;
  border-radius: 3px;
  border: 2px dashed #999;
  padding: 50px 20px;
  color: #999;
  width: 100%;
  display: flex;
  justify-content: center;
  font-weight: bold;
  position: relative;
}
.image-drop:hover {
  background: rgba(242, 242, 228, 0.9);
}
.image-drop #file {
  margin-bottom: 5px;
  height: 33px;
  line-height: 33px;
  width: 100%;
  position: absolute;
  height: 100%;
  background: #000;
  top: 0;
  left: 0;
  opacity: 0;
}

.ribbon {
  width: 100px;
  height: 100px;
  overflow: hidden;
  position: absolute;
  top: -10px;
  right: -10px;
  z-index: 1;
}
.ribbon:before, .ribbon:after {
  position: absolute;
  z-index: -1;
  content: "";
  display: block;
  border: 5px solid #359b65;
  border-top-color: transparent;
  border-right-color: transparent;
}
.ribbon:before {
  top: 0;
  left: 2px;
}
.ribbon:after {
  bottom: 2px;
  right: 0;
  z-index: 1;
}
.ribbon p {
  font-weight: bold;
  color: #fff;
}
.ribbon p small {
  color: #fff;
}
.ribbon span {
  position: absolute;
  display: block;
  width: 150px;
  padding: 6px 0;
  background-color: #3bae71;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  color: #fff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  text-align: center;
  left: -14px;
  top: 29px;
  transform: rotate(45deg);
  font-size: 13px;
  z-index: 10003;
}

.--grey {
  background: rgba(0, 0, 0, 0.075);
}

._tag {
  position: relative;
  background: #3bae71;
  border: 2px solid #3bae71;
  color: #fff;
  height: 34px;
  border-radius: 5px;
  font-size: 12px;
  display: flex;
  align-items: center;
  padding: 0 15px 0 10px;
  box-sizing: border-box;
  flex-wrap: wrap;
  flex: 0;
  width: max-content;
}
._tag p {
  font-size: 1em;
  font-weight: bold;
  flex: 0 0 100%;
  line-height: 1em;
  text-align: center;
}
._tag p + p {
  font-weight: bold;
  flex: 0 0 100%;
}
._tag p + p small {
  display: inline;
  font-size: 1em;
  color: #fff;
  margin-right: 5px;
  font-weight: normal;
  padding: 0;
}
._tag span {
  top: 11px;
  left: -10px;
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 5px;
  display: block;
  border: 2px solid #3bae71;
  background: #fff;
  z-index: 1;
}
._tag:after, ._tag:before {
  right: 100%;
  top: 50%;
  border: solid transparent;
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  content: "";
}
._tag:after {
  border-color: rgba(136, 183, 213, 0);
  border-right-color: #3bae71;
  border-width: 16px;
  margin-top: -16px;
}
._tag:before {
  border-color: rgba(194, 225, 245, 0);
  border-right-color: #3bae71;
  border-width: 13px;
  margin-top: -13px;
}

._plans {
  background: #f0f0f0;
  padding: 30px 60px;
}
@media screen and (max-width: 768px) {
  ._plans {
    padding-bottom: 80px !important;
  }
}
._plans .accordion,
._plans .accordion-content,
._plans .accordion-body {
  text-align: left;
}
._plans ._plans-header,
._plans ._plans-main {
  text-align: center;
  width: 100%;
}
._plans ._plans-options {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 30px;
  padding-top: 30px;
  transition: 0.5s all;
}
@media screen and (max-width: 768px) {
  ._plans ._plans-options {
    grid-template-columns: 1fr;
  }
}
@media screen and (min-width: 768.001px) {
  ._plans ._plans-options.items-1 {
    grid-template-columns: 1fr;
  }
  ._plans ._plans-options.items-2 {
    grid-template-columns: 1fr 1fr;
  }
  ._plans ._plans-options.items-3 {
    grid-template-columns: 1fr 1fr 1fr;
  }
  ._plans ._plans-options.items-4 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  ._plans ._plans-options.items-5 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }
}
._plans ._plans-options ._plan {
  position: relative;
  background: #fff;
  border-radius: 6px;
  padding: 30px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), 0 0 0 rgba(50, 50, 50, 0);
  text-align: left;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  transition: 0.5s ease-in-out all;
}
@media screen and (max-width: 768px) {
  ._plans ._plans-options ._plan {
    margin: 0 20px;
  }
}
._plans ._plans-options ._plan:not(.selected):hover {
  transform: scale(1.02);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 11px rgba(50, 50, 50, 0.3);
}
._plans ._plans-options ._plan:not(.selected) ._border {
  height: 5px;
  top: 0;
  width: 100%;
  position: absolute;
  left: 0;
  border-radius: 5px 5px 0 0;
  border-bottom: 1px solid #fff;
  box-sizing: border-box;
}
._plans ._plans-options ._plan h2 span {
  flex: 1 1 100%;
}
._plans ._plans-options ._plan h2 i {
  font-size: 0.55em;
}
._plans ._plans-options ._plan h4 {
  padding-bottom: 10px;
}
._plans ._plans-options ._plan ._plan-items {
  display: grid;
  grid-template-columns: 2fr 1fr;
  padding-top: 5px;
  padding-bottom: 5px;
  transition: 0.3s all;
}
._plans ._plans-options ._plan ._plan-items:hover, ._plans ._plans-options ._plan ._plan-items.hovered {
  background: #f5f5f5;
  box-shadow: 30px 0 0 0 #f5f5f5, -30px 0 0 0 #f5f5f5;
}
._plans ._plans-options ._plan ._plan-items h3 {
  font-weight: normal;
  padding: 0;
  font-size: 1.1em;
}
._plans ._plans-options ._plan ._plan-items p small {
  font-size: 0.83em;
  display: block;
  line-height: 0.75em;
}
._plans ._plans-options ._plan h2._price {
  margin-top: 30px;
  justify-content: center;
  color: #4c4c4c;
  align-content: flex-end;
  align-items: flex-end;
}
._plans ._plans-options ._plan h2._price small {
  color: inherit;
  padding: 0 3px 2px;
}
._plans ._plans-options ._plan h2._price span {
  flex: 0 !important;
}
._plans ._plans-options ._plan .button {
  margin-bottom: 0;
}
._plans ._plans-options ._plan:not(.golden-ticket) .button:hover {
  -webkit-filter: brightness(1.2);
  filter: brightness(1.2);
}
._plans .accordion {
  padding: 0 90px;
  box-sizing: border-box;
  max-width: 100%;
}
@media screen and (max-width: 768px) {
  ._plans .accordion {
    padding: 0 30px;
  }
  ._plans .accordion:last-of-type {
    padding-bottom: 50px;
  }
}
._plans ._plans-more {
  padding: 30px;
}
._plans ._plans-more p {
  padding: 5px 0;
  font-size: 1em;
}
._plans .items-3-col {
  padding: 60px;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  ._plans .items-3-col {
    padding: 60px 10px;
  }
}
._plans .items-3-col div {
  flex: 0 0 33.3%;
  text-align: left;
  display: flex;
  height: 50px;
}
@media screen and (max-width: 768px) {
  ._plans .items-3-col div {
    flex: 0 0 100%;
    min-height: 50px;
    height: auto;
    padding-bottom: 20px;
  }
}
._plans .items-3-col div i {
  margin-right: 10px;
  font-size: 0.75em;
}
._plans .items-3-col div p {
  padding: 0;
}
._plans .items-3-col div p small {
  display: block;
  font-size: 0.83em;
}
._plans ._plans-body {
  display: flex;
  position: relative;
  width: 100%;
}
._plans ._plans-body ._plans-main {
  flex-basis: 1 1 80%;
}
._plans ._plans-body ._plans-individual-plans {
  flex-basis: 0 0 370px;
  position: fixed;
  width: 355px;
  padding: 15px;
  margin: 55px 30px 0 0;
  right: 0;
  background: #bcc9dc;
  border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03), 0 3px 11px rgba(0, 0, 0, 0.1);
}
._plans ._plans-body ._plans-individual-plans + ._plans-main {
  margin-right: 400px;
}
._plans ._plans-grid {
  background: #fff;
  padding: 15px;
  display: block;
  border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03), 0 3px 11px rgba(0, 0, 0, 0.1);
  margin-top: 15px;
  text-align: center;
}
._plans ._plans-grid .row {
  display: grid;
  margin: 0;
}
._plans ._plans-grid .row:nth-child(odd) {
  background: #f9f9f9;
}
._plans ._plans-grid .row.white-row, ._plans ._plans-grid .row:nth-child(even) {
  background: #fff;
}
._plans ._plans-grid .row .col {
  padding: 8px 5px;
  border-right: 1px solid #d3d3d3;
}
._plans ._plans-grid .row .col label {
  font-size: 13px;
  font-weight: bold;
  display: block;
}
._plans ._plans-grid .row .col span {
  font-size: 12px;
  font-weight: normal;
}
._plans ._plans-grid .row .col:last-child {
  border-right: none;
}
._plans ._plans-grid .row .col:first-child {
  text-align: left;
  padding-left: 30px;
}

.plans {
  width: 100%;
  padding: 0 15px;
  box-sizing: border-box;
}
.plans .home-tabs-buttons {
  width: 100%;
  display: flex;
  justify-content: space-around;
}
.plans .home-tabs-buttons a {
  padding: 10px;
  width: 30%;
  border-radius: 5px 5px 0 0;
  background: #fb6e52;
  color: #fff;
  border: 1px solid #fb6e52;
  border-bottom: 1px solid #d3d3d3;
  text-align: center;
  margin-bottom: -1px;
}
.plans .home-tabs-buttons a.current {
  border: 1px solid #d3d3d3;
  color: #4c4c4c;
  background: #fff;
  border-bottom: 1px solid #fff;
}
.plans .home-tabs {
  width: 100%;
}
.plans .home-tabs .home-tab {
  border-radius: 5px;
  background: #fff;
  width: 100%;
  padding: 30px 50px;
  box-sizing: border-box;
  border: 1px solid #d3d3d3;
  box-shadow: rgba(0, 0, 0, 0.09) 0 10px 30px;
}
.plans .home-tabs table {
  width: 100%;
}
.plans .home-tabs table thead th {
  font-size: 1em;
  font-weight: bold;
  padding: 10px;
  color: #fb6e52;
  border-bottom: 3px double #d3d3d3;
}
.plans .home-tabs table thead th:first-child {
  border-bottom: none;
}
.plans .home-tabs table tbody tr td {
  text-align: center;
  padding: 10px;
  border-bottom: 1px solid #d3d3d3;
}
.plans .home-tabs table tbody tr td:first-child {
  font-size: 0.83em;
  font-weight: normal;
  text-align: left;
}
.plans .home-tabs table tbody tr td:nth-child(even) {
  background: #f8f8f8;
}
.plans .home-tabs table tbody tr td:not(:first-child) {
  font-weight: bold;
}
.plans .home-tabs table tbody tr td span {
  text-align: right;
  float: right;
  line-height: 16px;
}
.plans .home-tabs table tbody tr:last-child td {
  color: #3bae71;
  border-bottom: 1px solid #fff;
  border-radius: 0 0 3px 3px;
}
.plans .home-tabs table tbody tr:last-child td:first-child {
  background: #fff;
}

.-calculator-table {
  pointer-events: none;
  position: absolute;
  transition: 0.3s all;
  z-index: 10;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 30px rgba(0, 0, 0, 0.01);
  border-radius: 3px;
  padding: 3px;
  background: #fff;
  right: 0;
  margin-right: 90%;
  opacity: 1;
  margin-left: 0;
  pointer-events: all;
  width: max-content;
  /* top: 0; */
  left: 10px;
  /* margin-right: calc(100% - 5px); */
  /* margin-top: -3px; */
}
.-calculator-table table tr th {
  padding: 2px 5px !important;
  text-align: right;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.-calculator-table table tr td {
  padding: 2px 5px !important;
  text-align: left;
  font-weight: bold;
  font-size: 1em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.-calculator {
  display: inline-flex;
}

.terms-of-use {
  border: 1px solid #f2f2f2;
  height: 300px;
  width: 100%;
  display: block;
  overflow-y: auto;
}
.terms-of-use .text-of-terms {
  width: 100%;
  display: block;
  padding: 5px 25px 5px 5px;
  box-sizing: border-box;
  cursor: ns-resize;
}

.golden-ticket .button {
  box-sizing: border-box;
  border: none;
  box-shadow: inset 0 0px 1px #8b4208, inset 0 0px 2px #fae385;
  background-image: linear-gradient(160deg, #a54e07, #b47e11, #fef1a2, #bc881b, #a54e07);
  border: 1px solid #a55d07;
  color: #783205;
  text-shadow: 0 2px 2px #fae385;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  background-size: 100% 100%;
  background-position: center;
}
.golden-ticket .button:focus, .golden-ticket .button:hover {
  background-image: linear-gradient(160deg, #a54e07, #b47e11, #fef1a2, #bc881b, #a54e07);
  background-size: 150% 150%;
  box-shadow: inset 0 0px 1px #8b4208, inset 0 0px 2px #fae385;
  border: 1px solid rgba(165, 93, 7, 0.6);
  color: rgba(120, 50, 5, 0.8);
}
.golden-ticket .button:active {
  background-image: linear-gradient(160deg, #a54e07, #b47e11, #fef1a2, #bc881b, #a54e07);
  box-shadow: inset 0 -2px 2px 1px #b17d10, inset 0 -1px 1px 2px #fae385;
}
.golden-ticket ._border {
  background-image: linear-gradient(160deg, #a54e07, #b47e11, #fef1a2, #bc881b, #a54e07) !important;
}
.golden-ticket h2 > span,
.golden-ticket h2._price {
  color: #4c4c4c !important;
}
.golden-ticket h2._price span {
  flex: 0 !important;
  position: relative;
}
.golden-ticket h2._price span:before {
  content: "";
  width: 104%;
  height: 2px;
  background: #3bae71;
  display: block;
  position: absolute;
  left: -2%;
  top: 50%;
}
.golden-ticket ._tag {
  background: linear-gradient(160deg, #a54e07, #b47e11, #fef1a2, #bc881b, #a54e07);
  border-color: #bd8d24;
  color: #783205;
  text-shadow: 0 2px 2px #fae385;
}
.golden-ticket ._tag:after, .golden-ticket ._tag:before {
  border-right-color: #bd8d24;
}
.golden-ticket ._tag span {
  border-color: #783205;
}
.golden-ticket ._tag p {
  font-size: 1em;
  white-space: nowrap;
}
.golden-ticket ._tag p + p {
  color: #000;
  display: none;
}

.--plans {
  width: 100%;
  background: none;
  border: none;
  border-collapse: collapse;
  color: #000 !important;
  /*tr.--hover-disabled{
      td{
          border-top: 1px solid rgba(0,0,0,.15)
      }
  }*/
}
.--plans tr.--block td {
  padding: 20px 10px 10px 0px !important;
}
.--plans tr.--block * {
  font-weight: bold;
}
.--plans tr.--block .-subtitle {
  font-weight: normal;
}
.--plans tr:first-child td {
  font-weight: bolder;
}
.--plans tr.--ignore td {
  padding: 5px !important;
}
.--plans tr:hover:not(.--ignore):not(.--no-effect) td {
  background: rgba(0, 0, 0, 0.075);
}
.--plans tr:hover:not(.--ignore):not(.--no-effect) td:first-child {
  border-radius: 5px 0 0 5px;
}
.--plans tr:hover:not(.--ignore):not(.--no-effect) td:last-child {
  border-radius: 0 5px 5px 0;
}
.--plans tr:hover:not(.--ignore):not(.--no-effect).--block td:first-child {
  border-radius: 5px 0 0 0;
}
.--plans tr:hover:not(.--ignore):not(.--no-effect).--block td:last-child {
  border-radius: 0 5px 0 0;
}
.--plans td {
  vertical-align: middle;
  padding-left: 1rem;
  min-width: 20px;
  line-height: 1.2em;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.--plans td:nth-child(odd) {
  max-width: 20px;
}
.--plans td.--evidence {
  font-weight: bold;
  padding: 1rem 1.25rem 0.5rem 0;
}
.--plans td span {
  background: none;
}
.--plans td .--label {
  color: rgba(0, 0, 0, 0.5);
}
.--plans tr td.--grey-mobile {
  width: 50%;
  text-align: center;
}
.--grey-mobile {
  padding: 0.5rem 1.25rem;
}

.-sufix,
.-label,
.-prefix,
.-value,
.-title {
  padding-left: 1px;
  padding-right: 1px;
}

.-subtitle {
  padding-left: 2px;
  padding-right: 2px;
  font-weight: normal;
}

.-legend,
.-label {
  color: rgba(0, 0, 0, 0.75);
  font-size: 0.83em;
  display: block;
}

.--block:hover td {
  background: none;
}

.--block:hover ~ tr:not(.--block):last-child td:first-child {
  border-radius: 0 0 0 5px;
}
.--block:hover ~ tr:not(.--block):last-child td:last-child {
  border-radius: 0 0 5px 0;
}
.--block:hover ~ tr:not(.--block) td {
  background: rgba(0, 0, 0, 0.075);
}
.--block:hover ~ tr:not(.--block) td.--grey-mobile {
  background: rgba(0, 0, 0, 0.15);
}

.--grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  text-align: center;
}
.--grid > * {
  margin: 5px auto !important;
}

.--media img {
  margin-left: 5px;
  filter: invert(1);
  /* or to blue */
  filter: invert(0.25) sepia(0.9) saturate(1.9) hue-rotate(175deg);
}

.--plans-desktop {
  width: 100%;
  background: none;
  border: none;
  border-collapse: collapse;
  color: #000;
  /*tr.--hover-disabled{
      td{
          border-top: 1px solid rgba(0,0,0,.15)
      }
  }*/
}
.--plans-desktop tr.--block td {
  padding: 20px 10px 10px 0px !important;
}
.--plans-desktop tr.--block * {
  font-weight: bold;
}
.--plans-desktop tr.--block .-subtitle {
  font-weight: normal;
}
.--plans-desktop tr:first-child td {
  font-weight: bolder;
}
.--plans-desktop tr.--ignore td {
  padding: 5px !important;
}
.--plans-desktop tr:hover:not(.--ignore):not(.--no-effect) td {
  background: rgba(0, 0, 0, 0.075);
}
.--plans-desktop tr:hover:not(.--ignore):not(.--no-effect) td.--grey {
  background: rgba(0, 0, 0, 0.15);
}
.--plans-desktop tr:hover:not(.--ignore):not(.--no-effect) td:first-child {
  border-radius: 5px 0 0 5px;
}
.--plans-desktop tr:hover:not(.--ignore):not(.--no-effect) td:last-child {
  border-radius: 0 5px 5px 0;
}
.--plans-desktop tr:hover:not(.--ignore):not(.--no-effect).--block td:first-child {
  border-radius: 5px 0 0 0;
}
.--plans-desktop tr:hover:not(.--ignore):not(.--no-effect).--block td:last-child {
  border-radius: 0 5px 0 0;
}
.--plans-desktop td {
  padding-left: 1rem;
  min-width: 20px;
  line-height: 1.2em;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.--plans-desktop td:nth-child(odd) {
  max-width: 20px;
}
.--plans-desktop td.--evidence {
  font-weight: bold;
  padding: 1rem 1.25rem 0.5rem 0;
}
.--plans-desktop td span {
  background: none;
}
.--plans-desktop td .--label {
  color: rgba(0, 0, 0, 0.5);
}
.--plans-desktop tbody.-bg-blue tr td.--grey {
  background: rgba(251, 110, 82, 0.2) !important;
}
.--plans-desktop tbody.-bg-blue tr:hover td.--grey {
  background: rgba(251, 110, 82, 0.5) !important;
}
.--plans-desktop tr td.--grey {
  width: 25%;
  text-align: center;
}
.--grey {
  padding: 0.5rem 1.25rem;
  background: rgba(0, 0, 0, 0.075);
}

.-sufix,
.-label,
.-prefix,
.-value,
.-title {
  padding-left: 1px;
  padding-right: 1px;
}

.-subtitle {
  padding-left: 2px;
  padding-right: 2px;
  font-weight: normal;
}

.-legend,
.-label {
  color: rgba(0, 0, 0, 0.75);
  font-size: 0.83em;
  display: block;
}

.--block:hover td {
  background: none;
}

.--block:hover ~ tr:not(.--block):last-child td:first-child {
  border-radius: 0 0 0 5px;
}
.--block:hover ~ tr:not(.--block):last-child td:last-child {
  border-radius: 0 0 5px 0;
}
.--block:hover ~ tr:not(.--block) td {
  background: rgba(0, 0, 0, 0.075);
}
.--block:hover ~ tr:not(.--block) td.--grey {
  background: rgba(0, 0, 0, 0.15);
}

.--media img {
  margin-left: 5px;
  filter: invert(1);
  /* or to blue */
  filter: invert(0.45) sepia(0.9) saturate(3.9) hue-rotate(-34deg);
}

.--plans-mobile {
  width: 100%;
  background: none;
  border: none;
  border-collapse: collapse;
  color: #000;
  /*tr.--hover-disabled{
      td{
          border-top: 1px solid rgba(0,0,0,.15)
      }
  }*/
}
.--plans-mobile tr.--block td {
  padding: 20px 10px 10px 0px !important;
}
.--plans-mobile tr.--block * {
  font-weight: bold;
}
.--plans-mobile tr.--block .-subtitle {
  font-weight: normal;
}
.--plans-mobile tr:first-child td {
  font-weight: bolder;
}
.--plans-mobile tr.--ignore td {
  padding: 5px !important;
}
.--plans-mobile tr:hover:not(.--ignore):not(.--no-effect) td {
  background: rgba(0, 0, 0, 0.075);
}
.--plans-mobile tr:hover:not(.--ignore):not(.--no-effect) td:first-child {
  border-radius: 5px 0 0 5px;
}
.--plans-mobile tr:hover:not(.--ignore):not(.--no-effect) td:last-child {
  border-radius: 0 5px 5px 0;
}
.--plans-mobile tr:hover:not(.--ignore):not(.--no-effect).--block td:first-child {
  border-radius: 5px 0 0 0;
}
.--plans-mobile tr:hover:not(.--ignore):not(.--no-effect).--block td:last-child {
  border-radius: 0 5px 0 0;
}
.--plans-mobile td {
  padding-left: 1rem;
  min-width: 20px;
  line-height: 1.2em;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.--plans-mobile td:nth-child(odd) {
  max-width: 20px;
}
.--plans-mobile td.--evidence {
  font-weight: bold;
  padding: 1rem 1.25rem 0.5rem 0;
}
.--plans-mobile td span {
  background: none;
}
.--plans-mobile td .--label {
  color: rgba(0, 0, 0, 0.5);
}
.--plans-mobile tr td.--grey-mobile {
  width: 50%;
  text-align: center;
}
.--grey-mobile {
  padding: 0.5rem 1.25rem;
}

.-sufix,
.-label,
.-prefix,
.-value,
.-title {
  padding-left: 1px;
  padding-right: 1px;
}

.-subtitle {
  padding-left: 2px;
  padding-right: 2px;
  font-weight: normal;
}

.-legend,
.-label {
  color: rgba(0, 0, 0, 0.75);
  font-size: 0.83em;
  display: block;
}

.--block:hover td {
  background: none;
}

.--block:hover ~ tr:not(.--block):last-child td:first-child {
  border-radius: 0 0 0 5px;
}
.--block:hover ~ tr:not(.--block):last-child td:last-child {
  border-radius: 0 0 5px 0;
}
.--block:hover ~ tr:not(.--block) td {
  background: rgba(0, 0, 0, 0.075);
}
.--block:hover ~ tr:not(.--block) td.--grey-mobile {
  background: rgba(0, 0, 0, 0.15);
}

.--grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  text-align: center;
}
.--grid > * {
  margin: 5px auto !important;
}

.--media img {
  margin-left: 5px;
  filter: invert(1);
  /* or to blue */
  filter: invert(0.45) sepia(0.9) saturate(3.9) hue-rotate(-34deg);
}

.--plans {
  width: 100%;
  background: none;
  border: none;
  border-collapse: collapse;
  color: #000;
  /*tr.--hover-disabled{
      td{
          border-top: 1px solid rgba(0,0,0,.15)
      }
  }*/
}
.--plans tr.--block td {
  padding: 20px 10px 10px 0px !important;
}
.--plans tr.--block * {
  font-weight: bold;
}
.--plans tr.--block .-subtitle {
  font-weight: normal;
}
.--plans tr:first-child td {
  font-weight: bolder;
}
.--plans tr.--ignore td {
  padding: 5px !important;
}
.--plans tr:hover:not(.--ignore):not(.--no-effect) td {
  background: rgba(0, 0, 0, 0.075);
}
.--plans tr:hover:not(.--ignore):not(.--no-effect) td.--grey {
  background: rgba(0, 0, 0, 0.15);
}
.--plans tr:hover:not(.--ignore):not(.--no-effect) td:first-child {
  border-radius: 5px 0 0 5px;
}
.--plans tr:hover:not(.--ignore):not(.--no-effect) td:last-child {
  border-radius: 0 5px 5px 0;
}
.--plans tr:hover:not(.--ignore):not(.--no-effect).--block td:first-child {
  border-radius: 5px 0 0 0;
}
.--plans tr:hover:not(.--ignore):not(.--no-effect).--block td:last-child {
  border-radius: 0 5px 0 0;
}
.--plans td {
  padding-left: 1rem;
  min-width: 20px;
  line-height: 1.2em;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.--plans td:nth-child(odd) {
  max-width: 20px;
}
.--plans td.--evidence {
  font-weight: bold;
  padding: 1rem 1.25rem 0.5rem 0;
}
.--plans td span {
  background: none;
}
.--plans td .--label {
  color: rgba(0, 0, 0, 0.5);
}
.--plans tbody.-bg-blue tr:hover td.--grey {
  background: rgba(88, 120, 167, 0.3) !important;
}
.--plans tbody.-bg-blue tr td.--grey {
  background: rgba(88, 120, 167, 0.2) !important;
}
.--plans tr td.--grey {
  width: 25%;
  text-align: center;
}
.--plans thead tr:first-child td {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.--grey {
  padding: 0.5rem 1.25rem;
  background: rgba(0, 0, 0, 0.075);
}

.-sufix,
.-label,
.-prefix,
.-value,
.-title {
  padding-left: 1px;
  padding-right: 1px;
}

.-subtitle {
  padding-left: 2px;
  padding-right: 2px;
  font-weight: normal;
}

.-legend,
.-label {
  color: rgba(0, 0, 0, 0.75);
  font-size: 0.83em;
  display: block;
}

.--block:hover td {
  background: none;
}

.--block:hover ~ tr:not(.--block):last-child td:first-child {
  border-radius: 0 0 0 5px;
}
.--block:hover ~ tr:not(.--block):last-child td:last-child {
  border-radius: 0 0 5px 0;
}
.--block:hover ~ tr:not(.--block) td {
  background: rgba(0, 0, 0, 0.075);
}
.--block:hover ~ tr:not(.--block) td.--grey {
  background: rgba(0, 0, 0, 0.15);
}

.--media img {
  margin-left: 5px;
  filter: invert(1);
  /* or to blue */
  filter: invert(0.25) sepia(0.9) saturate(1.9) hue-rotate(175deg);
}

.class-cda .--plans-desktop tbody.-bg-blue tr:hover td.--grey {
  background: rgba(251, 110, 82, 0.3) !important;
}
.class-cda .--plans-desktop tbody.-bg-blue tr td.--grey {
  background: rgba(251, 110, 82, 0.2) !important;
}
.class-cda .--plans tbody.-bg-blue tr td.--grey {
  background: rgba(251, 110, 82, 0.2) !important;
}
.class-cda .--plans tbody.-bg-blue tr:hover td.--grey {
  background: rgba(251, 110, 82, 0.4) !important;
}

.alert-notification {
  position: relative;
  box-sizing: border-box;
}
.alert-notification a {
  height: 60px;
  display: flex;
  align-items: center;
}

.subnav.alert-notifications {
  width: 400px;
  max-height: 300px;
  min-width: 200px;
  position: absolute;
  right: 0;
  background: #fff;
}
@media only screen and (max-width: 768px) {
  .subnav.alert-notifications {
    width: 100%;
  }
}
.subnav.alert-notifications .alert-notification {
  line-height: 1.2;
  height: auto;
  font-size: 1em;
  display: block;
  padding: 5px;
  color: #4c4c4c;
  background: #f5f5f5;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  white-space: normal;
  font-weight: normal;
  display: flex;
}
.subnav.alert-notifications .alert-notification:hover {
  background: #fafafa;
}
.subnav.alert-notifications .alert-notification.read {
  background: #f2f2f2;
}
.subnav.alert-notifications .alert-notification.read:hover {
  background: #f2f2f2;
}
.subnav.alert-notifications .alert-notification.unread {
  background: #fff;
  font-weight: bold;
}
.subnav.alert-notifications .alert-notification.empty {
  padding: 15px;
}
.subnav.alert-notifications .alert-notification.empty .waiting-message .payment-processing span:nth-child(2) {
  background: rgba(0, 0, 0, 0.35);
}
.subnav.alert-notifications .alert-notification .alert-notification-message {
  display: block;
  padding: 10px;
}
.subnav.alert-notifications .alert-notification .alert-notification-dot {
  width: 5px;
  height: 5px;
  background: #777;
  border-radius: 3px;
  display: block;
  position: absolute;
  right: 5px;
  top: 5px;
}
.subnav.alert-notifications .alert-notification .alert-notification-dot.notice {
  background: #526afb;
}
.subnav.alert-notifications .alert-notification .alert-notification-dot.alert {
  background: #D6A800;
}
.subnav.alert-notifications .alert-notification .alert-notification-dot.warning {
  background: #f33a3a;
}
.subnav.alert-notifications .alert-notification .alert-notification-dot.success {
  background: #3bae71;
}

.custom-clustericon {
  background-size: contain;
  color: #FFF;
  border-radius: 100%;
  font-weight: bold;
  font-size: 15px;
  display: flex;
  align-items: center;
  /* box-shadow: 0 0 0 7px rgba(0, 0, 0, .2), 0 0 0 14px rgba(0, 0, 0, .2); */
}

/* .custom-clustericon::before,
    .custom-clustericon::after {
        content: '';
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        transform: translate(-50%, -50%);
        top: 50%;
        left: 50%;
        background: var(--cluster-color);
        opacity: 0.2;
        border-radius: 100%;
    } */
/* .custom-clustericon::before {
        padding: 7px;
    }

    .custom-clustericon::after {
        padding: 14px;
    }
     */
.custom-clustericon-1 {
  background-image: url("../images/cluster-blue.svg");
  /* --cluster-color: #00A2D3; */
}

.custom-clustericon-2 {
  background-image: url("../images/cluster-yellow.svg");
  /* --cluster-color: #FF9B00; */
}

.custom-clustericon-3 {
  background-image: url("../images/cluster-red.svg");
}

.media-plans {
  width: 100%;
  max-width: 990px;
  margin: 0 auto;
  display: flex;
  padding: 20px 10px 10px;
  align-items: stretch;
  align-content: stretch;
  box-sizing: border-box;
  position: relative;
}
@media (max-width: 767px) {
  .media-plans {
    display: block;
  }
}
.media-plans:hover .media-plan {
  transform: scale(0.98, 0.98);
}
@media (max-width: 767px) {
  .media-plans:hover .media-plan {
    transform: scale(1, 1);
  }
}
.media-plans:hover .media-plan:first-child {
  transition: scale(1, 1);
}
.media-plans .media-plan {
  margin: 2px;
  flex: 1 1 28%;
  background: #fff;
  box-shadow: 0 1px 3px rgba(76, 76, 76, 0.15);
  padding: 0;
  box-sizing: border-box;
  text-align: center;
  color: #4c4c4c;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  align-content: space-between;
  transition: 0.5s all;
  position: relative;
  z-index: 0;
}
.media-plans .media-plan:first-child {
  flex: 0 0 15%;
  padding-bottom: 2px;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  align-content: space-between;
  box-shadow: none;
  background: none;
}
@media (max-width: 767px) {
  .media-plans .media-plan:first-child {
    display: none;
  }
}
.media-plans .media-plan:first-child:hover {
  transform: scale(1, 1);
}
.media-plans .media-plan:first-child .media-plan-labels {
  flex: 0 0 100%;
  align-self: flex-end;
}
.media-plans .media-plan:first-child .media-plan-labels .media-plan-label {
  background: rgba(255, 255, 255, 0.75);
  margin-top: 5px;
  padding: 5px;
  border-radius: 5px 0 0 5px;
  box-shadow: 5px 0 0 0 rgba(255, 255, 255, 0.75);
}
.media-plans .media-plan:first-child .media-plan-labels .media-plan-label p {
  font-weight: bold;
  text-align: right;
  font-size: 0.83em;
}
.media-plans .media-plan:first-child .media-plan-labels .media-plan-label.media-plan-cdm {
  height: 60px;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: flex-end;
}
.media-plans .media-plan:hover {
  z-index: 1;
  transform: scale(1.02, 1.02);
}
@media (max-width: 767px) {
  .media-plans .media-plan:hover {
    transform: scale(1, 1);
  }
}
@media (max-width: 767px) {
  .media-plans .media-plan {
    margin-bottom: 30px;
    display: block;
    width: 100%;
  }
}
.media-plans .media-plan .media-plan-container {
  flex: 0 0 100%;
  display: flex;
  flex-direction: column;
}
.media-plans .media-plan .media-plan-container h3 {
  padding: 15px 0;
  color: #fb6e52;
}
.media-plans .media-plan .media-plan-header {
  height: 100px;
  background: #fb6e52;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.media-plans .media-plan .media-plan-header .media-plan-header-price {
  font-size: 1.5em;
}
.media-plans .media-plan .media-plan-header .media-plan-header-price:after {
  clear: both;
  display: block;
  content: "";
}
.media-plans .media-plan .media-plan-header .media-plan-header-note {
  display: block;
  font-size: 0.83em;
}
.media-plans .media-plan .media-plan-economy {
  position: relative;
  padding: 10px 0;
  font-weight: bold;
  color: #000;
  cursor: pointer;
}
.media-plans .media-plan .media-plan-economy:hover .media-plan-balloon {
  z-index: 10;
  opacity: 1;
}
.media-plans .media-plan .media-plan-economy .media-plan-balloon {
  margin-top: -35px;
  margin-left: -85%;
  align-self: flex-end;
  width: 90%;
  padding: 10px;
  box-sizing: border-box;
  color: #fff;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  background: #fb6e52;
  box-shadow: 0 5px 15px rgba(76, 76, 76, 0.15);
  border-radius: 5px;
  text-align: center;
  position: absolute;
  z-index: -100;
  opacity: 0;
  transition: 0.3s all;
}
@media (max-width: 767px) {
  .media-plans .media-plan .media-plan-economy .media-plan-balloon {
    margin-top: 0px;
    margin-left: 5%;
  }
}
.media-plans .media-plan .media-plan-economy .media-plan-balloon:after {
  left: 100%;
  top: 25px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(136, 183, 213, 0);
  border-left-color: #fb6e52;
  border-width: 10px;
  margin-top: -10px;
}
@media (max-width: 767px) {
  .media-plans .media-plan .media-plan-economy .media-plan-balloon:after {
    margin-top: -2px;
    top: -10px;
    left: 50%;
    border-left-color: rgba(136, 183, 213, 0);
    border-bottom-color: #fb6e52;
  }
}
.media-plans .media-plan .media-plan-button {
  display: block;
  margin-bottom: 15px;
}
.media-plans .media-plan .media-plan-button .button {
  margin-top: 0;
  margin-bottom: 0;
}
.media-plans .media-plan .media-plan-price {
  padding-top: 20px;
  display: inline-block;
  font-size: 0.83em;
}
.media-plans .media-plan .media-plan-price strong {
  font-size: 2.44em;
  line-height: 10px;
}
.media-plans .media-plan .media-plan-advantages {
  padding: 10px 25px;
}
.media-plans .media-plan .media-plan-advantages li {
  line-height: 20px;
  text-align: left;
  font-size: 0.83em;
  font-weight: bold;
}
@media (max-width: 767px) {
  .media-plans .media-plan .media-plan-advantages li {
    text-align: center;
  }
}
.media-plans .media-plan .media-plan-advantages li:before {
  margin-right: 5px;
  font-family: "mediatrade-icons" !important;
  content: "";
}
.media-plans .media-plan .media-plan-lists {
  flex: 0 0 100%;
  align-self: flex-end;
}
.media-plans .media-plan .media-plan-lists .media-plan-list {
  background: rgba(0, 0, 0, 0.05);
  margin-top: 5px;
  padding: 5px 0;
  position: relative;
}
.media-plans .media-plan .media-plan-lists .media-plan-list p {
  font-weight: bold;
}
.media-plans .media-plan .media-plan-lists .media-plan-list label {
  display: none;
}
@media (max-width: 767px) {
  .media-plans .media-plan .media-plan-lists .media-plan-list label {
    display: inline-block;
    color: #4c4c4c;
    font-size: 0.75em;
    top: 5px;
    left: 5px;
  }
}
.media-plans .media-plan .media-plan-indicated {
  height: 60px;
  display: flex;
  align-items: center;
  align-content: center;
  flex-flow: column;
  justify-content: center;
}
.media-plans .media-plan.plan-cdm-free:hover {
  box-shadow: 0 0 0 2px #fb6e52;
}
.media-plans .media-plan.plan-cdm-free h3 {
  color: #fb6e52;
}
.media-plans .media-plan.plan-cdm-free .media-plan-header {
  background: #fb6e52;
}
.media-plans .media-plan.plan-cdm-1:hover {
  box-shadow: 0 0 0 2px #5878a7;
}
.media-plans .media-plan.plan-cdm-1 h3 {
  color: #5878A7;
}
.media-plans .media-plan.plan-cdm-1 .media-plan-header {
  background: #5878A7;
}
.media-plans .media-plan.plan-cdm-2:hover {
  box-shadow: 0 0 0 2px #2f5596;
}
.media-plans .media-plan.plan-cdm-2 h3 {
  color: #2f5596;
}
.media-plans .media-plan.plan-cdm-2 .media-plan-header {
  background: #2f5596;
}
.media-plans .media-plan.plan-cdm-3:hover {
  box-shadow: 0 0 0 2px #6b16a6;
}
.media-plans .media-plan.plan-cdm-3 h3 {
  color: #6b16a6;
}
.media-plans .media-plan.plan-cdm-3 .media-plan-header {
  background: #6b16a6;
}

.message-balloon {
  padding: 20px;
  border-radius: 10px;
  border: 3px solid #fb6e52;
  margin: 19px 0 5px 0;
  position: relative;
}
.message-balloon:before, .message-balloon:after {
  top: -28px;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.message-balloon:before {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fb6e52;
  border-width: 14px;
  margin-left: -14px;
}
.message-balloon:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 10px;
  margin-left: -10px;
  top: -20px;
}

.stepper {
  display: flex;
  justify-content: space-around;
  align-items: center;
  align-content: center;
  margin: 10px auto;
}
.stepper i {
  flex: 1 1 10%;
  background: #aaa;
  height: 1px;
  margin: 10px 15px 10px 10px;
}
.stepper .step {
  display: flex;
  align-items: center;
  font-size: 0.83em;
  font-weight: bold;
  padding: 10px;
  cursor: pointer;
  line-height: 20px;
}
.stepper .step span:first-child {
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #707070;
  color: #fff;
}
.stepper .step span:last-child {
  width: auto;
  color: #707070;
  padding: 5px;
}
.stepper .step.active {
  cursor: auto;
}
.stepper .step.active span:first-child {
  background: #fb6e52;
}
.stepper .step.active span:last-child {
  color: #fb6e52;
}

.home.works {
  flex-flow: column;
}

.how-it-works {
  display: flex;
  margin: 0 auto;
  justify-content: space-between;
  padding-bottom: 15px;
}
@media (max-width: 767px) {
  .how-it-works {
    flex-direction: column-reverse;
    width: 100%;
  }
}
.how-it-works .intro {
  padding-top: 40px;
  font-weight: bold;
  font-size: 2em;
  text-align: center;
}
@media (max-width: 767px) {
  .how-it-works .intro {
    padding: 30px 15px 0 15px;
    font-size: 1.2em;
    line-height: 1.2em;
  }
}
.how-it-works .how-it-works-content {
  padding-right: 15px;
  width: 50%;
}
@media (max-width: 767px) {
  .how-it-works .how-it-works-content {
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
  }
}
.how-it-works .how-it-works-content .nav-spot {
  width: 100%;
  text-align: center;
}
.how-it-works .how-it-works-content .nav-spot .prev-spot,
.how-it-works .how-it-works-content .nav-spot .next-spot {
  color: #fb6e52;
  font-size: 2em;
}
.how-it-works .how-it-works-content ol li {
  position: relative;
  padding: 0px 10px 30px 40px;
  margin-bottom: 10px;
  font-weight: bold;
  color: #fb6e52;
  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.5), 0 1px 3px rgba(0, 0, 0, 0.15);
}
.how-it-works .how-it-works-content ol li .hiw-content,
.how-it-works .how-it-works-content ol li .hiw-description {
  font-weight: normal;
  color: #4c4c4c;
}
.how-it-works .how-it-works-content ol li h3 {
  font-weight: bold;
  padding-bottom: 10px;
}
.how-it-works .how-it-works-content ol li p {
  text-shadow: none;
}
.how-it-works .how-it-works-content ol li span {
  position: absolute;
  top: 40%;
  color: #fb6e52;
  font-size: 2.3em;
  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.9), 0 1px 3px rgba(0, 0, 0, 0.15);
  left: 0;
}
.how-it-works .how-it-works-video {
  width: 50%;
}
@media (max-width: 767px) {
  .how-it-works .how-it-works-video {
    width: 100%;
    padding: 10px 15px 0 15px;
    box-sizing: border-box;
  }
}
.how-it-works .how-it-works-video p {
  padding-top: 30px;
  width: 100%;
  text-align: center;
}
.how-it-works .how-it-works-video .ytplayer {
  height: 230px !important;
  max-width: 100%;
  width: 400px !important;
  border: 2px solid #fb6e52;
}
@media (max-width: 767px) {
  .how-it-works .how-it-works-video .ytplayer {
    height: 300px !important;
  }
}
.how-it-works .advantages {
  padding-top: 20px;
  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.5), 0 1px 3px rgba(0, 0, 0, 0.15);
}
.how-it-works .advantages ol {
  padding-top: 10px;
}
.how-it-works .advantages ol li {
  font-size: 1.2em;
  font-weight: bold;
  padding: 0 0 20px 22px;
  position: relative;
  font-style: italic;
}
.how-it-works .advantages ol li:before {
  position: absolute;
  font-family: "mediatrade-icons" !important;
  color: #3bae71;
  content: "";
  margin-right: 5px;
  top: 2px;
  font-size: 0.63em;
  left: 0;
  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.9), 0 1px 3px rgba(0, 0, 0, 0.15);
}

.class-cdm .how-it-works-video .ytplayer {
  border-color: #5878A7;
}
.class-cdm .how-it-works-content .nav-spot .prev-spot,
.class-cdm .how-it-works-content .nav-spot .next-spot {
  color: #5878A7;
}
.class-cdm .how-it-works-content ol li {
  color: #5878A7;
}
.class-cdm .how-it-works-content ol li span {
  color: #5878A7;
}

.search-layout .filters-toggle {
  background: #fb6e52;
  border: none;
  justify-content: center;
  align-items: center;
  color: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  outline: 0;
  font-size: 1.2em;
  border-radius: 3px;
  height: 65px;
  width: 65px;
  margin: 0 10px 0 0;
  flex-wrap: wrap;
  align-content: center;
}
.search-layout .filters-toggle.green {
  background: #3bae71;
}
.search-layout .filters-toggle i {
  margin-right: 5px;
}
.search-layout .filters-toggle:hover {
  background: #fa5939;
}
.search-layout .filters-toggle span {
  flex: 0 0 100%;
  font-size: 11px;
  font-weight: bold;
  line-height: 11px;
  padding-top: 5px;
}
.search-layout .toggle-map {
  flex: 1 1 33%;
  position: relative;
  justify-content: center;
  display: flex;
  overflow: hidden;
  margin: 0 15px 0 0;
  box-shadow: 0 1px 3px rgba(112, 112, 112, 0.3);
  align-items: center;
  align-content: center;
}
.search-layout .toggle-map img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
}
.search-layout .toggle-map .button {
  position: absolute;
  margin: 0;
}
.search-layout .toggle-map:hover .button {
  background: #3f3f3f;
}
@media screen and (max-width: 768px) {
  .search-layout .toggle-map {
    display: none;
  }
}
.search-layout .assistant-banner {
  display: flex;
  background: #fb6e52 url("https://lion-web-site.s3.amazonaws.com/public/assistant/robot-assistant.svg") no-repeat;
  background-size: auto 100%;
  background-position: left center;
  margin-right: 15px;
  border-radius: 4px;
  color: #fff;
  box-shadow: 0 1px 3px rgba(112, 112, 112, 0.3);
  -ms-flex-align: center;
  align-items: center;
  min-width: 211px;
  transition: 0.3s all;
  cursor: pointer;
  flex: 1 1 33%;
  filter: brightness(0.75) grayscale(1);
}
.search-layout .assistant-banner:hover {
  background-color: #fa5939;
}
.search-layout .assistant-banner .assistant-banner-text {
  display: flex;
  flex-direction: column;
  margin: 0 6% 0 23%;
}
.search-layout .assistant-banner .assistant-banner-text h1 {
  font-size: 20px;
  font-weight: bold;
}
.search-layout .assistant-banner .assistant-banner-text p {
  font-size: 12px;
}
.search-layout .assistant-banner .assistant-button {
  color: #000000;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 30px 0 30px;
  border-radius: 15px;
  font-weight: bold;
}
.search-layout .assistant-banner .assistant-banner-text {
  margin: 0 0 0 120px;
}
.search-layout .assistant-banner .assistant-banner-text h1 {
  margin: 0;
}
.search-layout .plan-content {
  box-sizing: border-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background-color: #3cae71;
  box-shadow: 0 1px 3px rgba(112, 112, 112, 0.3);
  border-radius: 4px;
  /* padding: 10px 20px; */
  flex: 1 1 33%;
  cursor: pointer;
  transition: 0.3s all;
  justify-content: space-between;
}
.search-layout .plan-content:hover {
  background: #359b65;
}
.search-layout .plan-content .flex {
  width: 0;
}
.search-layout .plan-content .button {
  padding: 0;
}

.class-cdm .search-layout .filters-toggle,
.cdm .search-layout .filters-toggle {
  background: #5878A7;
}
.class-cdm .search-layout .filters-toggle:hover,
.cdm .search-layout .filters-toggle:hover {
  background: #4f6c96;
}
.class-cdm .search-layout .assistant-banner,
.cdm .search-layout .assistant-banner {
  background-color: #5878A7;
}
.class-cdm .search-layout .assistant-banner:hover,
.cdm .search-layout .assistant-banner:hover {
  background-color: #4f6c96;
}

@media (max-width: 767px) {
  .smart-plan-pagination {
    justify-content: flex-start;
  }
}

.paginator {
  flex: 0 1 13%;
  position: relative;
  padding: 5px 30px;
}
.paginator .paginator-message {
  position: absolute;
  background: #fb6e52;
  border-radius: 0 0 3px 3px;
  color: #fff;
  font-size: 1em;
  padding: 5px;
  opacity: 0;
  right: 0;
  top: 0;
  transition: 0.1s opacity;
}
.paginator:hover .paginator-message {
  opacity: 1;
  z-index: 3;
  top: 33px;
}
.paginator .paginator-content {
  display: flex;
}
.paginator .paginator-content.pagination-center {
  justify-content: center;
}
.paginator .paginator-content > * {
  border-bottom: 2px solid #d2d2d2 !important;
  border-top: 1px solid #d2d2d2;
  border-left: 1px solid #d2d2d2;
  border-collapse: collapse;
}
.paginator .paginator-content a:not(.disabled) {
  transition: 0.3s all;
}
.paginator .paginator-content a:not(.disabled):hover {
  background: #d2d2d2;
  color: #4c4c4c !important;
}
.paginator .paginator-content li.paginator-number {
  padding: 0;
}
.paginator .paginator-content li.paginator-number a {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  color: #4c4c4c;
  background: #ffffff;
  font-weight: bold;
}
.paginator .paginator-content a.paginator-number {
  padding: 5px;
}
.paginator .paginator-content .paginator-number {
  flex: 0 0 33px;
  height: 33px;
  padding: 5px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  color: #4c4c4c;
  background: #ffffff;
  font-weight: bold;
}
.paginator .paginator-content .paginator-number.paginator-first, .paginator .paginator-content .paginator-number.ais-Pagination-item--firstPage {
  border-radius: 3px 0 0 3px;
  padding-left: 10px;
  padding-right: 10px;
}
.paginator .paginator-content .paginator-number.paginator-last, .paginator .paginator-content .paginator-number.ais-Pagination-item--lastPage {
  border-radius: 0 3px 3px 0;
  padding-left: 10px;
  padding-right: 10px;
  border-right: 1px solid #d2d2d2;
}
.paginator .paginator-content .paginator-number.ais-Pagination-item--lastPage, .paginator .paginator-content .paginator-number.ais-Pagination-item--firstPage {
  padding-left: 0;
  padding-right: 0;
}
.paginator .paginator-content .paginator-number.current {
  flex: 1 0 100px;
}
.paginator .paginator-content .paginator-number.current-page {
  background: #4c4c4c;
  color: #fff !important;
}
.paginator .paginator-content .paginator-number.current-page:hover {
  background: #4c4c4c;
  color: #fff !important;
}
.paginator .paginator-content .paginator-number.current-page a {
  background: #4c4c4c;
  color: #fff !important;
}
.paginator .paginator-content .paginator-number.current-page a:hover {
  background: #4c4c4c;
  color: #fff !important;
}
.paginator .paginator-content .paginator-number.disabled {
  color: #ccc;
  cursor: not-allowed;
  background: #f2f2f2;
}
.paginator .paginator-content .paginator-number.disabled:hover {
  color: #ccc;
  cursor: not-allowed;
  background: #f2f2f2;
}
.paginator .paginator-content .paginator-number.disabled a {
  color: #ccc;
  cursor: not-allowed;
  background: #f2f2f2;
}
.paginator .paginator-content .paginator-number.disabled a:hover {
  color: #ccc;
  cursor: not-allowed;
  background: #f2f2f2;
}

.my-plan {
  width: calc(100% - 30px);
  margin: 25px 15px;
  display: block;
  padding: 15px;
  box-sizing: border-box;
  display: block;
}
.my-plan .my-plan-statistics {
  width: calc(100% + 15px);
  display: flex;
  line-height: 0;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.my-plan .my-plan-stats {
  padding: 10px 10px 20px 10px;
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  flex-wrap: wrap;
  margin: 0 15px 15px 0;
  transition: 0.3s all;
  z-index: 0;
  position: relative;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .my-plan .my-plan-stats {
    flex: 0 0 calc(33.33% - 15px);
  }
  .my-plan .my-plan-stats:nth-child(3n) {
    margin-right: 0;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .my-plan .my-plan-stats {
    flex: 0 0 calc(50% - 15px);
  }
  .my-plan .my-plan-stats:nth-child(2n) {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .my-plan .my-plan-stats {
    flex: 0 0 calc(100%);
  }
  .my-plan .my-plan-stats:nth-child(n) {
    margin-right: 0;
  }
}
.my-plan .my-plan-stats.my-current-plan {
  background: #fb6e52;
}
.my-plan .my-plan-stats.my-current-plan .my-current-plan-content {
  z-index: 1;
}
.my-plan .my-plan-stats.my-current-plan .my-current-plan-content .my-plan-name, .my-plan .my-plan-stats.my-current-plan .my-current-plan-content .my-plan-value {
  padding: 15px 10px 0 0;
  color: #f0f0f0;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  font-weight: bold;
  font-size: 1.2em;
  position: relative;
  text-align: left;
  line-height: 1em;
}
.my-plan .my-plan-stats.my-current-plan .my-current-plan-content .my-plan-name small, .my-plan .my-plan-stats.my-current-plan .my-current-plan-content .my-plan-value small {
  color: rgba(255, 255, 255, 0.5);
  font-size: 14px;
  display: block;
  line-height: 1em;
  padding: 0 0 5px 0;
}
.my-plan .my-plan-stats.my-current-plan .my-current-plan-content .my-plan-name strong, .my-plan .my-plan-stats.my-current-plan .my-current-plan-content .my-plan-value strong {
  font-size: 0.83em;
  margin: 0.1em 0;
}
.my-plan .my-plan-stats.my-current-plan .my-current-plan-content .my-plan-name {
  font-size: 2em;
}
.my-plan .my-plan-stats.my-current-plan .my-current-plan-content .button {
  background: #fff !important;
  color: #fb6e52;
}
.my-plan .my-plan-stats.my-current-plan:after {
  font-family: "mediatrade-icons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  font-size: 12em;
  position: absolute;
  right: -40px;
  color: rgba(0, 0, 0, 0.1);
  top: -20px;
}
.my-plan .my-plan-stats.Free, .my-plan .my-plan-stats .free_20 {
  background: #fb6e52;
}
.my-plan .my-plan-stats.Free .button, .my-plan .my-plan-stats .free_20 .button {
  color: #fb6e52;
}
.my-plan .my-plan-stats.Basic, .my-plan .my-plan-stats.basic_20 {
  background: #5878A7;
}
.my-plan .my-plan-stats.Basic .button, .my-plan .my-plan-stats.basic_20 .button {
  color: #5878A7;
}
.my-plan .my-plan-stats.Pro, .my-plan .my-plan-stats.pro_20 {
  background: #2f5596;
}
.my-plan .my-plan-stats.Pro .button, .my-plan .my-plan-stats.pro_20 .button {
  color: #2f5596;
}
.my-plan .my-plan-stats.Enterprise, .my-plan .my-plan-stats.enterprise_20 {
  background: #6b16a6;
}
.my-plan .my-plan-stats.Enterprise .button, .my-plan .my-plan-stats.enterprise_20 .button {
  color: #6b16a6;
}
.my-plan .my-plan-stats h4 {
  flex: 0 0 100%;
  font-size: 1.4em;
  text-align: center;
  padding: 10px 0 20px;
}
.my-plan .my-plan-stats p {
  flex: 0 0 100%;
  padding: 10px 0;
  text-align: center;
}
.my-plan .my-plan-stats .button {
  display: block;
  margin: 5px auto;
}
.my-plan .my-plan-stats > div {
  flex: 0 0 100%;
  text-align: center;
}
.my-plan .my-plan-stats .pInfinity {
  background: #3bae71;
}
.my-plan .my-plan-stats .remaining {
  background: #f33a3a;
}
.my-plan .my-plan-stats .remaining .fill {
  border-color: #fafafa;
}
.my-plan .my-plan-stats span {
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  padding: 15px;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  line-height: 24px;
}
.my-plan .my-plan-stats span strong {
  font-size: 24px;
  display: block;
  flex: 0 0 100%;
  color: #4c4c4c;
}

.stats {
  display: block;
  width: 100%;
  margin: 0;
  padding: 15px;
}
.stats .stat h2 {
  white-space: nowrap;
}

.statistics {
  width: calc(100% + 15px);
  display: flex;
  line-height: 0;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding: 25px 15px;
  box-sizing: border-box;
}
.statistics .statistics-stats {
  padding: 0;
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  flex-wrap: wrap;
  min-height: 300px;
  margin: 0 15px 15px 0;
  transition: 0.3s all;
  z-index: 0;
  position: relative;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .statistics .statistics-stats {
    flex: 0 0 calc(50% - 15px);
  }
  .statistics .statistics-stats:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .statistics .statistics-stats {
    flex: 0 0 calc(100%);
  }
  .statistics .statistics-stats:nth-child(n) {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .statistics .statistics-stats {
    flex: 0 0 calc(100%);
  }
  .statistics .statistics-stats:nth-child(n) {
    margin-right: 0;
  }
}
.statistics .statistics-stats .loading {
  height: 100%;
}
.statistics .statistics-stats-header {
  flex: 0 0 100%;
  padding: 10px;
  box-sizing: border-box;
}
.statistics .statistics-stats-header h2 {
  margin: 0;
}
.statistics .statistics-stats-options {
  flex: 0 0 100%;
  display: flex;
  border-bottom: 1px solid #f2f2f2;
  padding: 0 10px 10px 10px;
  box-sizing: border-box;
  flex-wrap: wrap;
}
.statistics .statistics-stats-options .option {
  display: flex;
  align-items: center;
  align-content: center;
  padding-right: 15px;
}
.statistics .statistics-stats-options .option:first-child {
  flex: 0 0 100%;
}
.statistics .statistics-stats-options .option .radioboxes {
  justify-content: flex-start;
}
.statistics .statistics-stats-options .option .radioboxes .input-radiobox {
  padding-right: 20px;
}
.statistics .statistics-stats-options .option select {
  padding: 0 18px 0 5px;
  height: 26px;
  background-color: #fff;
  border-radius: 0;
  box-shadow: none;
}
.statistics .statistics-stats-options .option.disabled {
  opacity: 0.2;
}
.statistics .statistics-stats-body {
  box-sizing: border-box;
  flex: 0 0 100%;
  width: 100%;
  height: 100%;
  padding: 10px 10px 20px 10px;
}

.card {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  display: block;
  margin: 30px auto;
  max-width: 380px;
  min-width: 320px;
  padding: 46px 80px;
  width: 100%;
  background: #ffffff;
  box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.09);
}
@media only screen and (min-width: 320px) and (max-width: 425px) {
  .card {
    margin: 0px auto;
    padding: 20px;
    min-width: 300px;
    max-width: 300px;
  }
}
.card.card-sm {
  max-width: 300px;
  padding: 30px 60px;
}
.card.card-lg {
  max-width: 480px;
  padding: 40px 80px;
}
.card.card-xl {
  max-width: 900px;
  padding: 40px 80px;
}
.card .card-footer {
  margin-top: 18px;
  font-size: 0.813em;
}
.card .title {
  text-align: center;
  padding: 10px 0 30px 0;
}
.card.card-green {
  background: #3bae71;
  color: #fff;
}

.big-icon {
  background: #fff;
  color: #3bae71;
  width: 45px;
  height: 45px;
  border: 3px solid #3bae71;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  margin: 5px auto 15px auto;
  border-radius: 50%;
}
.big-icon.color-gray {
  color: #b2b2b2 !important;
  border: 3px solid #b2b2b2 !important;
}

.success > *:not(p):not(div) {
  color: #3bae71;
  font-weight: bold;
}

.errors {
  color: #f33a3a;
  font-weight: bold;
}

.scroll-to-top {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  height: 0px;
  width: 100%;
}
.scroll-to-top a {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  position: fixed;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  z-index: -10;
  opacity: 0;
  bottom: 0;
  background: rgba(76, 76, 76, 0.9);
  border: 2px solid #4c4c4c;
  border-bottom: none;
  width: 70px;
  height: 35px;
  border-radius: 35px 35px 0 0;
  background: #fb6e52;
  border: none;
}
.scroll-to-top a i {
  font-size: 1.6em;
  color: #fff;
}
.scroll-to-top.show a {
  opacity: 0.5;
  z-index: 100;
}
.scroll-to-top.show a:hover {
  opacity: 1;
}

.cart-filters {
  display: flex;
  flex: 1 1 100%;
  box-sizing: border-box;
  justify-content: space-between;
  padding: 0;
  background: #f0f0f0;
  position: relative;
  margin: 0 10px;
}
.cart-filters.fixed {
  position: fixed;
  top: 50px;
  z-index: 100;
}
.cart-filters .filters-content, .cart-filters .order-content {
  display: flex;
  justify-content: flex-start;
}
.cart-filters .filters-content h3, .cart-filters .order-content h3 {
  display: none;
  font-size: 1em;
  line-height: 46px;
  font-size: 1.1em;
  width: auto;
  display: inline-block;
  color: #4c4c4c;
  padding: 0;
}
@media (max-width: 767px) {
  .cart-filters .filters-content h3, .cart-filters .order-content h3 {
    display: block;
    width: 100%;
    flex: 1 1 100%;
  }
}
.cart-filters .filters-content h3 span, .cart-filters .order-content h3 span {
  line-height: 46px;
  padding-left: 10px;
}
@media (max-width: 767px) {
  .cart-filters .filters-content h3 span, .cart-filters .order-content h3 span {
    display: block;
    position: relative;
    text-align: center;
    width: 100%;
  }
}
.cart-filters .filters-content label.cart-filter-label, .cart-filters .order-content label.cart-filter-label {
  width: auto;
  float: left;
  padding: 0 5px 0 15px;
  line-height: 46px;
}
@media (max-width: 767px) {
  .cart-filters .filters-content label.cart-filter-label, .cart-filters .order-content label.cart-filter-label {
    display: none;
  }
}
.cart-filters .filters-content .cart-filter, .cart-filters .order-content .cart-filter {
  margin: 7px 10px 7px 5px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
.cart-filters .filters-content .cart-filter .input, .cart-filters .filters-content .cart-filter .cov-datepicker, .cart-filters .filters-content .cart-filter .select, .cart-filters .order-content .cart-filter .input, .cart-filters .order-content .cart-filter .cov-datepicker, .cart-filters .order-content .cart-filter .select {
  float: left;
  padding: 8px;
  font-size: 0.82em;
  border-radius: 3px;
  box-sizing: border-box;
  border: none;
}
.cart-filters .filters-content .cart-filter .button, .cart-filters .order-content .cart-filter .button {
  margin: 0 10px;
}
.cart-filters .filters-content .cart-filter .cov-datepicker, .cart-filters .order-content .cart-filter .cov-datepicker {
  max-width: 100px;
}
.cart-filters .filters-content .cart-filter .select, .cart-filters .order-content .cart-filter .select {
  height: 32px;
  padding-right: 30px;
}
.cart-filters .order-content {
  display: flex;
  flex-shrink: 1;
  justify-content: flex-end;
  position: relative;
  width: 100%;
  padding-right: 220px;
  box-sizing: border-box;
}

.datepicker-overlay {
  background: rgba(178, 178, 178, 0.8);
  z-index: 9999;
  padding: 50px 0;
  height: 100vh;
  box-sizing: border-box;
  overflow-y: visible;
}
.datepicker-overlay .cov-date-body {
  font-family: "PT Sans", sans-serif;
  position: relative;
  display: block;
  width: 400px;
  max-width: 100%;
  min-height: 480px;
  z-index: 999;
  text-rendering: geometricPrecision;
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.09) 0 10px 30px;
  overflow-y: auto;
}
.datepicker-overlay .cov-date-body table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}
.datepicker-overlay .cov-date-body .cov-date-monthly {
  background: #fb6e52;
  height: 150px;
  display: flex;
}
.datepicker-overlay .cov-date-body .cov-date-monthly .cov-date-previous,
.datepicker-overlay .cov-date-body .cov-date-monthly .cov-date-next {
  width: 20%;
  text-indent: -300px;
  overflow: hidden;
  display: inline-block;
  padding: 0;
  margin: 0;
  vertical-align: middle;
  color: #fff;
  height: 100%;
  float: left;
  text-align: center;
  cursor: pointer;
  position: relative;
}
.datepicker-overlay .cov-date-body .cov-date-monthly .cov-date-previous:hover,
.datepicker-overlay .cov-date-body .cov-date-monthly .cov-date-next:hover {
  background: rgba(255, 255, 255, 0.1);
}
.datepicker-overlay .cov-date-body .cov-date-monthly .cov-date-next::after,
.datepicker-overlay .cov-date-body .cov-date-monthly .cov-date-previous::after {
  width: 20px;
  height: 2px;
  text-align: center;
  position: absolute;
  background: #fff;
  margin-top: 6px;
  margin-left: -7px;
  top: 50%;
  left: 50%;
  line-height: 0;
  content: "";
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.datepicker-overlay .cov-date-body .cov-date-monthly .cov-date-next::before,
.datepicker-overlay .cov-date-body .cov-date-monthly .cov-date-previous::before {
  width: 20px;
  height: 2px;
  text-align: center;
  position: absolute;
  background: #fff;
  top: 50%;
  margin-top: -7px;
  margin-left: -7px;
  left: 50%;
  line-height: 0;
  content: "";
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.datepicker-overlay .cov-date-body .cov-date-monthly .cov-date-previous::before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.datepicker-overlay .cov-date-body .cov-date-monthly .cov-date-previous::after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.datepicker-overlay .cov-date-body .cov-date-monthly .cov-date-caption {
  display: flex;
  padding: 0;
  margin: 0;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 60%;
  font-size: 24px;
  box-sizing: border-box;
}
.datepicker-overlay .cov-date-body .cov-date-monthly .cov-date-caption span {
  color: #fff;
}
.datepicker-overlay .cov-date-body .cov-date-monthly .cov-date-caption span:hover {
  color: rgba(255, 255, 255, 0.7);
}
.datepicker-overlay .cov-date-body .cov-date-box {
  background: #fff;
  color: #4c4c4c;
  display: flex;
  align-items: flex-end;
  align-content: flex-start;
  justify-content: center;
}
.datepicker-overlay .cov-date-body .cov-date-box .cov-picker-box {
  background: #fff;
  width: 100%;
  flex: 1 1 100%;
  display: inline-block;
  padding: 25px;
  box-sizing: border-box;
  width: 400px;
  max-width: 100%;
  height: 280px;
  text-align: start;
}
.datepicker-overlay .cov-date-body .cov-date-box .cov-picker-box td {
  height: 34px;
  width: 34px;
  padding: 0;
  line-height: 34px;
  color: #000;
  background: #fff;
  text-align: center;
  cursor: pointer;
}
.datepicker-overlay .cov-date-body .cov-date-box .cov-picker-box td:hover {
  background: #E6E6E6;
}
.datepicker-overlay .cov-date-body .cov-date-box .cov-picker-box .week ul {
  margin: 0 0 8px;
  padding: 0;
  list-style: none;
  display: inline-block;
  width: 100%;
}
.datepicker-overlay .cov-date-body .cov-date-box .cov-picker-box .week ul li {
  width: 14.2%;
  display: inline-block;
  text-align: center;
  color: #4c4c4c;
  font-weight: bold;
}
.datepicker-overlay .cov-date-body .cov-date-box .cov-picker-box .day {
  width: 14.2857143%;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  height: 34px;
  padding: 0;
  line-height: 34px;
  vertical-align: middle;
}
.datepicker-overlay .cov-date-body .cov-date-box .cov-picker-box .day.unavailable {
  color: #cacaca;
  cursor: not-allowed;
}
.datepicker-overlay .cov-date-body .cov-date-box .cov-picker-box .day.passive-day {
  opacity: 0.5;
  cursor: not-allowed;
}
.datepicker-overlay .cov-date-body .cov-date-box .cov-picker-box .day.passive-day.week-checked {
  opacity: 0.75;
}
.datepicker-overlay .cov-date-body .cov-date-box .cov-picker-box .day.passive-day.week-selection {
  opacity: 0.75;
}
.datepicker-overlay .cov-date-body .cov-date-box .cov-picker-box .day.week-selection {
  background: rgba(0, 0, 0, 0.09);
}
.datepicker-overlay .cov-date-body .cov-date-box .cov-picker-box .day.week-checked {
  background: rgba(59, 174, 113, 0.9);
  color: #fff !important;
}
.datepicker-overlay .cov-date-body .cov-date-box .cov-picker-box .day.week-checked:first-of-type {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.datepicker-overlay .cov-date-body .cov-date-box .cov-picker-box .day.week-checked:last-of-type {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.datepicker-overlay .button-box {
  padding-bottom: 15px;
  background: #fff;
  vertical-align: top;
  height: 50px;
  line-height: 50px;
  text-align: right;
  padding-right: 20px;
}
.datepicker-overlay .button-box span {
  transition: all 0.2s;
  border: none;
  border-radius: 3px;
  color: #fff;
  font-size: 1em;
  font-weight: 700;
  line-height: 1;
  padding: 14px 30px;
  background: #b2b2b2;
}
.datepicker-overlay .button-box span:hover, .datepicker-overlay .button-box span:active {
  background: #9c9c9c;
  outline: 0;
}
.datepicker-overlay .button-box span:last-child {
  background: #3bae71;
}
.datepicker-overlay .button-box span:last-child:hover, .datepicker-overlay .button-box span:last-child:active {
  background: #359b65;
  outline: 0;
}

.date-list {
  overflow: auto;
  vertical-align: top;
  padding: 0;
}
.date-list .date-item {
  text-align: center;
  font-size: 20px;
  padding: 10px 0;
  cursor: pointer;
}
.date-list .date-item:hover {
  background: #e0e0e0;
}

.delete-confirmation {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(178, 178, 178, 0.4);
}
.delete-confirmation .delete-confirmation-content {
  position: relative;
  display: flex;
  width: 300px;
  height: 220px;
  background: #ffffff;
  padding: 20px 30px;
  box-sizing: border-box;
  box-shadow: rgba(0, 0, 0, 0.09) 0 10px 30px;
  border-radius: 5px;
  flex-wrap: wrap;
  justify-content: center;
}
.delete-confirmation .delete-confirmation-content h2 {
  width: 100%;
  text-align: center;
}

.modal {
  cursor: auto;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  background: rgba(178, 178, 178, 0.8);
  overflow: auto !important;
  z-index: 10001;
  padding: 30px;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .modal {
    box-sizing: border-box;
  }
}
@media screen and (max-width: 768px) {
  .modal {
    padding: 15px;
  }
}
.modal.modal-centered .modal-wrapper {
  margin: auto !important;
}
.modal .buttons {
  justify-content: flex-start;
  flex-flow: row-reverse;
}
.modal h3 .label {
  font-size: 0.63em;
  padding-bottom: 15px;
  padding-top: 0;
  margin-top: -5px;
}
.modal fieldset {
  background: #fff;
  position: relative;
}
.modal fieldset .info {
  background: #fffbc7;
  border-radius: 3px;
  padding: 5px;
  position: absolute;
  right: 5px;
  border: 2px solid #eee82d;
}
.modal .main-container {
  padding: 0;
}
.modal .input-radiobox span {
  color: #4c4c4c;
}
.modal .account {
  padding: 0;
}
.modal .modal-wrapper {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  position: relative;
  max-width: 376px;
  padding: 45px 82px;
  width: 100%;
  margin: auto 0;
  background: #ffffff;
  box-shadow: rgba(0, 0, 0, 0.09) 0 10px 30px;
  z-index: 10001;
}
@media (max-width: 767px) {
  .modal .modal-wrapper {
    box-sizing: border-box;
  }
}
@media only screen and (min-width: 320px) and (max-width: 425px) {
  .modal .modal-wrapper {
    margin: 30px auto;
    padding: 27px;
    width: 100%;
    max-width: 320px;
  }
}
@media (max-width: 767px) {
  .modal .modal-wrapper {
    margin: 30px auto;
    padding: 27px;
    max-width: 320px;
  }
}
@media screen and (max-width: 768px) {
  .modal .modal-wrapper {
    padding: 15px;
    width: 100%;
    box-sizing: border-box;
    max-width: auto;
  }
}
.modal .modal-wrapper .close {
  position: absolute;
  top: 4px;
  right: 19px;
  font-size: 1.785em;
  cursor: pointer;
}
@media (max-width: 767px) {
  .modal .modal-wrapper .close {
    position: absolute;
    top: 9px;
    right: 30px;
    font-size: 1.785em;
    cursor: pointer;
  }
}
.modal .modal-wrapper .close:hover {
  color: #7f7f7f;
}
.modal .modal-wrapper .button {
  font-size: 0.95em;
  margin: 18px 5px;
}
.modal .modal-wrapper .modal-container,
.modal .modal-wrapper .modal-header,
.modal .modal-wrapper .modal-body {
  display: block;
  width: 100%;
}
.modal .modal-wrapper .modal-container .vaui-panel,
.modal .modal-wrapper .modal-header .vaui-panel,
.modal .modal-wrapper .modal-body .vaui-panel {
  margin-bottom: 15px;
}
.modal .modal-wrapper .modal-container .frame,
.modal .modal-wrapper .modal-header .frame,
.modal .modal-wrapper .modal-body .frame {
  width: 100%;
  height: 250px;
  overflow-y: auto;
  text-align: justify;
}
.modal .modal-wrapper .modal-container .frame .two-cols,
.modal .modal-wrapper .modal-header .frame .two-cols,
.modal .modal-wrapper .modal-body .frame .two-cols {
  box-sizing: border-box;
  padding: 0;
  font-size: 0.83em;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
}
.modal .modal-wrapper .modal-container .frame .two-cols ol,
.modal .modal-wrapper .modal-header .frame .two-cols ol,
.modal .modal-wrapper .modal-body .frame .two-cols ol {
  margin-bottom: 20px;
  padding-left: 20px;
}
.modal .modal-wrapper .modal-container .frame .two-cols ol li,
.modal .modal-wrapper .modal-header .frame .two-cols ol li,
.modal .modal-wrapper .modal-body .frame .two-cols ol li {
  list-style: decimal;
  padding-left: 5px;
  font-weight: bold;
}
.modal .modal-wrapper .modal-container .frame .two-cols ol li ol,
.modal .modal-wrapper .modal-header .frame .two-cols ol li ol,
.modal .modal-wrapper .modal-body .frame .two-cols ol li ol {
  padding-top: 10px;
}
.modal .modal-wrapper .modal-container .frame .two-cols ol li ol li,
.modal .modal-wrapper .modal-header .frame .two-cols ol li ol li,
.modal .modal-wrapper .modal-body .frame .two-cols ol li ol li {
  font-weight: normal;
  padding-bottom: 5px;
}
.modal .modal-wrapper .modal-container small,
.modal .modal-wrapper .modal-header small,
.modal .modal-wrapper .modal-body small {
  font-weight: normal;
  font-weight: 1em;
}
.modal .modal-wrapper .modal-container h2,
.modal .modal-wrapper .modal-header h2,
.modal .modal-wrapper .modal-body h2 {
  line-height: 0.9;
  margin: 0 0 9px 0;
}
.modal .modal-wrapper .modal-container p,
.modal .modal-wrapper .modal-header p,
.modal .modal-wrapper .modal-body p {
  line-height: 20px;
  padding-top: 5px;
  margin-top: 0;
}
.modal .modal-wrapper .modal-header h3 {
  padding-top: 0;
  padding-bottom: 30px;
  margin: 0;
}
.modal .modal-wrapper .modal-footer {
  width: 100%;
  font-size: 0.813em;
}
.modal .modal-wrapper .modal-footer p {
  padding-top: 0;
}
.modal .modal-wrapper .modal-footer .remove {
  font-size: 16px;
  font-weight: bold;
  color: #f33a3a;
}
.modal.modal-sm > .modal-wrapper {
  padding: 30px 60px;
}
.modal.modal-confirm > .modal-wrapper {
  padding: 25px;
  max-width: 360px;
}
.modal.modal-sml > .modal-wrapper {
  max-width: 600px;
  padding: 30px 45px;
}
.modal.modal-xg > .modal-wrapper {
  width: 100%;
  max-width: 1080px;
  padding: 40px 60px;
}
@media (max-width: 767px) {
  .modal.modal-xg > .modal-wrapper {
    padding: 20px 30px;
  }
}
.modal.modal-xg > .modal-wrapper.modal-size {
  padding: 20px 60px;
}
.modal.modal-xg > .modal-wrapper .modal-header h2 small {
  padding-top: 18px;
  font-size: 0.6em;
}
@media (max-width: 767px) {
  .modal.modal-xg > .modal-wrapper .modal-header h2 {
    font-size: 1em;
  }
}
.modal.modal-xxl > .modal-wrapper {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  padding: 45px 35px;
}
.modal.modal-xxl .modal-filters {
  display: flex;
}
.modal.modal-xxl .modal-filters > * {
  margin-right: 10px;
}
.modal.modal-xxl .table {
  font-size: 14px;
}
.modal.modal-xxl .table label {
  white-space: nowrap;
  display: flex;
  align-items: center;
}
.modal.modal-xxl .table label input {
  padding-top: 3px;
  padding-bottom: 3px;
  margin-left: 5px;
}
.modal.lg-gray > .modal-wrapper {
  padding: 25px;
  background: #f1f1f1;
  width: 100%;
  max-width: 1440px;
}
.modal.modal-lg > .modal-wrapper {
  width: 100%;
  max-width: 900px;
  padding: 45px 55px;
  margin-top: 5px;
}
@media (max-width: 767px) {
  .modal.modal-lg > .modal-wrapper {
    padding: 45px 25px;
  }
}
.modal.modal-lg > .modal-wrapper .modal-header h2 small {
  padding-top: 18px;
  font-size: 0.6em;
}
@media (max-width: 767px) {
  .modal.modal-lg > .modal-wrapper .modal-header h2 {
    font-size: 1em;
  }
}
.modal.modal-g > .modal-wrapper {
  width: 100%;
  max-width: 720px;
  padding: 45px 60px;
}
@media (max-width: 767px) {
  .modal.modal-g > .modal-wrapper {
    padding: 45px 25px;
  }
}
.modal.modal-g > .modal-wrapper .modal-header h2 small {
  padding-top: 18px;
  font-size: 0.6em;
}
@media (max-width: 767px) {
  .modal.modal-g > .modal-wrapper .modal-header h2 {
    font-size: 1em;
  }
}
.modal.modal-md > .modal-wrapper {
  width: 100%;
  max-width: 480px;
  padding: 40px 80px;
}
@media (max-width: 767px) {
  .modal.modal-md > .modal-wrapper {
    padding: 40px 25px;
  }
}
.modal.modal-md > .modal-wrapper .modal-header h2 small {
  padding-top: 18px;
  font-size: 0.6em;
}
.modal.modal-unset > .modal-wrapper {
  width: 580px;
  max-width: unset;
  padding: 25px;
  box-sizing: border-box;
}
.modal.modal-unset > .modal-wrapper span {
  margin: 0;
}
.modal.modal-full {
  padding: 0;
}
.modal.modal-full > .modal-wrapper {
  width: 100%;
  max-width: unset;
  padding: 25px;
  box-sizing: border-box;
}
.modal.modal-full > .modal-wrapper span {
  margin: 0;
}
.modal.modal-semifull {
  padding: 0;
}
.modal.modal-semifull > .modal-wrapper {
  width: 100%;
  max-width: unset;
  padding: 25px;
  box-sizing: border-box;
  margin: 25px !important;
}
.modal.modal-semifull > .modal-wrapper span {
  margin: 0;
}
.modal.modal-plans {
  padding: 0;
}
.modal.modal-plans > .modal-wrapper {
  width: 100%;
  max-width: 1300px;
  padding: 25px;
  box-sizing: border-box;
  margin: 25px !important;
}
.modal.modal-plans > .modal-wrapper span {
  margin: 0;
}
.modal.modal-green > .modal-wrapper {
  background: #3bae71;
  color: #fff;
}
.modal.modal-green > .modal-wrapper h1,
.modal.modal-green > .modal-wrapper h2,
.modal.modal-green > .modal-wrapper h3,
.modal.modal-green > .modal-wrapper h4,
.modal.modal-green > .modal-wrapper p {
  color: #fff;
}
.modal.modal-yellow > .modal-wrapper {
  background: #ffca0a;
  color: #fff;
}
.modal.modal-yellow > .modal-wrapper h1,
.modal.modal-yellow > .modal-wrapper h2,
.modal.modal-yellow > .modal-wrapper h3,
.modal.modal-yellow > .modal-wrapper h4,
.modal.modal-yellow > .modal-wrapper p {
  color: #fff;
}
.modal.modal-red > .modal-wrapper {
  background: #f33a3a;
  color: #fff;
}
.modal.modal-red > .modal-wrapper h1,
.modal.modal-red > .modal-wrapper h2,
.modal.modal-red > .modal-wrapper h3,
.modal.modal-red > .modal-wrapper h4,
.modal.modal-red > .modal-wrapper p {
  color: #fff;
}
.modal.modal-content-center > .modal-wrapper {
  text-align: center;
}
.modal.modal-content-center > .modal-wrapper h1,
.modal.modal-content-center > .modal-wrapper h2,
.modal.modal-content-center > .modal-wrapper h3,
.modal.modal-content-center > .modal-wrapper h4,
.modal.modal-content-center > .modal-wrapper p {
  text-align: center;
}
.modal .modal-line-menu {
  color: #707070;
  font-size: 0.75em;
  margin-bottom: 15px;
  padding-bottom: 10px;
}
.modal .modal-line-menu a {
  margin-right: 10px;
  font-weight: normal;
  display: inline-flex;
  align-items: center;
}
.modal .modal-line-menu a i {
  padding-right: 5px;
}
.modal .modal-line-menu a:last-child {
  margin-right: 0;
}
.modal .modal-card {
  flex: 0 0 100%;
  border-radius: 7px;
  padding: 15px 25px;
  border: 1px solid #d2d2d2;
  display: flex;
  align-content: center;
  align-items: center;
}
.modal .modal-card .modal-card-description {
  flex: 1 1 80%;
}
.modal .modal-card .modal-card-description > * {
  display: block;
}
.modal .modal-card .modal-card-description h4 {
  font-weight: bold;
}
.modal .modal-card.active {
  color: #fff;
  background: #fb6e52;
  border: none;
  margin-bottom: 10px;
  min-height: 60px;
  margin-top: 10px;
}
.modal .modal-card .modal-card-edit {
  flex: 0 0 30px;
  display: flex;
  justify-content: center;
  align-items: 0;
  align-content: 0;
}
.modal ul.modal-cards li {
  display: grid;
  grid-template-columns: 30px 1fr;
  color: #707070;
  margin-bottom: 15px;
}
.modal ul.modal-cards li > * {
  display: flex;
  align-content: center;
  align-items: center;
}
.modal.non-updated-ssu-style .modal-wrapper {
  max-width: 70%;
}

.modal.non-updated-ssu-style.client .modal-wrapper {
  max-width: 40%;
}

.modal.container-ssuv1 .modal-wrapper {
  max-width: 670px;
}

body.modal-open {
  overflow-y: hidden;
}

.jobs .jobs-header {
  display: flex;
  padding: 10px 0;
  justify-content: space-between;
  background: #fff;
  height: 50px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  width: 100%;
  flex: 0 0 100%;
}
.jobs .jobs-header .jobs-filters {
  display: flex;
  flex: 0 0 100%;
  padding: 0 10px;
}
.jobs .jobs-header .jobs-filters .graph-line {
  display: flex;
  flex: 0 0 100%;
}
.jobs .jobs-header .jobs-filters .button-group {
  flex: 0 0 33.3%;
}
.jobs .jobs-header .jobs-filters .button {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.83em;
  color: #ffffff;
}
.jobs .jobs-header .null {
  display: flex;
  flex: 0 0 33.3%;
}
.jobs .jobs-header .null.stats {
  flex: 0 0 45.3%;
}
.jobs .jobs-header .jobs-filter {
  flex: 1 1 10%;
  display: block;
  font-size: 0.83em;
  padding: 0 10px 0 0;
  max-width: 250px;
}
@media (max-width: 767px) {
  .jobs .jobs-header .jobs-filter {
    padding: 0;
  }
}
.jobs .jobs-header .jobs-filter label {
  display: block;
  width: 100%;
}
.jobs .jobs-header .jobs-filter .select,
.jobs .jobs-header .jobs-filter input {
  background-color: #fff;
  border-radius: 0;
  height: 36px;
  box-sizing: border-box;
  line-height: 36px;
  padding-top: 0px;
  padding-bottom: 0px;
}
.jobs .jobs-header .jobs-filter.disabled {
  position: relative;
}
.jobs .jobs-header .jobs-filter.disabled:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: rgba(255, 255, 255, 0.5);
}
.jobs .jobs-header .jobs-filter .button {
  margin-top: 0;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .jobs .jobs-header .jobs-filter-mobile {
    flex: 0 0 43%;
    margin-right: 11px;
  }
}
@media (max-width: 767px) {
  .jobs .jobs-header .jobs-filter-mobile-date {
    margin-right: 11px;
    flex: 0 0 25%;
  }
}
@media (max-width: 767px) {
  .jobs .jobs-header .jobs-filter-mobile-until {
    flex: 0 0 28%;
    margin-right: 11px;
  }
}
.jobs .orders-jobs {
  display: flex;
  justify-content: flex-start;
  padding: 10px 0 0;
  margin-top: 30px;
  align-items: flex-start;
  align-content: flex-start;
}
@media (max-width: 767px) {
  .jobs .orders-jobs {
    display: block;
  }
}
.jobs .orders-jobs .section-job {
  flex: 1 1 20%;
  margin-right: 10px;
  border-radius: 3px;
  padding: 5px 0 5px 5px;
}
@media (max-width: 767px) {
  .jobs .orders-jobs .section-job {
    margin-bottom: 15px;
  }
}
.jobs .orders-jobs .section-job:last-child {
  margin-right: 0;
}
.jobs .orders-jobs .section-job .section-job-header {
  padding: 10px 5px;
  margin-right: 5px;
}
.jobs .orders-jobs .section-job .section-job-header h2 {
  font-size: 1em;
}
.jobs .orders-jobs .section-job .section-job-header h2 a {
  color: #fb6e52;
  font-weight: normal;
  font-size: 0.83em;
  float: right;
}
.jobs .orders-jobs .section-job .section-job-header p {
  font-size: 0.83em;
  font-weight: normal;
}
.jobs .orders-jobs .section-job .section-job-body {
  height: 100%;
  overflow-y: auto;
  /*dt*/
}
.jobs .orders-jobs .section-job .section-job-body h4 {
  font-size: 0.83em;
  line-height: 1.5;
}
.jobs .orders-jobs .section-job .section-job-body dl {
  font-weight: normal;
  font-size: 0.75em;
}
.jobs .orders-jobs .section-job .section-job-body .ie7 dl {
  overflow: hidden;
}
.jobs .orders-jobs .section-job .section-job-body dt,
.jobs .orders-jobs .section-job .section-job-body dd {
  box-sizing: border-box;
  padding: 5px 0;
}
.jobs .orders-jobs .section-job .section-job-body dt {
  float: left;
  width: 35%;
  padding-bottom: 0;
}
.jobs .orders-jobs .section-job .section-job-body .ie7 dt {
  padding-bottom: 10px;
  clear: both;
}
.jobs .orders-jobs .section-job .section-job-body dd {
  font-weight: bold;
  margin-left: 35%;
}
.jobs .orders-jobs .section-job .section-job-body .ie7 dd {
  margin-left: 40%;
  overflow: hidden;
}
.jobs .orders-jobs .section-job .section-job-body dd:after {
  content: "";
  display: block;
  clear: both;
}
.jobs .orders-jobs .section-job .section-job-body .row2 + dd:after {
  content: none;
}
.jobs .orders-jobs .section-job .section-job-body p {
  font-size: 0.75em;
  line-height: 2;
}
.jobs .orders-jobs .section-job .section-job-body p:last-child {
  padding: 5px;
  font-size: 0.83em;
  text-align: right;
  display: flex;
  justify-content: flex-end;
}
.jobs .orders-jobs .section-job .section-job-body .job {
  background: #fff;
  padding: 5px;
  border-radius: 3px;
  margin-bottom: 5px;
  margin-right: 5px;
}

.jobs-controller {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  padding: 25px 15px 15px 15px;
  height: 100%;
}
.jobs-controller .jobs-section {
  flex: 20% 1 1;
  margin-right: 15px;
}
.jobs-controller .jobs-section:last-child {
  margin-right: 0;
}
.jobs-controller .jobs-section .jobs-section-header {
  background: #4c4c4c;
  border-radius: 3px;
  padding: 10px;
  box-sizing: border-box;
  margin-bottom: 5px;
}
.jobs-controller .jobs-section .jobs-section-header h2 {
  color: #fff;
  margin: 0;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  font-weight: normal;
}
.jobs-controller .jobs-section .jobs-section-header h2 small {
  display: block;
  color: #fff;
  padding-top: 5px;
  font-weight: normal;
}
.jobs-controller .jobs-section .job {
  position: relative;
  background: #fff;
  border-radius: 3px;
  box-sizing: border-box;
  padding: 10px;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 5px;
}
.jobs-controller .jobs-section .job p {
  color: #4c4c4c;
  flex: 0 0 100%;
  justify-content: center;
}
.jobs-controller .jobs-section .job .button.full {
  margin: 5px 0;
}
.jobs-controller .jobs-section .job .job-data {
  display: flex;
  flex: 0 0 100%;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
}
.jobs-controller .jobs-section .job .job-data a {
  color: #fb6e52;
  text-decoration: underline;
  font-size: 0.83em;
}
.jobs-controller .jobs-section .job .job-data .job-price {
  font-size: 0.83em;
  font-weight: bold;
}
.jobs-controller .jobs-section .job .job-bar {
  flex: 1 1 40%;
  height: 20px;
  border-radius: 3px;
  overflow: hidden;
  background: #4c4c4c;
  position: relative;
  margin: 5px 0;
}
.jobs-controller .jobs-section .job .job-bar .job-bar-percent {
  background: #3bae71;
  height: 100%;
  display: block;
}
.jobs-controller .jobs-section .job .job-bar .job-bar-reverse {
  background: #f33a3a;
  height: 100%;
  display: block;
  float: right;
}
.jobs-controller .jobs-section .job .job-bar .job-bar-percent-label {
  position: absolute;
  left: 5px;
  top: 0;
  height: 20px;
  line-height: 20px;
  display: block;
  color: #fff;
  font-size: 0.75em;
  font-weight: bold;
}
.jobs-controller .jobs-section .job .job-action {
  top: 100%;
  background: #fff;
  width: calc(100% + 20px);
  display: block;
  position: relative;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  padding: 0 10px;
  margin: 0 -10px;
  z-index: 10;
  transition: 0.3s all;
  overflow: hidden;
  height: 0px;
  border-top: 0px solid rgba(255, 255, 255, 0);
}
.jobs-controller .jobs-section .job .job-action.show {
  border-top: 2px solid #3bae71;
  padding: 20px 10px;
  margin: 5px -10px -10px -10px;
  min-height: 50px;
  height: auto;
  overflow: auto;
}
.jobs-controller .jobs-section .job .job-action .close {
  position: absolute;
  top: 5px;
  right: 5px;
  color: #c3c3c3;
  font-size: 0.75em;
  padding: 3px;
}
.jobs-controller .jobs-section .job .job-action span {
  display: block;
}
.jobs-controller .job-table {
  margin-top: 20px;
  font-size: 16px;
  width: 100%;
  box-sizing: border-box;
}
.jobs-controller .job-table thead tr {
  border-bottom: 2px solid rgba(50, 50, 50, 0.05);
}
.jobs-controller .job-table thead tr th {
  white-space: nowrap;
  padding: 10px 5px 5px 10px;
  font-size: 0.75em;
  color: #a8a8a8;
  text-align: left;
}
.jobs-controller .job-table thead tr th:first-child {
  padding-left: 20px;
}
.jobs-controller .job-table tbody tr td {
  padding: 10px 5px 10px 10px;
  font-size: 1em;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  font-size: 0.83em;
  position: relative;
}
.jobs-controller .job-table tbody tr td:first-child {
  padding-left: 20px;
}
.jobs-controller .job-table tbody tr td .history-link .history-view {
  position: absolute;
  width: 90%;
  background: #ccc;
  border: 1px solid rgba(0, 0, 0, 0.05);
  display: none;
  left: 10px;
  padding: 10px;
  z-index: 999;
}
.jobs-controller .job-table tbody tr td .history-link:hover .history-view {
  display: block;
}
.jobs-controller .job-table tbody tr td label {
  display: block;
}
.jobs-controller .job-table tbody tr td input,
.jobs-controller .job-table tbody tr td select {
  width: auto;
  display: inline-block;
}
.jobs-controller .job-table tbody tr td select {
  padding-right: 25px;
}

.topics {
  font-size: 0.813em;
}
.topics li {
  padding: 0 0 25px 0;
  vertical-align: top;
  line-height: 1.425em;
}
.topics li:before {
  display: none;
  margin-bottom: 0px;
}
.topics li:last-child {
  padding: 0;
}
.topics li.title {
  font-weight: bold;
}
.topics li.title:before {
  height: 1px;
  width: 25px;
  background-color: #fb6e52;
  color: #4c4c4c;
  display: block;
  margin-bottom: 25px;
  content: "";
}
.topics li ul {
  padding: 25px 0 0 0;
  font-weight: normal;
}

.return .row {
  width: 100%;
  display: flex;
  justify-content: center;
}
.return .row .button {
  margin: 20px 10px;
}

.calendar {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  align-content: flex-end;
}
.calendar > *:first-child {
  flex: 1 1 30%;
}

.deg90 {
  transition: 0.3s all;
  display: inline-flex;
  width: 15px;
  height: 15px;
  justify-content: center;
  align-items: center;
  transform: rotate(90deg);
}

.calendar-control {
  display: flex;
  border-radius: 3px;
  font-size: 1.2em;
  justify-content: center;
  text-align: center;
}
.calendar-control > * {
  background: #fff;
  height: 33px;
  display: block;
  line-height: 33px;
  padding: 0 5px;
  margin: 0 !important;
  border-top: 1px solid #d2d2d2;
  border-bottom: 1px solid #d2d2d2;
}
.calendar-control > *:first-child {
  border-radius: 3px 0 0 3px;
  border-left: 1px solid #d2d2d2;
}
.calendar-control > *:last-child {
  border-radius: 0 3px 3px 0;
  border-right: 1px solid #d2d2d2;
}
.calendar-control a {
  background: #fff;
  color: #4c4c4c;
  transition: 0.3s all;
  margin: 0;
  display: flex;
  align-content: center;
  align-items: center;
}
.calendar-control a:hover {
  background: #ccc;
}
.calendar-control a.disabled {
  color: #ccc;
  cursor: not-allowed;
}
.calendar-control a.disabled:hover {
  background: #f2f2f2;
}
.calendar-control .month-year {
  width: 140px;
  display: flex;
  justify-content: center;
}
@media (max-width: 767px) {
  .calendar-control .month-year {
    width: 73px;
  }
}
.calendar-control .month-year strong:first-child {
  margin-right: 5px !important;
}

.payment-methods {
  width: 100%;
  text-align: center;
}
.payment-methods .payment {
  display: inline-block;
  margin: 2px 2px 0 0;
  padding: 0;
  width: 45px;
  height: 30px;
  background-color: #f3f3f3;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75), inset 0 -1px 3px rgba(0, 0, 0, 0.3);
  border-radius: 3px;
}

.payment {
  background-size: cover;
  width: 300px;
  height: 200px;
}
.payment.credit-card.visa {
  background-image: url("../images/payment/visa.png");
}
.payment.credit-card.mastercard {
  background-image: url("../images/payment/mastercard.png");
}
.payment.credit-card.dinersclub {
  background-image: url("../images/payment/diners.png");
}
.payment.credit-card.hipercard {
  background-image: url("../images/payment/hipercard.png");
}
.payment.boleto {
  background-image: url("../images/payment/boleto.png");
}
.payment.debito-itau {
  background-image: url("../images/payment/debito-itau.png");
}

.payment-method {
  margin: 20px 0;
}

.method-credit-card {
  display: flex;
  flex: 1 1 100%;
  display: flex;
}
.method-credit-card .form form {
  margin-top: 0;
  max-width: 700px;
}
@media (max-width: 767px) {
  .method-credit-card .form form {
    max-width: 100%;
  }
}

.button-pay {
  font-size: 1.2em;
}

.credit-card-container {
  position: relative;
  margin: 10px 15px 10px 0;
  height: 246px;
  width: 388px;
  z-index: 1;
  perspective: 1200;
  -webkit-perspective: 1200;
}
@media (max-width: 767px) {
  .credit-card-container {
    display: none;
  }
}

.credit-card {
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transition: all 0.75s linear;
  margin-left: 15px;
}
.credit-card.back {
  transform: rotateY(180deg);
}

.credit-card-side {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  background: #313131 url(../images/bg-cc.png) repeat-x;
  border-radius: 10px;
  box-sizing: border-box;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
  overflow: hidden;
}
.credit-card-side:after {
  content: "";
  background: rgba(255, 255, 255, 0.05);
  transform: skew(20deg);
  top: 0;
  left: 280px;
  width: 300px;
  height: 246px;
  position: absolute;
}
.credit-card-side.front .logo-head {
  position: absolute;
  top: 20px;
  right: 50%;
  margin-right: -29px;
  width: 58px;
  height: 66px;
  background: url(../images/head.svg) no-repeat;
  opacity: 0.95;
}
.credit-card-side.front .chip {
  position: absolute;
  top: 80px;
  display: block;
  width: 51px;
  height: 47px;
  background: url(../images/chip.png) no-repeat;
  background-size: contain;
}
.credit-card-side.front h2,
.credit-card-side.front h3 {
  color: rgba(224, 224, 224, 0.75);
  text-transform: uppercase;
  text-shadow: 0 4px 3px rgba(0, 0, 0, 0.5), 1px 1px 1px rgba(255, 255, 255, 0.4), -1px 1px 1px rgba(224, 224, 224, 0.3), 0 -1px 0 white, 0 1px 0 rgba(0, 0, 0, 0.9), -1px 0 0 rgba(190, 190, 190, 0.6), 1px 0 0 rgba(150, 150, 150, 0.4);
  font-weight: normal;
  font-size: 1.52em;
  letter-spacing: 2px;
}
.credit-card-side.front h3 {
  font-size: 1em;
  padding-top: 0;
}
.credit-card-side.front .number {
  position: absolute;
  top: 135px;
}
.credit-card-side.front .valid {
  position: absolute;
  top: 165px;
}
.credit-card-side.front .name {
  position: absolute;
  top: 200px;
}
.credit-card-side.front .flag {
  position: absolute;
  right: 15px;
  bottom: 15px;
  width: 124px;
  height: 65px;
  background-image: url(../images/cc-logos.png);
  transform: scale(0.8, 0.8);
}
.credit-card-side.front .flag.visa {
  background-position: 0px 0px;
}
.credit-card-side.front .flag.mastercard {
  background-position: 0px -65px;
}
.credit-card-side.front .flag.amex {
  background-position: 0px -130px;
}
.credit-card-side.front .flag.elo {
  background-position: 0px -195px;
}
.credit-card-side.front .flag.hipercard {
  background-position: 0px -260px;
}
.credit-card-side.front .flag.diners {
  background-position: -124px 0px;
}
.credit-card-side.front .flag.discover {
  background-position: -124px -65px;
}
.credit-card-side.front .flag.aura {
  background-position: -124px -130px;
}
.credit-card-side.front .flag.jcb {
  background-position: -124px -195px;
}
.credit-card-side.back {
  display: block;
  transform: rotateY(180deg);
  box-sizing: border-box;
  color: white;
  text-align: center;
}
.credit-card-side.back .stripe {
  margin-top: 20px;
  height: 60px;
  width: 100%;
  background: black;
  box-shadow: inset 0 -3px 3px rgba(30, 30, 30, 0.55), inset 0 3px 3px rgba(30, 30, 30, 0.55);
}
.credit-card-side.back .code {
  position: absolute;
  width: 40px;
  height: 15px;
  top: 85px;
  right: 30px;
  background: #fff;
  color: #000;
  padding: 5px 5px 8px 5px;
  font-size: 0.83em;
}
.credit-card-side.back .code:after {
  position: absolute;
  content: "CCV";
  font-size: 0.65em;
  bottom: 1px;
  right: 2px;
}

.credit-card-content {
  padding: 15px 15px;
  box-sizing: border-box;
  height: 100%;
  width: 100%;
}

.success-message .message,
.waiting-message .message {
  color: #4c4c4c;
  font-size: 1.2em;
  font-weight: normal;
}
.success-message .payment-processing,
.success-message .payment-successfully,
.waiting-message .payment-processing,
.waiting-message .payment-successfully {
  display: flex;
  padding: 15px 0;
}
.success-message .payment-processing span,
.success-message .payment-successfully span,
.waiting-message .payment-processing span,
.waiting-message .payment-successfully span {
  border-radius: 3px;
  height: 20px;
}
.success-message .payment-processing span:nth-child(1),
.success-message .payment-successfully span:nth-child(1),
.waiting-message .payment-processing span:nth-child(1),
.waiting-message .payment-successfully span:nth-child(1) {
  background: rgba(0, 0, 0, 0.1);
  flex: 1 1 75%;
}
.success-message .payment-processing span:nth-child(2),
.success-message .payment-successfully span:nth-child(2),
.waiting-message .payment-processing span:nth-child(2),
.waiting-message .payment-successfully span:nth-child(2) {
  background: rgba(82, 106, 251, 0.5);
  margin: 0 5px;
  flex: 0 0 15%;
}
.success-message .payment-processing span:nth-child(3),
.success-message .payment-successfully span:nth-child(3),
.waiting-message .payment-processing span:nth-child(3),
.waiting-message .payment-successfully span:nth-child(3) {
  background: rgba(0, 0, 0, 0.1);
  flex: 0 0 10%;
}
.success-message .payment-successfully span:nth-child(2),
.waiting-message .payment-successfully span:nth-child(2) {
  background: rgba(59, 174, 113, 0.5);
}
.success-message h4,
.waiting-message h4 {
  color: #9a9a9a;
  font-size: 1em;
  font-weight: normal;
}

.errors-message {
  display: flex;
  background: #f33a3a;
  padding: 15px;
  border-radius: 5px;
  align-items: center;
}
.errors-message i.error-icon {
  font-size: 2em;
  width: 30px;
  display: flex;
  color: rgba(255, 255, 255, 0.75);
}
.errors-message .error-list {
  flex: 1 1 100%;
  display: flex;
  color: #fff;
  padding-left: 15px;
  font-size: 1.2em;
  align-items: center;
  align-content: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.errors-message .error-list span {
  list-style: circle;
  display: block;
  flex: 0 0 100%;
  padding: 2px 0;
}
.errors-message .error-list span .dot {
  font-size: 0.75em;
  margin-left: 5px;
  display: inline-block;
}

.total {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}
.total .item {
  flex: 0 0 120px;
  text-align: center;
  box-sizing: border-box;
  text-align: center;
  font-weight: bold;
  padding-bottom: 5px;
  padding-left: 2px;
}
.total .item label {
  padding: 9px 12px;
  font-size: 0.688em;
  font-weight: 700;
  text-transform: uppercase;
  background: #fafafa;
  font-weight: normal;
  color: #b2b2b2;
  display: block;
  margin-bottom: 5px;
}

.error {
  width: 100%;
}
.error.not-found {
  width: 100%;
  display: block;
}
.error .container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.error .container h1 {
  font-size: 6em;
  padding: 0.5em 0;
  color: #d3d3d3;
  text-shadow: 0 -1px 0 #fff, 0 1px 1px #9a9a9a;
}
.error .container span {
  font-size: 15px;
  font-weight: normal;
  position: absolute;
  margin-top: -5px;
}
.error .container .row {
  width: 100%;
  display: flex;
  justify-content: center;
}
.error .container .row .button {
  margin: 20px 10px;
}

.home {
  padding-bottom: 30px;
  height: 100%;
  min-height: calc(100vh - 290px);
  box-sizing: border-box;
  padding: 0 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 100%;
  display: flex;
  justify-content: center;
  text-align: center;
}
@media (max-width: 767px) {
  .home {
    min-height: calc(100vh - 72px);
  }
}
.home .cd-intro {
  display: block;
  padding: 10px 0 30px 0;
  width: 90%;
  max-width: 768px;
  text-align: center;
}
.home .cd-intro .cd-headline {
  font-size: 2em;
  line-height: 1.2;
  margin-bottom: 20px;
  display: flex;
  justify-content: flex-start;
}
.home .cd-intro.home-title .cd-headline {
  font-size: 3em;
  justify-content: center;
}
.home .cd-intro.home-title .cd-headline.fs-2 {
  font-size: 2.2em;
}
@media (max-width: 767px) {
  .home .cd-intro.home-title .cd-headline {
    display: flex;
    justify-content: center;
    font-size: 2em;
    flex-flow: column;
  }
  .home .cd-intro.home-title .cd-headline.fs-2 {
    font-size: 2.2em;
  }
}
.home .select {
  display: flex;
  align-items: center;
  margin-top: 40px;
  justify-content: center;
}
@media only screen and (max-width: 768px) {
  .home .select {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
  }
}
@media only screen and (max-width: 768px) {
  .home .select .options {
    display: flex;
    justify-content: center;
    /* align-items: center; */
    flex-wrap: wrap;
    /* margin-right: 10px; */
  }
}
.home .select p {
  font-size: 27px;
  margin-right: 17px;
}
.home .select a {
  padding: 10px;
  margin-right: 16px;
  height: 45px;
  width: 45px;
  transition: 0.2s all;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  border-radius: 6px;
  align-items: center;
  display: flex;
  flex-flow: column;
  background: #e2e2e2;
}
@media only screen and (max-width: 768px) {
  .home .select a {
    margin-top: 20px;
    margin-right: 20px;
    margin-left: 10px;
  }
}
.home .select a a:last-child {
  margin-right: 0;
}
.home .select a:hover {
  color: #fff;
  background: #fb6e52;
  border-radius: 6px;
}
.home .select a i {
  font-size: 25px;
}
.home .select .midia {
  margin-top: 0;
}
.home .select span {
  font-size: 13px;
  display: flex;
  margin-top: 11px;
}
.home .select span:nth-child(3) {
  margin-top: 0px;
}
.home .cd-words-wrapper {
  display: inline-block;
  position: relative;
  text-align: left;
  color: #7a7a7a;
}
@media (max-width: 767px) {
  .home .cd-words-wrapper {
    display: block;
    margin: 0 auto;
  }
}
.home .cd-words-wrapper b {
  display: inline-block;
  position: absolute;
  white-space: nowrap;
  left: 0;
  top: 0;
  font-weight: bold;
  color: #4c4c4c;
}
.home .cd-words-wrapper b.is-visible {
  position: relative;
}
.home .no-js .cd-words-wrapper b {
  opacity: 0;
}
.home .no-js .cd-words-wrapper b.is-visible {
  opacity: 1;
}
.home .cd-headline.clip span {
  display: inline-block;
  padding: 0.2em 0;
  margin-right: 11px;
}
@media only screen and (max-width: 768px) {
  .home .cd-headline.clip span:first-child {
    text-align: center;
  }
}
.home .cd-headline.clip .cd-words-wrapper {
  overflow: hidden;
  vertical-align: top;
}
@media only screen and (max-width: 768px) {
  .home .cd-headline.clip .cd-words-wrapper {
    margin-right: auto;
  }
}
.home .cd-headline.clip .cd-words-wrapper:after {
  /* line */
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 2px;
  height: 100%;
  background-color: #fb6e52;
}
.home .cd-headline.clip b {
  opacity: 0;
}
.home .cd-headline.clip b.is-visible {
  opacity: 1;
}
.home .home-search {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  height: 370px;
  box-sizing: border-box;
  max-width: 960px;
  transition: height 0.3s;
  display: flex;
  align-items: center;
  flex-flow: column;
}
.home .home-search.alone {
  height: auto;
}
@media (max-width: 767px) {
  .home .home-search.alone {
    padding-top: 0px;
  }
}
.home .home-search .home-search-inputs {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  align-content: center;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  box-shadow: inset 0 0 0 1px #ededed;
  background: #fff;
  border-radius: 4px;
  padding: 5px;
}
@media only screen and (max-width: 768px) {
  .home .home-search .home-search-inputs {
    display: flex;
    justify-content: center;
    width: 100%;
    /* align-items: center; */
    /* margin-right: 10px; */
  }
}
.home .home-search .home-search-inputs p {
  font-size: 27px;
  margin-right: 12px;
}
.home .home-search .search-input {
  width: 100%;
}
.home .home-search .home-search-optional {
  width: 100%;
  display: flex;
  justify-content: center;
}
.home .home-search .home-search-input {
  width: 100%;
  height: 61px;
  font-size: 1.2em;
  border-radius: 4px;
  margin: 0 10px 0 0;
  padding: 0 20px;
  box-sizing: border-box;
  box-shadow: none;
}
@media (max-width: 767px) {
  .home .home-search .home-search-input {
    height: 50px;
    font-size: 1em;
    padding: 0 1px;
  }
}
.home .home-search .home-search-input::-webkit-input-placeholder {
  /* Firefox 18- */
  font-size: 0.83em;
  color: #9a9a9a;
  font-style: italic;
}
.home .home-search .home-search-input::-moz-placeholder {
  font-size: 0.83em;
  color: #9a9a9a;
  font-style: italic;
}
.home .home-search .home-search-input:-ms-input-placeholder {
  font-size: 0.83em;
  color: #9a9a9a;
  font-style: italic;
}
.home .home-search .home-search-input:-moz-placeholder {
  font-size: 0.83em;
  color: #9a9a9a;
  font-style: italic;
}
.home .home-search .home-search-button {
  border-radius: 4px;
  margin: 0 0 0 10px;
  padding: 21px 30px 21px 50px;
  font-size: 1.2em;
  display: flex;
  position: relative;
  border: none;
}
@media (max-width: 767px) {
  .home .home-search .home-search-button {
    height: 50px;
    padding: 11px 28px;
  }
}
.home .home-search .home-search-button span {
  color: #fff;
}
.home .home-search .home-search-button i {
  font-size: 1em;
  line-height: 1em;
  padding: 3px 10px;
  position: absolute;
  left: 10px;
  opacity: 0.15;
}
@media (max-width: 767px) {
  .home .home-search .home-search-button i {
    top: 15px;
  }
}
@media (max-width: 767px) {
  .home .home-search .home-search-button span {
    display: none;
    color: #fff !important;
  }
}
.home .home-mediatypes-icons-mobile {
  justify-content: space-between;
  position: relative;
  display: none;
  flex-direction: column;
}
@media (max-width: 767px) {
  .home .home-mediatypes-icons-mobile {
    display: flex;
  }
}
.home .home-mediatypes-icons-mobile .home-icon {
  height: 40px;
  line-height: 40px;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 1px 0 0 #d2d2d2;
  transition: 0.3s all;
  margin: 0 10px 10px 10px;
  position: relative;
  z-index: 3;
  border-radius: 20px;
  display: flex;
  align-items: center;
  align-content: center;
}
.home .home-mediatypes-icons-mobile .home-icon i {
  margin: 0 10px;
  font-size: 1.5em;
}
.home .home-mediatypes-icons {
  display: flex;
  justify-content: center;
  align-content: flex-end;
  position: relative;
}
@media (max-width: 767px) {
  .home .home-mediatypes-icons {
    display: none;
  }
}
.home .home-mediatypes-icons .home-icon {
  color: #fb6e52;
  width: 50px;
  height: 50px;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 5px;
  box-shadow: 0 1px 0 0 #d2d2d2;
  transition: 0.3s color, 0.3s background, 0.3s border-color;
  border-bottom-color: #fb6e52;
  margin-bottom: 10px;
  position: relative;
  z-index: 3;
}
.home .home-mediatypes-icons .home-icon:before, .home .home-mediatypes-icons .home-icon:after {
  transition: all 0.3s;
  z-index: 0;
  position: absolute;
  bottom: -40px;
  width: 40px;
  height: 40px;
  content: " ";
  opacity: 0;
  z-index: -1;
}
.home .home-mediatypes-icons .home-icon:before {
  left: 0;
  margin-left: -40px;
  border-bottom-right-radius: 20px;
  border-width: 0 1px 1px 0 #d2d2d2;
  box-shadow: inset 0px -1px 0 #d2d2d2, 1px 13px 0 0 #fdfdfd;
}
.home .home-mediatypes-icons .home-icon:after {
  right: 0;
  margin-right: -40px;
  border-bottom-left-radius: 20px;
  border-width: 0 0 1px 1px #d2d2d2;
  box-shadow: inset 0px -1px 0 #d2d2d2, -1px 13px 0 0 #fdfdfd;
}
.home .home-mediatypes-icons .home-icon i {
  font-size: 2em;
}
.home .home-mediatypes-icons .home-icon:hover {
  color: #fff;
  cursor: pointer;
  background: #fb6e52;
}
.home .home-mediatypes-icons .home-icon:hover .tooltip-msg {
  z-index: 5;
  opacity: 1;
  margin-bottom: 6px;
  transition: 0.5s all;
}
.home .home-mediatypes-icons .home-icon.active {
  border-radius: 25px 25px 0 0;
  background: #fdfdfd;
  border-bottom: 10px solid #fdfdfd;
  box-shadow: inset 0 1px 0 0 #d2d2d2;
  margin-bottom: 0;
  z-index: 1;
}
.home .home-mediatypes-icons .home-icon.active:hover {
  color: #fb6e52;
  background: rgba(255, 255, 255, 0.9);
  cursor: default;
}
.home .home-mediatypes-icons .home-icon.active:before, .home .home-mediatypes-icons .home-icon.active:after {
  z-index: 0;
  bottom: -10px;
  opacity: 1;
}
.home .home-mediatypes-icons .home-icon .tooltip-msg {
  box-sizing: border-box;
  width: auto;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  opacity: 0;
  z-index: -10;
  background: #4c4c4c;
  border-radius: 3px;
  padding: 0;
  transition: all 0.5;
  bottom: 100%;
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
  left: 0;
  right: 0;
}
.home .home-mediatypes-icons .home-icon .tooltip-msg span {
  display: block;
  background: #4c4c4c;
  padding: 10px;
  color: #fff;
  border-radius: 3px;
}
.home .home-mediatypes-icons .home-icon .tooltip-msg:after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(76, 76, 76, 0);
  border-top-color: #4c4c4c;
  border-width: 10px;
  margin-left: -10px;
}
.home .home-mediatypes-descriptions {
  position: relative;
  z-index: 0;
  display: block;
  height: 0;
  width: 100%;
  box-sizing: border-box;
  box-shadow: 0 -1px 0 0 #d2d2d2;
  background: rgba(255, 255, 255, 0.9);
  overflow: hidden;
  transition: all 0.3s;
}
.home .home-mediatypes-descriptions.active {
  padding: 20px 50px;
  height: auto;
  overflow: auto;
}
@media (max-width: 767px) {
  .home .home-mediatypes-descriptions.active {
    height: auto;
  }
}
.home .home-mediatype {
  max-width: 1360px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .home .home-mediatype {
    flex-direction: column;
  }
}
.home .home-mediatype .description {
  display: flex;
  flex-direction: column;
  align-content: space-around;
  justify-content: space-between;
  padding: 0 15px 0 0;
}
.home .home-mediatype .description h2 {
  color: #fb6e52;
  text-shadow: 0 1px 1px #d2d2d2;
  font-size: 1.5em;
  line-height: 1.7em;
  margin: 0;
}
.home .home-mediatype .description h3 {
  text-transform: uppercase;
  font-weight: border;
  font-size: 1em;
  padding: 12px 0 3px 0;
}
.home .home-mediatype .description ul {
  padding: 0 0 0 20px;
}
.home .home-mediatype .description ul li {
  color: #929292;
  font-size: 1em;
  padding: 0 0 5px 0;
  line-height: 1.5;
  list-style: circle;
}
.home .home-mediatype .description-actions .button {
  margin-bottom: 0;
}
.home .close-info {
  position: absolute;
  top: 10px;
  right: 10px;
  height: 30px;
  width: 30px;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  font-size: 2em;
  border: 1px solid #d2d2d2;
  border-radius: 50%;
  background: #fff;
  transition: 0.3s all;
}
.home .close-info:hover {
  border-color: #fb6e52;
  background: #fb6e52;
  color: #fff;
}
.home .spotslight {
  position: relative;
  width: 100%;
  max-width: 400px;
  padding: 0 20px;
  display: flex;
  height: 100%;
  max-height: 400px;
}
.home .spotslight:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fdfdfd;
  content: "";
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  opacity: 0;
  z-index: -1;
  transition: 0.3s all;
}
.home .spotslight.preloading:before {
  opacity: 1;
  z-index: 100;
}
.home .spotslight .prev-spot,
.home .spotslight .next-spot {
  position: absolute;
  z-index: 10;
  top: 100px;
  display: flex;
  width: 30px;
  height: 30px;
  background: #fff;
  border: 1px solid #d2d2d2;
  border-radius: 25px;
}
.home .spotslight .prev-spot i,
.home .spotslight .next-spot i {
  font-size: 2em;
}
.home .spotslight .prev-spot:hover,
.home .spotslight .next-spot:hover {
  border-color: #fb6e52;
  background: #fb6e52;
  color: #fff;
}
.home .spotslight .prev-spot {
  left: 15px;
}
.home .spotslight .next-spot {
  right: 15px;
}
.home .spotslight .spots {
  height: 100%;
  opacity: 1;
  transition: 0.3s all;
}
.home .spotslight .spots .itemcard {
  flex: 0 0 99%;
}
.home .big-homecards {
  display: flex;
  /* flex-flow: column; */
  justify-content: center;
}
@media only screen and (max-width: 768px) {
  .home .big-homecards {
    display: flex;
    flex-flow: wrap;
    box-shadow: 0px -1px 0 0 #bbb;
    width: 120%;
    margin-top: 20px;
  }
}
.home .big-homecards .big-homecard {
  flex: 0 0 240px;
  margin-right: 20px;
  background: #e2e2e2;
  color: #4c4c4c;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  overflow: hidden;
  padding: 0 0;
  border-radius: 5px;
  margin: 10px 15px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  transition: 0.3s all;
  height: 45px;
}
.home .big-homecards .big-homecard:hover {
  color: #fff;
  background: #fb6e52;
}
.home .big-homecards .big-homecard.cdm-card i {
  color: #5878A7;
  transition: 0.3s all;
}
.home .big-homecards .big-homecard.cdm-card:hover i {
  color: #fff;
}
.home .big-homecards .big-homecard.cda-card i {
  color: #fb6e52;
  transition: 0.3s all;
  margin-right: 7px;
}
.home .big-homecards .big-homecard.cda-card:hover i {
  color: #fff;
}
.home .big-homecards .big-homecard i {
  font-size: 2.2em;
  color: rgba(0, 0, 0, 0.3);
  text-shadow: none;
}
.home .big-homecards .big-homecard h3 {
  text-align: center;
  padding: 10px 0 10px 10px;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
}

.media-type span span img {
  height: 32px;
  display: block;
  margin: 0 auto 10px;
}

.new-home hr {
  border: none;
  width: 100%;
  max-width: 900px;
  height: 0;
  border-top: 1px solid #b2b2b2;
  display: block;
  margin: 0 auto;
  padding: 0;
}
@media screen and (max-width: 768px) {
  .new-home hr {
    margin: 15px auto;
  }
}
.new-home .button {
  margin-right: 0;
  margin-left: 0;
  min-width: 240px;
}
.new-home .slides {
  min-height: calc(100vh - 220px);
  padding: 0 50px;
  box-sizing: border-box;
  position: relative;
  max-width: 1366px;
  margin: 0 auto;
  overflow: hidden;
}
.new-home .slides .hero {
  min-height: calc(100vh - 220px);
  height: 100%;
}
.new-home .hero {
  min-height: calc(100vh - 60px);
  padding: 0 50px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-content: center;
  align-items: center;
  max-width: 1366px;
  margin: 0 auto;
}
.new-home .hero.slide {
  width: 100%;
  transition: 0.5s all;
  opacity: 0;
  z-index: 0;
  position: absolute;
  left: 200px;
  top: 0;
  height: 100%;
}
.new-home .hero.slide.active {
  opacity: 1;
  z-index: 1;
  left: 0;
}
@media screen and (max-width: 768px) {
  .new-home .hero {
    flex-flow: column;
    min-height: auto;
  }
}
.new-home .hero .buttons {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
@media screen and (max-width: 768px) {
  .new-home .hero .buttons {
    flex-direction: column;
    align-items: center;
  }
}
.new-home .hero .buttons .button {
  margin-right: 10px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .new-home .hero .buttons .button {
    margin: 5px 0;
  }
}
.new-home .hero .hero-description {
  flex: 0 1 40%;
  padding: 15px 0 15px 30px;
}
@media screen and (max-width: 768px) {
  .new-home .hero .hero-description {
    padding: 30px;
  }
}
.new-home .hero .hero-description h1 {
  font-size: 3.5em;
  color: #4c4c4c;
  font-weight: bold;
  padding: 10px 10px 30px 10px;
  line-height: 1.2em;
  font-size: 2.25em;
}
.new-home .hero .hero-description p:not(.small) {
  font-size: 1.1em;
  color: #8F8F8F;
  line-height: 1.2em;
}
.new-home .hero .hero-image {
  flex: 0 1 60%;
  background: url("https://lion-web-site.s3.amazonaws.com/public/advertise-anywhere.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left center;
  height: calc(100vh - 120px);
}
@media screen and (max-width: 768px) {
  .new-home .hero .hero-image {
    min-width: 100%;
    min-height: 200px;
    background-position: center center;
    height: auto;
  }
}
.new-home .hero .hero-image.pdv-1 {
  background-image: url("https://lion-web-site.s3.amazonaws.com/public/pdv-1.svg");
  background-size: 80%;
  background-position: center;
}
.new-home .hero .hero-image.pdv-2 {
  background-image: url("https://lion-web-site.s3.amazonaws.com/public/pdv-2.svg");
  background-size: 80%;
  background-position: center;
}
.new-home .hero .hero-image.pdv-3 {
  background-image: url("https://lion-web-site.s3.amazonaws.com/public/pdv-3.svg");
  background-size: 80%;
  background-position: center;
}
.new-home .hero .hero-image.no-image {
  background: 0 0;
  position: absolute;
  right: 0;
  overflow: hidden;
  height: 100vh;
  display: block;
  top: 0;
  width: 50vw;
}
.new-home .hero .hero-image-half-round {
  border-radius: 50%;
  width: 50vw;
  height: 50vw;
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center right;
  position: absolute;
  right: -7.5vw;
  bottom: -7.5vw;
  box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.3);
}
.new-home .slide-nav {
  margin-top: -50px;
  margin-bottom: 50px;
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 10;
}
.new-home .slide-nav .badge {
  background: #fff;
  height: 18px;
  box-shadow: inset 0 0 0 1px #707070;
  cursor: pointer;
}
.new-home .slide-nav .badge.current {
  background: #fb6e52;
  box-shadow: none;
}
.new-home .structure {
  padding: 90px 30px 75px 30px;
}
.new-home .structure h2 {
  color: #4c4c4c;
  font-size: 1em;
  text-transform: uppercase;
  text-align: center;
  font-weight: normal;
  max-width: 900px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  font-size: 1.875em;
}
.new-home .structure h2 span {
  position: relative;
  z-index: 1;
  padding: 0 10px;
  font-weight: bold;
}
.new-home .structure p {
  padding: 10px 0 30px;
  color: #8F8F8F;
  font-size: 1em;
  line-height: 1.3em;
  text-align: center;
}
.new-home .structure .structure-items {
  max-width: 900px;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .new-home .structure .structure-items {
    flex-direction: column;
  }
}
.new-home .structure .structure-items .structure-item {
  padding: 5px 40px;
  color: #4c4c4c;
  border-right: 1px solid rgba(178, 178, 178, 0.5);
  flex: 0 0 25%;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .new-home .structure .structure-items .structure-item {
    border-right: none;
  }
}
.new-home .structure .structure-items .structure-item:last-child {
  border-right: 0;
}
.new-home .structure .structure-items .structure-item img {
  height: 64px;
}
.new-home .structure .structure-items .structure-item h2 {
  font-size: 2.2em;
  font-weight: bold;
  padding-bottom: 15px;
}
.new-home .structure .structure-items .structure-item h2 small {
  color: #4c4c4c;
  font-size: 0.4em;
}
.new-home .structure .structure-items .structure-item p {
  font-size: 16px;
  padding-bottom: 5px;
}
.new-home .structure-v2 {
  padding: 45px 30px 45px;
}
.new-home .structure-v2 h2 {
  color: #4c4c4c;
  font-size: 1em;
  text-transform: uppercase;
  text-align: center;
  font-weight: normal;
  max-width: 900px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  font-size: 1.275em;
}
.new-home .structure-v2 h2 span {
  position: relative;
  z-index: 1;
  padding: 0 10px;
  font-weight: bold;
}
.new-home .structure-v2 p {
  padding: 10px 0 30px;
  color: #8F8F8F;
  font-size: 1em;
  line-height: 1.3em;
  text-align: center;
}
.new-home .structure-v2 .structure-items {
  max-width: 900px;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .new-home .structure-v2 .structure-items {
    flex-direction: column;
  }
}
.new-home .structure-v2 .structure-items .structure-item {
  padding: 25px 40px;
  color: #4c4c4c;
  flex: 0 0 25%;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .new-home .structure-v2 .structure-items .structure-item {
    border-right: none;
  }
}
.new-home .structure-v2 .structure-items .structure-item:last-child {
  border-right: 0;
}
.new-home .structure-v2 .structure-items .structure-item img {
  background: #f6f6f6;
  border-radius: 64px;
  height: 128px;
  width: 128px;
}
.new-home .structure-v2 .structure-items .structure-item h2 {
  font-size: 2.2em;
  font-weight: bold;
  padding-bottom: 15px;
  padding-top: 15px;
}
.new-home .structure-v2 .structure-items .structure-item h2 small {
  color: #4c4c4c;
  font-size: 0.32em;
}
.new-home .structure-v2 .structure-items .structure-item p {
  font-size: 16px;
  padding-bottom: 5px;
}
.new-home .structure-v2 .structure-items .structure-item span {
  font-size: 0.45em;
  margin: -5px 0 0 0;
  padding: 3px;
  line-height: 34px;
  display: inline-block;
  vertical-align: middle;
}
.new-home .structure-v2 + hr {
  margin-top: 45px;
}
.new-home .plans {
  padding: 30px;
}
.new-home .plans h2 {
  color: #4c4c4c;
  font-size: 1em;
  text-transform: uppercase;
  text-align: center;
  font-weight: normal;
  max-width: 900px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  font-size: 1.875em;
}
.new-home .plans h2 span {
  position: relative;
  z-index: 1;
  padding: 0 10px;
  font-weight: bold;
}
.new-home .plans p {
  padding: 10px 0 30px;
  color: #8F8F8F;
  font-size: 1em;
  line-height: 1.3em;
  text-align: center;
}
.new-home .plans .plans-cards {
  max-width: 900px;
  display: flex;
  justify-content: space-between;
  padding: 30px 30px 50px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .new-home .plans .plans-cards {
    flex-direction: column;
  }
}
.new-home .plans .plans-cards .plans-card {
  flex: 0 0 30%;
  border-radius: 14px;
  box-shadow: 0 2px 9px rgba(0, 0, 0, 0.1), 0 0 1px 0 rgba(0, 0, 0, 0.5);
  text-align: center;
  overflow: hidden;
  background: #5878A7;
  transition: 0.5s all;
}
@media screen and (max-width: 768px) {
  .new-home .plans .plans-cards .plans-card {
    margin-bottom: 25px;
  }
}
.new-home .plans .plans-cards .plans-card * {
  position: relative;
}
.new-home .plans .plans-cards .plans-card:hover {
  transform: translateY(-20px) scale(1.075);
  box-shadow: 0 2px 18px rgba(0, 0, 0, 0.3), 0 0 1px 0 rgba(0, 0, 0, 0.5);
}
.new-home .plans .plans-cards .plans-card:first-child {
  background: #7F9EBB;
}
.new-home .plans .plans-cards .plans-card:last-child {
  background: #474747;
}
.new-home .plans .plans-cards .plans-card ul {
  z-index: 0;
  padding: 25px 0 15px;
}
.new-home .plans .plans-cards .plans-card figure {
  padding: 15px;
  height: 200px;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  flex-wrap: wrap;
  box-shadow: 0 0 0 400px #fff;
}
.new-home .plans .plans-cards .plans-card figure .img {
  position: absolute;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  opacity: 0.25;
  top: 0;
  left: 0;
}
.new-home .plans .plans-cards .plans-card figure h2 {
  color: #fff;
  font-size: 1.5em;
  font-weight: bold;
}
.new-home .plans .plans-cards .plans-card figure h2:after {
  display: block;
  content: "";
  height: 2px;
  width: 42px;
  background: #fff;
  margin: 10px auto 15px;
}
.new-home .plans .plans-cards .plans-card figure p {
  font-size: 0.83em;
  color: #fff;
}
.new-home .plans .plans-cards .plans-card li {
  color: #4c4c4c;
  font-weight: bold;
}
.new-home .plans .plans-cards .plans-card p {
  padding: 5px;
}
.new-home .customers {
  padding: 0 30px 30px;
}
.new-home .customers h2 {
  color: #4c4c4c;
  font-size: 1em;
  text-transform: uppercase;
  text-align: center;
  font-weight: normal;
  max-width: 900px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.new-home .customers h2:before {
  content: "";
  width: 100%;
  height: 0;
  border-top: 1px solid #b2b2b2;
  position: absolute;
  top: 50%;
  display: block;
}
.new-home .customers h2 span {
  position: relative;
  z-index: 1;
  background: #fff;
  padding: 0 10px;
  font-weight: bold;
}
.new-home .customers .customers-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 60px 40px 35px;
}
.new-home .customers .customers-list .customer {
  /* height: 40px; */
  flex: 1 1 6%;
  display: flex;
  justify-content: center;
  padding: 5px;
  box-sizing: border-box;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .new-home .customers .customers-list .customer {
    flex: 1 1 15%;
    padding: 10px;
    min-width: 100px;
  }
}
.new-home .customers .customers-list .customer img {
  max-width: 100%;
  max-height: 100%;
}
.new-home .customers .customers-list.agencies-list {
  justify-content: space-between;
  max-width: 900px;
  margin: 0 auto;
}
.new-home .customers .customers-list.agencies-list .customer {
  flex: 0 1 10%;
}
.new-home .customers.in-media .customers-list .customer img {
  max-width: 150px;
  max-height: 50px;
}
.new-home .customers.in-media .customers-list .customer img:first-child {
  position: absolute;
  z-index: 1;
  opacity: 0;
  transition: 0.25s all;
}
.new-home .customers.in-media .customers-list .customer:hover img {
  opacity: 1;
}
.new-home .about {
  padding: 0;
  margin: 0;
  display: block;
  width: 100%;
  max-width: 100%;
}
.new-home .about .about-content {
  margin: 0 auto;
  max-width: 900px;
  display: block;
  padding: 30px 30px 0 30px;
}
.new-home .about h4 {
  font-weight: bold;
  color: #4c4c4c;
  text-align: center;
}
.new-home .about h2 {
  font-weight: normal;
  padding: 30px 0;
  text-align: center;
  color: #8F8F8F;
  line-height: 1.2em;
}
.new-home .about .video {
  background: #262626 url("/dist/images/cover.png") center center;
  background-size: cover;
  width: 100%;
  height: 400px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.new-home .about .video a {
  border-radius: 50%;
  box-shadow: 0 0 0 10000px rgba(0, 0, 0, 0.25);
}
.new-home .about .video i {
  font-size: 4em;
  padding: 0;
  border-radius: 50%;
  font-weight: bold;
  color: #fb6e52;
  background: #fff;
}
.new-home .about .video .ytplayer {
  height: 400px;
  width: 100%;
}
.new-home .about .video-cdm {
  background: #262626 url(https://lion-web-site.s3.amazonaws.com/public/cdm/cover-video-min.png) center center;
  background-size: cover;
  width: 100%;
  height: 400px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.new-home .about .video-cdm a {
  border-radius: 50%;
  box-shadow: 0 0 0 10000px rgba(0, 0, 0, 0.25);
}
.new-home .about .video-cdm i {
  font-size: 4em;
  padding: 0;
  border-radius: 50%;
  font-weight: bold;
  color: #5878A7;
  background: #fff;
}
.new-home .about .video-cdm .ytplayer {
  height: 400px;
  width: 100%;
}
.new-home .advantages {
  padding: 30px;
  color: #8F8F8F;
  max-width: 1200px;
  box-sizing: border-box;
  margin: 0 auto;
}
.new-home .advantages .advantage {
  padding: 30px 0;
  display: flex;
  box-sizing: border-box;
  align-items: center;
  align-content: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .new-home .advantages .advantage {
    flex-flow: column-reverse;
  }
}
.new-home .advantages .advantage .advantage-image {
  flex: 0 0 50%;
  flex-basis: calc(50% - 60px);
  padding: 30px;
}
@media screen and (max-width: 768px) {
  .new-home .advantages .advantage .advantage-image {
    padding: 0 30px;
  }
}
.new-home .advantages .advantage .advantage-image img {
  width: 100%;
}
.new-home .advantages .advantage .advantage-description {
  flex: 0 0 50%;
  flex-basis: calc(50% - 60px);
  padding: 30px;
}
.new-home .advantages .advantage .advantage-description h2 {
  color: #4c4c4c;
}
.new-home .advantages .advantage .advantage-description p {
  font-size: 1em;
  line-height: 1.5em;
  padding: 30px 30px 0 0;
}
.new-home .advantages .advantage .advantage-description p:last-child {
  padding-bottom: 30px;
}
.new-home .advantages .advantage:nth-child(even) {
  flex-flow: row-reverse;
}
@media screen and (max-width: 768px) {
  .new-home .advantages .advantage:nth-child(even) {
    flex-flow: column-reverse;
  }
}
.new-home .why-advertise-in {
  padding: 30px;
  color: #8F8F8F;
  box-sizing: border-box;
  flex-wrap: wrap;
  max-width: 1200px;
  box-sizing: border-box;
  margin: 0 auto;
}
.new-home .why-advertise-in h3 {
  color: #4c4c4c;
  flex: 0 0 100%;
}
.new-home .why-advertise-in .why-advertise-in-icons {
  padding: 15px 60px;
  display: flex;
  flex-wrap: wrap;
  margin: 30px 0 30px 30px;
  flex: 1 1 50%;
  flex-basis: calc(50% - 120px);
  align-content: flex-start;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .new-home .why-advertise-in .why-advertise-in-icons {
    padding: 15px;
    margin: 15px;
    justify-content: space-around;
  }
}
.new-home .why-advertise-in .why-advertise-in-icons .why-advertise-in-icon {
  display: flex;
  justify-content: center;
  align-content: center;
  flex: 0 0 33%;
  padding: 15px 0;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .new-home .why-advertise-in .why-advertise-in-icons .why-advertise-in-icon {
    flex: 0 0 28%;
  }
}
.new-home .why-advertise-in .why-advertise-in-icons a {
  transition: 0.25s all;
  background: #f6f6f6;
  flex: 0 0 87px;
  height: 87px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #8f8f8f;
  border-radius: 50%;
}
@media screen and (max-width: 768px) {
  .new-home .why-advertise-in .why-advertise-in-icons a {
    flex: 0 0 75px;
    height: 75px;
    margin: 0 15px;
  }
}
.new-home .why-advertise-in .why-advertise-in-icons a i {
  transition: 0.25s all;
  font-size: 2em;
  color: #8f8f8f;
}
.new-home .why-advertise-in .why-advertise-in-icons a:hover i {
  color: #4c4c4c;
}
.new-home .why-advertise-in .why-advertise-in-icons a.current {
  background: #fb6e52;
}
.new-home .why-advertise-in .why-advertise-in-icons a.current i {
  color: #ffffff;
}
.new-home .why-advertise-in .why-advertise-in-description {
  flex: 1 1 50%;
  padding: 30px 30px 30px 60px;
  margin: 30px 30px 30px 0;
  box-sizing: border-box;
  border-left: 1px solid #b2b2b2;
}
@media screen and (max-width: 768px) {
  .new-home .why-advertise-in .why-advertise-in-description {
    flex: 1 1 100%;
    padding: 30px;
    border-left: none;
    border-top: 1px solid #b2b2b2;
    margin: 15px;
    padding: 30px;
  }
}
.new-home .why-advertise-in .why-advertise-in-description h2 {
  font-size: 30px;
  padding-left: 10px;
  color: #4c4c4c;
}
.new-home .why-advertise-in .why-advertise-in-description p {
  color: #8F8F8F;
  font-size: 1em;
  line-height: 1.5em;
  padding: 30px 30px 0 10px;
}
.new-home .line-by-line {
  display: block;
  text-align: center;
  padding: 60px 30px;
  box-sizing: border-box;
  max-width: 1020px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .new-home .line-by-line {
    padding: 0 30px;
  }
}
.new-home .line-by-line .buttons {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .new-home .line-by-line .buttons {
    flex-direction: column;
    align-items: center;
  }
}
.new-home .line-by-line .buttons .button {
  margin-right: 10px;
}
@media screen and (max-width: 768px) {
  .new-home .line-by-line .buttons .button {
    margin: 5px 0;
  }
}
.new-home .line-by-line p {
  color: #8F8F8F;
  font-size: 1em;
  line-height: 1.5em;
  padding: 20px;
}
.new-home .line-by-line .button + p {
  padding-top: 10px;
}
.new-home .testimonials {
  display: none;
}
.new-home .you-are-publisher {
  display: flex;
  justify-content: center;
  position: relative;
  padding-top: 30px;
  padding-bottom: 30px;
}
.new-home .you-are-publisher:before {
  width: 100%;
  left: 0;
  top: 50%;
  content: "";
  height: 1px;
  position: absolute;
  background: #b2b2b2;
  z-index: 0;
}
.new-home .you-are-publisher .you-are-publisher-description {
  background: #fff;
  padding: 30px 90px;
  max-width: 875px;
  box-sizing: border-box;
  text-align: center;
  color: #8F8F8F;
  border: 1px solid #b2b2b2;
  border-radius: 8px;
  position: relative;
  z-index: 1;
  max-width: 840px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .new-home .you-are-publisher .you-are-publisher-description {
    margin-left: 30px;
    margin-right: 30px;
    padding: 30px;
  }
}
.new-home .you-are-publisher .you-are-publisher-description h2 {
  color: #4c4c4c;
  padding-top: 15px;
  padding-bottom: 15px;
}
.new-home .you-are-publisher .you-are-publisher-description h4 {
  font-size: 1.1em;
  line-height: 1.3em;
}
.new-home .all-media-types {
  margin: 0 auto;
  max-width: 900px;
  display: block;
  padding: 30px;
  text-align: center;
  display: flex;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .new-home .all-media-types {
    flex-flow: column;
  }
}
.new-home .all-media-types h3 {
  text-transform: uppercase;
  font-size: 1em;
  flex: 1 1 130px;
  display: flex;
  align-items: center;
  text-align: left;
  border-right: 1px solid #ccc;
  padding: 0 30px 0 0;
}
@media screen and (max-width: 768px) {
  .new-home .all-media-types h3 {
    border-right: 0;
    border-bottom: 1px solid #ccc;
    padding: 0;
    text-align: center;
    justify-content: center;
    flex: 1 1 50px;
  }
}
.new-home .all-media-types .media-type-list {
  justify-content: space-between;
  display: flex;
  flex: 1 1 80%;
  padding: 0 0 0 30px;
}
@media screen and (max-width: 768px) {
  .new-home .all-media-types .media-type-list {
    flex-wrap: wrap;
    padding: 0;
  }
}
.new-home .all-media-types .media-type-list .media-type {
  display: block;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .new-home .all-media-types .media-type-list .media-type {
    flex: 0 0 30%;
  }
}
.new-home .all-media-types .media-type-list .media-type a {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 90px;
  height: 90px;
  border-radius: 60px;
  box-shadow: 0 0 0 0 #ffffff;
  transition: 0.25s all;
}
@media screen and (max-width: 768px) {
  .new-home .all-media-types .media-type-list .media-type a {
    width: auto;
    height: 120px;
    font-size: 1.5em;
  }
}
.new-home .all-media-types .media-type-list .media-type a i {
  font-size: 2em;
  color: #d3d3d3;
  transition: 0.25s all;
  color: #92929c;
}
.new-home .all-media-types .media-type-list .media-type a span {
  flex: 0 0 100%;
  font-size: 0.63em;
  font-weight: bold;
  display: block;
  text-align: center;
  color: #8F8F8F;
  padding: 10px 0 0 0;
  transition: 0.25s all;
}
.new-home .all-media-types .media-type-list .media-type a:hover i,
.new-home .all-media-types .media-type-list .media-type a:hover span {
  color: #4c4c4c;
}
.new-home p.small {
  color: #8F8F8F;
  font-size: 0.83em;
}
.new-home p.small strong {
  color: #4c4c4c;
}

.class-cdm .about {
  border-top: 1px solid #b2b2b2;
}
@media screen and (max-width: 768px) {
  .class-cdm .new-home .hero {
    position: relative;
    padding-bottom: 75vw;
  }
}
@media screen and (max-width: 768px) {
  .class-cdm .new-home .hero .hero-image.no-image {
    height: 275px;
    top: auto;
    bottom: 0px;
  }
}
@media screen and (max-width: 768px) {
  .class-cdm .new-home .hero .hero-image-half-round {
    width: 80vw;
    height: 300px;
  }
}

@media screen and (max-width: 768px) {
  .footer-seals {
    justify-content: center;
    padding: 30px 0;
  }
  .footer-seals a {
    margin: 0 5px;
  }
}

.search-list-results {
  position: relative;
  padding: 1px 0 0 10px;
}

.list-results {
  width: calc(100% - 10px);
  max-height: 300px;
  position: absolute;
  z-index: 1010;
  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.1);
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  align-items: stretch;
  align-content: stretch;
  overflow: auto;
  border-radius: 0 0 5px 5px;
}
.list-results.hide {
  transition: 0.3s all;
  opacity: 0;
  z-index: -1;
}
.list-results li {
  background: rgba(255, 255, 255, 0.85);
  height: 60px;
  width: 100%;
  display: block;
  padding: 0;
  margin: 0;
  border-top: 1px solid #d2d2d2;
  padding: 10px;
  box-sizing: border-box;
  cursor: pointer;
  transition: 0.3s all;
}
.list-results li .selected {
  background: #d3d3d3;
}
.list-results li:hover {
  background: #efefef;
}
.list-results li:first-child {
  border-top: none;
}
.list-results li:last-child {
  border-radius: 0 0 5px 5px;
}
.list-results li .list-result {
  display: flex;
  height: 60px;
  width: 100%;
}
.list-results li .list-result .list-result-img {
  flex: 0 0 60px;
}
.list-results li .list-result .list-result-img img {
  max-width: 40px;
  max-height: 40px;
}
.list-results li .list-result .list-result-description span {
  font-size: 0.75em;
  text-transform: uppercase;
}

.select-search input {
  border-radius: 3px;
  padding: 10px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15);
  padding-right: 15px;
  position: relative;
}
.select-search .select-search-list {
  display: none;
  position: absolute;
}
.select-search .select-search-list ul {
  background: #fff;
  display: block;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.09) 0 10px 30px;
  border-radius: 3px;
  padding: 5px;
  max-height: 300px;
  overflow-y: scroll;
}
.select-search .select-search-list ul li {
  display: block;
}
.select-search .select-search-list ul li a {
  padding: 5px 5px;
  line-height: 22px;
  width: 100%;
  display: block;
  box-sizing: border-box;
}
.select-search .select-search-list ul li a:hover {
  background: rgba(0, 0, 0, 0.09);
}
.select-search:hover .select-search-list {
  display: block;
}

.button-group {
  padding: 15px 0 0 0;
  display: flex;
}
.button-group .button {
  display: inline-block;
  margin: 0;
  border-radius: 0;
  padding: 13px 30px;
}
.button-group .button:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.button-group .button:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.button-group .button.button-sm {
  padding: 10px 20px;
  font-size: 0.75em;
}
.button-group .button + .button {
  box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.1);
  border-left: none;
}

.terms-of-service {
  padding: 30px 20px 50px 20px;
}
.terms-of-service p {
  padding: 5px 0 10px;
}
.terms-of-service .paragraph-separator {
  border-bottom: 1px solid #b2b2b2;
  border-top: 1px solid rgba(255, 255, 255, 0.6);
  border-left: 0;
  border-right: 0;
  margin-bottom: 30px;
  margin-top: 30px;
}

.buttons-footer {
  display: flex;
  justify-content: flex-end;
}
.buttons-footer a {
  flex: 1;
  text-align: left;
  line-height: 36px;
  margin: 20px 0;
}

@media (max-width: 767px) {
  .smart-plan-pagination {
    justify-content: flex-start;
  }
}

.paginator {
  flex: 0 1 13%;
  position: relative;
  padding: 5px 30px;
}
.paginator .paginator-message {
  position: absolute;
  background: #fb6e52;
  border-radius: 0 0 3px 3px;
  color: #fff;
  font-size: 1em;
  padding: 5px;
  opacity: 0;
  right: 0;
  top: 0;
  transition: 0.1s opacity;
}
.paginator:hover .paginator-message {
  opacity: 1;
  z-index: 3;
  top: 33px;
}
.paginator .paginator-content {
  display: flex;
}
.paginator .paginator-content.pagination-center {
  justify-content: center;
}
.paginator .paginator-content > * {
  border-bottom: 2px solid #d2d2d2 !important;
  border-top: 1px solid #d2d2d2;
  border-left: 1px solid #d2d2d2;
  border-collapse: collapse;
}
.paginator .paginator-content a:not(.disabled) {
  transition: 0.3s all;
}
.paginator .paginator-content a:not(.disabled):hover {
  background: #d2d2d2;
  color: #4c4c4c !important;
}
.paginator .paginator-content li.paginator-number {
  padding: 0;
}
.paginator .paginator-content li.paginator-number a {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  color: #4c4c4c;
  background: #ffffff;
  font-weight: bold;
}
.paginator .paginator-content a.paginator-number {
  padding: 5px;
}
.paginator .paginator-content .paginator-number {
  flex: 0 0 33px;
  height: 33px;
  padding: 5px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  color: #4c4c4c;
  background: #ffffff;
  font-weight: bold;
}
.paginator .paginator-content .paginator-number.paginator-first, .paginator .paginator-content .paginator-number.ais-Pagination-item--firstPage {
  border-radius: 3px 0 0 3px;
  padding-left: 10px;
  padding-right: 10px;
}
.paginator .paginator-content .paginator-number.paginator-last, .paginator .paginator-content .paginator-number.ais-Pagination-item--lastPage {
  border-radius: 0 3px 3px 0;
  padding-left: 10px;
  padding-right: 10px;
  border-right: 1px solid #d2d2d2;
}
.paginator .paginator-content .paginator-number.ais-Pagination-item--lastPage, .paginator .paginator-content .paginator-number.ais-Pagination-item--firstPage {
  padding-left: 0;
  padding-right: 0;
}
.paginator .paginator-content .paginator-number.current {
  flex: 1 0 100px;
}
.paginator .paginator-content .paginator-number.current-page {
  background: #4c4c4c;
  color: #fff !important;
}
.paginator .paginator-content .paginator-number.current-page:hover {
  background: #4c4c4c;
  color: #fff !important;
}
.paginator .paginator-content .paginator-number.current-page a {
  background: #4c4c4c;
  color: #fff !important;
}
.paginator .paginator-content .paginator-number.current-page a:hover {
  background: #4c4c4c;
  color: #fff !important;
}
.paginator .paginator-content .paginator-number.disabled {
  color: #ccc;
  cursor: not-allowed;
  background: #f2f2f2;
}
.paginator .paginator-content .paginator-number.disabled:hover {
  color: #ccc;
  cursor: not-allowed;
  background: #f2f2f2;
}
.paginator .paginator-content .paginator-number.disabled a {
  color: #ccc;
  cursor: not-allowed;
  background: #f2f2f2;
}
.paginator .paginator-content .paginator-number.disabled a:hover {
  color: #ccc;
  cursor: not-allowed;
  background: #f2f2f2;
}

.result-display {
  display: grid;
  grid-template-columns: 60px 1fr;
  cursor: pointer;
  border-radius: 12px;
  box-shadow: none;
  border: 1px solid #eaeaea;
  margin: 0 0 15px 0;
  color: #707070;
  background: #fff;
  margin-bottom: 10px;
}
.result-display.open {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  border: 0;
}
@media screen and (max-width: 768px) {
  .result-display .icons {
    padding: 5px 0 0;
    margin-bottom: -5px;
  }
}

@media screen and (max-width: 768px) {
  #search-result-list {
    font-size: 0.83em;
  }
}
#search-result-list .formats-display {
  transition: 0.3s all;
}
@media screen and (max-width: 768px) {
  #search-result-list .formats-display > ul {
    padding: 20px 0 0 0;
  }
}
@media screen and (max-width: 768px) {
  #search-result-list .formats-display .format-item-header {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  #search-result-list .formats-display .format-item.black .display-button {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
  }
}
#search-result-list .formats-display .format-item.black .display-button .pointer {
  position: absolute;
  margin-left: -22px;
  margin-top: 9px;
  color: #2dbdfd;
}
@media screen and (max-width: 768px) {
  #search-result-list .formats-display .format-item.black .display-button .pointer {
    position: relative;
    padding: 4px;
    margin: 0;
  }
}
@media screen and (max-width: 768px) {
  #search-result-list .formats-display .format-item.black {
    display: flex;
    padding: 0 2px;
    margin: 0 5px;
    flex-wrap: wrap;
    padding-bottom: 8px;
  }
  #search-result-list .formats-display .format-item.black > div {
    min-height: 20px !important;
  }
  #search-result-list .formats-display .format-item.black > div i.text-gray {
    color: #979fa8;
    margin-left: 4px;
    width: 20px;
  }
  #search-result-list .formats-display .format-item.black > div:nth-child(1) {
    display: none;
  }
  #search-result-list .formats-display .format-item.black > div:nth-child(3) {
    padding: 0;
  }
  #search-result-list .formats-display .format-item.black > div:nth-child(4) {
    flex: 0 0 100%;
  }
  #search-result-list .formats-display .format-item.black > div:nth-child(4) p {
    flex: auto;
    display: flex;
    align-items: center;
    align-content: center;
  }
  #search-result-list .formats-display .format-item.black > div:nth-child(5) {
    justify-content: flex-start;
  }
  #search-result-list .formats-display .format-item.black > div:nth-child(5) p {
    flex: auto;
    margin-right: 2px;
  }
  #search-result-list .formats-display .format-item.black > div:nth-child(6) {
    flex: 0 0 40%;
    justify-content: flex-end;
  }
}

@media screen and (max-width: 768px) {
  .category-display {
    column-count: 1 !important;
  }
}

.search-layout {
  display: -ms-grid;
  display: grid;
  position: relative;
  -ms-grid-rows: 100px 1fr;
  grid-template-rows: 100px 1fr;
  padding: 0px 30px;
  margin: 0 20px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .search-layout {
    display: flex;
    flex-flow: column;
    margin: 0;
    padding: 0;
  }
}
.search-layout .search-head {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 3.2fr;
  grid-template-columns: 1fr 3.2fr;
}
@media screen and (max-width: 768px) {
  .search-layout .search-head {
    display: flex;
    flex-flow: column;
    height: 100%;
  }
}
.search-layout .results-header {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
@media screen and (max-width: 768px) {
  .search-layout .results-header {
    display: flex;
    /* flex-flow: column; */
    width: 100%;
    height: 100%;
    padding-top: 85px;
  }
}
.search-layout .result-display .cols {
  display: grid;
  /* grid-template-columns: .33fr .33fr .33fr 40px; */
  grid-template-columns: 2fr 1fr 175px 40px;
  text-align: start;
  padding: 0 20px;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .search-layout .result-display .cols {
    padding: 0;
    grid-template-columns: 2fr 10px 2fr 40px;
  }
}
.search-layout .search-letters {
  color: #5A5A5A;
  display: flex;
  flex-flow: row;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .search-layout .search-letters {
    display: none;
  }
}
.search-layout .search-letters > p {
  margin-top: 2px;
  width: 25px;
  flex: 0 0 25px;
  text-align: center;
}
.search-layout .search-letters .active {
  color: #fb6e52;
  text-decoration: underline;
}
.search-layout .search-letters .current {
  color: #fff;
  background: #fb6e52;
  border-radius: 3px;
}
.search-layout .search-letters div:hover {
  color: #fb6e52;
  border-color: #fb6e52;
}
.search-layout .header-search {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin: 15px 0;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .search-layout .header-search {
    display: flex;
    width: calc(100vw - 40px);
    /* margin-top: 55px; */
    position: fixed;
    z-index: 99;
    left: 0;
    padding: 0 20px;
    margin: 5px 0;
    top: 65px;
  }
  .search-layout .header-search.showing-tour {
    position: absolute;
    z-index: auto;
    top: 0;
  }
}
@media screen and (max-width: 768px) {
  .search-layout .toggle-map {
    flex: 1 1 49%;
    width: 100%;
    min-height: 50px;
  }
}
@media screen and (max-width: 768px) {
  .search-layout .assistant-banner {
    display: none;
  }
}
.search-layout .plan-content {
  display: -ms-inline-flexbox;
  display: inline-flex;
  background-color: #3cae71;
  box-shadow: 0 1px 3px rgba(112, 112, 112, 0.3) !important;
  border-radius: 4px;
  padding: 10px 20px;
  width: 33%;
  cursor: pointer;
  transition: 0.3s all;
}
.search-layout .plan-content.empty-plan {
  filter: grayscale(1);
}
.search-layout .plan-content.tour-target-element-active {
  filter: grayscale(0) !important;
}
.search-layout .plan-content .button {
  background: none;
}
@media screen and (max-width: 768px) {
  .search-layout .plan-content {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
    font-size: 0.83em;
  }
  .search-layout .plan-content .flex {
    width: 100%;
    justify-content: center;
  }
  .search-layout .plan-content .flex .center-itens {
    margin: 0;
    display: inline-flex;
  }
  .search-layout .plan-content .flex .center-itens p {
    padding: 0 3px 0 0;
  }
  .search-layout .plan-content .center-itens {
    text-align: center;
    margin: 5px auto;
  }
  .search-layout .plan-content .button {
    margin-left: -8px;
    margin-right: -8px;
    margin: 5px auto;
  }
}
.search-layout .search-body {
  display: -ms-grid;
  display: grid;
  overflow-y: hidden;
  -ms-grid-columns: 1fr 3.2fr;
  grid-template-columns: 1fr 3.2fr;
}
@media screen and (max-width: 768px) {
  .search-layout .search-body {
    display: flex;
    flex-flow: column;
    padding: 0 15px;
    margin-top: 60px;
  }
}
.search-layout .search-body .filters {
  height: 100%;
  margin-right: 10%;
}
@media screen and (max-width: 768px) {
  .search-layout .search-body .filters {
    margin: 0;
    height: 100vh;
    position: fixed;
    z-index: 10000000;
    top: 0;
    overflow-y: auto;
    width: 100%;
    left: 0;
    box-shadow: 0 3px 15px 12px rgba(0, 0, 0, 0.3), 0 0 0 15000px rgba(50, 50, 50, 0.3);
    padding: 0;
    transition: 0.3s all;
  }
  .search-layout .search-body .filters.hide-menu-filter {
    left: -100%;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0);
    touch-action: none;
    overflow: hidden;
  }
}
.search-layout .search-body .filters .side-filters {
  background: #fafafa;
  box-shadow: 0 0 0 2px #fafafa;
  bottom: 80px;
}
@media screen and (max-width: 768px) {
  .search-layout .search-body .filters .side-filters {
    font-size: 1.2em;
    left: 0;
    box-shadow: 0 0 0 15px #f5f5f5, 0 3px 15px 12px rgba(0, 0, 0, 0.3), 0 0 0 15000px rgba(50, 50, 50, 0.3);
    bottom: 80px;
    position: absolute;
    z-index: 1000;
    top: 0;
    width: 100%;
    transition: 0.3s all;
    border-radius: 0 0 1px;
    background: #f5f5f5;
    padding: 15px 15px 120px 15px;
    border-radius: 0;
    box-sizing: border-box;
    /* height: 100vh; */
    margin: 0;
  }
  .search-layout .search-body .filters .side-filters .filter-manager {
    display: none;
  }
}

@media (max-width: 767px) {
  .input-item {
    padding: 5px 0;
  }
}

@media (max-width: 767px) {
  .filter-header {
    padding: 10px;
  }
}

@media (max-width: 767px) {
  .filter-body {
    padding: 0 10px !important;
  }
}

.item-selected tbody > tr:not(.totalizer) > td.result, .item-selected tbody > tr:not(.totalizer) > td.main-block {
  opacity: 0.5;
  background: #eee !important;
}
.item-selected tbody > tr:not(.totalizer).current-tr td.result, .item-selected tbody > tr:not(.totalizer).current-tr td.main-block {
  opacity: 1;
  background: #fff !important;
}

@media (max-width: 767px) {
  .hide-module-plan {
    pointer-events: none;
    overflow: hidden !important;
    flex: 0 0 36px !important;
  }

  .show-module-plan {
    transition: 0.3s all;
    flex: 0 0 100% !important;
    flex-basis: calc(100% - 80px) !important;
  }
  .show-module-plan .info-title-plan {
    display: none !important;
  }
}
.ico-button-clean {
  margin-right: 10px;
}

.flexbox {
  display: flex;
}
.flexbox.align-right {
  justify-content: flex-start;
}
.flexbox.align-center {
  justify-content: center;
}
.flexbox.align-left {
  justify-content: flex-end;
}
.flexbox.between {
  justify-content: space-between;
}

.col-right {
  margin: 0 0 0 -7px;
  position: relative;
  margin-top: 5px;
}

.buttons-right {
  margin-right: 10px !important;
}

.col-center {
  margin-right: 4.5%;
  position: relative;
}

.text-filters {
  padding-top: 5px;
  font-family: Verdana;
  font-size: 11px;
  font-weight: 600;
  line-height: 12px;
  text-align: center;
}
.text-filters .underline-social-class {
  text-decoration: underline;
}
.text-filters.message-filters {
  background: rgba(242, 242, 228, 0.9);
  padding: 8px 0;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  margin: 11px;
  width: calc(100% - 22px);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.text-filters strong {
  color: #fb6e52;
}
.text-filters p {
  font-family: Verdana;
  font-size: 11px;
  font-weight: 400;
  padding: 1px;
}

.buttons-social-class {
  display: flex !important;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.buttons-social-class .button-social-class {
  position: relative;
  background-color: #fb6e52;
  border-radius: 3px;
  display: flex;
  cursor: pointer;
  color: #ffffff;
  font-family: Verdana;
  font-size: 10px;
  padding: 0px;
  text-decoration: none;
  margin: 2px;
  box-sizing: border-box;
  width: calc(20% - 4px);
  justify-content: center;
  height: 35px;
  align-items: center;
}
.buttons-social-class .button-social-class:hover {
  background-color: #fa5939;
}
.buttons-social-class .button-social-class.active,
.buttons-social-class .button-social-class .ais-Menu-item--selected,
.buttons-social-class .button-social-class .active, .buttons-social-class .button-social-class.ais-Menu-item--selected {
  background: #3bae71 !important;
  color: #fff !important;
}
.buttons-social-class .button-social-class.active:hover,
.buttons-social-class .button-social-class .ais-Menu-item--selected:hover,
.buttons-social-class .button-social-class .active:hover, .buttons-social-class .button-social-class.ais-Menu-item--selected:hover {
  background: #359b65 !important;
}

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

.header-selection {
  display: flex;
  justify-content: space-between;
  align-content: center;
  align-items: center;
  font-size: 0.83em;
}
.header-selection .search-filter {
  flex-basis: 60%;
  position: relative;
}
.header-selection .search-filter i {
  position: absolute;
  opacity: 0.3;
  right: 0;
  margin-top: 12px;
}
.header-selection .header-selection-buttons {
  flex: 0 0 150px;
  display: flex;
  justify-content: flex-end;
  color: #707070;
}
.header-selection .header-selection-buttons > * {
  margin-left: 5px;
}

.selection-list {
  display: flex;
  flex-wrap: wrap;
}
.selection-list .selection {
  display: flex;
  border: 1px solid #D2D2D2;
  padding: 15px;
  border-radius: 3px;
  margin-top: 10px;
  width: 100%;
}
.selection-list .selection p {
  flex: 1 1 100%;
}
.selection-list .selection.selected {
  border-color: #fb6e52;
}
.selection-list .selection .edit {
  margin: -10px -10px 0 0;
  color: #909090;
}

.class-cdm .selection-list .selection.selected {
  border-color: #5878A7;
}

.publisher-description {
  padding: 30px !important;
}
.publisher-description h2 {
  padding-bottom: 20px;
  align-content: center;
}
.publisher-description h2 a {
  font-size: 15px;
}
.publisher-description h2.sub-title {
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(112, 112, 112, 0.3);
  margin-bottom: 20px;
}
.publisher-description h4 {
  font-size: 0.83em;
  font-weight: bold;
  padding-bottom: 10px;
}
.publisher-description .flex img {
  width: 140px;
  padding-bottom: 30px;
}
.publisher-description .flex .description {
  padding-left: 30px;
}
.publisher-description .cards {
  overflow-x: scroll;
  background: #fafafa;
  display: flex;
  width: calc(100% + 30px);
  margin: 0 -30px;
  padding: 15px;
  border-top: 1px solid #DFE1E5;
  border-bottom: 1px solid #DFE1E5;
}
.publisher-description .cards .card {
  display: block;
  margin: 30px auto;
  max-width: 230px;
  min-width: auto;
  padding: 0 0 15px 0;
  width: 100%;
  background: #fff;
  margin: 0 15px;
  box-shadow: 0 1px 3px rgba(112, 112, 112, 0.3), inset 0 0 0 1px #DFE1E5;
  text-align: center;
}
.publisher-description .cards .card .card-image {
  border-radius: 5px 5px 0 0;
  background-size: cover;
  background-position: center;
  width: 220px;
  height: 180px;
  text-indent: -99999em;
}
.publisher-description .cards .card .card-description {
  padding: 10px 15px 5px;
}
.publisher-description .cards .card .card-description p {
  text-align: left;
}
.publisher-description .cards .card h3 {
  padding: 0;
  margin: 0;
}
.publisher-description .cards .card h2 {
  font-size: 13px;
  color: #fb6e52;
}

.asu-audience {
  display: flex;
  justify-content: stretch;
  align-items: center;
  box-sizing: border-box;
  padding: 20px 0;
}
@media (max-width: 767px) {
  .asu-audience {
    flex-direction: column;
  }
  .asu-audience div {
    width: 100%;
  }
}
.asu-audience > div {
  width: 100%;
}
.asu-audience .chart {
  max-width: 100%;
  min-width: 250px;
}
.asu-audience .chart:not(:last-child) {
  margin-right: 20px;
}
.asu-audience .apexcharts-legend.center.position-bottom {
  display: flex;
  justify-content: center;
  flex-direction: row-reverse;
}
.asu-audience .apexcharts-gridlines-vertical line {
  opacity: none;
}
.asu-audience h3 {
  font-size: 16px;
  font-weight: bold;
  color: #afb1b7;
}

.class-cdm .asu-audience h3 {
  color: #5878A7;
}

.grids-info {
  display: flex;
  align-content: stretch;
  align-items: stretch;
  border-bottom: 1px solid #e9e9e9;
  font-size: 1.2em;
}
@media screen and (max-width: 768px) {
  .grids-info {
    border-bottom: 0;
    flex-flow: column;
  }
}
.grids-info .grid-info {
  flex: 1 1 20%;
  border-right: 1px solid #e9e9e9;
  font-size: 0.75em;
  color: #fb6e52;
}
@media screen and (max-width: 768px) {
  .grids-info .grid-info {
    border: none;
  }
}
.grids-info .grid-info .grid-info-header {
  padding: 10px 15px;
  font-size: 16px;
  color: #afb1b7;
}
.grids-info .grid-info .grid-info-body {
  padding: 10px 15px;
  color: #707070;
  font-size: 1.2em;
  font-weight: bold;
}
.grids-info .grid-info:last-child {
  border-right: none;
}

.class-cdm .grids-info .grid-info .grid-info-header {
  color: #5878A7;
}

.asu-info {
  flex: 1 1 100%;
}
.asu-info h3 {
  padding-bottom: 10px;
}

.asu-images {
  flex: 0 0 250px;
  display: block;
  padding-left: 55px;
}
@media (max-width: 767px) {
  .asu-images {
    padding-left: 0;
    margin-top: 10px;
    width: 100%;
    flex: none;
  }
}
.asu-images a {
  display: block;
  margin: 0 0 10px 0;
}
.asu-images a img {
  width: 100%;
}

.asu-tabs {
  margin-top: 15px;
  display: flex;
  justify-content: flex-start;
  border-bottom: 1px solid #ccc;
}
.asu-tabs a {
  padding: 10px;
  border-top: 1px solid rgba(255, 255, 255, 0);
  border-left: 1px solid rgba(255, 255, 255, 0);
  border-right: 1px solid rgba(255, 255, 255, 0);
  border-bottom: 1px solid rgba(255, 255, 255, 0);
  transition: 0.5s all;
  margin: 0 0 -1px 5px;
  border-radius: 3px 3px 0 0;
}
@media (max-width: 767px) {
  .asu-tabs a {
    font-size: 0.75em;
  }
}
.asu-tabs a:hover {
  background: #ccc;
  border: 1px solid #ccc;
}
.asu-tabs a.current {
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-radius: 3px 3px 0 0;
  border-bottom: 1px solid #fff;
  color: #fa5939;
}
.asu-tabs a.current:hover {
  background: #fff;
  border: 1px solid #ccc;
  border-bottom: 1px solid #fff;
  cursor: default;
}

.asu-tabs-container {
  padding-top: 10px;
}
.asu-tabs-container .asu-tab {
  opacity: 0;
  height: 0;
  overflow: hidden;
  transition: 0.5s all;
}
.asu-tabs-container .asu-tab.current {
  opacity: 1;
  height: auto;
  overflow: visible;
}
@media (max-width: 767px) {
  .asu-tabs-container .asu-tab.current {
    display: flex;
    flex-wrap: wrap;
  }
}
.asu-tabs-container .asu-tab ol {
  padding-left: 25px;
}
.asu-tabs-container .asu-tab ol li {
  list-style-type: decimal;
  padding-bottom: 5px;
}
.asu-tabs-container .place-types-list-container {
  height: 300px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.asu-tabs-container .place-types-list-container p {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.asu-tabs-container .place-types-list-container .search-place {
  align-self: flex-start;
  height: 30px;
  margin: 10px 0;
  width: 100%;
  align-items: center;
  display: flex;
  justify-content: space-between;
  column-gap: 10px;
}
.asu-tabs-container .place-types-list-container .search-place h4 {
  font-weight: bold;
  color: #fb6e52;
}
.asu-tabs-container .place-types-list-container .search-place i {
  display: flex;
  justify-content: center;
}
.asu-tabs-container .place-types-list-container .search-place .search-input-icon {
  flex: 0 0 45%;
}
.asu-tabs-container .place-types-list-container .search-place .input-container {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
}
.asu-tabs-container .place-types-list-container .search-place .input-container i {
  position: absolute;
  font-size: 13px;
  cursor: pointer;
  right: 3%;
}
.asu-tabs-container .place-types-list-container .search-place .input-container input {
  width: 100%;
  padding: 0 10px;
  height: 100%;
  box-shadow: none !important;
  border: 1px solid #D2D2D2;
  border-radius: 8px;
}
.asu-tabs-container .place-types-list-container .search-place .input-container input:focus {
  border: 1px solid #fb6e52 !important;
}
.asu-tabs-container .place-types-list-container .search-place .filter-types {
  display: flex;
  height: 100%;
  align-items: center;
}
.asu-tabs-container .place-types-list-container .search-place .filter-types .filter-type-option {
  padding: 0 1%;
  height: 100%;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.asu-tabs-container .place-types-list-container .search-place .filter-types .filter-type-option.selected {
  color: #fb6e52;
  border-bottom: 1px solid #fb6e52;
}
.asu-tabs-container .place-types-list-container ul.nearby-places-types {
  width: 100%;
  position: relative;
  height: 100%;
  overflow-y: scroll;
}
.asu-tabs-container .place-types-list-container ul.nearby-places-types > li {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.asu-tabs-container .place-types-list-container ul.nearby-places-types > li .place-type-header {
  height: 30px;
  display: flex;
  width: 100%;
  border-bottom: 1px solid #F2F2F2;
}
.asu-tabs-container .place-types-list-container ul.nearby-places-types > li .place-type-header label {
  font-weight: bold;
}
.asu-tabs-container .place-types-list-container ul.nearby-places-types > li .place-type-header label::first-letter {
  text-transform: capitalize;
}
.asu-tabs-container .place-types-list-container ul.nearby-places-types > li .place-type-header .place-type-info {
  margin: 0 10px;
  flex-grow: 1;
  display: flex;
  justify-content: space-between;
  height: 100%;
  align-items: center;
}
.asu-tabs-container .place-types-list-container ul.nearby-places-types > li .place-type-header .place-type-info .place-type-establishments-count {
  font-weight: bold;
}
.asu-tabs-container .place-types-list-container ul.nearby-places-types > li .place-type-header .place-type-info .show-establishments-btn-container {
  margin: 0 10px;
}
.asu-tabs-container .place-types-list-container ul.nearby-places-types > li .place-type-header .place-type-info .show-establishments-btn-container button.show-establishments-btn {
  margin: 0;
  background-color: transparent;
  border: 0;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.asu-tabs-container .place-types-list-container ul.nearby-places-types > li .place-type-header .place-type-info .show-establishments-btn-container button.show-establishments-btn.active i {
  transform: rotateX(180deg);
}
.asu-tabs-container .place-types-list-container ul.nearby-places-types > li ul.establishments-list {
  width: 99%;
  padding-left: 1%;
}
.asu-tabs-container .place-types-list-container ul.nearby-places-types > li ul.establishments-list li {
  height: 30px;
  font-size: 14px;
}
.asu-tabs-container .place-types-list-container ul.nearby-places-types > li ul.establishments-list li .checkbox-input div {
  margin-left: 10px;
  font-weight: bold;
}
.asu-tabs-container ::-webkit-scrollbar {
  height: 4px;
  width: 4px;
  background-color: #F2F2F2;
  border-radius: 5px;
}
.asu-tabs-container ::-webkit-scrollbar-thumb {
  background-color: #4c4c4c;
  border-radius: 5px;
}

.asu-audiences {
  border-radius: 3px;
  background: #f0f0f0;
  padding: 3px;
  font-size: 1em;
  line-height: 1.2em;
  margin-bottom: 15px;
  display: flex;
}

.audience-label {
  font-weight: normal;
  font-size: 0.75em;
  text-transform: uppercase;
}

.asu-specifications {
  padding: 20px 0;
}
.asu-specifications h3 {
  position: relative;
}
.asu-specifications h3 span {
  display: inline-block;
  position: relative;
  padding: 0 0 0 10px;
}
.asu-specifications h3 span .toggle-button {
  position: absolute;
  top: -13px;
}

.asu-sku {
  background: #d3d3d3;
  color: #fff;
  border-radius: 3px;
  font-size: 0.63em;
  font-weight: normal;
  float: right;
  padding: 3px;
}

.item-cards {
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: stretch;
  -webkit-transition: width 0.5s;
  transition: width 0.5s;
  display: flex;
  flex: 1 1 100%;
  width: 100%;
  box-sizing: border-box;
}

.itemcard {
  background-color: #4c4c4c;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  position: relative;
  border-radius: 3px;
  margin: 0 1% 10px 0;
  cursor: pointer;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  min-height: 210px;
  max-height: 300px;
  height: auto;
  align-items: stretch;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
@media (max-width: 767px) {
  .itemcard {
    flex-direction: row;
    min-height: 170px;
    max-height: 170px;
    max-width: 100%;
    flex-basis: 100%;
    position: relative;
    box-sizing: border-box;
    background: #fff !important;
  }
}
.itemcard.current {
  opacity: 1;
  box-shadow: 0px 0px 0px 3px #fb6e52;
  border-color: #fb6e52;
}
.itemcard.current:hover {
  box-shadow: 0px 0px 0px 3px #fb6e52;
}
@media screen and (max-width: 768px) {
  .itemcard {
    flex: 0 0 100%;
    margin-right: 0;
    flex-direction: row;
    min-height: 100px;
    max-height: 100px;
    max-width: 100%;
    flex-basis: 100%;
    position: relative;
    box-sizing: border-box;
  }
}
@media screen and (min-width: 768px) and (max-width: 880px) {
  .itemcard {
    flex: 0 0 49.5%;
  }
  .itemcard.itemcard-blur {
    display: none;
  }
  .itemcard.itemcard-blur:nth-child(1) {
    display: flex;
  }
  .itemcard:nth-child(2n) {
    margin-right: 0;
  }
}
@media screen and (min-width: 880px) and (max-width: 1080px) {
  .itemcard {
    flex: 0 0 32.66%;
  }
  .itemcard.itemcard-blur {
    display: none;
  }
  .itemcard.itemcard-blur:nth-child(1), .itemcard.itemcard-blur:nth-child(2) {
    display: flex;
  }
  .itemcard:nth-child(3n) {
    margin-right: 0;
  }
}
@media screen and (min-width: 1080px) and (max-width: 1180px) {
  .itemcard {
    flex: 0 0 24.25%;
  }
  .itemcard.itemcard-blur {
    display: none;
  }
  .itemcard.itemcard-blur:nth-child(1), .itemcard.itemcard-blur:nth-child(2), .itemcard.itemcard-blur:nth-child(3) {
    display: flex;
  }
  .itemcard:nth-child(4n) {
    margin-right: 0;
  }
}
@media screen and (min-width: 1180px) {
  .itemcard {
    flex: 0 0 19.2%;
  }
  .itemcard.itemcard-blur {
    display: none;
  }
  .itemcard.itemcard-blur:nth-child(1), .itemcard.itemcard-blur:nth-child(2), .itemcard.itemcard-blur:nth-child(3), .itemcard.itemcard-blur:nth-child(4) {
    display: flex;
  }
  .itemcard:nth-child(5n) {
    margin-right: 0;
  }
}
.itemcard .itemcard-image {
  width: 100%;
  height: 100%;
  border-radius: 3px;
  background-color: #4c4c4c !important;
  background-size: cover !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
  position: absolute;
  z-index: 0;
}
@media (max-width: 767px) {
  .itemcard .itemcard-image {
    width: 100px;
  }
}
.itemcard .itemcard-header {
  z-index: 1;
  border-radius: 3px;
  height: 100%;
}
@media (max-width: 767px) {
  .itemcard .itemcard-header {
    flex-direction: row;
    height: 100%;
    min-height: 100%;
    position: relative;
    box-sizing: border-box;
    width: 100%;
  }
}
.itemcard .itemcard-header:hover .open-slideshow {
  opacity: 1;
}
.itemcard .itemcard-header .open-details {
  opacity: 1;
}
.itemcard .itemcard-header .itemcard-main {
  width: 100%;
  height: 150px;
  margin-top: 100px;
  background: linear-gradient(to bottom, rgba(60, 60, 60, 0) 0%, rgba(60, 60, 60, 0.7) 50%, #3c3c3c 100%);
  color: #fff;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  align-content: flex-start;
  box-sizing: border-box;
  flex-direction: column;
  padding: 5px;
  position: relative;
  border-radius: 3px;
}
@media (max-width: 767px) {
  .itemcard .itemcard-header .itemcard-main {
    position: relative;
    background: rgba(255, 255, 255, 0) transparent;
    color: #4c4c4c;
    text-shadow: 0;
    padding-left: 110px;
    height: 100px;
    box-sizing: border-box;
    margin: 0 0 0 0;
    text-shadow: none;
  }
}
.itemcard .itemcard-header .itemcard-main h3 {
  font-size: 1em;
  text-transform: uppercase;
  width: auto;
  text-align: left;
  margin: 0 0 5px 0;
}
@media (max-width: 767px) {
  .itemcard .itemcard-header .itemcard-main h3 {
    position: absolute;
    top: 40px;
  }
  .itemcard .itemcard-header .itemcard-main h3.label {
    top: 65px;
    right: 5px;
    height: 15px;
  }
}
.itemcard .itemcard-header .itemcard-main h3.label {
  padding: 5px 5px 3px 5px;
  background: #fff;
  border-radius: 3px;
  font-size: 0.75em;
  color: #4c4c4c;
  margin: 0 0 8px 0;
  text-shadow: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.itemcard .itemcard-header .open-slideshow {
  position: absolute;
  top: 35px;
  right: 5px;
  z-index: 10;
  opacity: 0;
}
.itemcard .itemcard-header .open-details {
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 10;
  opacity: 1;
}
@media (max-width: 767px) {
  .itemcard .itemcard-header .open-details {
    left: 105px;
  }
}
.itemcard .itemcard-footer {
  padding: 0;
}
.itemcard .itemcard-audience {
  font-size: 0.83em;
  line-height: 1em;
  padding-top: 3px;
}
@media (max-width: 767px) {
  .itemcard .itemcard-audience {
    position: absolute;
    z-index: 0;
    padding: 10px 10px 10px 10px;
    bottom: 10px;
    left: 100px;
    text-align: left;
  }
}
.itemcard .itemcard-audience strong {
  font-size: 1em;
}
.itemcard .itemcard-audience i {
  display: none;
  font-size: 1em;
  margin: 0 1px 0 0;
}
.itemcard .itemcard-overlayer {
  background: rgba(251, 110, 82, 0.85);
  color: #fff;
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: all 0.5s;
  border-radius: 3px;
  top: 0;
  left: 0;
}
.itemcard:hover .itemcard-overlayer {
  z-index: 4;
  opacity: 1;
}
.itemcard .location-title {
  display: block;
  padding: 5px 0 0;
}
.itemcard .location-title i {
  color: #999;
}
.itemcard .bucket-title {
  display: block;
  margin: 7px 0 -2px 0;
}
.itemcard .bucket-title:last-child {
  margin-bottom: 0;
}
.itemcard .itemcard-button {
  display: block;
  justify-content: center;
  align-self: flex-end;
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: 0;
}
@media (max-width: 767px) {
  .itemcard .itemcard-button {
    position: absolute;
    bottom: 0;
    justify-content: flex-end;
    display: flex;
  }
}
.itemcard .itemcard-button .button {
  margin-top: 5px;
}
@media (max-width: 767px) {
  .itemcard .itemcard-button .button {
    margin-bottom: 10px;
    align-self: flex-end;
    margin-top: 5px;
    margin-right: 10px;
  }
}
.itemcard .more-info {
  flex: 0 0 100%;
  justify-content: center;
  display: flex;
  z-index: 10;
  align-self: flex-end;
  text-align: center;
  padding: 5px;
  box-sizing: border-box;
  border-radius: 0 0 3px 3px;
}
@media (max-width: 767px) {
  .itemcard .more-info {
    position: absolute;
    bottom: 0;
    right: 0;
  }
}
.itemcard.table-view {
  flex-direction: row;
  min-height: 170px;
  max-height: 170px;
  max-width: 100%;
  flex-basis: 100%;
  position: relative;
  box-sizing: border-box;
  background: #fff !important;
}
.itemcard.table-view .itemcard-image {
  width: 200px;
}
.itemcard.table-view .itemcard-header {
  background-position: left center !important;
  background-size: cover !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
  color: #4c4c4c;
  overflow: visible;
  height: 100%;
  min-height: 210px;
  width: 200px;
  position: static;
  border-radius: 3px 0 0 3px;
}
.itemcard.table-view .itemcard-header .itemcard-main {
  position: absolute;
  left: 220px;
  height: calc(100% - 10px);
  width: calc(100% - 220px);
  background: none;
  top: 0;
  margin-top: 0;
  justify-content: flex-start;
  overflow-y: auto;
  color: #4c4c4c;
  text-shadow: none;
}
.itemcard.table-view .itemcard-header .itemcard-main h3 {
  padding-bottom: 5px;
}
.itemcard.table-view .itemcard-header .itemcard-main h3.label {
  color: #fff;
  background: #4c4c4c;
  position: absolute;
  right: 10px;
  box-shadow: none;
}
.itemcard.table-view .itemcard-header .itemcard-main p {
  line-height: 1em;
  font-size: 0.83em;
  text-shadow: none;
}
.itemcard.table-view .itemcard-footer {
  position: absolute;
  bottom: 0;
  height: 50px;
  left: 20px;
  width: calc(100% - 20px);
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  flex-wrap: wrap;
}
.itemcard.table-view .itemcard-footer .itemcard-price, .itemcard.table-view .itemcard-footer .itemcard-audience {
  flex: 0 0 100%;
  text-align: right;
  justify-content: flex-end;
  padding: 5px 15px 0 15px;
  font-size: 0.83em;
}
.itemcard.table-view .itemcard-footer .itemcard-price strong, .itemcard.table-view .itemcard-footer .itemcard-audience strong {
  font-size: 1em;
}
.itemcard.table-view .itemcard-button {
  position: absolute;
  bottom: 0;
  justify-content: flex-end;
  display: flex;
}
.itemcard.table-view .itemcard-button .button {
  margin-bottom: 10px;
  align-self: flex-end;
  margin-top: 5px;
  margin-right: 10px;
}
.itemcard.table-view .open-slideshow {
  left: 0;
}
.itemcard.table-view .more-info {
  position: absolute;
  bottom: 20px;
  right: 10px;
}
.itemcard.table-view .itemcard-container {
  width: 100%;
  position: relative;
}
.itemcard.table-view .itemcard-container .itemcard-price {
  position: absolute;
  bottom: 10px;
  z-index: 0;
  left: 160px;
  width: 170px;
  text-align: left;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .itemcard.table-view .itemcard-container .itemcard-price {
    bottom: 50px;
  }
}
.itemcard.table-view .itemcard-container .itemcard-audience {
  position: absolute;
  bottom: 10px;
  z-index: 0;
  left: 330px;
  padding: 10px;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .itemcard.table-view .itemcard-container .itemcard-audience {
    bottom: 10px;
    left: 160px;
    text-align: left;
    padding-left: 0;
  }
}
.itemcard.table-view .itemcard-container .itemcard-body {
  width: calc(100% - 200px);
  position: absolute;
  top: 10px;
  left: 100px;
}
@media (max-width: 767px) {
  .itemcard.table-view .itemcard-container .itemcard-body {
    left: 100px;
  }
}
.itemcard.table-view .itemcard-container .itemcard-body.asu-body {
  padding: 10px;
}
.itemcard.table-view .itemcard-container .itemcard-body h3 {
  align-self: flex-start;
  text-align: left;
  font-size: 1.1em;
}
.itemcard.table-view .itemcard-container .itemcard-body p {
  width: 100%;
  margin-bottom: 5px;
  padding-top: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  /* number of lines to show */
  line-height: 1.2em;
  /* fallback */
  max-height: 3.6em;
  text-align: left;
}
.itemcard.table-view .itemcard-container .itemcard-body .button {
  align-self: flex-end;
}

.itemcard-price {
  text-align: left;
  font-size: 0.83em;
  padding: 0;
  line-height: 1em;
  display: block;
  -webkit-font-smoothing: antialiased;
}
@media (max-width: 767px) {
  .itemcard-price {
    font-size: 0.83em;
    position: absolute;
    top: 0;
    z-index: 0;
    right: 0;
    text-align: left;
    padding: 10px;
  }
}
.itemcard-price strong {
  font-size: 1em;
}

.itemcard-header {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
  min-height: 210px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  overflow: hidden;
}
.itemcard-header img {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  font-size: 2em;
  max-width: 100%;
  max-height: 100%;
  border-radius: 3px 3px 0 0;
}

.itemcard-body {
  position: relative;
  padding: 5px 0;
  z-index: 10;
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  color: #4c4c4c;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.itemcard-body.asu-body {
  padding: 10px 10px 40px 10px;
}
.itemcard-body p.hidden {
  display: none;
}
.itemcard-body::after {
  clear: both;
  content: "";
  display: table;
}
@media (max-width: 767px) {
  .itemcard-body {
    align-items: flex-start;
    width: calc(100% - 200px);
    position: absolute;
    top: 10px;
    left: 100px;
    padding-bottom: 10px;
  }
}
.itemcard-body h3 {
  width: 100%;
  vertical-align: middle;
  text-align: center;
  font-size: 1em;
}
@media (max-width: 767px) {
  .itemcard-body h3 {
    align-self: flex-start;
    text-align: left;
  }
}
.itemcard-body .button {
  margin: 10px 0 0 0;
}
.itemcard-body .title {
  position: absolute;
  padding: 5px 10px;
  top: 0;
  background: rgba(76, 76, 76, 0.6);
  color: #ffffff;
  margin: 10px;
  border-radius: 3px;
  left: 0;
  width: calc(100% - 20px);
}

.asus .itemcard.table-view .itemcard-audience {
  text-align: left;
}
.asus .itemcard.table-view .itemcard-price {
  position: absolute;
}
@media (max-width: 767px) {
  .asus .itemcard-main h3 {
    font-size: 0.83em !important;
  }
}

@media screen and (max-width: 768px) {
  .filters.open + .search-result .item-card, .new-simulation.open + .main .item-card {
    flex: 0 0 100%;
    margin-right: 0;
  }
  .filters.open + .search-result .item-card:nth-child(2n), .new-simulation.open + .main .item-card:nth-child(2n) {
    margin-right: 1%;
  }
}
@media screen and (min-width: 768px) and (max-width: 880px) {
  .filters.open + .search-result .item-card:not(.table-view), .new-simulation.open + .main .item-card:not(.table-view) {
    flex: 0 0 49.5%;
  }
  .filters.open + .search-result .item-card:not(.table-view):nth-child(1n), .filters.open + .search-result .item-card:not(.table-view):nth-child(3n), .new-simulation.open + .main .item-card:not(.table-view):nth-child(1n), .new-simulation.open + .main .item-card:not(.table-view):nth-child(3n) {
    margin-right: 1%;
  }
  .filters.open + .search-result .item-card:not(.table-view):nth-child(2n), .new-simulation.open + .main .item-card:not(.table-view):nth-child(2n) {
    margin-right: 0;
  }
}
@media screen and (min-width: 880px) and (max-width: 1080px) {
  .filters.open + .search-result .item-card:not(.table-view), .new-simulation.open + .main .item-card:not(.table-view) {
    flex: 0 0 32.66%;
  }
  .filters.open + .search-result .item-card:not(.table-view):nth-child(2n), .filters.open + .search-result .item-card:not(.table-view):nth-child(4n), .new-simulation.open + .main .item-card:not(.table-view):nth-child(2n), .new-simulation.open + .main .item-card:not(.table-view):nth-child(4n) {
    margin-right: 1%;
  }
  .filters.open + .search-result .item-card:not(.table-view):nth-child(3n), .new-simulation.open + .main .item-card:not(.table-view):nth-child(3n) {
    margin-right: 0;
  }
}
@media screen and (min-width: 1080px) and (max-width: 1180px) {
  .filters.open + .search-result .item-card:not(.table-view), .new-simulation.open + .main .item-card:not(.table-view) {
    flex: 0 0 24.25%;
  }
  .filters.open + .search-result .item-card:not(.table-view):nth-child(3n), .filters.open + .search-result .item-card:not(.table-view):nth-child(5n), .new-simulation.open + .main .item-card:not(.table-view):nth-child(3n), .new-simulation.open + .main .item-card:not(.table-view):nth-child(5n) {
    margin-right: 1%;
  }
  .filters.open + .search-result .item-card:not(.table-view):nth-child(4n), .new-simulation.open + .main .item-card:not(.table-view):nth-child(4n) {
    margin-right: 0;
  }
}
@media screen and (min-width: 1180px) {
  .filters.open + .search-result .item-card:not(.table-view), .new-simulation.open + .main .item-card:not(.table-view) {
    flex: 0 0 19.2%;
  }
  .filters.open + .search-result .item-card:not(.table-view):nth-child(6n), .filters.open + .search-result .item-card:not(.table-view):nth-child(4n), .new-simulation.open + .main .item-card:not(.table-view):nth-child(6n), .new-simulation.open + .main .item-card:not(.table-view):nth-child(4n) {
    margin-right: 1%;
  }
  .filters.open + .search-result .item-card:not(.table-view):nth-child(5n), .new-simulation.open + .main .item-card:not(.table-view):nth-child(5n) {
    margin-right: 0;
  }
}
.scroll-to-top {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  height: 0px;
  width: 100%;
}
.scroll-to-top a {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  position: fixed;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  z-index: -10;
  opacity: 0;
  bottom: 0;
  background: rgba(76, 76, 76, 0.9);
  border: 2px solid #4c4c4c;
  border-bottom: none;
  width: 70px;
  height: 35px;
  border-radius: 35px 35px 0 0;
  /* ID */
  background: #fb6e52;
  border: none;
}
.scroll-to-top a i {
  font-size: 1.6em;
  color: #fff;
}
.scroll-to-top.show a {
  opacity: 0.5;
  z-index: 100;
}
.scroll-to-top.show a:hover {
  opacity: 1;
}

.accordion {
  display: block;
  padding: 0 30px;
  box-sizing: border-box;
  max-width: 960px;
  margin: 0 auto;
}
.accordion:last-child {
  border-bottom: 0;
}
.accordion .accordion-header {
  padding: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #d2d2d2;
  font-weight: bold;
  cursor: pointer;
}
.accordion .accordion-header h3 {
  font-size: 0.988em;
}
.accordion .accordion-header-icon {
  color: #707070;
}
.accordion .accordion-content-box {
  padding: 10px 10px 15px;
}

h2 + .accordion {
  padding-top: 25px;
}

.header {
  z-index: 10000;
  position: fixed;
  top: 0;
  background: #4c4c4c !important;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
  background: #4c4c4c;
  width: 100%;
  height: 60px;
}
.header.scrolled {
  height: 50px;
}
.header.scrolled .nav li a:not(.button) {
  line-height: 50px;
}
.header.scrolled .title a {
  line-height: 50px;
  font-weight: normal;
}
.header .nav li a:not(.button):hover {
  background: #3c3c3c;
}
.header .logo {
  flex: 1 1 30px;
  padding: 5px 5px;
  background: 0 0;
  margin-left: 5px;
  background: none;
  flex: 0 0 100px;
  box-shadow: none;
}
.header .logo a {
  width: 180px;
  background: url(../images/cda-inline.svg) left center no-repeat;
  height: 50px;
  text-indent: -999em;
  background-size: contain;
  display: block;
}
.header .publisher-header .title h1 span, .header .publisher-header .title .breadcrumb a:before {
  color: #3c3c3c;
}
.header .nav li a:not(.button) {
  line-height: 60px;
}
.header .title {
  flex-direction: row;
  padding-top: 0;
  padding-bottom: 0;
  height: 50px;
}
.header .title a {
  color: #fff;
  line-height: 60px;
  padding: 0 15px 0 10px;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  font-size: 0.83em;
  white-space: nowrap;
}
.header .title a:hover {
  background: #3c3c3c;
}
.header.publisher-header {
  left: 0;
  background: #fb6e52;
}
.header.publisher-header .logo {
  flex: 0 0 180px;
  background-color: #ad4a36;
}
.header.publisher-header .nav li a:hover {
  background: #fa5939;
}
.header.publisher-header .title h1 span, .header.publisher-header .title .breadcrumb a:before {
  color: #ad4a36;
}
.header.publisher-header .header .nav li.current a {
  background: #f92f07;
}
.header.admin-header {
  left: 0;
  background: #2dbdfd;
}
.header.admin-header .logo {
  background-color: #2392f8;
}
.header.admin-header .nav li a:hover {
  background: #2392f8;
}
.header.admin-header .title h1 span, .header.admin-header .title .breadcrumb a:before {
  color: #2392f8;
}
.header.midia-header {
  background: #fff !important;
}
@media (max-width: 767px) {
  .header.midia-header .header-toggle span {
    background: #2392f8;
  }
  .header.midia-header .header-wrapper {
    background: #fbfbfb;
  }
}
.header.midia-header .logo {
  margin-left: 3px;
}
.header.midia-header .logo a {
  background: url(../images/canaldomidia-white-v2.svg) left center no-repeat;
}
@media screen and (max-width: 1024px) {
  .header.midia-header .logo a {
    background: url(../images/canaldomidia-white-v2.svg) left center no-repeat;
  }
}
.header.midia-header .nav li a:not(.button):hover {
  background: #f9f9f9;
}
.header.midia-header .nav li a {
  color: #2392f8;
}
.header.midia-header .nav li a.button {
  margin: 10px;
  height: calc(100% - 20px);
  line-height: calc(100% - 20px);
}
.header.midia-header .nav li a:hover {
  background: #f9f9f9;
  color: #4c4c4c;
}
.header.midia-header .publisher-header .title h1 span, .header.midia-header .publisher-header .title .breadcrumb a:before {
  color: #2392f8;
}
.header.midia-header .title {
  flex-direction: row;
  padding-top: 0;
  padding-bottom: 0;
}
.header.admin-header {
  left: 0;
  background: #2dbdfd;
}
.header.admin-header .logo {
  background-color: #2392f8;
}
.header.admin-header .nav li a:hover {
  background: #2392f8;
}
.header.admin-header .title h1 span, .header.admin-header .title .breadcrumb a:before {
  color: #2392f8;
}

.home-content {
  margin-top: 0;
  padding-top: 0;
  min-height: auto !important;
}

.about {
  max-width: 730px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  margin: 0 auto;
}
.about .about-title {
  width: 48%;
  font-size: 1.875em;
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  .about .about-title {
    width: auto;
    margin-left: 15px;
    margin-bottom: 10px;
  }
}
.about .about-content {
  box-sizing: border-box;
}
.about p {
  padding: 0 0 10px 0;
  font-size: 0.83em;
}
.about p.mark {
  color: #fb6e52;
}
.about p.mark:before, .about p.mark:after {
  width: 30px;
  height: 1px;
  background: #fb6e52;
  display: block;
  margin: 15px 0;
  content: "";
}
.about .about-cdm-content {
  color: #3c3c3c;
}
.about .about-cdm-content h4 {
  margin: 15px 0;
  font-size: 1.2em;
  color: #000;
}
.about .about-cdm-content h3 {
  margin: 15px 0;
  color: #000;
}
.about .about-cdm-content p {
  font-size: 1em;
  line-height: 1.2em;
}
.about .about-cdm-content p.text-center {
  text-align: center;
}
.about .about-cdm-content p.text-justify {
  text-align: justify;
}
.about .about-cdm-content .notify {
  border-radius: 4px;
  background: #fb6e52;
  padding: 10px;
  box-sizing: border-box;
  color: #fff;
  text-align: center;
  margin-bottom: 10px;
}

.placement-schedule {
  padding: 0;
  width: 100%;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .placement-schedule {
    max-width: 100%;
    overflow: auto;
  }
}
.placement-schedule .calendar-control.no-mobile {
  display: flex !important;
  justify-content: center;
}
.placement-schedule .calendar-control.no-mobile > * {
  border: none !important;
  background: none !important;
}
.placement-schedule .deg90 {
  transition: 0.3s all;
  display: inline-flex;
  width: 15px;
  height: 15px;
  justify-content: center;
  align-items: center;
  transform: rotate(90deg);
}
.placement-schedule .deg270 {
  transition: 0.3s all;
  display: inline-flex;
  width: 15px;
  height: 15px;
  justify-content: center;
  align-items: center;
  transform: rotate(270deg);
}
.placement-schedule .right {
  width: calc(100% - 6px);
  text-align: right;
  display: inline-block;
  padding: 0 3px;
}
.placement-schedule .left {
  width: calc(100% - 6px);
  text-align: left;
  display: inline-block;
  padding: 0 3px;
}
.placement-schedule .center {
  width: calc(100% - 6px);
  text-align: center;
  display: inline-block;
  padding: 0 3px;
}
.placement-schedule .left + .center {
  width: 100%;
  display: block;
  margin: 0;
  line-height: 0;
  opacity: 0.3;
  padding: 0;
}
.placement-schedule table {
  width: 100%;
}
.placement-schedule table thead th {
  height: 26px;
  line-height: 10px;
  font-size: 0.75em;
  box-sizing: border-box;
  color: #b4b4b4;
  text-align: center;
}
.placement-schedule table thead th:first-child {
  padding-left: 16px;
}
.placement-schedule table thead th:nth-child(1) {
  line-height: 26px;
  text-align: left;
}
.placement-schedule table thead td {
  height: 60px;
  box-sizing: border-box;
  vertical-align: middle;
  line-height: 24px;
}
.placement-schedule table thead td:first-child {
  padding-left: 16px;
  border-left: none;
  line-height: 13px;
  min-width: 180px;
  font-size: 11px;
  vertical-align: middle;
  padding: 0 16px 0 0;
}
.placement-schedule table thead td span {
  font-size: 0.83em;
  font-weight: bold;
  font-style: italic;
}
.placement-schedule table tbody th {
  transition: 0.3s all;
  height: 36px;
  line-height: 16px;
  vertical-align: middle;
  box-sizing: border-box;
  background: #fafafa;
  text-align: left;
  color: #b4b4b4;
  border-top: 2px solid #f5f5f5;
}
.placement-schedule table tbody th:first-child {
  box-shadow: inset 6px 0 0 #d6d6d6;
  padding-left: 16px;
}
.placement-schedule table tbody td {
  transition: 0.3s all;
  width: 20px;
  background: #fff;
  border: 1px solid #f5f5f5;
  height: 40px;
  vertical-align: middle;
  box-sizing: border-box;
  padding: 0 2px;
  white-space: nowrap;
  font-size: 0.83em;
  vertical-align: middle;
}
.placement-schedule table tbody td:first-child {
  padding-left: 16px;
}
.placement-schedule table tbody td.day {
  width: 20px;
}
.placement-schedule table tbody td:first-child {
  border-left: none;
}
.placement-schedule table tbody td:last-child {
  border-right: none;
}
.placement-schedule table tbody:first-child th {
  border-top: none;
}
.placement-schedule table thead + tbody th {
  border-top: none;
}
.placement-schedule table tfoot td {
  padding: 5px 2px;
  text-align: left;
  font-size: 0.75em;
  font-weight: bold;
  box-shadow: inset 0 1px 0 #d2d2d2;
  border-right: 1px solid #d2d2d255;
}
.placement-schedule table .right-border {
  border-right: 1px solid #d2d2d2;
}
.placement-schedule table .day {
  padding: 0;
  margin: 0;
  position: relative;
  width: 28px !important;
}
.placement-schedule table .fill {
  position: absolute;
  width: calc(100% + 1px);
  margin-left: -1px;
  margin-top: 3px;
  height: 5px;
  display: flex;
  border-radius: 0;
  flex-flow: column;
  bottom: 2px;
}
.placement-schedule table .fill.green {
  background: rgba(59, 174, 113, 0.75);
}
.placement-schedule table .fill.red {
  background: rgba(243, 58, 58, 0.75);
}
.placement-schedule table .fill.yellow {
  background: rgba(214, 168, 0, 0.75);
}
.placement-schedule table .fill.orange {
  background: rgba(251, 110, 82, 0.75);
}
.placement-schedule table .fill.gray, .placement-schedule table .fill.disabled {
  background: rgba(153, 153, 153, 0.75);
}
.placement-schedule table .fill.first {
  width: calc(100% - 4px);
  border-radius: 2px 0 0 2px;
  right: 0;
}
.placement-schedule table .fill.last {
  left: 0;
  width: calc(100% - 3px);
  border-radius: 0 2px 2px 0;
}
.placement-schedule table .fill.last.first {
  border-radius: 2px;
  right: 4px;
  width: calc(100% - 6px);
  left: 4px;
}
.placement-schedule table .fill .day-quantity {
  padding: 2px;
  margin: 2px;
  line-height: 9px;
  height: 9px;
  font-size: 10px;
  width: fit-content;
  overflow: visible;
  position: relative;
  z-index: 1;
  border-radius: 3px;
  bottom: 16px;
  width: calc(100% - 8px);
  text-align: left;
  display: block;
}
.placement-schedule table .fill .day-insertions-only {
  text-align: right;
  width: 100%;
  display: block;
}
.placement-schedule table .fill .day-insertions {
  margin-top: -16px;
  width: 100%;
  text-align: right;
  display: block;
}
.placement-schedule table small {
  font-size: 0.75em;
  color: #b4b4b4;
}

.content > .text-description {
  padding: 25px 350px 25px 25px;
}

.text-description {
  position: relative;
}
@media screen and (max-width: 768px) {
  .text-description {
    padding: 30px 30px 75px;
  }
}
.text-description h2 {
  padding: 40px 0 15px 0;
}
.text-description h3 {
  padding: 20px 0 10px;
  line-height: 1.2em;
}
.text-description p {
  line-height: 1.5em;
  padding-bottom: 10px;
  text-align: justify;
  color: #707070;
}
.text-description h2 + .button {
  margin-left: 25px;
}
.text-description .mediatypes-icons {
  padding: 10px 0 15px 8px;
}
@media screen and (max-width: 768px) {
  .text-description .mediatypes-icons {
    flex-wrap: wrap;
  }
}
.text-description .mediatypes-icons a {
  padding: 10px;
  border-radius: 56px;
  border: 2px solid #ededed;
  color: #707070 !important;
  /* display: flex; */
  font-size: 0.83em;
  margin-left: -8px;
  background: #fff;
  text-align: center;
  overflow: hidden;
  transition: 0.25s all;
  z-index: 0;
}
@media screen and (max-width: 768px) {
  .text-description .mediatypes-icons a {
    flex-wrap: wrap;
    margin: 5px;
  }
}
.text-description .mediatypes-icons a i {
  margin-right: 0;
  font-size: 2em;
}
.text-description .mediatypes-icons a span {
  margin: 0;
  display: none;
  font-size: 1em;
  padding: 5px;
}
.text-description .mediatypes-icons a > span {
  position: absolute;
  background: #fff;
  box-shadow: 0 3px 11px rgba(0, 0, 0, 0.1);
  margin: 10px 0 0 0;
  border-radius: 0 3px 3px 3px;
}
.text-description .mediatypes-icons a:hover {
  background: #fb6e52;
  z-index: 1;
}
.text-description .mediatypes-icons a:hover i {
  color: #fff !important;
}
.text-description .mediatypes-icons a:hover span {
  display: block;
}
.text-description .text-menu {
  position: absolute;
  top: 110px;
  right: 0;
  width: 25%;
  padding: 15px 30px 30px;
  box-sizing: border-box;
  font-size: 0.83em;
}
@media screen and (max-width: 768px) {
  .text-description .text-menu {
    display: none;
  }
}
.text-description .text-menu.fixed {
  top: 60px;
  position: fixed;
}
.text-description .text-menu li {
  padding: 3px 0;
  margin-bottom: 3px;
}
.text-description .text-menu li a {
  transition: 0.3s all;
  padding: 0 5px 0 15px;
  font-weight: normal;
  color: #707070;
  display: block;
}
.text-description .text-menu li a:hover {
  box-shadow: inset 2px 0 0 0 #707070;
}
.text-description .text-menu li a.current {
  box-shadow: inset 2px 0 0 0 #fb6e52;
  color: #fb6e52;
  font-weight: bold;
}

.contact {
  display: flex;
  flex-wrap: wrap;
  min-height: inherit;
}
@media screen and (max-width: 768px) {
  .contact {
    flex-flow: column-reverse;
  }
}
.contact h1 {
  padding-top: 30px;
  padding-bottom: 30px;
  font-size: 2em;
  font-weight: bold;
}
.contact h1 small {
  font-size: 0.5em;
  display: block;
  font-weight: normal;
  color: #b2b2b2;
  padding: 5px 0 0 0;
}
.contact .contact-map {
  min-height: inherit;
  flex: 0 0 45%;
}
@media screen and (max-width: 768px) {
  .contact .contact-map {
    flex: 0 0 100%;
  }
}
.contact .cd-google-map,
.contact #google-container,
.contact #cd-google-map {
  min-height: inherit;
  height: 100%;
}
.contact .contact-content {
  flex: 1 1 30%;
  padding: 20px 30px 30px;
}
.contact .contact-content h3,
.contact .contact-content h4,
.contact .contact-content h3 a:not(.social-media-icon) {
  padding: 5px 0 10px;
  font-weight: normal;
  color: #707070;
}
@media only screen and (max-width: 768px) {
  .contact .contact-content h4 {
    font-size: 1.2em;
    line-height: 1.5em;
  }
}
@media only screen and (max-width: 768px) {
  .contact .contact-content .flex {
    flex-wrap: wrap;
  }
  .contact .contact-content .flex .form-input {
    flex: 0 0 100%;
    padding-bottom: 20px;
  }
}
.contact .social-media-icon {
  display: inline-flex;
  width: 26px;
  height: 26px;
  border-radius: 13px;
  border: 1px solid #ededed;
  font-size: 0.83em;
  justify-content: center;
  align-items: center;
  transition: 0.3s all;
  color: #707070 !important;
}
@media only screen and (max-width: 768px) {
  .contact .social-media-icon {
    width: 50px;
    height: 50px;
    border-radius: 25px;
    font-size: 1em;
  }
}
.contact .social-media-icon.text-cda:hover {
  color: #fb6e52 !important;
}
.contact .social-media-icon.text-cdm:hover {
  color: #5878A7 !important;
}
.contact .contact-form {
  border: 2px solid #ededed;
  padding: 15px 15px 0 15px;
  border-radius: 4px;
}
.contact .contact-form h2 {
  display: none;
}
.contact .contact-form.sent {
  background: #3bae71;
  color: #fff;
  padding-bottom: 15px;
  border-color: #3bae71;
}
.contact .contact-form.sent h3 {
  color: #fff;
}
.contact .contact-form.sent ul {
  display: flex;
}
.contact .contact-form.sent ul li {
  padding-right: 10px;
}
.contact .contact-form.sent ul li .button {
  display: block;
}

.class-cdm .text-description .text-menu li a.current {
  color: #5878A7;
  box-shadow: inset 2px 0 0 0 #5878A7;
}

.steps-indicator {
  margin: 20px 0 0 0;
  max-width: 500px;
  display: flex;
  justify-content: center;
}
.steps-indicator .step {
  width: 30px;
  height: 30px;
  background: #c6c6c6;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(255, 255, 255, 0.75);
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  border-radius: 15px;
  color: #fff;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 -1px 0 rgba(255, 255, 255, 0.5);
  position: relative;
  margin-left: 30px;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
.steps-indicator .step:before {
  width: 30px;
  height: 5px;
  display: block;
  background: #c6c6c6;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(255, 255, 255, 0.5);
  content: " ";
  position: absolute;
  right: 30px;
}
.steps-indicator .step:first-child {
  margin-left: 0;
}
.steps-indicator .step:first-child:before {
  display: none;
  visibility: 0;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
.steps-indicator .step.active {
  background: #fb6e52;
}
.steps-indicator .step.active:before {
  background: #fb6e52;
}

.maps-controls .quick-add-container .new-list-form {
  border: 1px solid #C4C4C4;
  border-radius: 10px;
  padding: 5px 12px 0;
}
.maps-controls .address-list {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.maps-controls .list-name {
  height: 40px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 19px;
  font-weight: bold;
  color: #4C4C4C;
}
.maps-controls .list-name i {
  color: #fb6e52;
  cursor: pointer;
  font-size: 13px;
  margin-left: 10px;
}
.maps-controls .list-container {
  width: 98%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 15px;
  box-sizing: border-box;
  padding: 0 5px;
}
.maps-controls .address-list-header {
  width: 100%;
  display: grid;
  grid-template-columns: 4fr 1fr;
  color: #474747;
}
.maps-controls .address-list-header p {
  font-size: 0.83em;
  font-weight: bold;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  align-items: center;
}
.maps-controls .address-list-header p:nth-of-type(1) {
  justify-content: flex-start;
  padding-left: 15px;
}
.maps-controls .address-list-body {
  width: 100%;
  display: block;
  justify-content: center;
  align-items: center;
  max-height: 400px;
  overflow-y: scroll;
  margin-bottom: 10px;
}
.maps-controls .address-list-item {
  width: 100%;
  display: grid;
  grid-template-columns: 4fr 1fr;
  border-bottom: 1px solid #F2F2F2;
  height: 43px;
  padding: 0;
  cursor: pointer;
  box-sizing: border-box;
  padding: 0 5px;
}
.maps-controls .address-list-item:not(.selected):hover {
  background-color: #F5F5F5;
}
.maps-controls .address-list-item:not(.selected):hover p:after {
  background: linear-gradient(to right, rgba(245, 245, 245, 0), rgba(245, 245, 245, 0.02));
}
.maps-controls .address-list-item.selected {
  background-color: rgba(255, 97, 64, 0.1);
}
.maps-controls .address-list-item.selected p:after {
  background: linear-gradient(to right, rgba(255, 97, 64, 0.1), rgba(245, 245, 245, 0.02));
}
.maps-controls .address-description {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: flex-start;
  font-size: 14px;
  color: #707070;
}
.maps-controls .address-description p {
  overflow: hidden;
  font-size: 13px;
  color: #4C4C4C;
  padding-right: 8px;
  line-height: 15px;
  position: relative;
  width: 100%;
  text-align: left;
  max-height: 30px;
}
.maps-controls .address-description p:after {
  content: "";
  text-align: right;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 20%;
  height: 15px;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), white 50%);
}
.maps-controls .address-description p .address-list-item:hover p:after, .maps-controls .address-description p .address-list-item.selected p:after {
  background: linear-gradient(to right, rgba(251, 110, 82, 0), rgba(245, 245, 245, 0.02));
}
.maps-controls .address-list-item.selected .address-description p:after {
  background: linear-gradient(to right, rgba(251, 110, 82, 0), rgba(255, 97, 64, 0.02));
}
.maps-controls .remove-btn {
  font-size: 14px;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 13px;
  color: #F2F2F2;
  cursor: pointer;
}
.maps-controls .remove-btn:hover {
  color: #dedcdc;
}
.maps-controls .address-list-item.selected .remove-btn {
  color: rgba(251, 110, 82, 0.5);
}
.maps-controls .address-list-item.selected .remove-btn:hover {
  color: #fb6e52;
}
.maps-controls .address-items {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #00B212;
}
.maps-controls .address-items.unselected {
  color: #707070;
}
.maps-controls .address-items .preloader {
  margin: 0;
  height: 100%;
  width: 100%;
  background-size: 35%;
  background-position: center;
}
.maps-controls .selected-formats-count {
  font-size: 16px;
  font-weight: bold;
  line-height: 100%;
}
.maps-controls .available-formats-count {
  font-size: 11px;
}
.maps-controls .unavailable-formats {
  font-size: 20px;
  font-weight: bold;
}
.maps-controls .items-counter {
  display: flex;
  align-items: flex-end;
}
.maps-controls .no-address-warning {
  align-items: center;
  justify-content: center;
  font-size: 16px;
  text-align: center;
}
.maps-controls .create-list-form {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.maps-controls .list-form-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  box-sizing: border-box;
  padding: 0 5px;
}
.maps-controls .new-list-form {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.maps-controls .form-group {
  padding-top: 8%;
  position: relative;
}
.maps-controls .form-group p {
  font-size: 14px;
  font-weight: bold;
}
.maps-controls .form-group input {
  font-size: 13px;
  font-weight: 500;
  font-family: "PT Sans", sans-serif;
}
.maps-controls .form-group p span {
  color: #fb6e52;
}
.maps-controls .new-list-addresses {
  display: flex;
  flex-direction: column;
  min-height: 170px;
  max-height: 170px;
  overflow-y: scroll;
  margin-top: 10px;
  width: 100%;
}
.maps-controls .new-list-address {
  font-size: 13px;
  border-bottom: 1px solid #F2F2F2;
  padding: 3% 0;
  color: #707070;
  width: 100%;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  height: 35px;
}
.maps-controls .new-list-address p {
  font-size: 13px;
  color: #707070;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.maps-controls .remove-btn {
  height: 100%;
  display: flex;
  align-items: center;
  cursor: pointer;
  color: #e6e6e6;
  padding-left: 15px;
}
.maps-controls .save-btn {
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  background-color: #fb6e52;
  padding: 5px 0;
  border-radius: 5px;
  cursor: pointer;
  user-select: none;
  width: 87%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.maps-controls .save-btn-container {
  display: flex;
  height: 65px;
  margin-top: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.maps-controls .import-list-btn {
  font-size: 13px;
  font-weight: bold;
  cursor: pointer;
}
.maps-controls .import-list-btn-container {
  height: 50px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.maps-controls .left-controls {
  position: absolute;
  top: 10px;
  left: 10px;
}
.maps-controls .radius-controls-container {
  position: absolute;
  left: 360px;
}
.maps-controls .radius-controls-container .radius-controls {
  background-color: #fff;
  width: 325px;
  max-width: 325px;
  z-index: -1;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
  border-radius: 0 0 2px 2px;
  transition: max-width 250ms;
  height: auto;
}
.maps-controls .radius-controls-container .radius-controls.disabled .radius-controls-default {
  color: #e6e6e6;
}
.maps-controls .radius-controls-container .radius-controls.disabled .show-radius-toggle {
  color: #e6e6e6;
  cursor: default;
}
.maps-controls .radius-controls-container .radius-controls.condensed .show-radius-toggle {
  transform: rotateY(180deg);
}
.maps-controls .radius-controls-container .radius-controls.active.condensed {
  max-width: 190px;
  height: 40px;
}
.maps-controls .radius-controls-container .radius-controls:not(.active).condensed {
  max-width: 75px;
  height: 40px;
}
.maps-controls .radius-controls-container .radius-controls .radius-controls-default {
  display: flex;
  height: 40px;
  align-items: center;
  color: #666;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
}
.maps-controls .radius-controls-container .radius-controls .radius-controls-default .radius-icon {
  font-size: 20px;
  width: 40px;
  height: 62%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 500ms;
  padding-right: 5px;
  border-right: 1px solid #e6e6e6;
  flex: 2;
  min-width: 40px;
}
.maps-controls .radius-controls-container .radius-controls .radius-controls-default .radius-icon.active {
  color: #fb6e52;
}
.maps-controls .radius-controls-container .radius-controls .radius-controls-default .radius-title {
  font-size: 12px;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  align-items: center;
  padding-left: 10px;
  font-weight: bold;
  max-width: 100%;
  overflow: hidden;
  transition: all 100ms;
  flex: 14;
}
.maps-controls .radius-controls-container .radius-controls .radius-controls-default .radius-title span {
  max-width: 220px;
  overflow: hidden;
}
.maps-controls .radius-controls-container .radius-controls .radius-controls-default .radius-title span.condensed {
  max-width: 0;
}
.maps-controls .radius-controls-container .radius-controls .radius-controls-default .radius-title button {
  margin: 0 auto 0 auto;
  border: none;
  background: #fb6e52;
  color: white;
  padding: 5px;
  border-radius: 5px;
}
.maps-controls .radius-controls-container .radius-controls .radius-controls-default .radius-title button:hover {
  background-color: rgba(255, 97, 64, 0.71);
}
.maps-controls .radius-controls-container .radius-controls .radius-controls-default .radius-title .radius-value {
  font-size: 14px;
  display: flex;
  justify-content: flex-start;
  overflow: hidden;
  padding-left: 10px;
}
.maps-controls .radius-controls-container .radius-controls .radius-controls-default .radius-title .radius-value p {
  margin-left: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.maps-controls .radius-controls-container .radius-controls .radius-controls-default .radius-title .radius-value .radius-input {
  display: flex;
  font-size: 14px;
  align-items: center;
  width: 70px;
  border: #e6e6e6 1px solid;
  color: #8f8f8f;
  border-radius: 3px;
}
.maps-controls .radius-controls-container .radius-controls .radius-controls-default .radius-title .radius-value .radius-input input {
  padding: 5px;
  font-size: 13px;
  display: flex;
  justify-content: center;
  border-radius: 3px;
  font-weight: 400;
  box-shadow: none;
}
.maps-controls .radius-controls-container .radius-controls .radius-controls-default .radius-title .radius-value .radius-input input:focus {
  box-shadow: none;
}
.maps-controls .radius-controls-container .radius-controls .radius-controls-default .radius-title .radius-value .radius-input i {
  position: relative;
  right: 5px;
  cursor: pointer;
}
.maps-controls .radius-controls-container .radius-controls .radius-controls-default .show-radius-toggle {
  font-size: 20px;
  position: absolute;
  right: 0;
  cursor: pointer;
  color: #666666;
  padding: 0 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 70%;
  flex: 1;
}
.maps-controls .radius-controls-container .radius-controls .radius-controller {
  display: flex;
  height: 35px;
  align-items: center;
  width: auto;
  padding: 5px 5%;
  max-height: 35px;
  transition: max-height 250ms;
  overflow: hidden;
  flex-direction: column;
}
.maps-controls .radius-controls-container .radius-controls .radius-controller.condensed {
  max-height: 0;
  padding: 0;
}
.maps-controls .radius-controls-container .radius-controls .radius-controller .radius-slider {
  width: 100%;
}
.maps-controls .radius-controls-container .radius-controls .radius-controller .slider-limits {
  width: 103%;
  justify-content: space-between;
  display: flex;
  margin-top: 9px;
}
.maps-controls .radius-controls-container .radius-controls:not(.slider-enabled) .radius-controls-default .radius-icon {
  border-right: none;
}
.maps-controls .radius-controls-container .radius-controls:not(.slider-enabled) .radius-controls-default .radius-title {
  padding-left: 0;
}
.maps-controls .radius-controls-container .radius-controls:not(.slider-enabled).condensed {
  max-width: 160px;
  height: 40px;
}
.maps-controls .apply-button {
  color: #fb6e52;
  border: 1px solid #fb6e52;
  border-radius: 3px;
  padding: 4px 25px;
  font-size: 13px;
  cursor: pointer;
  transition: all 300ms;
  margin-left: 6%;
  user-select: none;
}
.maps-controls .address-list-listing {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  box-sizing: border-box;
  padding: 0 5px;
}
.maps-controls .listing-header {
  width: 98%;
  font-size: 12px;
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  font-weight: bold;
  padding: 4% 0;
}
.maps-controls .listing-header p {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
}
.maps-controls .listing-header p:nth-of-type(1) {
  justify-content: flex-start;
  padding-left: 15px;
}
.maps-controls .listing-body {
  width: 98%;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow-y: scroll;
  margin-bottom: 10px;
  max-height: 350px;
}
.maps-controls .listing-item {
  width: 100%;
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  font-size: 13px;
  height: 43px;
  font-weight: 300;
  border-bottom: 1px solid #F2F2F2;
  align-items: center;
  cursor: pointer;
}
.maps-controls .listing-item:hover {
  background-color: #F5F5F5;
}
.maps-controls .listing-item div {
  display: flex;
  justify-content: center;
  align-items: center;
}
.maps-controls .listing-item .item-name {
  justify-content: flex-start;
}
.maps-controls .item-name i {
  color: #e6e6e6;
  padding-right: 15px;
  padding-left: 15px;
}
.maps-controls .item-name i:hover {
  color: #8F8F8F;
}
.maps-controls .item-count {
  font-size: 15px;
  font-weight: bold;
  color: #00B212;
  height: 100%;
}
.maps-controls .address-count {
  font-size: 15px;
  font-weight: bold;
  color: #707070;
}
.maps-controls .add-list-container {
  display: flex;
  width: 98%;
  height: 60px;
  margin-top: 5px;
  justify-content: center;
  align-items: center;
  padding: 0 5px;
  box-sizing: border-box;
}
.maps-controls .add-list-btn {
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  background-color: #fb6e52;
  padding: 5px 25px;
  border-radius: 5px;
  cursor: pointer;
  user-select: none;
}
.maps-controls .add-list-btn:hover {
  background-color: rgba(251, 110, 82, 0.1);
}
.maps-controls .preloader {
  margin: 0;
  height: 100%;
  width: 100%;
  background-size: 30%;
  background-position: center;
}
.maps-controls .no-list-warning {
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  width: 80%;
  text-align: center;
}
.maps-controls .no-list-warning p {
  font-weight: bold;
}
.maps-controls .running-task .preloader {
  margin: 0 !important;
  height: 100%;
  width: 100%;
  background-size: 30%;
  background-position: center;
}
.maps-controls .google-places-container {
  position: absolute;
  left: 530px;
  top: 10px;
  border-radius: 2px;
  box-shadow: rgba(0, 0, 0, 0.3) 0 1px 4px -1px;
}
.maps-controls .google-places-container .google-places {
  background-color: #fff;
}
.maps-controls .google-places-container .google-places.disabled .default-header .places-icon,
.maps-controls .google-places-container .google-places.disabled .default-header .places-toggle {
  color: #e6e6e6;
}
.maps-controls .google-places-container .google-places.disabled .default-header .places-toggle {
  cursor: default;
}
.maps-controls .google-places-container .google-places .default-header {
  width: 230px;
  height: 40px;
  display: flex;
  align-items: center;
  transition: 250ms;
  justify-content: space-between;
  border-bottom: 1px solid #e6e6e6;
  box-sizing: border-box;
}
.maps-controls .google-places-container .google-places .default-header.condensed {
  width: 70px;
  border-bottom: none;
}
.maps-controls .google-places-container .google-places .default-header.condensed .places-toggle {
  transform: rotate(180deg);
}
.maps-controls .google-places-container .google-places .default-header.condensed .places-title {
  max-width: 0;
  padding: 0;
  opacity: 0;
}
.maps-controls .google-places-container .google-places .default-header .places-title {
  flex: 6;
  max-width: 230px;
  transition: 250ms;
  overflow: hidden;
  font-size: 13px;
  padding: 0 5%;
  opacity: 1;
}
.maps-controls .google-places-container .google-places .default-header .places-icon {
  font-size: 25px;
  color: #666;
  display: flex;
  justify-content: center;
  border-right: 1px solid #e6e6e6;
  height: 62%;
  flex: 1;
  min-width: 35px;
  box-sizing: border-box;
}
.maps-controls .google-places-container .google-places .default-header .places-toggle {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  cursor: pointer;
  font-size: 21px;
  color: #666;
  flex: 1;
  min-width: 35px;
}
.maps-controls .google-places-container .google-places .categories-list-container {
  background-color: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  transition: 250ms;
  max-height: 350px;
  width: 230px;
  flex-direction: column;
}
.maps-controls .google-places-container .google-places .categories-list-container .categories-list-header {
  display: flex;
  width: 100%;
  height: 30px;
}
.maps-controls .google-places-container .google-places .categories-list-container .categories-list-header .select-all-container {
  margin: 0 10px;
}
.maps-controls .google-places-container .google-places .categories-list-container .categories-list-header .input-container {
  flex: 1;
  margin: 0 10px 0 0;
}
.maps-controls .google-places-container .google-places .categories-list-container .categories-list-header .input-container input:disabled {
  background-color: #fff;
  cursor: not-allowed;
}
.maps-controls .google-places-container .google-places .categories-list-container .no-available-items-message {
  min-height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 10%;
  font-size: 11px;
  text-align: center;
}
.maps-controls .google-places-container .google-places .categories-list-container.condensed {
  max-height: 0;
  width: 0;
}
.maps-controls .google-places-container .google-places .categories-list-container .preloader {
  margin: 0;
  min-height: 300px;
}
.maps-controls .google-places-container .google-places .categories-list-container .categories-list {
  flex-direction: column;
  width: 96%;
  overflow-y: scroll;
  align-items: center;
  justify-content: center;
  max-height: 300px;
  margin: 5px 0;
}
.maps-controls .google-places-container .google-places .categories-list-container .categories-list li {
  display: flex;
  flex-direction: column;
}
.maps-controls .google-places-container .google-places .categories-list-container .categories-list li:hover {
  background-color: #F5F5F5;
}
.maps-controls .google-places-container .google-places .categories-list-container .categories-list li .category-title {
  height: 30px;
  padding: 0 5px;
  display: flex;
  border-bottom: 1px solid #E6E6E6;
  align-items: center;
}
.maps-controls .google-places-container .google-places .categories-list-container .categories-list li .category-title button {
  margin: 0 0 0 auto;
  background-color: inherit;
  border: none;
  outline: none;
  font-size: 15px;
}
.maps-controls .google-places-container .google-places .categories-list-container .categories-list li .category-title button.opened {
  transform: rotate(180deg);
}
.maps-controls .google-places-container .google-places .categories-list-container .categories-list li .category-title p {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0 5px;
  font-size: 11px;
}
.maps-controls .google-places-container .google-places .categories-list-container .categories-list li .category-title .checkbox-input label {
  font-weight: bold;
  user-select: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 5px;
  font-size: 12px;
  line-height: 12px;
}
.maps-controls .google-places-container .google-places .categories-list-container .categories-list li .category-title .checkbox-input label:first-letter {
  text-transform: capitalize;
}
.maps-controls .google-places-container .google-places .establishments-list-container {
  position: absolute;
  left: 100%;
  background-color: #fff;
  width: 190px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.maps-controls .google-places-container .google-places .establishments-list-container .establishments-list {
  overflow-y: scroll;
  overflow-x: hidden;
  width: 97%;
  max-height: 300px;
  margin: 5px 0;
  display: flex;
  flex-direction: column;
}
.maps-controls .google-places-container .google-places .establishments-list-container .establishments-list li {
  height: 30px;
  background-color: #fff;
}
.maps-controls .google-places-container .google-places .establishments-list {
  overflow: hidden;
}
.maps-controls .google-places-container .google-places .establishments-list li {
  height: 30px;
  justify-content: center;
  padding: 0 10px;
  background-color: #fff;
}
.maps-controls .google-places-container .google-places .establishments-list li .checkbox-input {
  overflow: hidden;
}
.maps-controls .google-places-container .google-places .establishments-list li .checkbox-input input {
  margin: 0 10px 0 0;
  min-width: 18px;
}
.maps-controls .google-places-container .google-places .establishments-list li .checkbox-input label {
  width: 88%;
  white-space: nowrap;
  z-index: -1;
  padding: 0;
  transition: 10ms;
}

.address-list-importer-component {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 10000;
  overflow: scroll;
}
.address-list-importer-component .address-list-importer-container {
  background-color: #fff;
  padding: 35px 35px 0 35px;
  position: relative;
}
.address-list-importer-component .address-list-importer-container .running-task {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #ffffff94;
}
.address-list-importer-component .address-list-importer-container .running-task .preloader {
  background-position: center;
  margin: 0;
  height: 100%;
  width: 100%;
}
.address-list-importer-component .address-list-importer-container .close-btn {
  position: absolute;
  top: 16px;
  right: 16px;
  cursor: pointer;
  z-index: 1;
}
.address-list-importer-component .address-list-importer-container .importer-header {
  padding-top: 10px;
}
.address-list-importer-component .address-list-importer-container .importer-header h2 {
  font-size: 20px;
}
.address-list-importer-component .address-list-importer-container .importer-header p {
  line-height: 25px;
}
.address-list-importer-component .address-list-importer-container .importer-header span {
  text-transform: uppercase;
  font-weight: bold;
}
.address-list-importer-component .address-list-importer-container .importer-body {
  margin-top: 20px;
  max-height: 270px;
  height: 270px;
  border-width: 1px 1px 1px 1px;
  border-radius: 0;
  border-color: #ccc;
  border-style: solid;
}
.address-list-importer-component .address-list-importer-container .importer-body textarea {
  resize: none;
  padding: 10px;
  height: 100%;
  font-weight: 100;
  font-family: "PT Sans", sans-serif;
  box-shadow: none;
}
.address-list-importer-component .address-list-importer-container .importer-body .address-search-result {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  max-width: 850px;
  height: 100%;
  width: 100%;
  overflow: auto;
  position: relative;
}
.address-list-importer-component .address-list-importer-container .importer-body .address-search-result table {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.address-list-importer-component .address-list-importer-container .importer-body .address-search-result table thead tr {
  font-size: 14px;
  text-transform: uppercase;
  height: 30px;
  font-weight: bold;
  align-items: center;
  border-bottom: 1px solid #D2D2D2;
}
.address-list-importer-component .address-list-importer-container .importer-body .address-search-result table thead tr th {
  text-align: start;
  padding: 11px;
}
.address-list-importer-component .address-list-importer-container .importer-body .address-search-result table tbody tr {
  font-size: 16px;
  height: 28px;
  border-bottom: 1px solid #F2F2F2;
}
.address-list-importer-component .address-list-importer-container .importer-body .address-search-result table tbody tr td {
  padding: 11px;
  white-space: nowrap;
}
.address-list-importer-component .address-list-importer-container .importer-body .address-search-result table tbody tr td:not(div.predictions) {
  max-width: 250px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.address-list-importer-component .address-list-importer-container .importer-body .address-search-result table tbody tr td:not(:nth-child(1)) {
  width: 50%;
}
.address-list-importer-component .address-list-importer-container .importer-body .address-search-result table tbody tr td.address-status {
  text-align: center;
  display: flex;
  padding: 11px 5px;
}
.address-list-importer-component .address-list-importer-container .importer-body .address-search-result table tbody tr td.formatted-address {
  cursor: pointer;
}
.address-list-importer-component .address-list-importer-container .importer-body .address-search-result table tbody tr td.formatted-address.being-edited {
  background-color: rgba(255, 97, 64, 0.1);
}
.address-list-importer-component .address-list-importer-container .importer-body .address-search-result table tbody tr td.formatted-address input {
  padding: 0 !important;
  font-size: 16px;
  font-weight: 400;
  font-family: "PT Sans", sans-serif;
  box-shadow: none;
  background-color: transparent;
}
.address-list-importer-component .address-list-importer-container .importer-body .address-search-result table tbody tr td.formatted-address:not(.being-edited):hover {
  background-color: #F5F5F5;
}
.address-list-importer-component .address-list-importer-container .importer-body .address-search-result table tbody tr td.formatted-address .predictions {
  width: 95%;
  position: relative;
}
.address-list-importer-component .address-list-importer-container .importer-footer {
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  flex-direction: column;
  position: relative;
}
.address-list-importer-component .address-list-importer-container .importer-footer .subtitle {
  align-self: flex-start;
  display: flex;
  flex-direction: column;
  width: 50%;
  margin-top: 10px;
  transform: scale(0.75);
  margin: -10px 0 -40px -53px;
}
.address-list-importer-component .address-list-importer-container .importer-footer .subtitle input {
  cursor: default !important;
}
.address-list-importer-component .address-list-importer-container .importer-footer .subtitle .subtitle-item {
  display: flex;
  align-items: center;
  height: 33px;
  width: 100%;
}
.address-list-importer-component .address-list-importer-container .importer-footer .subtitle div {
  margin-right: 10px;
  width: 30px;
  height: 100%;
  display: flex;
  align-items: center;
}
.address-list-importer-component .address-list-importer-container .importer-footer .subtitle div i {
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.address-list-importer-component .address-list-importer-container .checkbox-input.in-list input[type=checkbox] {
  cursor: not-allowed;
}
.address-list-importer-component .address-list-importer-container .checkbox-input.in-list input[type=checkbox] + span {
  box-shadow: inset 0 0 0 20px #00B212;
}
.address-list-importer-component .address-list-importer-container .checkbox-input.in-list input[type=checkbox] + span:after {
  opacity: 1;
}
.address-list-importer-component ::-webkit-scrollbar {
  height: 4px;
  width: 4px;
  background-color: #F2F2F2;
  border-radius: 5px;
}
.address-list-importer-component ::-webkit-scrollbar-thumb {
  background-color: #474747;
  border-radius: 5px;
}
.address-list-importer-component ::selection {
  background-color: #fb6e52;
  color: #fff;
}

.map-info {
  display: flex;
  flex-wrap: wrap;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
  padding: 5px 0 5px 15px;
  max-width: 360px;
}
.map-info .map-sub {
  font-weight: bold;
}
.map-info .map-sub:hover ul {
  display: block;
}
.map-info .map-sub ul {
  position: absolute;
  z-index: 9999;
  width: 100%;
  height: 50px;
  overflow: scroll;
}
.map-info .map-sub ul li {
  display: block;
  padding: 5px;
  background: #fff;
}
.map-info .map-info-header {
  flex: 0 0 100%;
}
.map-info .map-info-title {
  flex: 0 0 100%;
  font-size: 1em;
  font-weight: bold;
}
.map-info .map-info-bucket {
  font-size: 1em;
  text-transform: uppercase;
  display: block;
  text-align: left;
  padding: 10px;
}
.map-info .map-info-price {
  font-size: 1em;
  text-transform: uppercase;
  display: block;
  text-align: left;
  padding: 10px;
}
.map-info .map-navigation {
  flex: 0 0 100%;
  justify-content: flex-start;
  display: flex;
  padding: 10px;
}
.map-info .map-navigation a {
  font-size: 1em;
  border-radius: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  color: #fff;
  background: #fb6e52;
  transition: 0.3s all;
}
.map-info .map-navigation a:first-child {
  border-radius: 16px 0 0 16px;
}
.map-info .map-navigation a:last-child {
  border-radius: 0 16px 16px 0;
}
.map-info .map-navigation a:hover {
  background: rgba(251, 110, 82, 0.75);
}
.map-info img {
  margin: 5px auto;
  flex: 1 1 100%;
}
.map-info .map-info-publisher {
  font-size: 1em;
  display: block;
  flex: 0 0 180px;
  align-items: center;
}
.map-info .map-info-publisher .map-info-publisher-title {
  font-size: 1.2em;
  font-weight: bold;
  padding: 5px;
  margin: 5px;
  display: block;
}
.map-info .map-info-publisher .map-info-mediatype {
  font-size: 0.83em;
  text-transform: uppercase;
  padding: 5px;
  border-radius: 3px;
  background: #9a9a9a;
  color: #fff;
  margin: 5px 10px;
}
.map-info .buttons {
  display: flex;
  justify-content: space-between;
  padding: 0 15px;
}
.map-info .buttons .button {
  display: block;
  flex: 1 1 40%;
  text-align: center;
}
.map-info .buttons .button:first-child {
  margin-right: 5px;
}

.gm-style-iw {
  left: 18px !important;
}

#google-container {
  position: relative;
  width: 100%;
  height: 200px;
  background-color: #e7eaf0;
}
@media (max-width: 767px) {
  #google-container {
    height: 320px;
  }
}

@media only screen and (min-width: 768px) {
  #google-container {
    height: 325px;
  }
}
@media only screen and (min-width: 1170px) {
  #google-container {
    height: 340px;
  }
}
#cd-google-map {
  position: relative;
  z-index: 0;
}

#cd-zoom-in,
#cd-zoom-out {
  display: block;
  z-index: 100;
  height: 32px;
  width: 32px;
  cursor: pointer;
  margin-left: 10px;
  background-color: rgba(251, 110, 82, 0.5);
  background-repeat: no-repeat;
  background-size: 32px 64px;
  background-image: url("../images/cd-icon-controller.svg");
  transition: 0.3s all;
}
#cd-zoom-in:hover,
#cd-zoom-out:hover {
  background-color: rgba(251, 110, 82, 0.9);
}

#cd-zoom-in {
  border-radius: 16px 16px 0 0;
}

#cd-zoom-out {
  border-radius: 0 0 16px 16px;
}

.no-touch #cd-zoom-in:hover,
.no-touch #cd-zoom-out:hover {
  background-color: #fb6e52;
}

@media only screen and (min-width: 768px) {
  #cd-zoom-in,
#cd-zoom-out {
    margin-left: 10px;
  }
}
#cd-zoom-in {
  background-position: 50% 0;
  margin-top: 10px;
  margin-bottom: 1px;
}

@media only screen and (min-width: 768px) {
  #cd-zoom-in {
    margin-top: 10px;
  }
}
#cd-zoom-out {
  background-position: 50% -32px;
}

.search-google-maps .matched {
  font-weight: bold;
}
.search-google-maps ::-webkit-scrollbar {
  height: 10px;
  width: 4px;
  background-color: #F2F2F2;
  border-radius: 5px;
}
.search-google-maps ::-webkit-scrollbar-thumb {
  background-color: #474747;
  border-radius: 5px;
}

.marker-container {
  height: 24px;
  width: 19px;
  filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.25));
}
.marker-container.highlight .marker-pointer,
.marker-container.highlight .marker-icon-container {
  background-color: #fb6e52;
}
.marker-container .marker-pointer {
  height: 28%;
  width: 100%;
  clip-path: polygon(50% 100%, 14% 0, 86% 0);
  position: absolute;
  top: 68%;
  background-color: #4c4c4c;
}
.marker-container .marker-icon-container {
  background-color: #4c4c4c;
  border-radius: 50%;
  height: 81%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.marker-container .marker-icon-container img {
  height: 48%;
  width: 48%;
  filter: brightness(1500%);
}

.profile-wrapper {
  width: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: stretch;
  align-content: stretch;
  min-height: calc(100vh - 70px);
}
@media (max-width: 767px) {
  .profile-wrapper {
    min-height: inherit;
  }
}

.profile-container {
  display: flex;
  flex: 1 1 100%;
  flex-wrap: wrap;
  align-content: flex-start;
  align-items: flex-start;
}

.profile-sidebar {
  flex: 0 0 180px;
  background: #4c4c4c;
  padding: 15px 0 0 0;
}
@media screen and (max-width: 1024px) {
  .profile-sidebar {
    flex: 0 0 150px;
  }
}
.profile-sidebar ul {
  padding: 0;
  margin: 0;
  list-style: none;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.profile-sidebar ul li {
  display: block;
  padding: 0;
  margin: 0;
}
.profile-sidebar ul li a {
  font-size: 1em;
  color: #eaeaea;
  padding: 0 15px;
  display: flex;
  line-height: 50px;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  position: relative;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}
@media screen and (max-width: 1024px) {
  .profile-sidebar ul li a {
    font-size: 0.83em;
  }
}
.profile-sidebar ul li a:hover {
  color: #fff;
  background: #444;
}
.profile-sidebar ul li a.current {
  color: #fb6e52;
  background: #3c3c3c;
}
.profile-sidebar ul li a.disabled {
  color: #3c3c3c;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.05);
  cursor: not-allowed;
}
.profile-sidebar ul li a.disabled:hover {
  background: #4c4c4c;
}
.profile-sidebar ul li a i {
  font-size: 1.2em;
  line-height: 50px;
}
.profile-sidebar ul li ul {
  background: rgba(0, 0, 0, 0.15);
}

.signup-login .signup-login-choise {
  width: 100%;
  display: flex;
}
@media (max-width: 767px) {
  .signup-login .signup-login-choise {
    flex-direction: column;
  }
}
.signup-login .signup-login-choise .choise {
  border-radius: 5px 0 0 5px;
  width: 50%;
  padding: 50px 25px;
  color: #fff;
  background: #2dbdfd;
  text-align: center;
  font-size: 2em;
  cursor: pointer;
}
@media (max-width: 767px) {
  .signup-login .signup-login-choise .choise {
    border-radius: 5px;
  }
}
.signup-login .signup-login-choise .choise:last-child {
  border-radius: 0 5px 5px 0;
  background: #2392f8;
}
@media (max-width: 767px) {
  .signup-login .signup-login-choise .choise:last-child {
    border-radius: 5px;
    margin-top: 5px;
  }
}
.signup-login .signup-login-content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .signup-login .signup-login-content {
    flex-direction: column;
  }
}
.signup-login .signup-login-content .card {
  box-shadow: none;
  display: inline-block;
  margin: 0;
  padding: 0;
}
.signup-login .signup-login-content .h2 {
  color: #4c4c4c;
}

.signup form {
  margin-top: 13px;
}

.to-choise {
  display: none;
}
.to-choise.choising {
  display: flex;
}
.to-choise > div {
  display: none;
}
.to-choise > div.choised {
  display: block;
  width: 100%;
  height: auto;
}
.to-choise > div .choise-another {
  position: absolute;
  right: 60px;
  top: 55px;
  display: flex;
  color: #fff;
  font-size: 0.83em;
  padding: 8px 10px;
  border-radius: 5px;
  cursor: pointer;
  text-align: center;
}
.to-choise > div .choise-another.choise-blue {
  background: #2dbdfd;
}
.to-choise > div .choise-another.choise-dark-blue {
  background: #2392f8;
}
@media (max-width: 767px) {
  .to-choise > div .choise-another {
    position: static;
    left: 0;
    top: 0;
    margin: 5px 0;
  }
}
.to-choise > div .step-form {
  max-width: 100%;
}
.to-choise > div .step-form.active {
  padding-top: 10px;
}

.open-slideshow,
.open-details {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  border-radius: 14px;
  color: #fff;
  text-shadow: 0 1px 4px rgba(76, 76, 76, 0.75);
}
.open-slideshow a,
.open-details a {
  color: #fff;
}
.open-slideshow:hover i,
.open-details:hover i {
  color: #fb6e52;
}
.open-slideshow i,
.open-details i {
  font-size: 1.2em;
}

.slideshow {
  background: rgba(76, 76, 76, 0.8);
  position: fixed;
  box-sizing: border-box;
  top: 0;
  left: 0;
  display: flex;
  overflow: auto;
  z-index: 20001;
  width: 100%;
  height: 100%;
}
.slideshow .slideshow-content {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  position: relative;
  width: calc(100% - 60px);
  height: calc(100% - 60px);
  box-sizing: border-box;
  z-index: 9031;
  padding: 30px;
}
.slideshow .slideshow-content .slide {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  padding: 25px 0;
}
.slideshow .slideshow-content .slide img {
  background: #b2b2b2;
  margin: 0 auto;
  max-width: 100%;
  max-height: 100%;
  box-shadow: rgba(0, 0, 0, 0.09) 0 10px 30px;
}
.slideshow .slideshow-content .prev,
.slideshow .slideshow-content .next,
.slideshow .slideshow-content .close {
  position: absolute;
  right: 5px;
  top: 50%;
  color: #fff;
  text-shadow: 0 1px 3px rgba(50, 50, 50, 0.3);
  cursor: pointer;
  width: 50px;
  height: 50px;
  margin-top: -20px;
  text-align: center;
  vertical-align: middle;
}
.slideshow .slideshow-content .prev i,
.slideshow .slideshow-content .next i,
.slideshow .slideshow-content .close i {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  font-size: 50px;
}
.slideshow .slideshow-content .prev i:hover,
.slideshow .slideshow-content .next i:hover,
.slideshow .slideshow-content .close i:hover {
  color: #ffffff;
}
.slideshow .slideshow-content .prev {
  left: 5px;
}
.slideshow .slideshow-content .close {
  top: 5px;
  margin: 0;
}
.slideshow .slideshow-content .close i {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  font-size: 30px;
}
.slideshow .slideshow-content .close i:hover {
  color: #ffffff;
}
@media (max-width: 767px) {
  .slideshow .slideshow-content .close i {
    top: 38px;
    left: 66px;
    position: absolute;
  }
}

.free-trial {
  padding: 10px;
  margin: 15px 5px 5px;
  background: #3bae71;
  color: #fff;
  text-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.3);
  flex: 0 0 100%;
  border-radius: 3px;
  text-align: center;
}
.free-trial span {
  width: 100%;
  font-size: 2em;
  font-weight: bold;
  text-shadow: 0 5px 0 0 rgba(0, 0, 0, 0.3);
}

.banner {
  position: absolute;
  z-index: 15;
  display: block;
  left: 0;
  width: inherit;
  height: inherit;
  box-sizing: border-box;
  padding: 100px;
  background: rgba(178, 178, 178, 0.25);
}
.banner.banner-small {
  padding: 25px;
}
.banner.banner-full {
  padding: 0;
}
.banner .banner-header h3, .banner .banner-header p {
  text-align: center;
}
.banner .banner-content {
  background: #fff;
  border-radius: 3px;
  box-shadow: rgba(0, 0, 0, 0.09) 0 10px 30px;
  padding: 20px;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  overflow: auto;
  position: relative;
}
.banner .banner-content .close {
  position: absolute;
  right: 0px;
  top: 0px;
  padding: 5px;
  font-size: 1.2em;
  color: #999;
}
.banner .banner-content.instruction-map .step-1 {
  display: flex;
  min-height: 200px;
  justify-content: center;
}
.banner .banner-content.instruction-map .step-1 .part-1 {
  display: flex;
  flex: 0 0 40%;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
}
.banner .banner-content.instruction-map .step-1 .part-1 p {
  font-size: 1em;
  flex: 0 0 100%;
  text-align: center;
}
.banner .banner-content.instruction-map .step-1 .part-1 img {
  background: #fb6e52;
  opacity: 0.5;
  border-radius: 20px;
}
.banner .banner-content.instruction-map .step-1 .part-2 {
  display: flex;
  flex: 0 0 40%;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
}
.banner .banner-content.instruction-map .step-1 .part-2 p {
  font-size: 1em;
  flex: 0 0 100%;
  text-align: center;
}
.banner .banner-content.instruction-map .step-1 .part-2 img {
  max-width: 60px;
}
.banner.banner-auto {
  display: flex;
  padding: 0;
  justify-content: center;
  align-items: center;
}
.banner.banner-auto .banner-content {
  width: auto;
  height: auto;
}
.banner .steps-footer {
  display: flex;
  justify-content: center;
}
.banner .steps-footer .buttons {
  padding: 0 10px 0 0;
}
.banner .steps-footer .buttons .button {
  border-radius: 0;
}
.banner .steps-footer .buttons .button:first-child {
  border-radius: 3px 0 0 3px;
}
.banner .steps-footer .buttons .button:last-child {
  border-radius: 0 3px 3px 0;
}
.banner .steps-footer .button:not(.icon-alone) i {
  position: static;
  transform: none;
  font-size: 0.83em;
}

.tooltip {
  color: #fff !important;
  background: #4c4c4c;
  width: 15px;
  display: inline-block;
  height: 15px;
  line-height: 15px;
  text-align: center;
  font-size: 1em;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top-right-radius: 8px;
  content: "";
  font-family: mediatrade-icons;
  margin-left: 5px;
}
.tooltip:before {
  display: none;
  content: "";
}

.tooltip-modal {
  position: absolute;
  overflow: auto;
  z-index: 9000;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  max-width: 376px;
  margin: -25px -20px -40px -20px;
  padding: 25px 20px 40px 20px;
  z-index: 9020;
}
.tooltip-modal h2,
.tooltip-modal h3,
.tooltip-modal h4,
.tooltip-modal p,
.tooltip-modal span {
  color: #ffffff;
}
.tooltip-modal .tooltip-content {
  padding: 5px 18px 5px 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  margin-top: 5px;
  background: #4c4c4c;
  box-shadow: rgba(0, 0, 0, 0.09) 0 10px 30px;
  position: relative;
}
.tooltip-modal .tooltip-content:before {
  content: "";
  display: block;
  position: absolute;
  left: 10px;
  top: -8px;
  width: 0;
  height: 0;
  border-bottom: 4px solid #4c4c4c;
  border-top: 4px solid transparent;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
}
.tooltip-modal .close {
  position: absolute;
  top: 2px;
  right: 2px;
  font-size: 1.785em;
  cursor: pointer;
}
.tooltip-modal .close:hover {
  color: #7f7f7f;
}

#tooltip.tooltip-content {
  margin: 0;
  z-index: 9999;
  background: #4c4c4c;
  color: #fff;
  border-radius: 0 2px 2px 2px;
  padding: 2px;
  display: none;
  font-size: 13px;
}
#tooltip.tooltip-content.show-tooltip {
  display: block;
}

.trading-dialog {
  text-align: right;
  float: right;
  display: flex;
  align-items: center;
}
.trading-dialog a {
  color: #fb6e52;
  padding: 5px;
  margin: 0 5px;
}

.trading-dialog-conversation {
  width: 380px;
  margin-left: 9px;
  box-sizing: border-box;
  margin-top: 20px;
  padding: 5px 55px !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  z-index: 999;
  background: #f2f2f2 !important;
}
.trading-dialog-conversation:before {
  bottom: 100%;
  right: 80px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(136, 183, 213, 0);
  border-bottom-color: #f2f2f2;
  border-width: 6px;
  margin-left: -6px;
}
.trading-dialog-conversation .dialog-message {
  color: #fff;
  padding: 10px;
  border-radius: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
  position: relative;
}
.trading-dialog-conversation .dialog-message.advertiser-message {
  background: #707070;
  align-self: flex-start;
}
.trading-dialog-conversation .dialog-message.advertiser-message:before {
  right: 100%;
  top: 8px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(194, 225, 245, 0);
  border-right-color: #707070;
  border-width: 5px;
}
.trading-dialog-conversation .dialog-message.advertiser-message .logo-advertiser {
  width: 40px;
  height: 40px;
  border-radius: 20px;
  position: absolute;
  left: 0px;
  margin-left: -47px;
  margin-top: -2px;
  overflow: hidden;
  box-shadow: 0 0 0 2px #fb6e52;
  top: 0;
}
.trading-dialog-conversation .dialog-message.advertiser-message .logo-advertiser img {
  max-width: 40px;
  max-height: 40px;
  border-radius: 20px;
}
.trading-dialog-conversation .dialog-message.publisher-message {
  background: #3bae71;
  align-self: flex-end;
}
.trading-dialog-conversation .dialog-message.publisher-message:before {
  left: 100%;
  top: 8px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(194, 225, 245, 0);
  border-left-color: #3bae71;
  border-width: 5px;
}
.trading-dialog-conversation .dialog-message.publisher-message .logo-publisher {
  width: 40px;
  height: 40px;
  border-radius: 20px;
  position: absolute;
  right: 0px;
  margin-right: -47px;
  margin-top: -8px;
  overflow: hidden;
  box-shadow: 0 0 0 2px #fb6e52;
  top: 0;
}
.trading-dialog-conversation .dialog-message.publisher-message .logo-publisher img {
  max-width: 40px;
  max-height: 40px;
  border-radius: 20px;
}

.interest-search {
  position: relative;
  padding: 0;
}
.flexdatalist-list-options {
  position: relative;
}

.flexdatalist-alias {
  width: 100%;
  box-sizing: border-box;
}

.flexdatalist-results {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #4c4c4c;
  border-top: none;
  border-radius: 0 0 3px 3px;
  background: #fff;
  z-index: 100000;
  max-height: 200px;
  overflow-y: auto;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  color: #4c4c4c;
  list-style: none;
  margin: 0;
  padding: 0;
}
.flexdatalist-results li {
  border-bottom: 1px solid #cfcfcf;
  padding: 0 10px;
  font-size: 13px;
  line-height: 30px;
}
.flexdatalist-results li span {
  color: #777;
}
.flexdatalist-results li span.highlight {
  font-weight: bold;
  color: #4c4c4c;
}
.flexdatalist-results li.active {
  background: #efefef;
  color: #2c2c2c;
  cursor: pointer;
}
.flexdatalist-results li.no-results {
  font-style: italic;
  color: #888;
}
.flexdatalist-results li.group {
  background: #f4f4f4;
  color: #666;
  padding: 0 8px;
}
.flexdatalist-results li .group-name {
  font-weight: 700;
}
.flexdatalist-results li .group-item-count {
  font-size: 85%;
  color: #777;
  display: inline-block;
  padding-left: 10px;
}

.flexdatalist-multiple {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: left;
  cursor: text;
}
.flexdatalist-multiple:before {
  content: "";
  display: block;
  clear: both;
}
.flexdatalist-multiple:after {
  content: "";
  display: block;
  clear: both;
}
.flexdatalist-multiple.disabled {
  background-color: #eee;
  cursor: default;
}
.flexdatalist-multiple li {
  box-sizing: 0;
  display: inline-block;
  position: relative;
  margin: 0 3px 3px 0;
  float: left;
  box-sizing: border-box;
}
.flexdatalist-multiple li.input-container, .flexdatalist-multiple li.input-container input {
  margin: 0;
  width: 100%;
  box-sizing: border-box;
}
.flexdatalist-multiple li.value {
  display: inline-block;
  padding: 5px;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  position: relative;
  font-size: 13px;
  color: #f4f4f4;
  margin-bottom: 9px;
  margin-top: 4px;
}
.flexdatalist-multiple li.value span.fdl-remove {
  font-weight: 700;
  padding: 0 3px;
  font-size: 20px;
  line-height: 24px;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0.7;
}
.flexdatalist-multiple li.value span.fdl-remove:hover {
  opacity: 1;
}
.flexdatalist-multiple li.toggle {
  cursor: pointer;
  transition: opacity ease-in-out 300ms;
}
.flexdatalist-multiple li.toggle.disabled {
  text-decoration: line-through;
  opacity: 0.8;
}

.publisher-search {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px;
}
.publisher-search .discount-access {
  position: fixed;
  z-index: 999;
  margin-left: -350px;
  bottom: 0px;
  width: 340px;
}
.publisher-search .discount-access:before {
  position: fixed;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  z-index: 998;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: rgba(178, 178, 178, 0.4);
  content: " ";
}
.publisher-search .discount-access .discount-access-content {
  position: relative;
  display: flex;
  width: 100%;
  max-width: 340px;
  background: #ffffff;
  padding: 20px 30px;
  box-sizing: border-box;
  box-shadow: rgba(0, 0, 0, 0.09) 0 10px 30px;
  border-radius: 5px;
  flex-wrap: wrap;
  justify-content: center;
  margin: 50px 0 20px 0;
  clear: both;
  z-index: 999;
}
@media (max-width: 767px) {
  .publisher-search .discount-access .discount-access-content {
    margin-right: 0;
    margin-bottom: 0;
  }
}
.publisher-search .discount-access .discount-access-content h2 {
  width: 100%;
  text-align: center;
}
.publisher-search .discount-access .discount-access-content .close {
  position: absolute;
  top: 10px;
  right: 10px;
}
.publisher-search .scroll-to-top {
  bottom: 10px;
}
.publisher-search .publisher-controls {
  display: flex;
  flex: 1 1 100%;
  box-sizing: border-box;
  padding: 0;
  background: #f0f0f0;
  position: relative;
  justify-content: space-between;
}
.publisher-search .publisher-controls .view {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-right: 15px;
}
.publisher-search .publisher-controls .view a {
  font-size: 1em;
  padding: 0 0 0 3px;
}
.publisher-search .publisher-controls .view a.active {
  color: #fb6e52;
}
@media (max-width: 767px) {
  .publisher-search .publisher-controls .view {
    display: none;
  }
}
.publisher-search .publisher-controls .publisher-filters {
  display: flex;
  flex: 1 1 100%;
  box-sizing: border-box;
  padding: 0;
  background: #f0f0f0;
  position: relative;
}
@media (max-width: 767px) {
  .publisher-search .publisher-controls .publisher-filters {
    flex-flow: column;
  }
}
.publisher-search .publisher-controls .publisher-filters h3 {
  font-style: italic;
  line-height: 56px;
  font-size: 1em;
  width: auto;
  display: inline-block;
  color: #4c4c4c;
  padding: 0;
}
@media (max-width: 767px) {
  .publisher-search .publisher-controls .publisher-filters h3 {
    display: block;
    width: 100%;
    flex: 1 1 100%;
  }
}
.publisher-search .publisher-controls .publisher-filters h3 span {
  line-height: 46px;
  padding-left: 10px;
}
@media (max-width: 767px) {
  .publisher-search .publisher-controls .publisher-filters h3 span {
    display: block;
    position: relative;
    text-align: center;
    width: 100%;
  }
}
.publisher-search .publisher-controls .publisher-filters label {
  width: auto;
  float: left;
  padding: 5px 0;
  line-height: 16px;
  font-size: 0.75em;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .publisher-search .publisher-controls .publisher-filters label {
    display: flex;
    flex: 0 0 100%;
  }
}
.publisher-search .publisher-controls .publisher-filters .publisher-filter {
  margin: 7px 10px 7px 5px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 767px) {
  .publisher-search .publisher-controls .publisher-filters .publisher-filter {
    flex: 1 1 100%;
    flex-direction: row;
  }
}
.publisher-search .publisher-controls .publisher-filters .publisher-filter h3 {
  white-space: nowrap;
}
.publisher-search .publisher-controls .publisher-filters .publisher-filter .label {
  background: #f00;
  padding: 10px;
  box-sizing: 10px;
}
@media (max-width: 767px) {
  .publisher-search .publisher-controls .publisher-filters .publisher-filter .label {
    display: flex;
  }
}
.publisher-search .publisher-controls .publisher-filters .publisher-filter .input, .publisher-search .publisher-controls .publisher-filters .publisher-filter .select {
  float: left;
  padding: 8px;
  font-size: 0.82em;
  border-radius: 3px;
  box-sizing: border-box;
  border: none;
  flex: 1 1 100%;
}
.publisher-search .publisher-controls .publisher-filters .publisher-filter .input {
  max-width: 150px;
}
@media (max-width: 767px) {
  .publisher-search .publisher-controls .publisher-filters .publisher-filter .input {
    max-width: 100%;
  }
}
.publisher-search .publisher-controls .publisher-filters .publisher-filter .select {
  height: 32px;
  padding-right: 30px;
  max-width: 180px;
}
@media (max-width: 767px) {
  .publisher-search .publisher-controls .publisher-filters .publisher-filter .select {
    max-width: 100%;
  }
}
.publisher-search .publisher-profile {
  box-shadow: 0 0 10px 0 rgba(76, 76, 76, 0.3);
  position: relative;
  margin-bottom: 10px;
  width: 100%;
}
@media (max-width: 767px) {
  .publisher-search .publisher-profile {
    margin-right: 5px;
    width: 100%;
    flex: 1 1 100%;
    max-width: 100%;
  }
}
@media (min-width: 1024px) {
  .publisher-search .publisher-profile.fixed {
    position: fixed;
    top: 50px;
    z-index: 20;
    transition: 0.5s all;
  }
  .publisher-search .publisher-profile.fixed.full-width {
    transition: 0.5s all;
    width: calc(100% - 20px) !important;
    max-width: 1340px;
  }
  .publisher-search .publisher-profile.fixed.full-width.no-transition {
    transition: 0s all;
  }
  .publisher-search .publisher-profile.fixed.partial-width {
    transition: 0.5s all;
    width: calc(100% - 370px);
    max-width: 1040px;
  }
  .publisher-search .publisher-profile.fixed.partial-width.no-transition {
    transition: 0s all;
  }
}
@media (max-width: 767px) {
  .publisher-search .publisher-profile.fixed {
    margin-right: 5px;
    width: 100%;
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.publisher-search .publisher-profile img {
  max-width: 128px;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .publisher-search .publisher-profile img {
    width: 100%;
  }
}
.publisher-search .publisher-profile-toggle {
  width: 100%;
  height: 30px;
  background: #fafafa;
  overflow: hidden;
  position: relative;
  box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.15);
  display: none;
}
@media (min-width: 1024px) {
  .publisher-search .publisher-profile-toggle {
    display: flex;
  }
}
.publisher-search .publisher-profile-toggle img {
  opacity: 1;
  transition: all 0.3s;
  height: 26px;
  margin: 2px 12px 2px 2px;
  display: inline-block;
}
.publisher-search .publisher-profile-toggle p {
  opacity: 1;
  transition: all 0.3s;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: flex-start;
  height: 30px;
  line-height: 30px;
  font-weight: bold;
  padding: 0;
  margin: 0;
  display: inline-block;
}
.publisher-search .publisher-profile-toggle .hide {
  opacity: 0;
}
.publisher-search .publisher-profile-toggle .toggle-profile-button {
  left: 0;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 30px;
  line-height: 30px;
  text-transform: uppercase;
  font-size: 0.75em;
  font-weight: bold;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.publisher-search .publisher-profile-toggle .toggle-profile-button span {
  padding-left: 10px;
}
.publisher-search .publisher-profile-toggle .toggle-profile-button:hover {
  color: #fb6e52;
}
@media (max-width: 767px) {
  .publisher-search .publisher-content {
    overflow-y: auto;
  }
}
.publisher-search .publisher-content.hideProfile {
  height: 0px;
}
.publisher-search .publisher-body {
  width: 100%;
  background: #ffffff;
  display: flex;
  overflow: hidden;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  transition: all 0.3s;
}
@media (max-width: 767px) {
  .publisher-search .publisher-body {
    flex-direction: column;
    width: 100%;
  }
}
.publisher-search .publisher-body .images {
  padding: 20px 0 20px 20px;
  flex: 1 1 128px;
  width: 128px;
}
@media (max-width: 767px) {
  .publisher-search .publisher-body .images {
    width: 100%;
    padding: 20px 0;
    box-sizing: border-box;
  }
}
.publisher-search .publisher-body .images img {
  width: 100%;
}
@media (max-width: 767px) {
  .publisher-search .publisher-body .images img {
    width: auto;
    display: block;
    max-width: 100%;
    max-height: 128px;
    margin: 10px auto;
  }
}
.publisher-search .publisher-body .info {
  height: 160px;
  box-sizing: border-box;
  overflow-y: auto;
  -webkit-transition: width 0.5s;
  transition: width 0.5s;
  padding: 20px;
  font-size: 0.875em;
  line-height: 1.3em;
  flex: 1 1 calc(100% - 128px);
  width: calc(100% - 128px);
}
@media (max-width: 767px) {
  .publisher-search .publisher-body .info {
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    height: auto;
  }
}
.publisher-search .publisher-body .info .audience {
  padding: 10px 0 5px 0;
}
.publisher-search .publisher-body .info .audience span {
  font-size: 0.75em;
}
.publisher-search .publisher-body .info .price {
  padding: 0 0 10px 0;
  width: 100%;
}
.publisher-search .publisher-body .info .price span {
  padding-top: 5px;
  border-top: 1px solid #ececec;
}
.publisher-search .publisher-body .info .description {
  padding-top: 30px;
}
.publisher-search .publisher-body .info .title {
  font-size: 2em;
  font-weight: bold;
  line-height: 1em;
}
.publisher-search .publisher-body.fixed {
  position: fixed;
  top: 50px;
  max-width: 300px;
  z-index: 800;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .publisher-search .publisher-body.fixed {
    max-width: 260px;
  }
}
@media (max-width: 767px) {
  .publisher-search .publisher-body.fixed {
    max-width: 100%;
    top: auto;
    position: inherit;
  }
}
.publisher-search .main-content {
  display: flex;
  width: 100%;
  min-height: 100vh;
  box-sizing: border-box;
  align-items: stretch;
  justify-content: space-between;
}
.publisher-search .main-content .main {
  display: flex;
  flex: 1 1 100%;
  width: 100%;
  box-sizing: border-box;
  padding-bottom: 70px;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: flex-start;
  -webkit-transition: width 0.5s;
  transition: width 0.5s;
}
@media (max-width: 767px) {
  .publisher-search .main-content .main {
    margin-top: 50px;
  }
}
.publisher-search .main-content .asus {
  display: flex;
  width: 100%;
  padding-bottom: 10px;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: flex-start;
  -webkit-transition: width 0.5s;
  transition: width 0.5s;
}
.publisher-search .main-content .asus .loader {
  display: flex;
  flex: 1 1 100%;
  justify-content: center;
}
.publisher-search .main-content .asus .itemcard.itemcard-blur:not(:first-child) {
  filter: blur(4px);
}
.publisher-search .main-content .asus .itemcard.itemcard-blur:nth-child(2), .publisher-search .main-content .asus .itemcard.itemcard-blur:nth-child(3), .publisher-search .main-content .asus .itemcard.itemcard-blur:nth-child(4) {
  filter: blur(3px);
  opacity: 0.85;
}
.publisher-search .main-content .asus .itemcard.itemcard-message {
  background: #fb6e52;
  color: #fff;
  text-align: center;
  justify-content: center;
  align-items: center;
  align-content: center;
  margin-right: 0;
  padding: 10px;
}
.publisher-search .main-content .asus.wf {
  margin: 0 0 0 0;
}
@media (max-width: 767px) {
  .publisher-search .main-content .asus.wf {
    margin-top: 0 !important;
  }
}
.publisher-search .main-content .new-simulation.open + .main {
  transition: all 0.5s;
}
@media (max-width: 767px) {
  .publisher-search .main-content .new-simulation.open + .main {
    flex: 1 1 100%;
    margin-right: 0;
  }
}
.publisher-search .main-content .asu-audience h3 {
  padding-bottom: 10px;
}
.publisher-search .main-content .asu-audience #chartjs-tooltip {
  opacity: 1;
  position: absolute;
  background: rgba(0, 0, 0, 0.7);
  color: white;
  border-radius: 3px;
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease;
  pointer-events: none;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.selected-filter .selected-text {
  position: relative;
}
.selected-filter .selected-text p {
  line-height: 20px;
  padding-top: 5px;
  margin-top: 0;
  overflow: hidden;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.selected-filter .selected-text p i {
  position: absolute;
  top: 3px;
  right: 3px;
}

.publisher-sidebar {
  flex: 0 0 180px;
  background: #4c4c4c;
  padding: 15px 0 0 0;
}
@media screen and (max-width: 1024px) {
  .publisher-sidebar {
    flex: 0 0 150px;
  }
}
.publisher-sidebar .sub-side-nav {
  overflow: hidden;
  position: relative;
}
.publisher-sidebar .sub-side-nav > ul {
  transition: 0.3s all;
}
.publisher-sidebar .sub-side-nav.close > ul {
  display: none;
  opacity: 0;
}
.publisher-sidebar .sub-side-nav.open > ul {
  display: block;
  opacity: 1;
}
.publisher-sidebar .sub-side-nav:hover > ul {
  display: block;
  opacity: 1;
}
.publisher-sidebar ul {
  padding: 0;
  margin: 0;
  list-style: none;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.publisher-sidebar ul li {
  display: block;
  padding: 0;
  margin: 0;
}
.publisher-sidebar ul li.active a {
  color: #fff;
  background: #fb6e52;
}
.publisher-sidebar ul li a {
  font-size: 0.83em;
  color: #eaeaea;
  padding: 0 15px;
  display: flex;
  line-height: 50px;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  position: relative;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}
@media screen and (max-width: 1024px) {
  .publisher-sidebar ul li a {
    font-size: 0.75em;
  }
}
.publisher-sidebar ul li a:hover {
  color: #fff;
  background: #444;
}
.publisher-sidebar ul li a.current {
  color: #fb6e52;
  background: #3c3c3c;
}
.publisher-sidebar ul li a.disabled {
  color: #8a8a8a;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.05);
  cursor: not-allowed;
}
.publisher-sidebar ul li a.disabled:hover {
  background: #4c4c4c;
}
.publisher-sidebar ul li a i {
  font-size: 1.2em;
  line-height: 50px;
}
.publisher-sidebar ul li ul {
  background: rgba(0, 0, 0, 0.15);
}

.publisher-container {
  flex: 1;
  padding-bottom: 80px;
}
.publisher-container .main-container {
  padding: 15px;
}
.publisher-container .main-container label {
  padding: 10px 0 5px 5px;
  display: block;
  box-sizing: border-box;
}
.publisher-container .main-container input,
.publisher-container .main-container textarea {
  border-radius: 3px;
  padding-left: 8px;
  padding-right: 8px;
  box-sizing: border-box;
}

.filter-head-container {
  background: #fff;
  flex: 0 0 100%;
  height: 80px;
  padding: 0 20px 0 0;
  box-sizing: 15px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
  display: flex;
  box-sizing: border-box;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  position: relative;
}
.filter-head-container .filter-head-container-title {
  padding: 5px 10px 5px 20px;
  display: flex;
  flex-wrap: wrap;
}
.filter-head-container .filter-head-container-title h2 {
  flex: 0 0 100%;
  padding: 20px 0 0 0;
  margin: 0;
  white-space: nowrap;
}
.filter-head-container .filter-head-container-title small {
  flex: 0 0 100%;
  padding-top: 0;
  font-weight: normal;
  position: relative;
  font-size: 0.75em;
  padding: 3px 0;
}
.filter-head-container .filter-head-container-title .tool-tip {
  position: absolute;
}
.filter-head-container .filter-head-container-title .tool-tip-content {
  width: max-content !important;
  top: 8px;
}
.filter-head-container.modal-filter-head {
  height: 50px;
  background: #f2f2f2;
  padding: 10px 20px 10px 10px;
}
.filter-head-container.modal-filter-head i {
  line-height: 50px;
}
.filter-head-container.has-fixed-buttons {
  padding-right: 300px;
}
.filter-head-container i {
  line-height: 80px;
  padding: 0 10px 0 20px;
  color: #d2d2d2;
}
.filter-head-container .button i {
  line-height: 1;
  padding: 0 10px;
}
.filter-head-container .button:not(:disabled) i {
  color: #4c4c4c;
}
.filter-head-container .head-view {
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
}
.filter-head-container .head-view span {
  display: flex;
}
.filter-head-container .head-view .total-objects {
  font-weight: bolder;
  color: #777 !important;
  font-size: 0.75em;
  margin-left: -8px;
  margin-right: 2px;
}
.filter-head-container .stats {
  display: flex;
}
.filter-head-container .search-filter {
  background: transparent;
  line-height: 40px;
  padding: 20px 0px;
  border: 0;
  -webkit-appearance: none;
  box-sizing: border-box;
  box-shadow: none;
}
.filter-head-container .search-filter:hover, .filter-head-container .search-filter:focus {
  box-shadow: none;
}
.filter-head-container .fixed-buttons {
  display: flex;
  width: 250px;
  position: fixed;
  right: 20px;
  z-index: 10;
  background: #fff;
  transition: 0.3s all;
}
.filter-head-container .fixed-buttons.small-buttons {
  width: 200px;
  border-radius: 3px;
  opacity: 1;
}
.filter-head-container .fixed-buttons.small-buttons.shadow-buttons {
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
  opacity: 0.25;
}
.filter-head-container .fixed-buttons.small-buttons.shadow-buttons:hover {
  opacity: 1;
}
.filter-head-container .fixed-buttons.small-buttons .button {
  transition: 0.3s all;
  padding: 5px 8px !important;
  font-size: 14px;
}
.filter-head-container .select-filter {
  line-height: 80px;
  height: 80px;
  padding-top: 0;
  padding-bottom: 0;
  background-color: transparent;
  background-size: 40px 40px;
  border: none;
  opacity: 0.9;
  flex: 0 0 200px;
  box-shadow: none;
  color: #fff;
}
.filter-head-container .button {
  margin: 18px 0 18px 10px;
}

.jumbotron {
  margin: 20px;
  padding: 30px;
  background: #efefef;
  box-sizing: border-box;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7), inset 0 -1px 0 rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.09) 0 10px 30px;
  display: block;
  width: auto;
  border-radius: 10px;
  max-width: 500px;
}

.form-grid {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.form-grid.form-grid-all {
  box-sizing: border-box;
  padding-left: 40px;
  padding-right: 40px;
}
@media (max-width: 767px) {
  .form-grid.form-grid-all {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.form-grid.form-grid-all fieldset {
  background: rgba(255, 255, 255, 0);
  padding: 5px 15px;
  border: 1px solid #d9d9d9;
}
.form-grid .rows .form-row {
  box-sizing: border-box;
  padding: 5px;
  flex-wrap: wrap;
}
.form-grid .rows .form-row:nth-child(odd) {
  background: #f3f3f3;
}
.form-grid .rows .form-row:nth-child(even) {
  background: #e8e8e8;
}
.form-grid .form-row {
  display: flex;
  flex: 0 0 100%;
  flex-direction: row;
  min-height: 70px;
}
@media (max-width: 767px) {
  .form-grid .form-row {
    flex-direction: column;
  }
}
.form-grid .form-row .form-col-12 {
  flex: 0 0 100%;
}
.form-grid .form-row .form-col-11 {
  flex: 0 0 91.6666;
}
.form-grid .form-row .form-col-10 {
  flex: 0 0 83.3333%;
}
.form-grid .form-row .form-col-9 {
  flex: 0 0 75%;
}
.form-grid .form-row .form-col-8 {
  flex: 0 0 66.6666%;
}
.form-grid .form-row .form-col-7 {
  flex: 0 0 58.3333%;
}
.form-grid .form-row .form-col-6 {
  flex: 0 0 50%;
}
.form-grid .form-row .form-col-5 {
  flex: 0 0 41.6666%;
}
.form-grid .form-row .form-col-4 {
  flex: 0 0 33.3333%;
}
.form-grid .form-row .form-col-3 {
  flex: 0 0 25%;
}
.form-grid .form-row .form-col-2 {
  flex: 0 0 16.6666%;
}
.form-grid .form-row .form-col-1 {
  flex: 0 0 8.3333%;
}
.form-grid .form-row .form-col {
  box-sizing: border-box;
  padding: 0 10px 0 0;
}
.form-grid .form-row .form-col:last-child {
  padding: 0;
}
.form-grid .form-row .form-col .button {
  margin: 18px 10px 18px 0;
}
@media (max-width: 767px) {
  .form-grid .form-row .form-col {
    flex: 0 0 100% !important;
    padding: 0;
  }
}

.publisher-page-header {
  padding: 20px;
  background: #fff;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}
.publisher-page-header p {
  font-size: 0.83em;
  text-align: justify;
}

.publisher-page {
  padding: 20px;
}

h3 {
  padding-top: 20px;
}

p {
  font-size: 0.83em;
}

form {
  margin-top: 0;
}

.font-small {
  font-size: 0.83em;
  line-height: 0.83em;
}

.form-input .select {
  padding-left: 8px;
  height: 38px;
  border-radius: 3px;
}
.form-input .input-item.required {
  height: auto;
  position: relative;
  display: block;
  border-radius: 0 3px 0 0;
  overflow: hidden;
}
.form-input .input-item.required:before, .form-input .input-item.required:after {
  position: absolute;
  display: block;
  right: 0;
  top: 0;
}
.form-input .input-item.required:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 15px 15px 0;
  border-color: transparent #fb6e52 transparent transparent;
  /* 007bff */
  z-index: 100;
}
.form-input .input-item.required:before {
  content: "*";
  color: #fff;
  width: 10px;
  padding: 0;
  height: 10px;
  z-index: 101;
  font-size: 15px;
  margin: 1px -3px;
}
.form-input .input-item i {
  position: absolute;
  z-index: 100;
  top: 10px;
  left: 5px;
}
.form-input .input-item i + input, .form-input .input-item i + .select {
  padding-left: 30px;
}

.ast.required {
  font-size: 16px;
  width: 10px;
  height: 10px;
  text-align: center;
  display: inline-block;
  background: #fb6e52;
  color: #fff;
  border-radius: 3px;
  margin-bottom: 2px;
  vertical-align: middle;
}

.steps-indicator {
  margin: 20px 0 0 0;
  max-width: 500px;
  display: flex;
  justify-content: center;
}
.steps-indicator .step {
  width: 30px;
  height: 30px;
  background: #c6c6c6;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(255, 255, 255, 0.75);
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  border-radius: 15px;
  color: #fff;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 -1px 0 rgba(255, 255, 255, 0.5);
  position: relative;
  margin-left: 30px;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
.steps-indicator .step:before {
  width: 30px;
  height: 5px;
  display: block;
  background: #c6c6c6;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(255, 255, 255, 0.5);
  content: " ";
  position: absolute;
  right: 30px;
}
.steps-indicator .step:first-child {
  margin-left: 0;
}
.steps-indicator .step:first-child:before {
  display: none;
  visibility: 0;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
.steps-indicator .step.active {
  background: #fb6e52;
}
.steps-indicator .step.active:before {
  background: #fb6e52;
}

.table {
  width: 100%;
  margin-top: 15px;
  background: #fff;
}
.table th {
  padding: 5px;
  border-bottom: 1px solid #e0e0e0;
  color: #707070;
  font-size: 0.75em;
  font-weight: bold;
  text-align: left;
}
.table td {
  padding: 5px;
  border-bottom: 1px solid #f2f2f2;
  font-size: 0.83em;
}
.table tbody tr:last-child td {
  border-bottom: 1px solid #ffffff;
}
.table.stripe tbody tr:nth-child(odd) td, .table.striped tbody tr:nth-child(odd) td {
  background: rgba(0, 0, 0, 0.015) !important;
}
.table.stripe tbody tr:nth-child(even) td, .table.striped tbody tr:nth-child(even) td {
  background: white !important;
}

.publisher h2.evidence {
  background: rgba(0, 0, 0, 0.1);
  padding: 5px;
  width: fit-content;
  margin: 5px auto;
}

.welcome .cd-title {
  position: relative;
  height: 160px;
  line-height: 40px;
  text-align: center;
}
.welcome .cd-title h1 {
  font-size: 1.2rem;
  font-weight: 700;
}
.welcome .cd-intro {
  width: 100%;
  text-align: center;
  display: flex;
}
.welcome .cd-intro {
  margin: 2em 0 0.5em 0;
  display: flex;
  justify-content: center;
  justify-content: center;
}
.welcome .cd-headline {
  font-size: 2rem;
  line-height: 1.2;
  color: #fb6e52;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), 0 -1px 0 rgba(255, 255, 255, 0.9);
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  .welcome .cd-headline {
    font-size: 1.5rem;
  }
}
.welcome .cd-words-wrapper {
  display: inline-block;
  position: relative;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .welcome .cd-words-wrapper {
    width: 100% !important;
  }
}
.welcome .cd-words-wrapper b {
  display: inline-block;
  position: absolute;
  white-space: nowrap;
  left: 0;
  top: 0;
}
@media only screen and (max-width: 768px) {
  .welcome .cd-words-wrapper b {
    flex-wrap: wrap;
    max-width: 600px;
    width: 100%;
    white-space: normal !important;
  }
}
.welcome .cd-words-wrapper b.is-visible {
  position: relative;
}
.welcome .no-js .cd-words-wrapper b {
  opacity: 0;
}
.welcome .no-js .cd-words-wrapper b.is-visible {
  opacity: 1;
}
.welcome .cd-headline.zoom .cd-words-wrapper {
  -webkit-perspective: 300px;
  -moz-perspective: 300px;
  perspective: 300px;
}
.welcome .cd-headline.zoom b {
  opacity: 0;
}
.welcome .cd-headline.zoom b.is-visible {
  opacity: 1;
  -webkit-animation: zoom-in 0.8s;
  -moz-animation: zoom-in 0.8s;
  animation: zoom-in 0.8s;
}
.welcome .cd-headline.zoom b.is-hidden {
  -webkit-animation: zoom-out 0.8s;
  -moz-animation: zoom-out 0.8s;
  animation: zoom-out 0.8s;
}
@-webkit-keyframes zoom-in {
  0% {
    opacity: 0;
    -webkit-transform: translateZ(100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0);
  }
}
@-moz-keyframes zoom-in {
  0% {
    opacity: 0;
    -moz-transform: translateZ(100px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateZ(0);
  }
}
@keyframes zoom-in {
  0% {
    opacity: 0;
    -webkit-transform: translateZ(100px);
    -moz-transform: translateZ(100px);
    -ms-transform: translateZ(100px);
    -o-transform: translateZ(100px);
    transform: translateZ(100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@-webkit-keyframes zoom-out {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateZ(-100px);
  }
}
@-moz-keyframes zoom-out {
  0% {
    opacity: 1;
    -moz-transform: translateZ(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateZ(-100px);
  }
}
@keyframes zoom-out {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateZ(-100px);
    -moz-transform: translateZ(-100px);
    -ms-transform: translateZ(-100px);
    -o-transform: translateZ(-100px);
    transform: translateZ(-100px);
  }
}
.welcome .row {
  max-width: 1000px;
  margin: 30px auto 0px;
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 768px) {
  .welcome .row {
    flex-wrap: wrap;
  }
}
.welcome .row .col-4 {
  width: 100%;
  flex: 0 0 33%;
  padding: 10px;
  flex-basis: calc(33% - 20px);
  box-sizing: border-box;
  text-align: center;
  border-right: 1px dashed #ccc;
}
@media only screen and (max-width: 768px) {
  .welcome .row .col-4 {
    flex-basis: calc(33% - 10px);
    padding: 5px;
  }
}
.welcome .row .col-4:last-child {
  border-right: none;
}
.welcome .row .col-4 h2 {
  margin: 0;
  font-size: 2.8em;
  font-weight: bolder;
  color: #fb6e52;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), 0 -1px 0 rgba(255, 255, 255, 0.9);
}
@media only screen and (max-width: 768px) {
  .welcome .row .col-4 h2 {
    font-size: 1.5em;
  }
}
.welcome .row .col-4 h2 + h3 {
  padding-top: 0;
  font-size: 1.2em;
  color: #4c4c4c;
  text-shadow: 0 -1px 0 #fff, 0 1px 3px rgba(0, 0, 0, 0.25);
}
@media only screen and (max-width: 768px) {
  .welcome .row .col-4 h2 + h3 {
    font-size: 1em;
  }
}
.welcome .cards {
  max-width: 900px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 768px) {
  .welcome .cards {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.welcome .cards .card {
  width: 100%;
  flex: 0 0 33%;
  padding: 0 10px;
  flex-basis: calc(33% - 20px);
  box-sizing: border-box;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  max-width: calc(33% - 20px);
  min-width: calc(33% - 20px);
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .welcome .cards .card {
    flex-basis: calc(100% - 20px);
    margin: 10px;
  }
}
.welcome .cards .card h2 {
  text-indent: -999em;
  margin: 0;
  padding: 50px;
}
.welcome .cards .card h3 {
  background-color: rgba(50, 50, 50, 0.75);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
  color: #fff;
  padding: 5px;
  margin: 0 -10px;
  flex: 0 0 100%;
  flex-basis: calc(100% + 10px);
  min-height: 40px;
  align-items: center;
  display: flex;
  justify-content: center;
}
.welcome .big-card {
  width: calc(100% + 30px);
  background: linear-gradient(141deg, #4c4c4c 0%, #3c3c3c 75%);
  padding: 40px 0;
  text-align: center;
  margin: 15px -15px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
@media only screen and (max-width: 768px) {
  .welcome .big-card {
    width: 100%;
    margin: 0;
  }
}
.welcome .big-card h2 {
  flex: 0 0 100%;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
  color: #f0f0f0;
}
@media only screen and (max-width: 768px) {
  .welcome .big-card h2 {
    font-size: 1.2em;
  }
}
.welcome .big-card .button {
  margin: 15px 0 0 0;
  background: #3bae71;
  padding: 18px 38px;
  font-size: 1.5em;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
}
@media only screen and (max-width: 768px) {
  .welcome .big-card .button {
    padding: 10px 21px;
    font-size: 1em;
  }
}
.welcome .big-card .button:hover {
  background: #359b65;
}

label.important {
  font-size: 0.83em;
}

.how-works img {
  width: 300px;
  flex: 0 0 300px;
}
.how-works .funnel {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  max-width: 1000px;
  margin: 0 auto;
}
.how-works .funnel li {
  height: 102px;
}

.message-info {
  width: auto;
  padding: 10px 5px;
  background: rgba(0, 0, 0, 0.05);
  color: #02aaf5;
  display: flex;
  border-radius: 3px;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  margin: 5px 0;
  box-sizing: border-box;
}
.message-info i {
  font-size: 2em;
  margin-right: 5px;
  color: #46c5fd;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.message-info span {
  line-height: 1.2;
  font-style: italic;
}

/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  -moz-backface-visibility: hidden;
  /* fix firefox animation glitch */
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-stage-outer {
  padding-top: 10px;
  padding-bottom: 10px;
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-loaded {
  display: block;
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel.owl-hidden {
  opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}

.owl-carousel.owl-rtl {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
  z-index: 0;
}

.owl-carousel .owl-animated-out {
  z-index: 1;
}

.owl-carousel .fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out;
}

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d;
}

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}

.toggle {
  position: relative;
  height: 300px;
  width: 0;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
.toggle .back-button {
  top: 50px;
  background: #fb6e52;
  height: 35px;
  position: fixed;
  left: 0;
  width: 100%;
  display: none;
  justify-content: center;
  align-items: center;
  color: #fff;
  z-index: -1;
}
@media (max-width: 767px) {
  .toggle .back-button {
    z-index: 199;
    display: flex;
  }
}
.toggle .toggle-simulation {
  width: 140px;
  height: 35px;
  border-radius: 5px 0 0 5px;
  padding: 0 18px 0 8px;
  box-sizing: border-box;
  color: #fff;
  background: #3bae71;
  display: flex;
  position: fixed;
  top: 72px;
  margin-left: -140px;
  justify-content: center;
  align-items: center;
  align-self: center;
  text-align: center;
  flex-wrap: nowrap;
  text-indent: 0em;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  z-index: 200;
}
@media (max-width: 767px) {
  .toggle .toggle-simulation {
    top: 85px !important;
  }
}
.toggle .toggle-simulation.fixed {
  transition: all 0.5s;
  top: 52px;
}
@media (max-width: 767px) {
  .toggle .toggle-simulation.fixed {
    top: 50px;
  }
}
.toggle .toggle-simulation span {
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  white-space: nowrap;
}
.toggle .toggle-simulation .to-close {
  opacity: 0;
  width: 0;
  overflow: hidden;
}
.toggle .toggle-simulation .to-open {
  opacity: 1;
  width: auto;
}
.toggle .toggle-simulation:after, .toggle .toggle-simulation:before {
  right: 4px;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
.toggle .toggle-simulation:after {
  border-width: 5px;
  margin-top: -5px;
}
.toggle .toggle-simulation:before {
  border-left-color: #fff;
  border-width: 6px;
  margin-top: -6px;
  margin-right: -4px;
}
@media (max-width: 767px) {
  .toggle .toggle-simulation {
    background: #3bae71;
    border-radius: 0;
    width: 100%;
    left: 0px;
    top: 60px;
    height: 50px;
    z-index: 999;
    margin-left: 0;
    text-indent: inherit;
    color: #fff;
    border-bottom: 3px solid #fb6e52;
  }
}
.toggle .toggle-simulation.open {
  box-shadow: inset rgba(0, 0, 0, 0.1);
  height: 35px;
  margin-left: -150px;
  width: 160px;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  box-shadow: inset -2px 0 2px rgba(0, 0, 0, 0.3);
}
@media (max-width: 767px) {
  .toggle .toggle-simulation.open {
    display: none;
  }
}
.toggle .toggle-simulation.open .to-close {
  opacity: 1;
  width: auto;
}
.toggle .toggle-simulation.open .to-open {
  opacity: 0;
  width: 0;
  overflow: hidden;
}
.toggle .toggle-simulation.open:after {
  right: 8px;
}
.toggle .toggle-simulation.open:before {
  border-left-color: #4c4c4c;
  right: 8px;
}

.new-simulation {
  flex: 1 0 0px;
  width: 0px;
  height: calc(100vh - 80px);
  display: block;
  overflow: hidden;
  -webkit-transition: width 0.5s;
  transition: all 0.5s;
  min-height: 300px;
  z-index: 201;
}
.new-simulation .form-animate {
  -webkit-animation-name: spaceboots;
  -webkit-animation-duration: 0.3s;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
}
@media (max-width: 767px) {
  .new-simulation {
    width: 100%;
    height: auto;
    position: fixed;
    overflow: inherit;
    top: 60px;
    left: 0px;
    display: none;
    -webkit-transition: width 0s;
    transition: width 0s;
    z-index: 999;
  }
}
.new-simulation.open {
  flex-basis: 340px;
  margin-left: 10px;
}
@media (max-width: 767px) {
  .new-simulation.open {
    width: calc(100% - 20px);
    display: block;
    margin-right: 10px;
    box-sizing: border-box;
  }
}
.new-simulation.open.fixed {
  transition: all 0.5s;
}
.new-simulation.open.fixed .simulation-container {
  position: fixed;
  width: 340px;
  overflow-y: scroll;
}
@media (max-width: 767px) {
  .new-simulation.open.fixed .simulation-container {
    width: calc(100% - 20px);
  }
}
.new-simulation.fixed {
  transition: all 0.5s;
}
.new-simulation.fixed:not(.open) {
  transition: all 0s;
  flex-basis: 0;
  overflow: hidden;
}
.new-simulation.fixed:not(.open) .simulation-container {
  transition: all 0s;
  position: fixed;
  width: 0;
}
.new-simulation.fixed .simulation-container {
  transition: all 0.5s;
  top: 50px;
  height: calc(100vh - 50px);
}
.new-simulation .simulation-items {
  display: flex;
  flex-flow: column-reverse;
}
.new-simulation form, .new-simulation .form {
  margin-top: 0;
}
.new-simulation form.simulation-item, .new-simulation .form.simulation-item {
  padding-top: 0;
}
.new-simulation form.simulation-item .form-input, .new-simulation .form.simulation-item .form-input {
  display: flex;
  justify-content: space-between;
}
.new-simulation form.simulation-item .form-input .column, .new-simulation .form.simulation-item .form-input .column {
  padding-top: 10px;
  flex: 1 1 100%;
  position: relative;
  margin-left: 3px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.new-simulation form.simulation-item .form-input .column:first-child, .new-simulation .form.simulation-item .form-input .column:first-child {
  margin-left: 0;
}
@media (max-width: 767px) {
  .new-simulation form.simulation-item .form-input .column, .new-simulation .form.simulation-item .form-input .column {
    width: 100%;
  }
}
.new-simulation form.simulation-item .form-input .column .disableNext, .new-simulation .form.simulation-item .form-input .column .disableNext {
  background: #4c4c4c;
  opacity: 0.3;
  position: absolute;
  height: 30px;
  width: 100%;
  z-index: 100;
}
.new-simulation form.simulation-item .form-input .column label, .new-simulation .form.simulation-item .form-input .column label {
  line-height: 13px;
  padding-bottom: 3px;
}
.new-simulation form.simulation-item .button, .new-simulation .form.simulation-item .button {
  margin-bottom: 0;
}
.new-simulation .simulation-container {
  border-top: solid 3px #fb6e52;
  overflow-y: auto;
  display: block;
  background: #4c4c4c;
  height: 100%;
  width: 340px;
  box-sizing: border-box;
  padding-bottom: 50px;
  color: #f4f4f4;
  -webkit-transition: width 0.5s;
  transition: width 0.5s;
}
.new-simulation .simulation-container .simulation-content {
  width: 340px;
  min-width: 340px;
}
.new-simulation .simulation-container .simulation-content .simulation-panel {
  padding-bottom: 80px;
}
@media (max-width: 767px) {
  .new-simulation .simulation-container .simulation-content .simulation-panel {
    padding-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .new-simulation .simulation-container .simulation-content {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .new-simulation .simulation-container {
    width: 100%;
  }
}
.new-simulation .simulation-container .simulation-title {
  background: #fb6e52;
  text-transform: uppercase;
  padding: 9px 9px 12px;
  font-weight: bold;
  font-size: 0.83em;
  color: #fff;
}
.new-simulation .simulation-container .simulation-body {
  background: #4c4c4c;
  padding: 0 10px 10px 10px;
  line-height: 1.5em;
}
.new-simulation .simulation-container .simulation-body p {
  font-size: 0.7em;
}
.new-simulation .simulation-container .simulation-body label {
  color: #f4f4f4;
}
.new-simulation .simulation-container .simulation-body a {
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 10px;
  font-size: 0.875em;
}
.new-simulation .simulation-container .simulation-body input {
  display: inline-block;
}
.new-simulation .simulation-container .simulation-body table tr:last-child td {
  border-top: 1px solid #777;
}
.new-simulation .simulation-container .simulation-body.resume {
  background: rgba(0, 0, 0, 0.3);
  padding: 10px 10px 1px 10px;
}
.new-simulation .simulation-container .simulation-body.resume h3 {
  font-size: 1.2em;
  margin-bottom: 20px;
}
.new-simulation .simulation-container .simulation-body.resume h3.final-price {
  width: 100%;
  font-size: 1.5em;
}
.new-simulation .simulation-container .simulation-body.resume p {
  margin: 10px 0;
}
.new-simulation .simulation-container .simulation-body .simulation-item {
  display: block;
  vertical-align: middle;
  padding: 16px 0;
  border-bottom: 1px solid #424242;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  box-sizing: border-box;
}
.new-simulation .simulation-container .simulation-body .simulation-item:last-child {
  border-top: none;
  padding-top: 0;
}
.new-simulation .simulation-container .simulation-body .simulation-item:first-child {
  border-bottom: none;
  padding-top: 0;
}
.new-simulation .simulation-container .simulation-body .simulation-item table td {
  text-align: left;
}
.new-simulation .simulation-container .simulation-body .simulation-item .form-input input[type=text] {
  box-sizing: border-box;
  padding: 5px;
  font-size: 0.82em;
  border-radius: 3px;
  height: 30px;
}
@media (max-width: 767px) {
  .new-simulation .simulation-container .simulation-body .simulation-item .form-input input[type=text] {
    font-size: 1em;
    padding: 10px 5px;
  }
}
.new-simulation .simulation-container .simulation-body .simulation-item .form-input select {
  padding-left: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 3px;
  box-sizing: border-box;
  font-size: 0.82em;
  border-radius: 3px;
  height: 30px;
  box-shadow: inset 0 -6px 0px 1px #e6e6e6;
}
@media (max-width: 767px) {
  .new-simulation .simulation-container .simulation-body .simulation-item .form-input select {
    font-size: 1em;
    padding-top: 1px;
    padding-bottom: 1px;
    box-shadow: inset 0 -1px 0px 1px rgba(230, 230, 230, 0.5);
  }
}
.new-simulation .simulation-container .simulation-body .simulation-item h2.sub-text {
  font-size: 1em;
}
.new-simulation .simulation-container .simulation-body .simulation-item h2.sub-text i {
  text-align: center;
  padding-top: 0.13em;
  font-size: 0.87em;
}
.new-simulation .simulation-container .simulation-body .simulation-item h3 {
  color: #fff;
  padding-top: 0;
  font-size: 1.2em;
  margin-bottom: 10px;
  text-align: left;
}
.new-simulation .simulation-container .simulation-body .simulation-item h3.sub-text {
  padding-top: 16px;
  color: #fb6e52;
  font-size: 1.1em;
  text-align: center;
  width: 100%;
}
.new-simulation .simulation-container .simulation-body .simulation-item h3.sub-text i {
  font-size: 1em;
  padding-top: 0.1em;
}
.new-simulation .simulation-container .simulation-body .simulation-item h4 {
  text-align: left;
  font-weight: normal;
}
.new-simulation .simulation-container .simulation-body .simulation-item h4.final-price {
  font-size: 1.1em;
  font-weight: bold;
}
.new-simulation .simulation-container .simulation-body .simulation-item h4 span.label {
  font-size: 0.75em;
  margin-right: 5px;
  color: #b3b3b3;
  text-align: left;
  text-transform: uppercase;
}
.new-simulation .simulation-container .simulation-body .simulation-item p {
  color: #b3b3b3;
  font-size: 1em;
  line-height: 1em;
}
.new-simulation .simulation-container .simulation-body .simulation-item .errors p {
  color: #f33a3a;
  font-size: 0.83em;
}
.new-simulation .simulation-container .simulation-body .simulation-item.item {
  position: relative;
  padding: 6px 0;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
}
.new-simulation .simulation-container .simulation-body .simulation-item.item.edit {
  padding: 6px 10px 6px 0;
}
.new-simulation .simulation-container .simulation-body .simulation-item.item .simulation-subitem {
  padding-right: 10px;
  display: flex;
  flex-flow: column;
  flex: 0 0 calc(100% - 20px);
}
.new-simulation .simulation-container .simulation-body .simulation-item.item .simulation-subitem h4 {
  font-weight: normal;
}
.new-simulation .simulation-container .simulation-body .simulation-item.item .simulation-subitem h4 span {
  color: #b3b3b3;
  font-size: 0.75em;
}
.new-simulation .simulation-container .simulation-body .simulation-item.item .simulation-subitem table.simulation-table {
  width: 100%;
}
.new-simulation .simulation-container .simulation-body .simulation-item.item .simulation-subitem table.simulation-table tr td {
  padding: 3px;
}
.new-simulation .simulation-container .simulation-body .simulation-item.item .simulation-subitem table.simulation-table tr:last-child {
  border-top: none;
}
.new-simulation .simulation-container .simulation-body .simulation-item.item .simulation-subitem table.simulation-table label {
  font-size: 0.75em;
  text-transform: uppercase;
  color: #b3b3b3;
  font-weight: normal;
  position: relative;
  white-space: nowrap;
}
.new-simulation .simulation-container .simulation-body .simulation-item.item .simulation-subitem table.simulation-table span {
  font-size: 0.83em;
  font-weight: normal;
  color: #fff;
  text-transform: none;
}
.new-simulation .simulation-container .simulation-body .simulation-item.item .simulation-subitem p {
  font-size: 0.83em;
  line-height: 16px;
  font-weight: bold;
  color: #fff;
  display: flex;
  strong-width: 92px;
  strong-display: inline-block;
}
.new-simulation .simulation-container .simulation-body .simulation-item.item .simulation-subitem p span {
  width: 92px;
}
.new-simulation .simulation-container .simulation-body .simulation-item.item .remove-order {
  position: absolute;
  top: 10px;
  right: 0;
  width: 16px;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 16px;
}
.new-simulation .simulation-container .simulation-body .simulation-item.item .remove-order:hover {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  color: #f33a3a;
}
.new-simulation .simulation-container .simulation-body .simulation-waiting {
  background: rgba(255, 255, 255, 0.15);
  color: #4c4c4c;
  border-radius: 3px;
  padding: 5px !important;
}

.settings {
  background: #ededed;
  min-height: inherit;
}
.settings .settings-header {
  background: #4c4c4c;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: space-between;
  align-content: center;
  align-items: center;
  position: relative;
  color: #fff;
}
.settings .settings-header > *:first-child {
  margin-left: 30px;
}
.settings .settings-header > i {
  color: #ededed;
  padding: 0 10px 0 20px;
}
.settings .settings-header .ico-search {
  z-index: 10;
}
.settings .settings-header .ico-search + .search-filter {
  padding-left: 40px;
  margin-left: -40px;
}
.settings .settings-header input {
  background: none;
  box-shadow: none;
  border: 0;
  line-height: 44px;
  padding: 20px 0;
  color: inherit;
}
.settings .settings-header input:hover, .settings .settings-header input:focus {
  background: rgba(255, 255, 255, 0.05);
}
.settings .settings-header select {
  color: inherit;
  line-height: 80px;
  height: 80px;
  padding-top: 0;
  padding-bottom: 0;
  background-color: none;
  background-size: 40px 40px;
  box-shadow: none;
  max-width: 300px;
  min-width: 170px;
  padding-right: 30px;
}
.settings .settings-header select:hover, .settings .settings-header select:focus {
  background-color: rgba(255, 255, 255, 0.05);
}
.settings .settings-header select option {
  color: #4c4c4c;
}
.settings .settings-header .datepicker {
  width: 100%;
}
.settings .settings-header .input-radiobox span,
.settings .settings-header .input-checkbox span {
  color: #ededed;
}
.settings .settings-header > div {
  flex: 1 1 5%;
}
.settings .settings-header > div:last-child {
  justify-content: flex-end;
}
.settings .table.no-data {
  margin: 0;
  padding: 0;
  text-align: center;
}
.settings .table.no-data p {
  font-size: 1.2em;
}

.tab {
  width: 100%;
  display: none;
}
.tab.tab-show {
  display: block;
}

.dropzone {
  display: flex;
  flex-wrap: wrap;
}
.dropzone .dz-default {
  border: 3px solid #d3d3d3;
  background: #e6e6e6;
  flex-basis: 100%;
  width: 100%;
  margin: 20px 0;
  display: flex;
  height: 200px;
  justify-content: center;
  align-items: center;
  align-content: center;
  cursor: pointer;
}
.dropzone .dz-default span {
  font-size: 1em;
  color: #747474;
  text-align: center;
  text-transform: uppercase;
  padding: 100px 0 0 0;
  position: relative;
}
.dropzone .dz-default span:before {
  width: 50px;
  height: 50px;
  position: absolute;
  left: 50%;
  top: 10px;
  margin-left: -25px;
  font-family: "mediatrade-icons" !important;
  content: "";
  font-size: 50px;
  line-height: 50px;
  padding: 0.5em 0;
  color: #d3d3d3;
  text-shadow: 0 1px 0 #fff, 0 -1px 1px #9a9a9a;
}
.dropzone .dz-preview {
  width: 172px;
  display: flex;
  justify-content: flex-start;
  padding: 10px;
  box-sizing: border-box;
  flex-direction: column;
  background: #f2f2f2;
  margin-right: 10px;
  margin-bottom: 10px;
  border: 1px solid #d3d3d3;
}
.dropzone .dz-preview:nth-child(5n+1) {
  margin-right: 0;
}
.dropzone .dz-preview .dz-image {
  width: 152px;
  margin: 0 0 10px;
  text-align: center;
}
.dropzone .dz-preview .dz-image img {
  max-width: 100%;
  max-height: 100%;
}
.dropzone .dz-preview .dz-details {
  display: flex;
  flex-direction: column;
}
.dropzone .dz-preview .dz-details .dz-size {
  text-align: center;
  font-size: 1.2em;
}
.dropzone .dz-preview .dz-details .dz-filename {
  text-align: center;
  padding: 5px 0;
  font-size: 0.83em;
}
.dropzone .dz-preview .dz-error-message span {
  width: 100%;
  text-align: center;
  color: #f33a3a;
  font-size: 0.75em;
}
.dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {
  width: 52px;
  height: 52px;
  display: inline-block;
  border-radius: 26px;
  display: none;
}
.dropzone .dz-preview .dz-success-mark {
  background: #3bae71;
}
.dropzone .dz-preview .dz-error-mark {
  background: #f33a3a;
}

.file-manager .tab-links {
  padding-top: 10px;
  display: block;
}
.file-manager .tab-links a {
  padding: 12px 20px;
  border-radius: 3px 3px 0 0;
  border: 1px solid #d3d3d3;
  margin: 0 3px -1px 3px;
  display: inline-block;
  cursor: pointer;
  background: #f2f2f2;
}
.file-manager .tab-links a.active {
  background: #fff;
  border-bottom: 1px solid #fff;
}
.file-manager .tabs {
  border-top: 1px solid #d3d3d3;
  padding-top: 10px;
}
.file-manager .tabs .tab {
  width: 100%;
  display: none;
}
.file-manager .tabs .tab.tab-show {
  display: block;
}

.big-title {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.big-title h1 {
  font-size: 3em;
  padding: 0.5em 0;
  color: #d3d3d3;
  text-shadow: 0 -1px 0 #fff, 0 1px 1px #9a9a9a;
}
.big-title p {
  padding-bottom: 10px;
}
.big-title h3 {
  padding: 3px 0;
}
.big-title span {
  font-size: 15px;
  font-weight: normal;
  position: absolute;
  margin-top: -5px;
}
.big-title .row {
  width: 100%;
  display: flex;
  justify-content: center;
}
.big-title .row .button {
  margin: 20px 10px;
}
.big-title .table {
  margin: 10px 20px 30px 20px;
  padding: 0 20px;
  width: 100%;
  box-sizing: border-box;
  font-size: 16px;
}
.big-title .table thead tr {
  border-bottom: 2px solid rgba(50, 50, 50, 0.05);
}
.big-title .table thead tr th {
  padding: 10px 5px 5px 10px;
  font-size: 0.75em;
  color: #a8a8a8;
  text-align: left;
}
.big-title .table thead tr th:first-child {
  padding-left: 20px;
}
.big-title .table thead tr th:last-child {
  padding-right: 20px;
}
.big-title .table tbody tr th {
  padding: 10px 5px 5px 10px;
  font-size: 0.75em;
  color: #a8a8a8;
  text-align: right;
  width: 192px;
}
.big-title .table tbody tr td {
  padding: 10px 5px 10px 10px;
  font-size: 1em;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
.big-title .table tbody tr td .button {
  margin: 0 0 0 5px;
}
.big-title .table tbody tr td .image-icon {
  max-width: 32px;
  max-height: 32px;
  margin-top: -8px;
  margin-bottom: -8px;
}
.big-title .table tbody tr td:first-child {
  padding-left: 20px;
}
.big-title .table tbody tr td:last-child {
  padding-right: 20px;
}
.big-title .table tbody tr:nth-child(even) td, .big-title .table tbody tr:nth-child(even) th {
  background: rgba(50, 50, 50, 0.05);
}
.big-title .table tbody tr:hover td, .big-title .table tbody tr:hover th {
  background: rgba(255, 255, 255, 0.5);
}

.timeout {
  background: #c00;
  padding: 10px;
  position: fixed;
  bottom: 0;
  left: 0;
}

.ordenation {
  justify-content: flex-start;
  vertical-align: middle;
  font-size: 0.725em;
  min-width: 120px;
  display: flex;
}
@media (max-width: 767px) {
  .ordenation {
    width: 100%;
    font-size: 0.75em;
    border-radius: 3px;
  }
}
.ordenation a {
  position: relative;
  font-weight: bold;
  margin-left: 5px;
  padding: 0 15px 0 3px !important;
}
.ordenation a i {
  display: inline-block;
  font-family: "mediatrade-icons";
}
.ordenation a i:before {
  content: "";
  position: absolute;
  color: rgba(255, 255, 255, 0.75);
  top: 1px;
  right: 3px;
}
.ordenation a i:after {
  content: "";
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
  position: absolute;
  color: rgba(255, 255, 255, 0.75);
  bottom: 0px;
  right: 3px;
}
.ordenation a.desc i:before {
  color: rgba(255, 255, 255, 0.75);
}
.ordenation a.desc i:after {
  color: rgba(255, 255, 255, 0.75);
}
.ordenation a.active {
  color: #4c4c4c;
}
.ordenation a.active i:before {
  color: #4c4c4c;
}
.ordenation a.active i:after {
  color: rgba(255, 255, 255, 0.75);
}
.ordenation a.active.desc i:before {
  color: rgba(255, 255, 255, 0.75);
}
.ordenation a.active.desc i:after {
  color: #4c4c4c;
}

.option-list {
  height: 50px;
  width: 100%;
  display: block;
  overflow: auto;
  border: 1px solid #999;
  border-radius: 3px;
  color: #f2f2f2;
}
.option-list li {
  padding: 0 5px;
  background: #535353;
}
.option-list li:nth-child(odd) {
  background: #737373;
}
.option-list li .radioboxes input.input {
  display: inline-block;
  width: 100px;
  height: 24px;
  line-height: 24px;
  padding: 5px;
  box-sizing: border-box;
  background: #fff;
  border-radius: 3px;
  border-bottom: 0;
}

.radio-options {
  padding: 0 10px;
}
.radio-options span {
  color: #f2f2f2;
}
.radio-options span input {
  background: none;
  box-shadow: none;
  width: 90px;
  display: inline-block;
  border-bottom: 1px solid #999;
  color: #fff;
}
.radio-options span input.input-percent {
  width: 30px;
}

.resizing-input {
  font-size: 0.75em;
}

.resizing-input input, .resizing-input span {
  padding: 5px;
}

.step-form .plus-size {
  width: 100%;
  max-width: 740px;
  margin: 0 auto;
}

form .step-form {
  display: none;
}
form .step-form.active {
  display: block;
}

.profile-card {
  display: flex;
  width: 100%;
  flex-direction: column;
}
.profile-card .input-radiobox {
  margin: 0 0 7px 0;
}
.profile-card .input-radiobox span {
  font-size: 0.688em;
  font-weight: 700;
  width: 100%;
  color: #4c4c4c;
}
.profile-card .profile-card-logo {
  width: 100%;
  cursor: pointer;
  box-sizing: border-box;
  transition: background 0.3s, padding 0.3s;
  opacity: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 160px;
  position: relative;
}
.profile-card .profile-card-logo.no-logo {
  width: 0px;
  padding: 0;
  opacity: 0;
  height: 0;
}
.profile-card .profile-card-logo .logo-preview {
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99999;
}
.profile-card .profile-card-logo a {
  max-width: 100%;
  max-height: 100%;
  display: flex;
  justify-content: center;
}
.profile-card .profile-card-logo-image {
  flex: 1 1 30%;
  box-sizing: border-box;
  min-height: 100px;
  background: #fff;
  position: relative;
  max-width: 200px;
  transition: 0.5s all;
  height: 150px;
  overflow: hidden;
  border: 3px solid #f9f9f9;
  box-shadow: 0 1px 0 #d3d3d3;
}
.profile-card .profile-card-logo-image.image-alone {
  width: 150px;
  height: 150px;
  border-radius: 150px;
  padding: 0;
  display: flex;
  flex: 0 0 150px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  max-width: 100%;
  max-height: 100%;
  display: flex;
  overflow: hidden;
}
.profile-card .profile-card-logo-image.image-alone img {
  max-height: 100%;
}
.profile-card .profile-card-logo-image:not(.image-alone) img {
  max-width: 100%;
}
.profile-card .profile-card-logo-image .preloader {
  position: absolute;
  z-index: 0;
  top: 50%;
  left: 50%;
  margin-left: -24px;
  margin-top: -24px;
}
.profile-card .profile-card-logo-image img {
  transition: 0.3s all;
}
.profile-card .profile-card-logo-image .change-logo {
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(251, 110, 82, 0.9);
  color: #fff;
  border-radius: 3px 0 0 0;
  opacity: 0;
  transition: all 0.3s;
  z-index: 100;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.profile-card .profile-card-logo-image:hover .change-logo {
  opacity: 1;
}
.profile-card .image-form {
  background: #d2d2d2;
  overflow: hidden;
  padding: 3px 0;
  flex: 0 0 0%;
  margin: 10px 0;
  border-radius: 0 5px 5px 0;
  background: #f9f9f9;
  border-bottom: 1px solid #d3d3d3;
  transition: all 0.25s;
}
.profile-card .image-form.image-form-show {
  flex: 0 0 60%;
  padding: 3px;
}
.profile-card .image-form .image-form-content * {
  white-space: nowrap;
}
.profile-card .profile-card-form {
  transition: 0.3s all;
  width: 100%;
}
.profile-card .text-cancel {
  font-size: 0.75em;
  padding: 10px;
  font-weight: bold;
}
.profile-card .buckets-name {
  padding-bottom: 5px;
}
.profile-card .buckets-name span {
  padding: 3px;
  background: #fff;
  box-shadow: 0 1px 0 rgba(220, 220, 220, 0.9);
  border-radius: 3px;
  margin-right: 3px;
  margin-bottom: 3px;
}
.profile-card .buckets-name span small {
  font-size: 0.75em;
  color: #999;
  font-weight: bold;
}
.profile-card .buckets-name span i {
  color: #f33a3a;
  font-size: 0.83em;
}
.profile-card .buckets-name span input {
  width: 85%;
  display: inline-block;
}

@media only screen and (max-width: 768px) {
  .registered img {
    width: 100% !important;
  }

  .bg-waiting .card {
    flex-flow: column !important;
    max-width: calc(100% - 20px) !important;
    box-sizing: border-box;
    padding: 40px;
    margin: 0 10px;
  }

  .header .header-left,
header .header-right {
    padding-right: 0;
  }

  .header-left > a:not(.logo) {
    display: none;
  }

  .header .header-button {
    margin: 10px 0;
    padding: 0 10px;
  }

  #form-signup .flex {
    flex-flow: column;
  }
  #form-signup .flex .button {
    margin: 10px 0;
  }

  .confirmation-module .card.card-lg {
    padding: 20px 0;
  }
  .confirmation-module .flex-center {
    flex-direction: column;
  }
  .confirmation-module .link-h .img-h {
    display: none;
  }
  .confirmation-module .link-h.link-disabled {
    cursor: not-allowed !important;
  }
  .confirmation-module .link-h.link-disabled:hover .img {
    display: block;
    opacity: 1;
  }
  .confirmation-module .link-h.link-disabled:hover .img-h {
    display: none;
    opacity: 0;
  }

  header .header-right .relative > a {
    padding: 0 10px;
    font-size: 1.1em;
  }

  header .header-right .profile-logo div {
    width: 30px;
    height: 30px;
    margin-right: 10px;
  }

  header .header-right .profile-logo div img {
    width: 32px;
    height: 32px;
  }
}
.workspace {
  justify-content: center;
  flex: 1 1 100%;
  display: flex;
  align-items: center;
  color: #fff;
  position: relative;
}
.workspace .profile-staff {
  font-weight: 100;
  line-height: 1em;
  color: #fff;
  font-size: 13px;
  width: auto;
  display: inline-block;
}
.workspace .profile-access-name {
  display: block;
  color: #4c4c4c;
}
.workspace .profile-access-type {
  padding: 8px 0;
  font-size: 13px;
  color: #4c4c4c;
  width: 100%;
}
.workspace .profile-type {
  width: auto;
  display: inline-block;
  font-size: 13px;
  font-weight: 100;
  line-height: 1em;
  margin-right: 5px;
}
.workspace .profile-type span {
  padding: 2px 5px;
  border-radius: 3px;
}
.workspace .profile-type span.profile-type-1, .workspace .profile-type span.profile-type-Advertiser {
  color: #fb6e52;
}
.workspace .profile-type span.profile-type-2, .workspace .profile-type span.profile-type-Publisher {
  color: #2dbdfd;
}
.workspace .profile-type span.profile-type-3, .workspace .profile-type span.profile-type-Agency {
  color: #5878A7;
}
.workspace .profile-type span.profile-type-4, .workspace .profile-type span.profile-type-Admin {
  color: #4c4c4c;
}
.workspace .profile-type span.profile-type-5, .workspace .profile-type span.profile-type-Client {
  color: #D6A800;
}
.workspace .profile-type small {
  font-size: 0.83em;
  font-weight: bold;
  letter-spacing: normal;
}
@media only screen and (max-width: 768px) {
  .workspace .profile-type small {
    display: none;
  }
}
.workspace > a.current-profile {
  position: relative;
  width: 340px;
  overflow: hidden;
  background: #2c2c2c;
  border-radius: 3px;
  margin: 10px;
  padding: 0;
  line-height: calc(100% - 20px);
  height: calc(100% - 20px);
  display: flex;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  justify-content: flex-start;
}
@media only screen and (max-width: 768px) {
  .workspace > a.current-profile {
    width: 31%;
    display: flex;
    justify-content: center;
  }
}
.workspace > a.current-profile i {
  flex: 0 0 20px;
  font-size: 1em;
  margin-right: 10px;
  color: #fb6e52;
  margin-left: 10px;
}
@media only screen and (max-width: 768px) {
  .workspace > a.current-profile i {
    flex: 0 0 20px;
    font-size: 1em;
    color: #fb6e52;
    margin-top: 40px;
  }
}
.workspace > a.current-profile .profile-info {
  display: flex;
  align-items: center;
  position: relative;
  flex: 1 1 60%;
  padding-right: 10px;
  height: 100%;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.workspace > a.current-profile .profile-info .profile-name {
  flex: 0 0 275px;
  max-width: 275px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (max-width: 768px) {
  .workspace > a.current-profile .profile-info .profile-name {
    display: none;
  }
}
.workspace > a.current-profile .profile-info .profile-name small {
  font-size: 0.83em;
  font-weight: bold;
  letter-spacing: normal;
}
@media only screen and (max-width: 768px) {
  .workspace > a.current-profile .profile-info .profile-name small {
    display: none;
  }
}
.workspace > a.current-profile .profile-info .profile-type {
  padding: 0;
  color: #c2c2c2;
  background: none;
}
.workspace > a.current-profile .profile-info .profile-type.profile-type-1, .workspace > a.current-profile .profile-info .profile-type.profile-type-Advertiser {
  color: #fb6e52;
}
.workspace > a.current-profile .profile-info .profile-type.profile-type-2, .workspace > a.current-profile .profile-info .profile-type.profile-type-Publisher {
  color: #2dbdfd;
}
.workspace > a.current-profile .profile-info .profile-type.profile-type-3, .workspace > a.current-profile .profile-info .profile-type.profile-type-Agency {
  color: #fff;
}
.workspace > a.current-profile .profile-info .profile-type.profile-type-5, .workspace > a.current-profile .profile-info .profile-type.profile-type-Client {
  color: #D6A800;
}
.workspace > a.current-profile .profile-info .profile-type span {
  background: none;
  padding: 0;
  border-radius: 0;
}
@media only screen and (max-width: 768px) {
  .workspace > a.current-profile .profile-info .profile-type span {
    display: none;
  }
}
.workspace > a.current-profile .drop {
  color: #999;
  position: absolute;
  right: 5px;
}
.workspace > a.current-profile .drop.active {
  transform: rotate(180deg);
}
.workspace > a.current-profile:hover .drop {
  color: #fb6e52;
}
.workspace .profile-info {
  flex: 1 1 50%;
  display: block;
}
.workspace .profile-info .profile-name {
  font-size: 1.1em;
  letter-spacing: 1px;
  font-weight: normal;
  display: block;
  line-height: 1em;
  width: 100%;
}
.workspace .profile-info .profile-access-type {
  width: 100%;
  display: block;
}
.workspace .workspace-subnav {
  opacity: 0;
  pointer-events: none;
  width: 340px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  position: absolute;
  box-shadow: rgba(0, 0, 0, 0.09) 0 10px 30px, 0 0 0 1000000px rgba(78, 78, 78, 0.2);
  background: #fff;
  top: 60px;
  left: calc(50% - 170px);
  transition: 0.3s all;
  z-index: 3;
}
@media only screen and (max-width: 768px) {
  .workspace .workspace-subnav {
    width: fit-content;
  }
}
.workspace .workspace-subnav:before {
  bottom: 100%;
  right: 5px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 6px;
  margin-left: -6px;
}
.workspace .workspace-subnav.active {
  opacity: 1;
  pointer-events: auto;
}
@media only screen and (max-width: 768px) {
  .workspace .workspace-subnav.active {
    width: fit-content;
  }
}
.workspace .workspace-subnav li {
  flex: 0 0 100%;
  box-sizing: border-box;
  padding: 0 5px;
}
.workspace .workspace-subnav li .profile-description {
  padding: 0 0 0 5px;
  flex: 1 1 100%;
  display: flex;
  flex-wrap: wrap;
  color: #4c4c4c;
}
.workspace .workspace-subnav li .profile-description > * {
  line-height: 1em;
}
.workspace .workspace-subnav li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px;
  flex-wrap: wrap;
}
.workspace .workspace-subnav li .profile-logo {
  width: 60px;
  height: 60px;
  overflow: hidden;
  display: block;
  background-size: cover;
  border: 2px solid #f0f0f0;
  background-position: center;
  border-radius: 30px;
}
@media only screen and (max-width: 768px) {
  .workspace .workspace-subnav li .profile-logo {
    width: 82px;
    height: 60px;
  }
}
.workspace .workspace-subnav li ul {
  flex: 0 0 100%;
}
.workspace .workspace-subnav li ul a {
  width: 100%;
  border: none;
  border-bottom: 1px solid #e9e9e9;
  border-radius: 0;
}
.workspace .workspace-subnav li p {
  color: #777;
  flex: 0 0 100%;
}
.workspace .workspace-subnav li.profile-scroll {
  border-top: 1px solid #f0f0f0;
}
.workspace .workspace-subnav li.current-profile {
  border-bottom: 1px solid #e8e8e8;
  padding: 10px;
  align-items: flex-end;
}
@media only screen and (max-width: 768px) {
  .workspace .workspace-subnav li.current-profile {
    width: fit-content;
  }
}
.workspace .workspace-subnav li.current-profile .profile-desc {
  flex: 1 1 50%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0 0 0 15px;
}
.workspace .workspace-subnav li.current-profile .profile-desc span {
  color: #737373;
  font-size: 0.83em;
  font-weight: bold;
  padding: 5px 0;
}
.workspace .workspace-subnav li.current-profile .profile-desc i {
  margin-left: 5px;
  color: #d9d9d9;
}
.workspace .workspace-subnav li a {
  padding: 8px 10px;
  color: #4c4c4c;
  display: flex;
  align-items: center;
  border: 1px solid #e9e9e9;
  border-radius: 3px;
}
@media only screen and (max-width: 768px) {
  .workspace .workspace-subnav li a {
    padding: 1px 6px 0px 9px;
    margin-left: 16px;
  }
}
.workspace .workspace-subnav li a.close {
  position: absolute;
  top: 5px;
  right: 6px;
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  border-radius: 5px;
  padding: 0;
  transition: 0.3s all;
}
.workspace .workspace-subnav li a.close:hover {
  background: #f0f0f0;
}
.workspace .workspace-subnav li a.config {
  border: 1px solid #f0f0f0;
  border-radius: 3px;
}
.workspace .workspace-subnav li a.config i {
  margin-left: 3px;
}
@media only screen and (max-width: 768px) {
  .workspace .workspace-subnav li a.config i {
    color: #4c4c4c;
  }
}
.workspace .clients-list {
  flex: 0 0 100%;
  display: flex;
}
.workspace .clients-list .subnav {
  display: flex;
  flex: 0 0 100%;
  flex-wrap: wrap;
  flex-flow: column;
}
.workspace .clients-list .subnav li {
  flex: 0 0 100%;
  flex-wrap: wrap;
}
.workspace .clients-list .subnav li p {
  flex: 0 0 100%;
  color: #4c4c4c;
}
.workspace .clients-list .subnav .client-list {
  min-height: auto;
  width: 100%;
  padding-top: 5px;
}
.workspace .clients-list .subnav .client-list li {
  padding: 0;
  border-bottom: 1px solid #e8e8e8;
}
.workspace .clients-list .subnav .client-list li:last-child {
  border: none;
}

.input-item {
  position: relative;
}
.input-item i {
  position: absolute;
  z-index: 10;
  right: 0;
  top: 11px;
  width: 25px;
  display: block;
}

.profile {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: 0.3s all;
}
.profile:hover {
  background: #fff;
}
.profile:last-child {
  border: none;
}
.profile .profile-logo {
  flex: 0 0 60px;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  overflow: hidden;
  justify-content: center;
  align-items: center;
  border: 2px solid #f0f0f0;
  background-size: cover;
  background-position: center;
}
.profile .profile-logo img {
  background: #fff;
  max-height: 100%;
}
.profile .profile-description {
  padding: 0 0 0 5px;
  flex: 1 1 100%;
}
.profile .profile-description .profile-name {
  display: block;
  color: #4c4c4c;
  font-size: 16px;
}
.profile .profile-description .profile-access-type {
  width: 100%;
}
.profile.profile-active {
  cursor: auto;
  background: #fff;
}
.profile.profile-active .profile-logo {
  flex: 0 0 120px;
  width: 120px;
  height: 120px;
  border: 3px solid #f0f0f0;
}
.profile.profile-active .profile-description {
  padding-left: 15px;
}
.profile.profile-active .profile-description .profile-name {
  font-size: 22px;
  font-weight: bold;
}
.profile.profile-active .profile-actions {
  display: flex;
  justify-content: space-between;
}
.profile.profile-active .profile-actions a.button {
  margin: 5px 0 0 0 !important;
  color: #fff;
  flex: 0;
}
.profile.profile-active .profile-actions a.button:hover {
  background: #fa5939 !important;
  color: #fff !important;
}
.profile.profile-active .profile-actions a.edit {
  width: auto;
  background: #fff;
  border: 1px solid #d3d3d3;
  border-radius: 3px;
  margin-top: 5px;
  padding: 5px 10px;
  line-height: 30px !important;
}

.header .subnav li.profile-action {
  display: flex;
  width: 100%;
  box-sizing: border-box;
  padding: 10px 15px;
  justify-content: space-between;
}
.header .subnav li.profile-action a {
  border-radius: 3px;
  border: 1px solid #e8e8e8;
  display: inline-block;
  width: auto !important;
  box-sizing: border-box;
}

.class-cdm .workspace > a.current-profile {
  background: #5878A7;
}
.class-cdm .workspace > a.current-profile i {
  color: #acbcd3;
}
.class-cdm .workspace > a .drop {
  color: #acbcd3;
}
.class-cdm .workspace > a:hover .drop {
  color: #fff;
}

.resume {
  background: rgba(0, 0, 0, 0.3);
  padding: 10px 10px 1px;
  line-height: 1.5em;
}
.resume .resume-body {
  display: block;
  vertical-align: middle;
  padding: 16px 0;
  border-bottom: 1px solid #424242;
}
.resume .resume-body h3 {
  color: #fff;
  padding-top: 0;
  font-size: 1.2em;
  margin-bottom: 10px;
  text-align: left;
}
.resume .resume-body h4 {
  text-align: left;
  font-weight: 400;
  color: #fff;
  margin: 0;
  padding: 0;
}
.resume .resume-body h4 .label {
  font-size: 0.75em;
  margin-right: 5px;
  color: #b3b3b3;
  text-align: left;
  text-transform: uppercase;
}
.resume .resume-table {
  background: rgba(0, 0, 0, 0);
  width: auto !important;
}
.resume .resume-table tr td {
  padding: 0 !important;
  background: rgba(0, 0, 0, 0) !important;
}
.resume .resume-table tr td:first-child {
  padding-right: 10px !important;
}
.resume .resume-table tr:last-child {
  border-top: 1px solid #777;
}
.resume .resume-table:hover {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}

.tabs {
  width: 100%;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #d3d3d3;
  box-sizing: border-box;
  padding-top: 19px;
}
.tabs h3 {
  font-size: 1.2em;
  padding: 4px 10px;
  margin: 0;
}
.tabs h3 span {
  text-transform: uppercase;
  font-weight: bold;
  color: #2dbdfd;
  font-size: 0.75em;
}
.tabs a {
  margin: 0 5px -1px 0;
  background: #999;
  border: 1px solid transparent;
  border-bottom: 1px solid #d3d3d3;
  padding: 10px 20px;
  border-radius: 3px 3px 0 0;
  color: #fff;
}
@media (max-width: 767px) {
  .tabs a {
    padding: 10px 19px;
    width: 7%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.tabs a.active {
  background: transparent;
  border: 1px solid #d3d3d3;
  border-bottom: 1px solid #eee;
  color: #4c4c4c;
}
.tabs.v2-tabs {
  justify-content: flex-start;
  border: 0px solid rgba(255, 255, 255, 0);
}
.tabs.v2-tabs a {
  font-weight: normal;
  border: 1px solid #d3d3d3;
  background: rgba(255, 255, 255, 0);
  color: #4c4c4c;
}
.tabs.v2-tabs a:first-child {
  margin-left: 5px;
}
.tabs.v2-tabs a.active {
  background: #fff;
  border-bottom: 1px solid #fff;
}
.tabs.chart {
  padding-top: 0;
  max-width: fit-content;
  display: flex;
}
.tabs.chart .selected {
  padding-top: 7px;
  display: flex;
  margin-right: 10px;
  margin-top: 0;
  margin-bottom: 0;
  align-items: center;
  cursor: pointer;
  color: #4c4c4c;
}
.tabs.chart .selected.active {
  margin-right: 0;
  box-shadow: 0 1px 0 0 #fb6e52, inset 0 -1px 0 0 #fb6e52;
  color: #fb6e52;
  font-weight: 700;
}
.tabs.chart .selected span + i {
  padding-left: 5px;
}
.tabs.chart .selected i + span {
  padding-left: 5px;
}

.tab-active {
  padding-top: 15px;
}

.v2-tab {
  background: #fff;
  border: 1px solid #d3d3d3;
  padding: 15px;
  border-radius: 3px;
}
@media (max-width: 767px) {
  .v2-tab {
    padding: 11px 0px 14px 8px;
    width: 75%;
  }
}

.gtabs {
  font-size: 16px;
  height: 45px;
  display: flex;
  justify-content: flex-start;
  margin-bottom: 15px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .gtabs:not(.inline) {
    flex-flow: column;
    height: auto;
  }
  .gtabs.inline a {
    display: flex;
  }
  .gtabs.inline a i {
    margin-right: 0;
    font-size: 1em;
  }
  .gtabs.inline a span {
    width: 0;
    overflow: hidden;
    font-size: 0.83em;
  }
  .gtabs.inline a.active i {
    margin-right: 5px;
  }
  .gtabs.inline a.active span {
    width: auto;
    overflow: visible;
  }
}
.gtabs li {
  display: block;
}
.gtabs li a {
  cursor: pointer;
  padding: 15px 2px;
  border: none;
  background: none;
  color: #4c4c4c;
  display: block;
  box-shadow: none;
  margin-left: 10px;
  margin-right: 10px;
}
.gtabs li a.active {
  color: #fb6e52;
  box-shadow: inset 0 -2px 0 0 #fb6e52;
}
.gtabs li a i {
  font-size: 0.83em;
  opacity: 0.9;
  margin-right: 5px;
}
.gtabs .button {
  margin: 0 0 3px auto;
}
.gtabs.inverse li a.active {
  box-shadow: inset 0 2px 0 0 #fb6e52;
}

.tab {
  padding: 15px 0;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  box-sizing: border-box;
  justify-content: flex-start;
}
@media (max-width: 767px) {
  .tab {
    flex-flow: column;
  }
}

.agency-profile {
  width: 100%;
  padding: 15px;
  box-sizing: border-box;
  border-bottom: 1px solid #e8e8e8;
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: 0.3s all;
}
.agency-profile.agency-active {
  cursor: auto;
  background: #fff;
}
.agency-profile .agency-logo {
  flex: 0 0 120px;
  width: 120px;
  height: 120px;
  border: 3px solid #f0f0f0;
  border-radius: 50%;
  display: flex;
  overflow: hidden;
  justify-content: center;
  align-items: center;
}
.agency-profile .agency-description {
  padding-left: 15px;
  padding: 0 0 0 5px;
  flex: 1 1 100%;
  color: #4c4c4c;
}
.agency-profile .agency-description .agency-name {
  font-size: 22px;
  font-weight: bold;
}
.agency-profile .agency-actions {
  display: flex;
  justify-content: space-between;
  padding-top: 15px;
}
.agency-profile .agency-actions a {
  box-sizing: border-box !important;
  height: 40px;
  flex: 0 1 20%;
  text-align: center;
  background: #fff;
  border: 1px solid #d3d3d3;
  border-radius: 3px;
  margin-top: 5px;
  padding: 0 10px !important;
  line-height: 30px !important;
}

.client-list li {
  color: #4c4c4c;
  display: block;
  align-items: center;
  padding: 0;
  position: relative;
}
.client-list li:hover {
  background: rgba(0, 0, 0, 0.05);
}
.client-list li.actived {
  box-sizing: border-box;
  border-left: 5px solid #3bae71;
  position: relative;
  background: #fff;
}
.client-list li.actived:hover {
  background: #fff;
}
.client-list li.actived .actived-label {
  position: absolute;
  color: #fff;
  font-size: 0.75em;
  background: #3bae71;
  bottom: 5px;
  right: 5px;
  padding: 3px;
  border-radius: 3px;
}
.client-list .client {
  width: 100%;
  padding: 5px 15px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: 0.3s all;
}
.client-list .client .client-logo {
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  overflow: hidden;
  justify-content: center;
  align-items: center;
}
.client-list .client .client-logo img {
  background: #fff;
  max-height: 100%;
}
.client-list .client .client-description {
  padding: 0 0 0 5px;
  flex: 1 1 100%;
  color: #4c4c4c;
  font-size: 0.83em;
  width: 110px;
}
.client-list .client .client-document {
  padding: 5px 0 0 0;
  display: block;
  color: #707070;
  font-size: 0.83em;
}

.home-mobile-banner h1 {
  color: #fb6e52;
  font-size: 1.66em;
  margin-bottom: 1em;
  font-weight: bold;
  text-align: center;
}
.home-mobile-banner h2 {
  color: #fb6e52;
  font-size: 1.2em;
}
.home-mobile-banner ol.advantages {
  box-sizing: border-box;
}
.home-mobile-banner ol.advantages li {
  padding: 10px 10px 10px 60px;
  color: #4c4c4c;
  position: relative;
}
.home-mobile-banner ol.advantages li i {
  font-size: 2em;
  position: absolute;
  left: 0;
  color: #4c4c4c;
}
.home-mobile-banner ol.advantages li .advantage-title {
  font-weight: bold;
}
.home-mobile-banner ol.advantages li .advantage-number {
  font-weight: bold;
  color: #fb6e52;
}
.home-mobile-banner input {
  margin-bottom: 5px;
}
.home-mobile-banner h3 a {
  color: #fb6e52;
  padding: 10px 15px;
}
.home-mobile-banner .media-types-icons {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  padding: 0 0 10px 0;
}
.home-mobile-banner .media-types-icons span {
  flex: 0 0 33%;
  display: flex;
  justify-content: center;
  padding: 5px;
  box-sizing: border-box;
}
.home-mobile-banner .media-types-icons i {
  font-size: 2em;
  color: #4c4c4c;
}

.button-grid-map {
  margin: 0;
  padding: 5px 10px !important;
  background: rgba(251, 110, 82, 0) !important;
  color: #fb6e52 !important;
  text-transform: uppercase;
  float: right;
  font-size: 0.93em !important;
  display: flex;
}
.button-grid-map i {
  margin-left: 5px;
}
.button-grid-map:hover {
  background: rgba(251, 110, 82, 0) !important;
  color: #fb6e52 !important;
}

.fixed-380 {
  width: 380px !important;
  max-width: 380px !important;
  table-layout: fixed;
  background: #fafafa !important;
  border-top: 1px solid #eee;
  padding: 0 !important;
  word-wrap: break-word !important;
  position: relative;
}

.td-map {
  position: relative;
}
.td-map .month-navigator {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.td-map .month-navigator .prev-month, .td-map .month-navigator .next-month {
  font-size: 1.25em;
  color: #fb6e52;
  padding: 10px;
  width: 30px;
  text-align: center;
}
.td-map .month-navigator .prev-month.month-disabled, .td-map .month-navigator .next-month.month-disabled {
  color: #c3c3c3;
}
.td-map .month-navigator .current-month {
  font-size: 1.5em;
  color: #4c4c4c;
  padding: 10px;
  width: 220px;
  text-align: center;
}
.td-map .grid-map table.insertions-list {
  border: 1px solid rgba(0, 0, 0, 0.15) !important;
}
.td-map .grid-map table.insertions-list thead tr td {
  height: auto !important;
  padding: 3px !important;
  border: 1px solid rgba(0, 0, 0, 0.05);
  text-align: center;
  font-size: 0.83em;
}
.td-map .grid-map table.insertions-list thead tr:first-child td:nth-child(odd) {
  background: #fff !important;
}
.td-map .grid-map table.insertions-list thead tr:first-child td:nth-child(even) {
  background: #f2f2f2 !important;
}
.td-map .grid-map table.insertions-list thead tr:first-child td:last-child {
  width: 50px !important;
  background: #4c4c4c !important;
  color: #fff;
  text-align: center;
  border: 1px solid #3c3c3c !important;
  font-weight: bold;
}
.td-map .grid-map table.insertions-list thead tr:last-child td:nth-child(even) {
  background: #fff !important;
}
.td-map .grid-map table.insertions-list thead tr:last-child td:nth-child(odd) {
  background: #f2f2f2 !important;
}
.td-map .grid-map table.insertions-list tbody td {
  height: auto !important;
  padding: 3px !important;
  border: 1px solid rgba(0, 0, 0, 0.05);
}
.td-map .grid-map table.insertions-list tbody td:nth-child(odd) {
  background: #fff !important;
}
.td-map .grid-map table.insertions-list tbody td:nth-child(even) {
  background: #f2f2f2 !important;
}
.td-map .grid-map table.insertions-list tbody td:last-child {
  width: 50px !important;
  background: #4c4c4c !important;
  color: #fff;
  text-align: center;
  border: 1px solid #3c3c3c !important;
  font-weight: bold;
}
.td-map .grid-map table.insertions-list tbody td:not(:first-child) {
  text-align: center;
}

.--progress-campaign {
  width: 100%;
  border-collapse: collapse;
}
.--progress-campaign thead th {
  font-size: 13px;
  background: #f5f5f500;
  padding: 10px 10px 15px 10px;
}
.--progress-campaign tbody th {
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  padding: 5px 10px 5px 10px;
  border-bottom: 5px solid #f0f0f0;
}
.--progress-campaign tbody td {
  font-size: 14px;
  font-weight: normal;
  text-align: left;
  padding: 5px 10px 5px 10px;
}
.--progress-campaign tbody td.--progress-space {
  height: 15px;
  background: rgba(250, 250, 250, 0);
  padding: 0;
}
.--progress-campaign .--progress-card {
  border-radius: 5px;
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12) !important;
}
.--progress-campaign .--progress-card tr td,
.--progress-campaign .--progress-card tr th {
  background-color: #fff;
}
.--progress-campaign .--progress-card tr:first-child > th:first-child,
.--progress-campaign .--progress-card tr:first-child > td:first-child {
  border-top-left-radius: 5px;
}
.--progress-campaign .--progress-card tr:first-child > th:last-child,
.--progress-campaign .--progress-card tr:first-child > td:last-child {
  border-top-right-radius: 5px;
}
.--progress-campaign .--progress-card tr:last-child > th:first-child,
.--progress-campaign .--progress-card tr:last-child > td:first-child {
  border-bottom-left-radius: 5px;
}
.--progress-campaign .--progress-card tr:last-child > th:last-child,
.--progress-campaign .--progress-card tr:last-child > td:last-child {
  border-bottom-right-radius: 5px;
}

.item-card {
  padding: 0;
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  min-height: 200px;
  margin: 0 15px 15px 0;
  transition: 0.3s all;
  z-index: 0;
  position: relative;
  overflow: hidden;
  font-size: 0.83em;
}
.item-card.disabled:after {
  background: rgba(255, 255, 255, 0.75);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  content: "";
  cursor: not-allowed;
  z-index: 1;
}
.item-card .item-card-header {
  padding: 10px;
  box-sizing: border-box;
  border-bottom: 1px solid #f7f7f7;
}
.item-card .item-card-header h2 {
  font-size: 1.6em;
  margin: 0;
}
.item-card .item-card-header h2 span {
  font-size: 0.75em;
  display: block;
  color: #777;
  padding: 5px 0 0 0;
}
.item-card .item-card-header .button-add {
  position: absolute;
  margin: 0;
  top: 5px;
  right: 10px;
  height: 30px;
  width: 40px;
  padding: 0 0 0 4px;
  font-size: 1.2em;
  display: flex;
  justify-content: center;
}
.item-card .item-card-header .button-add span {
  display: none;
}
.item-card .item-card-body {
  padding: 10px;
  box-sizing: border-box;
}

.about-publisher {
  width: 100%;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 0 15px;
}
.about-publisher h1 {
  font-size: 1.6em;
  max-width: 70%;
  line-height: 1.5em;
  text-align: center;
  margin: 0 auto;
  font-weight: lighter;
  padding: 15px 0;
}
@media (max-width: 767px) {
  .about-publisher h1 {
    max-width: 100%;
    padding: 30px 15px;
    box-sizing: border-box;
  }
}
.about-publisher h2 {
  max-width: 70%;
  margin: 0 auto;
  text-align: center;
  padding: 30px 0;
  font-size: 1.5em;
  line-height: 1.5;
  font-weight: normal;
}
@media (max-width: 767px) {
  .about-publisher h2 {
    max-width: 100%;
    padding: 30px 15px;
    box-sizing: border-box;
  }
}
.about-publisher .buttons {
  display: flex;
  justify-content: center;
  flex: 0 0 100%;
}
.about-publisher .buttons .button {
  text-decoration: none;
  margin: 10px;
}

.publisher-advantages {
  width: 100%;
  display: flex;
  padding: 15px 0;
  max-width: 1200px;
  justify-content: space-between;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .publisher-advantages {
    justify-content: center;
    flex-wrap: wrap;
  }
}
.publisher-advantages .publisher-advantage {
  box-sizing: border-box;
  flex: 0 0 24%;
  padding: 50px 15px 15px;
  background: #fff;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  text-align: center;
}
@media (max-width: 767px) {
  .publisher-advantages .publisher-advantage {
    flex: 0 0 100%;
  }
}
.publisher-advantages .publisher-advantage i {
  font-size: 3em;
  color: #fb6e52;
  padding: 10px;
  text-shadow: inset 0 -1px 0px rgba(0, 0, 0, 0.5), inset 0 1px 0px rgba(255, 255, 255, 0.5), 0 1px 3px rgba(0, 0, 0, 0.1);
}
.publisher-advantages .publisher-advantage:first-child {
  margin-left: 0;
}

.about-more {
  flex: 0 0 100%;
  display: flex;
  flex-wrap: wrap;
  max-width: 1200px;
  margin: 0 auto;
}
.about-more .tabs {
  flex: 0 0 100%;
  display: flex;
  justify-content: flex-start;
}
.about-more .tabs a {
  color: #fb6e52;
  padding: 10px;
  border-radius: 3px;
  background: none;
}
.about-more .tabs a.current {
  background: #d3d3d3;
  color: #4c4c4c;
}
.about-more .tab {
  flex: 0 0 100%;
  overflow: hidden;
  height: 0;
  padding: 0 15px;
  box-sizing: border-box;
  display: none;
}
.about-more .tab.current {
  overflow: visible;
  height: auto;
  padding: 15px;
  display: block;
}
.about-more .tab.faq {
  display: block;
}
.about-more .tab.faq h3 {
  color: #fb6e52;
  text-transform: uppercase;
  padding-top: 35px;
}
.about-more .tab.faq h3:first-child {
  padding-top: 0;
}
.about-more .tab.faq p {
  padding: 10px 0;
}
.about-more .tab.diagram {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: stretch;
  align-content: center;
}
@media (max-width: 767px) {
  .about-more .tab.diagram {
    justify-content: center;
  }
}
.about-more .tab.diagram .box {
  flex: 0 0 32%;
  margin-bottom: 10px;
  padding: 10px;
  box-sizing: border-box;
  background: #fff;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  position: relative;
}
@media (max-width: 767px) {
  .about-more .tab.diagram .box {
    flex: 0 0 90%;
  }
}
.about-more .tab.diagram .box:after, .about-more .tab.diagram .box:before {
  left: calc(100% - 16px);
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  transform: scale(0.5, 1.2);
}
.about-more .tab.diagram .box:after {
  border-color: rgba(255, 255, 255, 0);
  border-left-color: #fff;
  border-width: 30px;
  margin-top: -30px;
}
.about-more .tab.diagram .box:before {
  border-color: rgba(0, 0, 0, 0);
  border-left-color: #rgba 0, 0, 0, 0.05;
  border-width: 36px;
  margin-top: -36px;
}
.about-more .tab.diagram .box:last-child:after, .about-more .tab.diagram .box:last-child:before {
  display: none;
}
.about-more .tab.diagram .box .box-inside {
  color: #4c4c4c;
}
.about-more .tab.diagram .box h3 {
  padding: 0;
}
.about-more .tab.functions {
  display: flex;
  flex-wrap: wrap;
}
.about-more .tab.functions .section {
  display: flex;
  flex: 0 0 100%;
  justify-content: space-between;
  margin-bottom: 25px;
}
@media (max-width: 767px) {
  .about-more .tab.functions .section {
    flex-wrap: wrap;
  }
}
.about-more .tab.functions .section .images {
  flex: 0 0 49%;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .about-more .tab.functions .section .images {
    flex: 0 0 100%;
  }
}
.about-more .tab.functions .section .images .image {
  width: 100%;
  background: #fff;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  height: 300px;
  background-size: cover;
}
.about-more .tab.functions .section .description {
  box-sizing: border-box;
  flex: 0 0 49%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  align-content: center;
}
@media (max-width: 767px) {
  .about-more .tab.functions .section .description {
    flex: 0 0 100%;
  }
}
.about-more .tab.functions .section .description h3 {
  width: 100%;
  font-weight: normal;
  font-size: 1.5em;
  line-height: 1.5;
  text-align: left;
}
@media (max-width: 767px) {
  .about-more .tab.functions .section .description h3 {
    font-size: 1em;
    line-height: 1.2;
  }
}
.about-more .tab.functions .section:nth-child(odd) {
  flex-flow: row-reverse;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .about-more .tab.functions .section:nth-child(odd) {
    flex-flow: row;
    flex-wrap: wrap;
    padding-bottom: 30px;
  }
}
.about-more .tab.functions .section:nth-child(odd) .description h3 {
  text-align: right;
}
@media (max-width: 767px) {
  .about-more .tab.functions .section:nth-child(odd) .description h3 {
    text-align: left;
  }
}

.handler {
  height: 100%;
  flex: 0 0 4px;
  cursor: col-resize;
  position: fixed;
  top: 0;
  left: 25%;
  margin-left: -4px;
  bottom: 0;
  width: 5px;
  z-index: 99999;
  transition: 0.3s all;
}
.handler:hover {
  background: rgba(251, 110, 82, 0.25);
}

.smart-plan {
  box-sizing: border-box;
  position: relative;
  padding-top: 110px;
  z-index: 0;
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
}
@media (max-width: 767px) {
  .smart-plan {
    margin-left: 49px;
    flex-wrap: inherit;
  }
}
.smart-plan .input-radiobox span {
  color: #4c4c4c;
}
.smart-plan .cart-filter-label {
  padding: 0 3px 0 12px;
}
.smart-plan .date-control {
  position: absolute;
  top: 0;
  right: 0;
}
.smart-plan .inset .button {
  margin: 0 3px !important;
}
.smart-plan .inset .button:last-child {
  margin-right: 0 !important;
}
.smart-plan .inset .button:first-child {
  margin-left: 0 !important;
}
.smart-plan .inset .action-buttons .button {
  padding: 0px;
  height: 23px;
  width: 23px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: visible;
  color: #fff;
}
.smart-plan .inset .action-buttons .button.preloader {
  background-position: 2px;
  background-size: 20px;
}
.smart-plan .inset .action-buttons .button i {
  position: relative;
  font-size: 13px;
  transform: scale(1);
  margin: auto;
  right: auto;
  opacity: 1;
  top: auto;
  color: inherit !important;
}
.smart-plan .inset .action-buttons .button.cancel-button {
  background: #f33a3a;
}
.smart-plan .inset .action-buttons .button.cancel-button i {
  color: #fff;
}
.smart-plan .inset .action-buttons .button:disabled {
  color: #7a7a7a;
  cursor: not-allowed;
}
.smart-plan .inset .action-buttons .button:disabled .tool-tip {
  cursor: not-allowed;
}
.smart-plan .inset .action-buttons .button .tool-tip {
  color: inherit;
}
.smart-plan .inset .action-buttons .button .tool-tip .tool-tip-content {
  font-size: 9px;
  right: -8px;
  top: 10px;
}
.smart-plan .inset .action-buttons .button .tool-tip.right {
  right: 0;
}
.smart-plan .inset .action-buttons .button .tool-tip.left {
  left: 0;
}
.smart-plan .inset .action-buttons .button .tool-tip:before {
  margin-top: 5px;
}
.smart-plan .inset .action-buttons .button .tool-tip:hover .tool-tip-content {
  margin-top: 5px;
}
.smart-plan .smart-plan-map {
  width: calc(100vw - 270px);
  height: calc(100vh - 206px);
  display: none;
}
.smart-plan .smart-plan-map.show-map {
  display: block;
}
.smart-plan .smart-plan-mode {
  display: flex;
  flex: 1 1 300px;
  height: 59px;
  max-width: calc(100vw - 430px);
}
.smart-plan .smart-plan-mode a {
  height: 60px;
  flex: 1 1 33%;
  background: #f5f5f5;
  color: #4c4c4c;
  border-top: none;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.3);
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  white-space: nowrap;
  font-size: 1.2em;
}
.smart-plan .smart-plan-mode a .badge {
  margin-left: 15px;
  margin-right: -15px;
  font-weight: bold;
}
.smart-plan .smart-plan-mode a:after, .smart-plan .smart-plan-mode a:before {
  transform: scale(0.5, 1.2);
  margin-left: -12px;
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  z-index: 1;
}
.smart-plan .smart-plan-mode a:after {
  border-color: rgba(255, 255, 255, 0);
  border-left-color: #f5f5f5;
  border-width: 19px;
  margin-top: -19px;
  box-shadow: -3px 0 0 #f5f5f5;
}
.smart-plan .smart-plan-mode a:before {
  border-color: rgba(243, 243, 243, 0);
  border-left-color: rgba(0, 0, 0, 0.1);
  border-width: 20px;
  margin-top: -20px;
}
.smart-plan .smart-plan-mode a.active {
  transition: 0.3s all;
  background: #3bae71;
  color: #fff;
}
.smart-plan .smart-plan-mode a.active:after {
  border-left-color: #3bae71;
  box-shadow: -3px 0 0 #3bae71;
}
.smart-plan .smart-plan-mode a.active .badge {
  margin-left: 15px;
  color: #3bae71;
  background: #fff;
}
.smart-plan .smart-plan-mode a.current {
  background: #fff;
  color: #4c4c4c;
  box-shadow: inset 0 3px 0 0 #3bae71;
}
.smart-plan .smart-plan-mode a.current:after {
  border-left-color: #ffffff;
  box-shadow: -3px 0 0 #ffffff;
}
.smart-plan .smart-plan-mode a.current .badge {
  margin-left: 15px;
  color: #fff;
  background: #3bae71;
}
.smart-plan .smart-plan-mode a.disabled {
  background: #7cd3a5;
  color: #fff;
  cursor: not-allowed;
}
.smart-plan .smart-plan-mode a.disabled:after {
  border-left-color: #7cd3a5;
  box-shadow: -1px 0 0 #7cd3a5;
}
.smart-plan .smart-plan-mode a.error {
  background: white;
  color: #f33a3a;
}
.smart-plan .smart-plan-mode a.error:after {
  border-left-color: white;
  box-shadow: -1px 0 0 white;
}
.smart-plan .smart-plan-mode a.success {
  background: #eff9f4;
  color: #3bae71;
}
.smart-plan .smart-plan-mode a.success:after {
  border-left-color: #eff9f4;
  box-shadow: -1px 0 0 #eff9f4;
}
.smart-plan .smart-plan-mode a:first-child {
  padding-left: 20px;
}
.smart-plan .smart-plan-mode a:last-child:before {
  border-left-color: rgba(0, 0, 0, 0.05);
}
.smart-plan .smart-plan-mode a i {
  opacity: 0.5;
  margin-right: 8px;
  font-size: 1.5em;
}
.smart-plan.full-width .smart-plan-mode {
  max-width: calc(100vw - 160px);
}
.smart-plan .smart-plan-pagination {
  display: flex;
  flex: 1 1 100%;
}
@media (max-width: 767px) {
  .smart-plan .smart-plan-pagination {
    justify-content: end !important;
  }
}
.smart-plan .smart-plan-content {
  display: flex;
  align-items: flex-start;
  align-content: stretch;
  width: calc(100vw - 342px);
  transition: 0.5s all;
  height: calc(100vh - 270px);
}
.smart-plan .smart-plan-content.plan-preloader {
  position: relative;
}
.smart-plan .smart-plan-content.plan-preloader:after {
  position: absolute;
  z-index: 12;
  background: rgba(195, 195, 195, 0.97);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  content: "Aguarde...";
}
.smart-plan .smart-plan-content .no-scroll-bar::-webkit-scrollbar-track:vertical {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
  background-color: rgba(0, 0, 0, 0);
}
.smart-plan .smart-plan-content .no-scroll-bar::-webkit-scrollbar:vertical {
  width: 0px;
  background-color: rgba(0, 0, 0, 0);
}
.smart-plan .smart-plan-content .no-scroll-bar::-webkit-scrollbar-thumb:vertical {
  background-color: rgba(0, 0, 0, 0);
}
.smart-plan .smart-plan-content .no-scroll-bar::-webkit-scrollbar:vertical {
  width: 0px;
  background-color: rgba(0, 0, 0, 0);
}
.smart-plan .smart-plan-content .empty {
  flex: 0 0 100%;
  padding-left: 30px 0;
  text-align: center;
  justify-content: center;
  align-items: center;
  /* flex: 85px 0; */
  flex-basis: 0 0 78%;
  align-content: center;
  /* align-items: center; */
  display: flex;
  height: 100%;
  flex-wrap: wrap;
  padding-top: 50px;
  padding-bottom: 50px;
}
@media (max-width: 767px) {
  .smart-plan .smart-plan-content .empty {
    flex: 0 0 87%;
  }
}
.smart-plan .smart-plan-content .empty h1,
.smart-plan .smart-plan-content .empty h2,
.smart-plan .smart-plan-content .empty h3,
.smart-plan .smart-plan-content .empty h4,
.smart-plan .smart-plan-content .empty p {
  flex-basis: 100%;
}
.smart-plan .smart-plan-content .filter-status {
  color: #fb6e52;
}
.smart-plan .smart-plan-content .message-empty {
  flex: 0 0 100%;
}
@media (max-width: 767px) {
  .smart-plan .smart-plan-content .message-empty {
    flex: 0 0 87%;
  }
}
.smart-plan .smart-plan-content .smart-plan-grid {
  background: #fff;
  flex: 0 0 400px;
  padding: 0;
  box-shadow: 1px 0 1px rgba(0, 0, 0, 0.1);
  height: calc(100vh - 246px);
  position: relative;
  display: block;
  overflow-x: auto;
  z-index: 1;
}
.smart-plan .smart-plan-content .smart-plan-grid table thead th:first-child {
  padding-left: 5px;
}
.smart-plan .smart-plan-content .smart-plan-grid .info-title-plan {
  z-index: 100;
  background: #d3d3d3;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  pointer-events: all;
}
.smart-plan .smart-plan-content .smart-plan-grid .info-title-plan .info-title {
  transform: rotate(270deg);
  font-size: 1.2em !important;
  position: fixed;
  top: 390px;
  right: 216px;
}
.smart-plan .smart-plan-content .smart-plan-grid .info-title-plan .info-title.first-open {
  right: 0px;
}
.smart-plan .smart-plan-content .publisher-request {
  padding: 0 25px 15px 25px;
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
}
.smart-plan .smart-plan-content .smart-plan-asu {
  background: #fff;
  flex: 0 0 100%;
  padding: 0;
  height: calc(100vh - 246px);
  position: relative;
  display: block;
  overflow-x: scroll;
  z-index: 2;
  box-shadow: 1px 0 1px rgba(0, 0, 0, 0.1);
}
.smart-plan .smart-plan-content .smart-plan-asu a {
  color: #4c4c4c;
}
.smart-plan .smart-plan-content .smart-plan-asu.no-scroll {
  overflow-x: auto;
}
.smart-plan .smart-plan-content .smart-plan-asu.no-display {
  flex: 0 0 0% !important;
  display: none !important;
}
@media (max-width: 767px) {
  .smart-plan .smart-plan-content .smart-plan-asu.no-display {
    display: none;
  }
}
.smart-plan .smart-plan-content .smart-plan-asu table {
  border-right: 0px solid rgba(0, 0, 0, 0);
  min-width: 100%;
  background: #fff;
}
.smart-plan .smart-plan-content .smart-plan-asu table td.totalizer {
  box-shadow: inset 1px 0 0 0 rgba(0, 0, 0, 0.05);
}
.smart-plan .smart-plan-content .smart-plan-asu table td.totalizer:nth-child(odd) {
  background: rgba(0, 0, 0, 0.025);
}
.smart-plan .smart-plan-content .smart-plan-asu table td.totalizer:nth-child(even) {
  background: rgba(0, 0, 0, 0.01);
}
.smart-plan .smart-plan-content .smart-plan-asu table td.tasks {
  box-shadow: inset 1px 0 0 0 rgba(0, 0, 0, 0.05);
}
.smart-plan .smart-plan-content .smart-plan-asu table td.justify-left,
.smart-plan .smart-plan-content .smart-plan-asu table th.justify-left {
  text-align: left;
  white-space: normal;
}
.smart-plan .smart-plan-content .smart-plan-asu .info-title-plan {
  z-index: 100;
  background: #d3d3d3;
  position: fixed;
  width: 36px;
  height: 100%;
  top: 0;
  pointer-events: all;
}
.smart-plan .smart-plan-content .smart-plan-asu .info-title-plan .info-title {
  font-size: 1.2em !important;
  transform: rotate(270deg);
  position: fixed;
  top: 397px;
  right: 260px;
}
.smart-plan .smart-plan-content .smart-plan-totalizers {
  background: #fff;
  flex: 1;
  box-shadow: -1px 0 1px rgba(0, 0, 0, 0.1), inset -1px 0 0 0 rgba(0, 0, 0, 0.1);
  min-width: 28%;
  height: calc(100vh - 246px);
  position: relative;
  overflow: auto;
  z-index: 1;
}
.smart-plan .smart-plan-content .smart-plan-totalizers table {
  width: 100%;
}
.smart-plan .smart-plan-content .smart-plan-totalizers table thead th:first-child {
  padding-left: 5px;
}
.smart-plan .smart-plan-content .smart-plan-totalizers table tbody td:not(.result) {
  min-height: 37px !important;
  height: 37px !important;
}
.smart-plan .smart-plan-content .smart-plan-totalizers .info-title-plan {
  z-index: 100;
  background: #d3d3d3;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  pointer-events: all;
}
.smart-plan .smart-plan-content .smart-plan-totalizers .info-title-plan .info-title {
  transform: rotate(270deg);
  font-size: 1.2em !important;
  position: fixed;
  top: 390px;
  left: 299px;
}
.smart-plan .smart-plan-content.full-width {
  width: 100vw;
  transition: 0.3s all;
}
.smart-plan .smart-plan-content.full-width .smart-plan-asu {
  flex: 1 1 33%;
}
.smart-plan .smart-plan-content.full-width .percent40 {
  flex: 1 0 20%;
}
.smart-plan .smart-plan-content:not(.full-width) .smart-plan-asu {
  overflow-y: auto;
  flex: 0 0 100% !important;
  padding-bottom: 0px;
}
.smart-plan .smart-plan-content:not(.full-width) .smart-plan-asu.no-scroll {
  overflow-x: hidden;
  overflow-y: visible;
  height: auto;
}
.smart-plan .smart-plan-content:not(.full-width) .handler {
  position: absolute;
  display: none;
  z-index: 0;
}
.smart-plan .smart-plan-content .edit-discount {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  min-width: 200px;
  margin: -5px 0;
}
.smart-plan .smart-plan-content .edit-discount .select {
  height: 20px !important;
  line-height: 20px !important;
  width: 105px;
  margin: 0 !important;
  padding-right: 8px;
}
.smart-plan .smart-plan-content .edit-discount input {
  width: 60px;
  margin: 0 5px;
  height: 20px !important;
  line-height: 20px !important;
}
.smart-plan .smart-plan-content table {
  border-spacing: 0;
  border-collapse: collapse;
}
.smart-plan .smart-plan-content table span a {
  text-decoration: underline;
}
.smart-plan .smart-plan-content table thead th {
  height: 24px;
  font-size: 0.75em;
  min-width: 40px;
  padding: 5px 5px 5px 10px;
  color: #f2f2f2;
  border-bottom: 1px solid #ccc;
  vertical-align: bottom;
  font-weight: bold;
  background: #7c7c7c;
  text-align: center;
}
.smart-plan .smart-plan-content table thead th.date {
  padding: 5px;
  text-align: center;
}
.smart-plan .smart-plan-content table thead th.date:nth-child(even) {
  background: #4c4c4c;
}
.smart-plan .smart-plan-content table thead th.date:nth-child(odd) {
  background: #7c7c7c;
}
.smart-plan .smart-plan-content table thead th:first-child {
  padding-left: 4px;
}
.smart-plan .smart-plan-content table thead th:last-child {
  padding-right: 20px;
}
.smart-plan .smart-plan-content table thead th.result {
  background: #3c3c3c;
}
.smart-plan .smart-plan-content table thead th.result:nth-child(odd) {
  background: #2c2c2c;
}
.smart-plan .smart-plan-content table thead th.result.dark-green {
  background: #216240;
}
.smart-plan .smart-plan-content table thead th.result.trash {
  min-width: auto;
}
.smart-plan .smart-plan-content table thead th .input-checkbox label,
.smart-plan .smart-plan-content table thead th .input-radiobox label {
  background: #fff;
  border: 2px solid #4c4c4c;
}
.smart-plan .smart-plan-content table thead th .input-checkbox label:hover,
.smart-plan .smart-plan-content table thead th .input-radiobox label:hover {
  border: 2px solid #3bae71;
}
.smart-plan .smart-plan-content table thead th .input-checkbox input[type=checkbox]:checked + label,
.smart-plan .smart-plan-content table thead th .input-checkbox input[type=radio]:checked + label {
  border: 0 solid #3bae71;
  background: #3bae71;
  width: 18px;
  height: 18px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
  line-height: 10px;
}
.smart-plan .smart-plan-content table thead th .input-checkbox label:after {
  color: #fff;
  top: 5px;
  left: 3px;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  font-size: 0.83em;
}
.smart-plan .smart-plan-content table.sortable-table thead th {
  vertical-align: middle;
  padding: 0 18px 0 10px;
  height: 34px;
  line-height: 34px;
  white-space: nowrap;
  text-align: left;
}
.smart-plan .smart-plan-content table.sortable-table thead th.sortable {
  cursor: pointer;
  position: relative;
  transition: 0.3s all;
}
.smart-plan .smart-plan-content table.sortable-table thead th.sortable:hover {
  background-color: #6c6c6c;
}
.smart-plan .smart-plan-content table.sortable-table thead th.sortable:after, .smart-plan .smart-plan-content table.sortable-table thead th.sortable:before {
  content: "▾";
  color: rgba(255, 255, 255, 0.25);
  position: absolute;
  right: 5px;
  display: block;
}
.smart-plan .smart-plan-content table.sortable-table thead th.sortable:after {
  bottom: -4px;
}
.smart-plan .smart-plan-content table.sortable-table thead th.sortable:before {
  transform: scaleY(-1);
  top: -2px;
}
.smart-plan .smart-plan-content table.sortable-table thead th.sortable.order-current {
  background-color: #5c5c5c;
}
.smart-plan .smart-plan-content table.sortable-table thead th.sortable.order-current:before {
  color: #fff;
}
.smart-plan .smart-plan-content table.sortable-table thead th.sortable.order-current:after {
  color: rgba(255, 255, 255, 0.25);
}
.smart-plan .smart-plan-content table.sortable-table thead th.sortable.order-current.sort-desc:before {
  color: rgba(255, 255, 255, 0.25);
}
.smart-plan .smart-plan-content table.sortable-table thead th.sortable.order-current.sort-desc:after {
  color: #fff;
}
.smart-plan .smart-plan-content table.sortable-table thead th.sortable:last-child {
  padding-right: 25px;
}
.smart-plan .smart-plan-content table.sortable-table thead th.sortable:last-child:after, .smart-plan .smart-plan-content table.sortable-table thead th.sortable:last-child:before {
  right: 12px;
}
.smart-plan .smart-plan-content table tbody {
  height: calc(100vh - 212px);
  overflow-y: auto;
}
.smart-plan .smart-plan-content table tbody tr.error-tr {
  position: relative;
}
.smart-plan .smart-plan-content table tbody tr.error-tr td {
  box-shadow: inset 0 30px 0 30px rgba(243, 58, 58, 0.15);
}
.smart-plan .smart-plan-content table tbody tr.error-tr td.changeable {
  box-shadow: inset 0 30px 0 30px rgba(243, 58, 58, 0.15), inset 1px 0 0 0 rgba(0, 0, 0, 0.05) !important;
}
.smart-plan .smart-plan-content table tbody tr.error-tr td.error-cell-td {
  padding-left: 15px;
}
.smart-plan .smart-plan-content table tbody tr.error-tr td.error-cell-td .error-cell-div {
  background: #3c3c3c;
  color: #fff !important;
  width: 15px;
  height: 32px;
  display: flex;
  justify-content: left;
  align-items: center;
  position: absolute;
  left: 0;
  border-radius: 0 5px 5px 0;
  margin: 0;
  box-sizing: border-box;
  opacity: 1;
  transition: width 0.15s;
  z-index: 9999;
  overflow: hidden;
}
.smart-plan .smart-plan-content table tbody tr.error-tr td.error-cell-td .error-cell-div .desc {
  width: 0;
  opacity: 0;
  overflow: hidden;
  color: #fb6e52;
  padding: 0 5px 0 3px;
  transition: all 0.3s;
}
.smart-plan .smart-plan-content table tbody tr.error-tr td.error-cell-td .error-cell-div:hover {
  width: 150px;
  overflow: visible;
}
.smart-plan .smart-plan-content table tbody tr.error-tr td.error-cell-td .error-cell-div:hover .desc {
  min-width: 120px;
  opacity: 1;
}
.smart-plan .smart-plan-content table tbody tr.totalizer td {
  color: #f2f2f2;
  background: #7c7c7c;
  padding: 4px 2px;
  text-align: left;
  font-weight: bold;
  font-size: 0.83em;
  height: 20px !important;
  max-height: 20px !important;
}
@media (max-width: 767px) {
  .smart-plan .smart-plan-content table tbody tr.totalizer td.totalizer-cda {
    display: none;
  }
}
@media (max-width: 767px) {
  .smart-plan .smart-plan-content table tbody tr.totalizer td.totalizer-cdm {
    display: none;
  }
}
.smart-plan .smart-plan-content table tbody tr.totalizer td.text-right {
  text-align: right;
  padding: 4px 20px;
  font-weight: bold;
}
.smart-plan .smart-plan-content table tbody tr.totalizer td.date {
  text-align: center;
}
.smart-plan .smart-plan-content table tbody tr.totalizer td.date:nth-child(even) {
  background: #4c4c4c;
}
.smart-plan .smart-plan-content table tbody tr.totalizer td.date:nth-child(odd) {
  background: #7c7c7c;
}
.smart-plan .smart-plan-content table tbody tr.totalizer td:first-child {
  padding-left: 20px;
}
.smart-plan .smart-plan-content table tbody tr.totalizer td:last-child {
  padding-right: 20px;
  background: #6c6c6c;
  border-bottom: #5c5c5c;
}
.smart-plan .smart-plan-content table tbody tr.totalizer td.result {
  padding-left: 5px;
  background: #3c3c3c;
}
.smart-plan .smart-plan-content table tbody tr.totalizer td.result:nth-child(odd) {
  background: #2c2c2c;
}
.smart-plan .smart-plan-content table tbody tr.totalizer td.result:last-child {
  background: #216240;
}
.smart-plan .smart-plan-content table tbody tr.totalizer td.final {
  background: #3bae71 !important;
  text-align: center;
  padding: 4px 20px 3px 2px !important;
  box-shadow: 0 -1px 0 0 #3bae71;
  border-bottom: 1px solid #3bae71;
}
.smart-plan .smart-plan-content table tbody tr td {
  max-height: 37px;
  padding: 15px 10px 7px 10px;
  font-size: 0.8em;
  white-space: nowrap;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  box-sizing: border-box;
  vertical-align: top;
}
.smart-plan .smart-plan-content table tbody tr td .input-checkbox {
  margin: 0 0 0 10px;
}
.smart-plan .smart-plan-content table tbody tr td .input-checkbox input[type=checkbox]:checked + label,
.smart-plan .smart-plan-content table tbody tr td .input-checkbox .input-checkbox label:hover {
  border: 0 solid #3bae71;
  background: #3bae71;
  width: 18px;
  height: 18px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
}
.smart-plan .smart-plan-content table tbody tr td .input-checkbox label:after {
  color: #fff;
  top: 5px;
  left: 3px;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  font-size: 0.83em;
}
.smart-plan .smart-plan-content table tbody tr td:first-child {
  border-left: 0;
}
.smart-plan .smart-plan-content table tbody tr td:not(.changeable):not(.date):first-child {
  padding-left: 20px;
}
.smart-plan .smart-plan-content table tbody tr td:not(.changeable):not(.date):first-child a {
  color: #fb6e52;
  padding: 0 5px 0 10px;
  font-size: 1.33em;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  margin: 0;
}
.smart-plan .smart-plan-content table tbody tr td:not(:first-child) a i {
  font-size: 0.9em;
  transform: scale(1.5, 1.5);
}
.smart-plan .smart-plan-content table tbody tr td:last-child {
  padding-right: 20px;
}
.smart-plan .smart-plan-content table tbody tr td.trash i {
  transform: scale(1.1, 1.1);
}
.smart-plan .smart-plan-content table tbody tr td.main-block {
  height: 37px;
}
.smart-plan .smart-plan-content table tbody tr td.main-block.last-row {
  height: 37px;
}
.smart-plan .smart-plan-content table tbody tr td.main-block .inset {
  display: flex;
  margin: -4px 0;
  padding: 0;
  box-sizing: border-box;
}
.smart-plan .smart-plan-content table tbody tr td.main-block a + a {
  margin-left: 5px !important;
}
.smart-plan .smart-plan-content table tbody tr td.main-block.double-main-block {
  padding-top: 1px !important;
  padding-bottom: 1px !important;
  line-height: 14px;
  white-space: nowrap !important;
}
.smart-plan .smart-plan-content table tbody tr td.main-block:first-child:not(.date) {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
.smart-plan .smart-plan-content table tbody tr td.main-block .main-icons {
  display: flex;
  flex-wrap: nowrap;
  white-space: nowrap;
  margin: -2px 0;
}
.smart-plan .smart-plan-content table tbody tr td.main-block .main-icons a {
  display: inline-block;
  color: #f33a3a;
  padding: 0;
  font-size: 1.33em;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  margin: 0;
}
.smart-plan .smart-plan-content table tbody tr td.changeable {
  padding: 2px;
  box-shadow: inset 1px 0 0 0 rgba(0, 0, 0, 0.05);
}
.smart-plan .smart-plan-content table tbody tr td.changeable .inset {
  display: flex;
  min-width: 28px;
  height: 32px;
}
.smart-plan .smart-plan-content table tbody tr td.changeable .inset .input-grid:only-of-type {
  min-width: 40px;
}
.smart-plan .smart-plan-content table tbody tr td.changeable:not(.unavailable-cell):not(.disabled-cell):not(.not_selectable-cell):hover {
  background: rgba(45, 189, 253, 0.5);
}
.smart-plan .smart-plan-content table tbody tr td.unavailable-cell {
  background: rgba(153, 153, 153, 0.5);
  border-left: 1px solid rgba(0, 0, 0, 0.05);
}
.smart-plan .smart-plan-content table tbody tr td.unavailable-cell:hover {
  box-shadow: inset 1px 0 0 0 rgba(0, 0, 0, 0.05);
}
.smart-plan .smart-plan-content table tbody tr td.unavailable-cell input,
.smart-plan .smart-plan-content table tbody tr td.unavailable-cell select {
  opacity: 0;
  z-index: -1;
  position: relative;
}
.smart-plan .smart-plan-content table tbody tr td.unavailable-cell .inset {
  display: block;
  width: 2px;
  height: 32px;
  box-sizing: border-box;
  height: 13px;
  text-align: center;
}
.smart-plan .smart-plan-content table tbody tr td.changed-cell {
  background: rgba(214, 168, 0, 0.2);
}
.smart-plan .smart-plan-content table tbody tr td.changed-cell:hover {
  box-shadow: inset 1px 0 0 0 rgba(0, 0, 0, 0.05);
}
.smart-plan .smart-plan-content table tbody tr td.changed-cell input,
.smart-plan .smart-plan-content table tbody tr td.changed-cell select {
  opacity: 0;
  z-index: -1;
  position: relative;
}
.smart-plan .smart-plan-content table tbody tr td.notselectable-cell {
  background: rgba(211, 207, 195, 0.5);
}
.smart-plan .smart-plan-content table tbody tr td.notselectable-cell.changed-cell {
  background: rgba(214, 168, 0, 0.25);
}
.smart-plan .smart-plan-content table tbody tr td.notselectable-cell:hover {
  box-shadow: inset 1px 0 0 0 rgba(0, 0, 0, 0.05);
}
.smart-plan .smart-plan-content table tbody tr td.notselectable-cell input,
.smart-plan .smart-plan-content table tbody tr td.notselectable-cell select {
  opacity: 0;
  z-index: -1;
  position: relative;
}
.smart-plan .smart-plan-content table tbody tr td.hover-cell {
  background: rgba(45, 189, 253, 0.5);
}
.smart-plan .smart-plan-content table tbody tr td.hover-cell.notselectable-cell {
  background: rgba(91, 117, 128, 0.5);
}
.smart-plan .smart-plan-content table tbody tr td.hover-cell:hover {
  box-shadow: inset 1px 0 0 0 rgba(0, 0, 0, 0.05);
}
.smart-plan .smart-plan-content table tbody tr td.hover-cell input,
.smart-plan .smart-plan-content table tbody tr td.hover-cell select {
  opacity: 0;
  z-index: -1;
  position: relative;
}
.smart-plan .smart-plan-content table tbody tr td.disabled-cell {
  background: rgba(0, 0, 0, 0.1);
}
.smart-plan .smart-plan-content table tbody tr td.disabled-cell:hover {
  box-shadow: inset 1px 0 0 0 rgba(0, 0, 0, 0.05);
}
.smart-plan .smart-plan-content table tbody tr td.disabled-cell input,
.smart-plan .smart-plan-content table tbody tr td.disabled-cell select {
  opacity: 0;
  z-index: -1;
  position: relative;
}
.smart-plan .smart-plan-content table tbody tr td.error-cell {
  background: rgba(243, 58, 58, 0.25) !important;
  position: relative;
}
.smart-plan .smart-plan-content table tbody tr td.error-cell:hover {
  box-shadow: inset 0 0 0 2px #f33a3a;
}
.smart-plan .smart-plan-content table tbody tr td.error-cell:hover .error-messages {
  z-index: 3;
  opacity: 1;
}
.smart-plan .smart-plan-content table tbody tr td.error-cell .error-messages {
  transition: 0.15s all;
  position: absolute;
  padding: 5px 8px;
  background: #fff;
  border: 3px;
  box-shadow: 0 1px 11px rgba(0, 0, 0, 0.1);
  top: 30px;
  z-index: 0;
  margin-left: -3px;
  opacity: 0;
}
.smart-plan .smart-plan-content table tbody tr td.result {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  background: #f9f9f9;
  text-align: center;
}
.smart-plan .smart-plan-content table tbody tr td.result:nth-child(odd) {
  background: #f5f5f5;
}
.smart-plan .smart-plan-content table tbody tr td.result:last-child {
  background: rgba(59, 174, 113, 0.2);
  border-left: 0 solid rgba(0, 0, 0, 0);
}
.smart-plan .smart-plan-content table tbody tr td.result.result-calendar .tool-tip:hover .tool-tip-content {
  margin-top: -1px;
}
.smart-plan .smart-plan-content table tbody tr td .values {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.smart-plan .smart-plan-content table tbody tr td .values span + span:before {
  content: " / ";
}
.smart-plan .smart-plan-content table tbody tr:not(.totalizer) td.result {
  padding: 10px 5px 14px 5px;
  height: 33px;
}
.smart-plan .smart-plan-content table#maintable tbody tr:not(.totalizer) td {
  padding: 9px 10px;
  vertical-align: middle;
}

.move-dot {
  display: block;
  cursor: grab;
  padding: 5px 10px;
  height: 0;
}
.move-dot span {
  height: 3px;
  width: 3px;
  border-radius: 1.5px;
  background: #aaa;
  display: block;
  position: relative;
}
.move-dot span:after, .move-dot span:before {
  content: "";
  height: 3px;
  width: 3px;
  border-radius: 1.5px;
  background: #aaa;
  position: absolute;
  display: block;
}
.move-dot span:after {
  margin-top: 5px;
}
.move-dot span:before {
  margin-top: -5px;
}

.step-status {
  padding-bottom: 0px !important;
  position: relative;
  height: 33px;
  box-sizing: border-box;
}
.step-status .to-cancel-order {
  position: absolute;
  top: 0;
  z-index: 999;
  background: rgba(255, 255, 255, 0.9);
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  align-content: center;
}
.step-status .to-cancel-order .button {
  margin: 0;
  padding-right: 8px;
  padding-left: 8px;
  font-size: 0.63em;
  padding-top: 7px;
  padding-bottom: 7px;
}
.step-status .grid-info {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  padding: 2px;
}
.step-status .grid-info span {
  padding: 2px;
  font-size: 0.75em;
  color: #4c4c4c;
}

.header-filters.fill-width {
  width: calc(100% - 41px);
  left: 41px;
}

.smart-plan.fill-width .smart-plan-content {
  width: calc(100vw - 40px);
}
.smart-plan.fill-width .smart-plan-footer .smart-plan-mode {
  max-width: calc(100vw - 210px);
}
.smart-plan.fill-width .smart-plan-map {
  transition: 0.3s all;
  width: calc(100vw - 40px);
}

.smart-plan-planner {
  width: 100vw !important;
}

.smart-plan-asu::-webkit-scrollbar,
.smart-plan-grid::-webkit-scrollbar,
.smart-plan-totalizers::-webkit-scrollbar {
  height: 15px;
  width: 10px;
  background-color: #e9e9e9;
}
.smart-plan-asu::-webkit-scrollbar-thumb,
.smart-plan-grid::-webkit-scrollbar-thumb,
.smart-plan-totalizers::-webkit-scrollbar-thumb {
  border-radius: 10px;
}

.plan-discount {
  justify-content: center;
  display: flex;
}

.error-alert {
  border-radius: 10px;
  border-radius: 10px;
  border: none;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-family: Arial;
  text-align: center;
  text-decoration: none;
  position: fixed;
  background: #4c4c4c;
  padding: 5px 3px;
  border-radius: 0 5px 5px 0;
  margin-top: -6px;
}
.error-alert .ico-alert {
  -webkit-animation: glowing 1500ms infinite;
  animation: glowing 1500ms infinite;
}
.error-alert .tool-tip .tool-tip-content {
  padding: 0px;
  max-width: 380px;
  min-width: 380px;
  white-space: normal;
  margin: -10px 0px 0px 16px;
}
.error-alert .tool-tip .tool-tip-content ul li {
  line-height: 20px;
  text-align: left;
}

@-webkit-keyframes glowing {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}
.overflow {
  overflow-y: auto !important;
}

.overflow-hidden-x {
  overflow-x: hidden !important;
}

.step-status {
  height: 37px !important;
}

.underlineLocales {
  cursor: pointer;
  text-decoration: underline;
}

.inventory-new-editor {
  background: #fff;
  width: 100%;
  padding: 0;
  box-sizing: border-box;
}
.inventory-new-editor .switch.green-red .slider {
  height: 17px;
  margin-top: 5px;
}
.inventory-new-editor.publisher-editor {
  max-width: calc(100vw - 200px);
}
.inventory-new-editor select {
  height: 34px;
  padding-right: 25px;
  padding: 0 25px 0 5px;
  line-height: 34px;
}
.inventory-new-editor .inventory-new-editor-header {
  background: #fff;
  display: flex;
  justify-content: space-between;
}
.inventory-new-editor .inventory-new-editor-header .filters {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0;
}
.inventory-new-editor .inventory-new-editor-header .filters-main {
  padding: 5px 0;
  background: #4c4c4c;
  color: #fff;
  display: flex;
  flex: 0 0 100%;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}
.inventory-new-editor .inventory-new-editor-header .filters-main .filters-section {
  display: flex;
}
.inventory-new-editor .inventory-new-editor-header .filters-main .filters-section:last-child {
  justify-content: flex-end;
}
.inventory-new-editor .inventory-new-editor-header h2 {
  margin: 0;
}
.inventory-new-editor .inventory-new-editor-header .filter {
  padding: 0 10px;
  margin: 0;
}
.inventory-new-editor .inventory-new-editor-header .filter .media-types {
  position: absolute;
  padding: 10px;
  width: 600px;
  display: none;
  background: #eee;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.09) 0 10px 30px;
  justify-content: space-between;
}
.inventory-new-editor .inventory-new-editor-header .filter:hover .media-types {
  display: block;
}
.inventory-new-editor .inventory-new-editor-header .filter .submenu {
  width: 600px;
  display: flex;
  flex-wrap: wrap;
}
.inventory-new-editor .inventory-new-editor-header .filter .submenu > * {
  flex: 0 0 24%;
}
.inventory-new-editor .inventory-new-editor-header .filter .submenu .media-category {
  clear: both;
  flex: 0 0 100%;
  display: flex;
  flex-wrap: wrap;
}
.inventory-new-editor .inventory-new-editor-header .filter .submenu .media-category .media-categories {
  flex: 0 0 100%;
  display: flex;
  flex-wrap: wrap;
}
.inventory-new-editor .inventory-new-editor-header .filter .submenu .media-category .media-categories > * {
  flex: 0 0 24%;
}
.inventory-new-editor .inventory-new-editor-header .filter h3.filter-title {
  width: 260px;
  flex: 1 1 260px;
  border-radius: 3px;
  padding: 10px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15);
  padding-right: 15px;
  position: relative;
}
.inventory-new-editor .inventory-new-editor-header .filter h3.filter-title i {
  position: absolute;
  right: 5px;
  transform: rotate(-180deg);
}
.inventory-new-editor .inventory-new-editor-header .info {
  display: flex;
}
.inventory-new-editor .inventory-new-editor-header .info h2 {
  white-space: nowrap;
}
.inventory-new-editor .inventory-new-editor-content {
  width: 100%;
  height: calc(100vh - 228px);
  border-top: 2px solid #ccc;
}
.inventory-new-editor .inventory-new-editor-content table tr.hide {
  display: none;
}
.inventory-new-editor .inventory-new-editor-content table tr.hide td {
  display: none;
}
.inventory-new-editor .inventory-new-editor-footer {
  width: 100%;
  display: flex;
  height: 30px;
  justify-content: center;
  align-items: center;
  padding: 10px 0;
}
.inventory-new-editor .inventory-new-editor-footer .button {
  margin: 0 5px !important;
}
.inventory-new-editor .inventory-new-editor-footer .paginator {
  margin-right: 42px;
}
.inventory-new-editor .actions {
  display: flex;
}
.inventory-new-editor .no-asu {
  background: #e9e9e9;
  box-shadow: inset 0 3px 10px rgba(0, 0, 0, 0.15);
  width: 100%;
  height: 300px;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.inventory-new-editor .no-asu h3 {
  flex: 0 0 100%;
  text-align: center;
}
.inventory-new-editor .stats {
  display: flex;
  padding: 0 15px;
  background: none;
}
.inventory-new-editor .stats .stats-stat {
  padding: 5px;
  background: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  align-content: flex-start;
}
.inventory-new-editor .stats .stats-stat h2 {
  text-align: center;
}
.inventory-new-editor .stats .stats-stat:nth-child(1) h2 {
  color: #3bae71;
}
.inventory-new-editor .stats .stats-stat:nth-child(2) h2 {
  color: #fb6e52;
}
.inventory-new-editor .stats .stats-stat p {
  color: #777;
  text-align: center;
  width: 100%;
  font-size: 0.75em;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.inventory-new-editor .action-button {
  padding: 3px;
  height: 25px;
  width: 25px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: visible;
  color: #fff;
  margin: 0 3px;
  position: relative;
}
.inventory-new-editor .action-button.preloader {
  background-size: 25px;
}
.inventory-new-editor .action-button .badge {
  position: absolute;
  padding: 0px 5px;
  line-height: 13px;
  font-size: 0.5em;
  background: #fff;
  color: #4c4c4c;
  top: -2px;
  right: -3px;
}
.inventory-new-editor .link-open {
  display: block;
  width: 100%;
}
.inventory-new-editor .relative {
  position: relative;
  display: block;
  min-width: 100px;
  padding: 2px 40px 2px 5px;
}
.inventory-new-editor .search-filters-bar {
  flex: 0 0 100%;
  display: flex;
}
.inventory-new-editor .search-filters-bar .filter {
  flex: 1 1 12%;
  margin: 3px;
}
.inventory-new-editor .search-filters-bar {
  font-size: 0.75em;
}
.inventory-new-editor .module {
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.09) 0 10px 30px;
  border-radius: 3px;
  position: absolute;
  padding: 10px;
  top: 25px;
  left: 0;
  z-index: 9;
  font-size: 14px;
}
.inventory-new-editor .module:after {
  bottom: 100%;
  left: 10px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 10px;
  margin-left: -10px;
}
.inventory-new-editor .module.module-right {
  left: -100%;
}
.inventory-new-editor .module.module-right:after {
  right: 10px;
  left: auto;
}
.inventory-new-editor .module .module-head {
  display: block;
  width: 100%;
  position: relative;
  min-width: 200px;
  height: 10px;
}
.inventory-new-editor .module .module-head .module-close {
  position: absolute;
  top: -5px;
  right: 0;
  color: #444;
}
.inventory-new-editor .module.module-image {
  width: 340px;
}
.inventory-new-editor .module.module-image .images-card {
  column-count: 2;
}
.inventory-new-editor .module.module-image .image-drop {
  padding: 20px 10px;
  white-space: pre-wrap;
  text-align: center;
  margin: 0 0 0 25px;
  max-width: 295px;
  max-height: 80px;
}
.inventory-new-editor .module.module-image .image-drop input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.inventory-new-editor .module .module-row {
  display: flex;
  justify-content: space-between;
}
.inventory-new-editor .module .module-row.disabled {
  position: relative;
}
.inventory-new-editor .module .module-row.disabled:before {
  width: 100%;
  height: 100%;
  display: block;
  cursor: not-allowed;
  z-index: 10;
  position: absolute;
  content: "";
  background: rgba(255, 255, 255, 0.9);
}
.inventory-new-editor .module .module-row p {
  flex: 0 0 100%;
  text-transform: uppercase;
  font-weight: bold;
}
.inventory-new-editor .module .module-row.list {
  padding: 3px;
  background: rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  margin-bottom: 2px;
  font-size: 0.75em;
}
.inventory-new-editor .module .module-row.list .list-actions {
  display: flex;
}
.inventory-new-editor .module .module-row.list .list-actions a {
  float: right;
}
.inventory-new-editor .module .module-row.list .list-actions a.disabled {
  color: #ccc;
  cursor: not-allowed;
}
.inventory-new-editor .module .module-row.list:last-child {
  margin-bottom: 15px;
}
.inventory-new-editor .module .module-row.list:last-child:after {
  display: block;
  width: 100%;
  height: 15px;
  content: "";
}
.inventory-new-editor .module .module-row .input-text {
  display: block;
  margin: 3px;
}
.inventory-new-editor .module .module-row .input-text label {
  text-align: left;
  display: block;
  font-size: 0.83em;
  color: #4c4c4c;
}
.inventory-new-editor .module .module-row .input-text input {
  width: 100px;
  font-size: 0.83em;
  padding: 5px;
}
.inventory-new-editor .module .module-row .input-text textarea {
  font-size: 0.83em;
  padding: 5px;
}
.inventory-new-editor .module .module-row .input-text select {
  background-color: #fff;
  font-size: 0.83em;
  padding: 0 20px 0 5px;
  height: 26px;
  border-radius: 0;
}
.inventory-new-editor .module .module-row .input-text input[type=checkbox] {
  width: 15px;
}
.inventory-new-editor table {
  width: 100%;
  position: relative;
}
.inventory-new-editor table tr.active-row td {
  background: #fffeb6;
}
.inventory-new-editor table tr:hover td {
  box-shadow: inset 0 0 500px rgba(0, 0, 0, 0.1);
}
.inventory-new-editor table tr th {
  white-space: nowrap;
  padding: 2px 5px;
  color: #fff;
  font-size: 0.75em;
  height: 23px;
  box-sizing: border-box;
  border-left: 1px solid rgba(0, 0, 0, 0.25);
  border-right: 1px solid rgba(0, 0, 0, 0.25);
  border-bottom: 2px solid rgba(0, 0, 0, 0.5);
}
.inventory-new-editor table tr th.before-last-col {
  display: none;
}
.inventory-new-editor table tr th:last-child {
  border-right: 0;
  height: 26px;
  box-shadow: -1px 0px 1px rgba(0, 0, 0, 0.15);
}
.inventory-new-editor table tr th:first-child {
  padding-left: 35px;
  border-left: 0;
  font-weight: bolder;
}
.inventory-new-editor table tr th.start {
  border-left: 2px solid rgba(0, 0, 0, 0.5);
}
.inventory-new-editor table tr th.end {
  border-right: 2px solid rgba(0, 0, 0, 0.5);
}
.inventory-new-editor table tr th .hover-only {
  color: #fb6e52;
  /* float: right; */
  opacity: 1;
  /* margin-top: -10px; */
  /* margin-right: -10px; */
  position: absolute;
  right: 0;
  top: -2px;
}
.inventory-new-editor table tr th.odd, .inventory-new-editor table tr th:nth-child(odd) {
  background: #5c5c5c;
}
.inventory-new-editor table tr th.even, .inventory-new-editor table tr th:nth-child(even) {
  background: #7c7c7c;
}
.inventory-new-editor table tr td {
  padding: 0;
  color: #4c4c4c;
  border-left: 1px solid rgba(0, 0, 0, 0.25);
  border-right: 1px solid rgba(0, 0, 0, 0.25);
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  white-space: nowrap;
  box-sizing: border-box;
  height: 30px;
  vertical-align: middle;
  font-size: 0.83em;
}
.inventory-new-editor table tr td:first-child {
  border-left: 0;
  padding-left: 35px;
  font-weight: bolder;
}
.inventory-new-editor table tr td.inactive {
  background: #f2f2f2;
}
.inventory-new-editor table tr td.inactive > span > a > span {
  opacity: 0.3;
}
.inventory-new-editor table tr td:last-child {
  padding-right: 15px;
  box-shadow: -1px 0px 1px rgba(0, 0, 0, 0.15);
}
.inventory-new-editor table tr td.start {
  border-left: 2px solid rgba(0, 0, 0, 0.5);
}
.inventory-new-editor table tr td.end {
  border-right: 2px solid rgba(0, 0, 0, 0.5);
}
.inventory-new-editor table tr td:last-child {
  border-right: 0;
}
.inventory-new-editor table tr td .hover-only {
  color: #fb6e52;
  /* float: right; */
  opacity: 0;
  transition: 0.1s all;
  /* margin-top: -10px; */
  /* margin-right: -10px; */
  position: absolute;
  right: 0;
  top: 0;
  margin: -4px -1px 3px 0;
}
.inventory-new-editor table tr td:hover .hover-only {
  opacity: 1;
}
.inventory-new-editor table tr td.before-last-col {
  display: none;
}
.inventory-new-editor table tr td.odd {
  background: #e9e9e9;
}
.inventory-new-editor table tr td.even {
  background: #fff;
}
.inventory-new-editor table tr td .module-error .module-error-list {
  width: 200px;
  display: none;
  position: absolute;
  padding: 5px;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.09) 0 10px 30px;
}
.inventory-new-editor table tr td .module-error .module-error-list li {
  display: block;
  max-width: 200px;
  white-space: normal;
  word-wrap: normal;
  padding-bottom: 10px;
}
.inventory-new-editor table tr td .module-error .module-error-list li:last-child {
  padding-bottom: 0;
}
.inventory-new-editor table tr td .module-error:hover .module-error-list {
  display: block;
}
.inventory-new-editor table tr.edit-asu td {
  background: rgba(82, 106, 251, 0.25);
}
.inventory-new-editor table tr.new-asu td {
  background: rgba(59, 174, 113, 0.25);
}
.inventory-new-editor table tr.checked-asu td {
  background-image: url("../images/pattern.png");
  background-repeat: repeat;
}

.locations-importer {
  width: 60vw;
  height: 60vh;
  display: flex;
  flex-direction: column;
  position: relative;
}
.locations-importer .running-task {
  position: absolute;
  height: 100%;
  width: 100%;
}
.locations-importer .running-task .preloader {
  height: 100%;
  width: 100%;
  background-position: center;
}
.locations-importer .locations-importer-header {
  flex: 1;
}
.locations-importer .locations-importer-body {
  flex: 7;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  overflow: hidden;
}
.locations-importer .locations-importer-body .place-search-results {
  width: 100%;
  height: 100%;
  overflow: scroll;
}
.locations-importer .locations-importer-body .place-search-results table {
  width: 100%;
  border-radius: inherit;
}
.locations-importer .locations-importer-body .place-search-results table thead,
.locations-importer .locations-importer-body .place-search-results table thead tr {
  border-radius: 10px 10px 0 0;
  background-color: #ffff;
}
.locations-importer .locations-importer-body .place-search-results table thead th,
.locations-importer .locations-importer-body .place-search-results table thead td {
  background-color: #f5f5f5;
  font-size: 15px;
  color: #000;
}
.locations-importer .locations-importer-body .place-search-results table thead th:first-of-type {
  border-radius: 10px 0 0 0;
}
.locations-importer .locations-importer-body .place-search-results table thead th:last-of-type {
  border-radius: 0 10px 0 0;
}
.locations-importer .locations-importer-body .place-search-results table td:nth-of-type(3) {
  cursor: pointer;
}
.locations-importer .locations-importer-body .place-search-results table td:nth-of-type(3):hover {
  background-color: #f5f5f5;
}
.locations-importer .locations-importer-body .place-search-results table td:nth-of-type(3) > div {
  width: 100%;
  z-index: 100;
}
.locations-importer .locations-importer-body .place-search-results table tbody tr:last-of-type {
  border-radius: 0 0 10px 10px;
}
.locations-importer .locations-importer-body .place-search-results table tbody tr:last-of-type td:first-of-type,
.locations-importer .locations-importer-body .place-search-results table tbody tr:last-of-type tr:first-of-type {
  border-radius: 0 0 0 10px;
}
.locations-importer .locations-importer-body .place-search-results table tbody tr:last-of-type td:last-of-type,
.locations-importer .locations-importer-body .place-search-results table tbody tr:last-of-type tr:last-of-type {
  border-radius: 0 0 10px 0;
}
.locations-importer .locations-importer-body .place-search-results table tbody td,
.locations-importer .locations-importer-body .place-search-results table tbody th {
  position: relative;
  padding: 0 1%;
}
.locations-importer .locations-importer-body .place-search-results table tbody td input[type=text],
.locations-importer .locations-importer-body .place-search-results table tbody th input[type=text] {
  height: 100%;
  width: 90%;
  background-color: inherit;
}
.locations-importer .locations-importer-body .place-search-results table tbody td:hover,
.locations-importer .locations-importer-body .place-search-results table tbody th:hover {
  background-color: #fff;
}
.locations-importer .locations-importer-body .place-search-results table tbody td .checkbox-input,
.locations-importer .locations-importer-body .place-search-results table tbody th .checkbox-input {
  margin: auto;
  width: 50%;
}
.locations-importer .locations-importer-body > div {
  height: 95%;
  width: 100%;
  border: 1px solid #D2D2D2;
  border-radius: 10px;
  box-sizing: border-box;
}
.locations-importer .locations-importer-body > div textarea {
  resize: none;
  height: 100%;
  width: 100%;
  border-radius: inherit;
  box-shadow: none;
  padding: 0 10px;
}
.locations-importer .locations-importer-footer {
  flex: 1;
}
.locations-importer ::-webkit-scrollbar {
  height: 3px;
  width: 3px;
  border-radius: 10px;
}

.search-submenu {
  display: flex;
  justify-content: flex-start;
  align-content: stretch;
}
.search-submenu.center-submenu {
  left: auto !important;
  margin-left: -5px;
  max-width: 470px !important;
  z-index: 11 !important;
}
.search-submenu.right-submenu {
  left: auto !important;
  right: 15px !important;
  max-width: 470px !important;
  z-index: 12 !important;
}
.search-submenu .search-submenu-header {
  width: 100%;
  justify-content: space-between;
  display: flex;
  align-items: center;
  align-content: center;
}
.search-submenu .search-submenu-main {
  flex: 0 0 60px;
  display: flex;
  flex-wrap: wrap;
  max-width: 60px;
  padding: 0;
  box-sizing: border-box;
  align-content: flex-start;
}
.search-submenu .search-submenu-main .main-icon {
  flex: 0 0 54px;
  height: 54px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #a2a2a2;
  background: #d0d0d0;
  border-radius: 3px;
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.1);
  margin-bottom: 10px;
  transition: 0.3s all;
  flex-wrap: wrap;
  position: relative;
}
.search-submenu .search-submenu-main .main-icon:hover {
  background: #ddd;
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.1);
}
.search-submenu .search-submenu-main .main-icon.disabled {
  opacity: 0.3;
}
.search-submenu .search-submenu-main .main-icon.current {
  color: #fb6e52;
  background: #fff;
  box-shadow: inset 0 0 0 2px #fb6e52;
}
.search-submenu .search-submenu-main .main-icon.current .arrow {
  display: block;
}
.search-submenu .search-submenu-main .main-icon i {
  font-size: 1.5em;
}
.search-submenu .search-submenu-main .main-icon span {
  flex: 0 0 100%;
  font-size: 0.63em;
  text-align: center;
  padding-top: 0;
  text-align: center;
  text-transform: uppercase;
  color: #4c4c4c;
  margin-top: -2px;
}
.search-submenu .search-submenu-main .main-icon img {
  flex: 1 1 100%;
  height: 24px;
  max-width: 24px;
}
.search-submenu .search-submenu-main .main-icon .arrow {
  position: absolute;
  display: none;
  left: 81px;
  z-index: 12;
  width: 10px;
  height: 10px;
}
.search-submenu .search-submenu-main .main-icon .arrow:after, .search-submenu .search-submenu-main .main-icon .arrow:before {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.search-submenu .search-submenu-main .main-icon .arrow:after {
  border-color: rgba(240, 240, 240, 0);
  border-right-color: #f0f0f0;
  border-width: 10px;
  margin-top: -10px;
}
.search-submenu .search-submenu-main .main-icon .arrow:before {
  border-color: rgba(0, 51, 0, 0);
  border-right-color: #fb6e52;
  border-width: 11px;
  margin-top: -11px;
}
.search-submenu .search-submenu-list {
  background: #f0f0f0;
  flex: 1 1 100%;
  padding: 0;
  margin: 0 0 10px 10px;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  padding-left: 0px;
  overflow: visible;
}
.search-submenu .search-submenu-list input[type=text] {
  display: block !important;
}
.search-submenu .search-submenu-list.only-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  border-left: none;
  max-width: 100%;
}
.search-submenu .search-submenu-list.only-list .search-submenu-menu {
  display: none;
  position: absolute;
  width: calc(100% + 5px);
  background: #fff;
  z-index: 12;
  margin: 32px 0 0 0;
  padding: 5px 12px;
  left: 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.09) 0 10px 30px;
}
.search-submenu .search-submenu-list.only-list .search-list-menu {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 100%;
  max-height: 300px;
  overflow-y: auto;
}
.search-submenu .search-submenu-list.only-list button.check {
  background: #d0d0d0;
  border: 2px solid #c6c6c6;
  border-radius: 3px;
  flex: 0 1 130px !important;
  position: relative;
  margin: 0 12px 12px 0;
  height: 32px;
  margin-bottom: 5px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  position: relative;
  justify-content: center;
  outline: none;
  color: #4c4c4c;
  font-size: 0.93em;
  font-family: "PT Sans", sans-serif;
  flex-wrap: wrap;
}
.search-submenu .search-submenu-list.only-list button.check.opened-menu span.tagg {
  display: none;
}
.search-submenu .search-submenu-list.only-list button.check.checked {
  border-color: #fb6e52;
  background: #fff;
}
.search-submenu .search-submenu-list.only-list button.check span {
  position: relative;
  font-size: 0.63em;
  text-transform: uppercase;
  flex: 0 0 100%;
  padding: 1px;
  bottom: 0;
  left: 0;
  margin: 0;
  line-height: 0.6;
  text-align: center;
  width: 100%;
  color: #000;
  font-weight: bold;
}
.search-submenu .search-submenu-list.only-list button.check i {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #4c4c4c;
  position: absolute;
  right: 5px;
  display: block;
  top: 50%;
}
.search-submenu .search-submenu-list.only-list button.check i:after, .search-submenu .search-submenu-list.only-list button.check i:before {
  content: "";
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #4c4c4c;
  display: block;
  position: absolute;
}
.search-submenu .search-submenu-list.only-list button.check i:after {
  margin-top: -5px;
}
.search-submenu .search-submenu-list.only-list button.check i:before {
  margin-top: -10px;
}
.search-submenu .search-submenu-list.only-list .input-checkbox {
  position: static;
  flex: 0 1 130px !important;
  position: relative;
}
.search-submenu .search-submenu-list.actived {
  border-left: 1px solid #fb6e52;
}
.search-submenu .search-submenu-list h3 {
  padding-left: 10px;
}
.search-submenu .search-submenu-list .input-id {
  flex: 1 1 100%;
}
.search-submenu .search-submenu-list .input-id input {
  width: calc(100% - 5px);
  padding-right: 22px;
}
.search-submenu .search-submenu-list .input-id i {
  position: absolute;
  right: 15px;
  top: 15px;
  left: auto;
}
.search-submenu .search-submenu-list .search-input-text {
  display: flex;
  flex: 0 0 100%;
  position: relative;
  margin-left: 10px;
  max-width: calc(100% - 10px);
}
.search-submenu .search-submenu-list .search-input-text i {
  position: absolute;
  top: 10px;
  right: 5px;
}
.search-submenu .search-submenu-list .media-categories {
  justify-content: flex-start;
}
.search-submenu .search-submenu-list .input-checkbox {
  margin: 0 12px 12px 0;
  flex: 0 0 32%;
  height: 32px;
  margin-bottom: 5px;
}
.search-submenu .search-submenu-list .input-checkbox input {
  display: none;
}
.search-submenu .search-submenu-list .input-checkbox label {
  width: 100%;
  padding: 10px;
  background: #d0d0d0;
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  height: 100%;
  text-align: center;
}
.search-submenu .search-submenu-list .input-checkbox span {
  position: relative;
  width: 100%;
  text-align: center;
  padding: 0;
  color: #a2a2a2;
}
.search-submenu .search-submenu-list .input-checkbox input:checked + label:after {
  display: none;
  opacity: 0;
}
.search-submenu .search-submenu-list .input-checkbox input:checked + label {
  background: #fff;
  border-color: #fb6e52;
}
.search-submenu .search-submenu-list .input-checkbox input:checked + label + span {
  color: #fb6e52;
}
.search-submenu .search-submenu-list .input-checkbox:hover label {
  border-color: #c6c6c6;
  background: #ddd;
}
.search-submenu .search-submenu-tabs {
  flex: 0 0 100%;
  display: flex;
  justify-content: flex-start;
  border-bottom: 1px solid #ddd;
  margin: 15px 0 15px 10px;
}
.search-submenu .search-submenu-tabs .search-menu-tab {
  padding: 5px 8px;
  border: 1px solid rgba(255, 255, 255, 0);
  margin: 0 1px 0 3px;
  color: #fb6e52;
}
.search-submenu .search-submenu-tabs .search-menu-tab.current {
  border-radius: 3px 3px 0 0;
  border: 1px solid #ddd;
  border-bottom: 1px solid rgba(255, 255, 255, 0);
  box-shadow: 0 1px 0 0 #f0f0f0;
  color: #4c4c4c;
}
.search-submenu.horizontal {
  flex: 0 0 100%;
}
.search-submenu.horizontal .search-submenu-main {
  flex: 0 0 100%;
  max-width: 100%;
  justify-content: space-between;
}
@media only screen and (max-width: 768px) {
  .search-submenu.horizontal .search-submenu-main {
    justify-content: flex-start;
  }
}
.search-submenu.horizontal .search-submenu-main .main-icon {
  margin: 0 20px 0 0;
  height: 82px !important;
  flex: 0 0 82px !important;
  position: relative;
  background: linear-gradient(#fdfdfd, #f2f2f2);
}
.search-submenu.horizontal .search-submenu-main .main-icon.disabled {
  opacity: 0.5;
}
@media only screen and (max-width: 768px) {
  .search-submenu.horizontal .search-submenu-main .main-icon {
    margin: 0 20px 20px 0;
  }
}
.search-submenu.horizontal .search-submenu-main .main-icon:last-child {
  margin: 0;
}
.search-submenu.horizontal .search-submenu-main .main-icon .arrow {
  top: 81px;
  left: 50%;
  margin-left: -5px;
  z-index: 1;
}
.search-submenu.horizontal .search-submenu-main .main-icon .arrow:after, .search-submenu.horizontal .search-submenu-main .main-icon .arrow:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.search-submenu.horizontal .search-submenu-main .main-icon .arrow:after {
  top: calc(100% - 1px);
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #fff;
  border-width: 10px;
  margin-left: -10px;
}
.search-submenu.horizontal .search-submenu-main .main-icon .arrow:before {
  border-color: rgba(251, 110, 82, 0);
  border-top-color: #fb6e52;
  border-width: 13px;
  margin-left: -13px;
}
.search-submenu.horizontal .search-submenu-main .main-icon:hover {
  background: linear-gradient(#fff, #fff);
}
.search-submenu.horizontal .search-submenu-main .main-icon:hover .arrow:after {
  border-top-color: #fff;
}
.search-submenu.horizontal .search-submenu-main .main-icon.current {
  background: #fff;
}

.media-category {
  flex: 0 0 100%;
}
.media-category .search-input-text {
  position: relative;
}
.media-category .search-input-text i {
  position: absolute;
  top: 11px;
  right: 5px;
}

.media-categories {
  flex: 0 0 100%;
  justify-content: flex-start;
  display: flex;
  flex-wrap: wrap;
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
}
.media-categories .input-radiobox {
  flex: 0 1 20%;
  flex-basis: calc(20% - 16px);
  margin-right: 20px;
  margin-bottom: 15px;
}
@media only screen and (max-width: 768px) {
  .media-categories .input-radiobox {
    flex-basis: calc(50% - 10px);
  }
}
.media-categories .input-radiobox label {
  width: 100%;
  height: 30px;
  line-height: 10px;
  background: linear-gradient(#fdfdfd, #f2f2f2);
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  border: none;
  font-size: 0.63em;
  text-align: center;
  text-transform: uppercase;
  color: #4c4c4c;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 769px) {
  .media-categories .input-radiobox:nth-child(5n) {
    margin-right: 0;
  }
}
@media only screen and (max-width: 768px) {
  .media-categories .input-radiobox:nth-child(2n) {
    margin-right: 0;
  }
}
.media-categories .input-radiobox input:checked + label {
  box-shadow: inset 0 0 0 2px #fb6e52;
  background: #fff;
}
.media-categories .input-radiobox input:checked + label:after {
  display: none;
}

.search-inventory-tabs {
  width: 100%;
  flex: 0 0 100%;
  display: flex;
}
.search-inventory-tabs .search-inventory-tab {
  flex: 0 1 20%;
  flex-basis: calc(20% - 16px);
  margin-right: 20px;
  margin-bottom: 15px;
  height: 30px;
  line-height: 10px;
  background: linear-gradient(#fdfdfd, #f2f2f2);
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  border: none;
  font-size: 0.63em;
  text-align: center;
  text-transform: uppercase;
  color: #4c4c4c;
  display: flex;
  justify-content: center;
  align-items: center;
}
.search-inventory-tabs .search-inventory-tab.current {
  box-shadow: inset 0 0 0 2px #fb6e52;
  background: #fff;
}

.ais-refinement-list--item__active .main-icon, .ais-menu--item__active .main-icon, .ais-Menu-item--selected .main-icon, .ais-refinement-list-item--selected .main-icon, .ais-RefinementList-item--selected .main-icon {
  background: #3bae71 !important;
  border-color: #3bae71 !important;
}
.ais-refinement-list--item__active .main-icon span, .ais-menu--item__active .main-icon span, .ais-Menu-item--selected .main-icon span, .ais-refinement-list-item--selected .main-icon span, .ais-RefinementList-item--selected .main-icon span {
  color: #fff !important;
}

.ais-SearchBox-form {
  position: relative;
}

.content {
  align-items: stretch;
  align-content: stretch;
  height: 100%;
  flex: 0 0 100%;
  padding: 60px 0 0;
  transition: 0.5s all;
  min-height: calc(100vh - 340px);
}
.content .content {
  padding: 0;
  display: flex;
}
.content .sidebar-menu {
  height: auto;
  max-height: none;
}
.content .sidebar-menu a {
  color: #fff;
}
.content .sidebar-menu.disabled {
  color: rgba(255, 255, 255, 0.3);
  cursor: not-allowed;
}
.content .sidebar-main-menu,
.content .sidebar-sub-menu {
  padding: 0 0 0 0;
  height: auto;
  box-sizing: border-box;
}
.content .main {
  background: #fafafa;
  padding: 0;
  flex: 1 1 100%;
  box-sizing: border-box;
}

.sidebar-menu {
  flex: 0 0 200px;
  background: #3a3a3a;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
  display: flex;
  align-items: stretch;
  align-content: flex-start;
  height: 100%;
  min-height: 100%;
  flex-wrap: wrap;
  transition: 0.5s all;
}
@media (max-width: 767px) {
  .sidebar-menu {
    flex: 0 0 176px;
  }
}
.sidebar-menu.adjust-sidebar-menu {
  flex: auto;
}
.sidebar-menu .message-disabled {
  display: none;
}
.sidebar-menu.disabled {
  position: relative;
  flex: 1 0 40px;
  overflow-y: hidden;
  transition: 0.5s all;
}
.sidebar-menu.disabled .message-disabled {
  background: rgba(245, 245, 245, 0.85);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  padding: 15px;
  box-sizing: border-box;
  font-weight: bold;
  color: #4c4c4c;
  display: flex;
  justify-content: center;
  z-index: 100;
  align-items: center;
  font-size: 1.2em;
  flex-wrap: wrap;
  align-content: center;
}
@media (max-width: 767px) {
  .sidebar-menu.disabled .message-disabled {
    background: #fafafa;
    width: 100%;
    height: calc(100vh - 60px);
    position: fixed;
    top: 60px;
    left: 0;
    text-align: center;
    padding: 2px;
    box-sizing: border-box;
    font-weight: bold;
    color: #4c4c4c;
    display: flex;
    justify-content: center;
    z-index: 100;
    align-items: flex-start;
    font-size: 1.063em;
    flex-wrap: wrap;
    align-content: flex-start;
  }
}
.sidebar-menu a.disabled {
  pointer-events: none;
  opacity: 0.5;
  cursor: not-allowed;
}
.sidebar-menu a.disabled:hover {
  cursor: not-allowed;
}
.sidebar-menu a.sidemenu-toggle {
  z-index: 99;
  color: #fb6e52;
  padding: 8px 230px 0px 0px;
}
.sidebar-menu a.sidemenu-toggle .icon-position-right {
  position: absolute;
  right: 2px;
}
@media (max-width: 767px) {
  .sidebar-menu a.sidemenu-toggle .icon-position-right {
    right: 9px;
  }
}
.sidebar-menu a.sidemenu-toggle .icon-position-left {
  position: absolute;
  right: 9px;
}
.sidebar-menu a.sidemenu-toggle i {
  transition: 0.25s all;
  font-size: 25px;
  color: #fb6e52;
}
.sidebar-menu a.sidemenu-toggle .default-icon {
  opacity: 1;
}
.sidebar-menu a.sidemenu-toggle .hover-open {
  opacity: 0;
}
.sidebar-menu a.sidemenu-toggle .hover-close {
  opacity: 0;
}
.sidebar-menu a.sidemenu-toggle:hover .default-icon {
  opacity: 0;
}
.sidebar-menu a.sidemenu-toggle:hover .hover-open {
  opacity: 1;
}
.sidebar-menu a.sidemenu-toggle:hover .hover-close {
  opacity: 0;
}
.sidebar-menu a.sidemenu-toggle .reverse {
  -ms-transform: scale(-1, 1);
  /* IE 9 */
  -webkit-transform: scale(-1, 1);
  /* Safari */
  transform: scale(-1, 1);
  /* Standard syntax */
}
.sidebar-menu h2 {
  position: relative;
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.15), inset -1px 0 1px 0 rgba(0, 0, 0, 0.15);
  flex: 0 0 100% !important;
  margin: 0 !important;
  white-space: nowrap;
}
.sidebar-menu p.value {
  font-size: 0.83em;
  padding: 3px 3px 3px 10px;
  background: #dadada;
  border-radius: 3px;
  box-shadow: 0 2px 0 0 #d0d0d0;
  position: relative;
  display: flex;
  justify-content: space-between;
  margin-top: 3px;
}
.sidebar-menu p.value span.fdl-remove {
  color: #fff;
  width: 20px;
  height: 20px;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  background: #b7b7b7;
  cursor: pointer;
}
@media (max-width: 767px) {
  .sidebar-menu.w270px {
    flex: 1 0 270px;
  }
}
.sidebar-menu.hide {
  flex: 0 0 40px;
  width: 40px;
}
.sidebar-menu.hide * {
  nav-index: -1;
  tab-index: -1;
}
.sidebar-menu.hide.right-icon {
  opacity: 0;
}
.sidebar-menu.hide .sidebar-sub-menu {
  display: none;
}
.sidebar-menu ul {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
}
.sidebar-menu ul.list-items {
  padding: 5px;
  margin: -10px 3px 10px 3px;
  background: #fff;
  border-radius: 0 0 3px 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  width: calc(100% - 6px);
}
.sidebar-menu ul.list-items li {
  padding: 5px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  cursor: pointer;
}
.sidebar-menu ul.list-items li:last-child {
  border-bottom: 0;
}
.sidebar-menu ul .icons-open-close {
  color: #fff;
  padding: 10px;
  cursor: pointer;
  margin-bottom: 12px;
}
.sidebar-menu ul .icons-open-close .icon-left-account {
  position: absolute;
  right: 12px;
  top: 10px;
  padding-left: 172px;
}
.sidebar-menu ul .icons-open-close .icon-right-account {
  padding: 0 2px;
}
.sidebar-menu ul li {
  display: block;
  padding: 0;
  margin: 0;
}
.sidebar-menu ul li a {
  white-space: nowrap;
  position: relative;
  height: 40px;
  font-size: 0.9em;
  color: #fff;
  padding: 0 10px;
  display: block;
  width: 100%;
  box-sizing: border-box;
  line-height: 40px;
}
.sidebar-menu ul li a i {
  width: 30px;
  margin: 0 17px 0 0;
  font-size: 1.25em;
}
.sidebar-menu ul li a i.right-icon {
  position: absolute;
  right: 0;
  font-size: 1em;
  width: auto;
  top: 0;
  background: none;
  padding: 0 5px;
  margin: 0;
  line-height: 40px;
  margin-right: 5px;
}
.sidebar-menu ul li a i.right-icon:hover {
  background: none;
}
.sidebar-menu ul li a.active {
  background: #1c1c1c;
}
.sidebar-menu ul li a:hover {
  background: #6c6c6c;
}
.sidebar-menu p.clr {
  display: block;
  width: 100%;
  flex: 0 0 100%;
  padding: 5px 0 5px;
  border-top: 1px solid #eee;
  margin-top: 5px;
  clear: both;
}
.sidebar-menu .sidebar-main-menu {
  display: block;
  width: 100%;
}
.sidebar-menu .sidebar-main-menu .badge {
  transition: all 0.25s;
}
.sidebar-menu .sidebar-main-menu .badge i {
  font-size: 0.75em;
  margin: 0;
}
.sidebar-menu .sidebar-main-menu.opened .badge {
  text-indent: -999em;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  display: block;
  position: absolute;
  left: 20px;
  top: 3px;
  padding: 0;
}
.sidebar-menu .sidebar-main-menu.opened .button {
  padding-left: 5px !important;
  padding-right: 5px !important;
  width: 30px !important;
  margin-left: 5px !important;
}
.sidebar-menu .sidebar-main-menu.opened .button span {
  opacity: 0 !important;
}
.sidebar-menu .sidebar-sub-menu {
  background: #1c1c1c;
  position: absolute;
  left: 105%;
  width: calc(100% - 40px);
  top: 0;
  transition: 0.25s all;
  min-height: 100%;
  overflow: hidden;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  z-index: 9;
  overflow-y: auto;
  height: calc(100vh - 130px);
}
.sidebar-menu .sidebar-sub-menu.active {
  left: 40px;
}
.sidebar-menu .sidebar-sub-menu.active a.active {
  /* background: #3c3c3c; */
  /* border-radius: 5px; */
  /* box-shadow: inset 0 0 0 2px #1c1c1c; */
  background: #f0f0f0;
  color: #4c4c4c;
}
.sidebar-menu .sidebar-sub-menu:not(.active) {
  visibility: hidden;
}
.sidebar-menu .sidebar-sub-menu label + * {
  margin-top: 5px;
  margin-bottom: 10px;
}
.sidebar-menu .sidebar-sub-menu .flexdatalist-multiple {
  margin-top: 5px;
}
.sidebar-menu .sidebar-sub-menu ul li.head-submenu {
  line-height: 65px;
  height: 55px;
  font-size: 0.83em;
  color: #f0f0f0;
  padding: 0 20px 0 10px;
  box-shadow: inset 0 -2px 0 0 #3a3a3a;
  position: relative;
  text-transform: uppercase;
}
.sidebar-menu .sidebar-sub-menu ul li.head-submenu i {
  margin: 0 5px 0 0;
  font-size: 1.25em;
}
.sidebar-menu .sidebar-sub-menu ul li.head-submenu a {
  position: absolute;
  right: 10px;
  font-size: 0.75em;
  width: auto;
  top: 13px;
  background: none;
  padding: 0 5px;
}
.sidebar-menu .sidebar-sub-menu ul li.head-submenu a:hover {
  background: none;
}
.sidebar-menu .sidebar-sub-menu ul li.head-submenu a i {
  margin: 0;
}
.sidebar-menu .sidebar-sub-menu ul li.head-submenu a.clear-filter {
  right: 20px;
  top: 11px;
  color: #fb6e52;
}
.sidebar-menu .sidebar-sub-menu ul + .head-submenu {
  margin-top: 15px;
}
.sidebar-menu .sidebar-sub-menu .filter-content {
  padding: 10px 10px;
}
.sidebar-menu .sidebar-sub-menu .filter-content > div {
  width: 100%;
}
.sidebar-menu .sidebar-sub-menu .filter-content.message {
  position: absolute;
  top: 40px;
  background: rgba(255, 255, 255, 0.5);
  height: calc(100% - 40px);
  display: block;
  z-index: 9;
}
.sidebar-menu .sidebar-sub-menu .filter-content.message label {
  background: rgba(242, 242, 228, 0.9);
  display: block;
  padding: 20px 5px 10px 5px;
  border-radius: 3px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  /* color: #fff; */
}
.sidebar-menu .sidebar-sub-menu .filter-content.message label i {
  color: #fff;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  position: absolute;
  left: 50%;
  font-size: 1.5em;
  margin: 0 0 0 -10px;
  top: 10px;
}
.sidebar-menu .sidebar-sub-menu .filter-content.message a {
  color: #4c4c4c;
}
.sidebar-menu .sidebar-sub-menu .filter-content .media-types {
  width: 100% !important;
  cursor: pointer;
}
.sidebar-menu .sidebar-sub-menu .filter-content .media-types a {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  border-radius: 2px;
  border: 1px solid #ccc;
  padding: 5px;
  margin-bottom: 5px;
  align-items: center;
  background: #f9f9f9;
  transition: 0.15s all;
  position: relative;
}
.sidebar-menu .sidebar-sub-menu .filter-content .media-types a img {
  width: 24px;
  margin-right: 5px;
  transition: 0.15s all;
}
.sidebar-menu .sidebar-sub-menu .filter-content .media-types a *[class^=ico-],
.sidebar-menu .sidebar-sub-menu .filter-content .media-types a *[class*=" ico-"] {
  font-size: 1.6em;
  margin-right: 5px;
}
.sidebar-menu .sidebar-sub-menu .filter-content .media-types a span {
  color: #4c4c4c;
  transition: 0.15s all;
}
.sidebar-menu .sidebar-sub-menu .filter-content .media-types a:hover {
  background: #fff;
}
.sidebar-menu .sidebar-sub-menu .filter-content .media-types a.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.sidebar-menu .sidebar-sub-menu .filter-content .media-types a.active {
  background: #3bae71;
  color: #fff;
  border-color: #3bae71;
}
.sidebar-menu .sidebar-sub-menu .filter-content .media-types a.active span {
  color: #fff;
}
.sidebar-menu .sidebar-sub-menu .filter-content .media-types a.active img {
  filter: invert(1);
}
.sidebar-menu .sidebar-sub-menu .filter-content .media-types a.checked {
  background: #3bae71 !important;
  border-color: #3bae71 !important;
}
.sidebar-menu .sidebar-sub-menu .filter-content .media-types a.checked span {
  color: #fff !important;
}
.sidebar-menu .sidebar-sub-menu .filter-content .list-filter {
  max-height: calc(100vh - 485px);
  min-height: 200px;
  overflow-y: auto;
  font-size: 0.95em;
  width: calc(100% + 10px);
  margin-right: -10px;
}
.sidebar-menu .sidebar-sub-menu .filter-content .list-filter.list-big {
  max-height: calc(100vh - 205px);
}
.sidebar-menu .sidebar-sub-menu .filter-content .list-filter .input-checkbox,
.sidebar-menu .sidebar-sub-menu .filter-content .list-filter .input-radiobox {
  margin: 0;
}
.sidebar-menu .sidebar-sub-menu .filter-content .list-filter .input-checkbox span,
.sidebar-menu .sidebar-sub-menu .filter-content .list-filter .input-radiobox span {
  display: flex;
  width: 100%;
  justify-content: space-between;
  padding-right: 5px;
}
.sidebar-menu .sidebar-sub-menu .filter-content .list-filter .input-checkbox span i,
.sidebar-menu .sidebar-sub-menu .filter-content .list-filter .input-radiobox span i {
  transform: rotate(90deg);
  width: 14px;
  height: 14px;
  font-size: 1.2em;
}
.sidebar-menu .sidebar-sub-menu .filter-content .list-filter .sub-list {
  padding: 0 5px;
  margin-bottom: 5px;
  margin-right: 5px;
  background: #f0f0f0;
  border-radius: 3px;
  box-shadow: inset 0 1px 3px #d0d0d0;
}
.sidebar-menu .sidebar-sub-menu .filter-content .list-filter .sub-list .search {
  background: #fff;
  margin-top: 5px;
}
.sidebar-menu .sidebar-sub-menu .filter-content h3 {
  padding-top: 10px;
  flex: 0 0 100%;
}
.sidebar-menu .sidebar-sub-menu .filter-content .search-filter {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
}
.sidebar-menu .sidebar-sub-menu .filter-content .search-filter .search {
  padding-right: 25px;
  box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.3);
}
.sidebar-menu .sidebar-sub-menu .filter-content .search-filter i {
  position: absolute;
  right: 5px;
}
.sidebar-menu.white {
  background: #fff;
  box-shadow: inset -1px 0 1px 0 rgba(0, 0, 0, 0.15);
  font-size: 16px;
}
.sidebar-menu.white ul li a {
  color: #4c4c4c;
  padding: 0 0 0 35px;
}
@media (max-width: 767px) {
  .sidebar-menu.white ul li a {
    padding: 0 0 0 10px;
  }
}
.sidebar-menu.white ul li a:hover {
  background: #dadada;
}
.sidebar-menu.white ul li a.active {
  background: #c9c9c9;
}
.sidebar-menu.white .sidebar-sub-menu {
  font-size: 14px;
  background: #fff;
  box-shadow: 0 500px 0 #fff, 0 0 5px rgba(0, 0, 0, 0.15), inset -1px 0 1px 0 rgba(0, 0, 0, 0.15);
}
.sidebar-menu.white .sidebar-sub-menu ul li.head-submenu {
  color: #777;
  padding: 0 20px 0 10px;
  box-shadow: inset 0 -2px 0 0 #c9c9c9;
}
.sidebar-menu.close-white ul li a {
  color: #4c4c4c;
  padding: 0 0 0 7px !important;
}
@media (max-width: 767px) {
  .sidebar-menu.close-white ul li a {
    padding: 0 0 0 10px !important;
  }
}
.sidebar-menu.close-white ul li a:hover {
  background: #dadada;
}
.sidebar-menu.close-white ul li a.active {
  background: #c9c9c9;
}
.sidebar-menu.close-white-sub-menu ul li a {
  color: #4c4c4c;
  padding: 0 0 0 10px !important;
}
.sidebar-menu.close-white-sub-menu ul li a:hover {
  background: #dadada;
}
.sidebar-menu.close-white-sub-menu ul li a.active {
  background: #c9c9c9;
}
.sidebar-menu.close-white-sub-menu h2 span {
  margin-left: 10px !important;
}
.sidebar-menu.close-white-sub-menu button {
  margin-right: 5px !important;
  margin-left: -2px !important;
  display: flex;
  justify-content: flex-end;
}
.sidebar-menu.close-white-sub-menu button i {
  right: 9px !important;
  position: absolute;
}

.hidden-menu {
  overflow: hidden;
}
.hidden-menu .sidebar-menu {
  flex: 0 0 40px;
  width: 36px;
  transition: 0.25s all;
}
.hidden-menu .sidebar-menu .right-icon {
  opacity: 0 !important;
}
.hidden-menu .sidebar-menu a.sidemenu-toggle .default-icon {
  opacity: 1;
}
.hidden-menu .sidebar-menu a.sidemenu-toggle .hover-open {
  opacity: 0;
}
.hidden-menu .sidebar-menu a.sidemenu-toggle .hover-close {
  opacity: 0;
}
.hidden-menu .sidebar-menu a.sidemenu-toggle:hover .default-icon {
  opacity: 0;
}
.hidden-menu .sidebar-menu a.sidemenu-toggle:hover .hover-open {
  opacity: 0;
}
.hidden-menu .sidebar-menu a.sidemenu-toggle:hover .hover-close {
  opacity: 1;
}
.hidden-menu .sidebar-menu .sidebar-sub-menu {
  overflow: hidden;
  transition: 0.25s all;
  left: 105%;
}
.hidden-menu .sidebar-menu .sidebar-main-menu .badge {
  text-indent: -999em;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  display: block;
  position: absolute;
  left: 28px;
  top: 3px;
  padding: 0;
}
.hidden-menu .ico-pb-target {
  display: none;
}
.hidden-menu .perfil-public-target {
  display: none;
}

.text-show i {
  margin-left: 0px;
  margin-right: 0px;
  position: absolute;
  left: 5%;
  bottom: 10px;
}

.hidden {
  visibility: hidden;
}

.message-filters {
  background: rgba(242, 242, 228, 0.9);
  display: block;
  padding: 25px 10px 10px;
  border-radius: 3px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  margin-top: 10px;
}
.message-filters i {
  color: #fff;
  position: absolute;
  top: 211px;
  right: 100px;
  font-size: 20px;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.message-filters .icon-age-group {
  color: #fff;
  position: absolute;
  top: 161px !important;
  right: 100px;
  font-size: 20px;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.close-sidebar-menu {
  margin-right: 4px;
}

.icon-close-sidebar-menu {
  font-size: 9px;
}

.button-filter {
  width: 100%;
  min-height: 25px;
  height: auto;
  align-items: center;
  margin: 0px;
  border: none;
  border-radius: 3px;
  color: white;
  font-weight: bold;
}

.class-cda .button-filter {
  background: #fb6e52;
}

.class-cdm .button-filter {
  background: #5878A7;
}

.button-modal {
  border: none;
  border-radius: 5px;
  padding: 5px 20px 5px 20px;
}

.button-modal.green {
  background-color: #00B212;
  color: white;
}

.button-modal.white {
  background-color: white;
}

.input-filter {
  font-size: 14px !important;
  height: 24px !important;
  margin: 5px 0 10px 0 !important;
  font-weight: normal;
  font-size: 14px;
  color: #4c4c4c;
  padding: 0;
  background: none;
}

.input-filter::placeholder {
  color: #707070;
  font-size: 14px;
  font-weight: normal;
}

.selected-filter {
  display: inline-flex;
  flex-direction: row;
  border: solid;
  border-width: 1px;
  border-radius: 5px;
  padding: 0 5px;
  margin-right: 5px;
  margin-top: 2px;
  overflow: hidden;
  background: #fff;
  align-items: center;
  align-content: center;
  color: #fb6e52;
}

.selected-text {
  text-overflow: ellipsis;
  max-width: 110px;
  margin-right: 10px;
  font-size: 14px;
  overflow: hidden;
  white-space: pre;
  line-height: 22px;
  height: 22px;
}
.selected-text small {
  font-size: 0.75em;
  display: block;
  padding: 0;
  line-height: 0.75em;
  padding-top: 5px;
}

.box-filters {
  display: flex;
  flex-flow: wrap;
  width: 100%;
}

.title-action {
  display: flex;
  justify-content: space-between;
}
.title-action .title-filter {
  color: #4c4c4c;
}
.title-action .title-filter.active-filter {
  color: #fb6e52;
}
.title-action .title-filter.disabled {
  color: #D2D2D2;
}

.class-cdm .title-action .title-filter.active-filter {
  color: #5878A7;
}

.filter-action {
  color: #7D7D7D;
  font-size: 12px;
  cursor: pointer;
}

.legend-map {
  position: absolute;
  z-index: 4;
  left: 100%;
  top: 152px;
  background: #fff;
  border-radius: 0 0 0 3px;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.15), 0 -1px 0 rgba(0, 0, 0, 0.15);
  padding: 10px 0;
  transition: 0s all;
}
.legend-map.open {
  padding: 10px;
  right: 0;
  left: unset;
}
.legend-map.open h4 {
  display: block;
  padding-bottom: 5px;
  font-weight: bold;
  display: none;
}
.legend-map.open .legend {
  width: 100%;
  display: block;
}
.legend-map a {
  position: absolute;
  left: -50px;
  top: 30px;
  padding: 6px 5px;
  background: #fff;
  border-radius: 3px;
  border-radius: 3px 3px 0 0;
  padding: 2px 10px;
  border-radius: 3px 3px 0 0;
  box-shadow: 0 2px 0 #fff, 0 -1px 0 rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.15), 1px 0 0 rgba(0, 0, 0, 0.15), 0 2px 0 #fff;
  border-right: 1px solid #fff;
  transform: rotate(-90deg);
}
.legend-map .legend {
  display: none;
  width: 0;
  padding: 0;
  height: 175px;
  background: url(/dist/images/legend-maps.svg) no-repeat top left;
  background-size: contain;
}
.legend-map h4 {
  display: none;
}
.legend-map ul {
  padding: 0 0 0 30px;
  margin: 0;
}
.legend-map li {
  height: 25px;
  line-height: 25px;
  margin-bottom: 5px;
  display: block;
  color: #4c4c4c;
  font-size: 0.75em;
}
.legend-map li:last-child {
  margin-bottom: 0;
}

.mode-map {
  position: absolute;
  top: 215px;
  z-index: 5;
  transform: rotate(-90deg);
  left: 199px;
  display: flex;
  transition: all 0.5s;
  width: 160px;
  height: 16px;
  justify-content: center;
  align-items: center;
}
.mode-map.open {
  left: -46px;
}
.mode-map a {
  padding: 2px 10px;
  border-radius: 0 0 3px 3px;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.15), 1px 0 0 rgba(0, 0, 0, 0.15);
  margin: 0 -5px 0 0;
  background: #fb6e52;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  color: #fff;
}
.mode-map a:last-child {
  margin: 0;
}
.mode-map a span.space {
  width: 5px;
  display: block;
}
.mode-map a.current {
  z-index: 10;
  background: #fff;
  color: #4c4c4c;
  border-top: 1px solid #fff;
}

.format-maps {
  flex: 0 0 200px;
  background: #fff;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
  display: flex;
  align-items: stretch;
  align-content: flex-start;
  height: 100%;
  flex-wrap: wrap;
  border-right: 1px solid rgba(0, 0, 0, 0.15);
}
.format-maps a.sidemenu-toggle {
  position: absolute;
  z-index: 99;
  left: 5px;
  top: 15px;
  color: #fb6e52;
  padding: 5px;
  font-size: 16px;
}
.format-maps a.sidemenu-toggle i {
  position: absolute;
  transition: 0.25s all;
}
.format-maps a.sidemenu-toggle .default-icon {
  opacity: 1;
}
.format-maps a.sidemenu-toggle .hover-open {
  opacity: 0;
}
.format-maps a.sidemenu-toggle .hover-close {
  opacity: 0;
}
.format-maps a.sidemenu-toggle:hover .default-icon {
  opacity: 0;
}
.format-maps a.sidemenu-toggle:hover .hover-open {
  opacity: 1;
}
.format-maps a.sidemenu-toggle:hover .hover-close {
  opacity: 0;
}
.format-maps a.sidemenu-toggle .reverse {
  -ms-transform: scale(-1, 1);
  /* IE 9 */
  -webkit-transform: scale(-1, 1);
  /* Safari */
  transform: scale(-1, 1);
  /* Standard syntax */
}
.format-maps h2 {
  position: relative;
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.15);
  height: 54px;
  padding: 7px 10px 7px 40px !important;
  flex: 0 0 100% !important;
  margin: 0 !important;
  white-space: nowrap;
}
.format-maps p.value {
  font-size: 0.83em;
  padding: 3px 3px 3px 10px;
  background: #dadada;
  border-radius: 3px;
  box-shadow: 0 2px 0 0 #d0d0d0;
  position: relative;
  display: flex;
  justify-content: space-between;
  margin-top: 3px;
}
.format-maps p.value span.fdl-remove {
  color: #fff;
  width: 20px;
  height: 20px;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  background: #b7b7b7;
}
.format-maps.w270px {
  flex: 0 0 270px;
}
.format-maps.hide {
  flex: 0 0 40px;
  width: 40px;
}
.format-maps.hide.right-icon {
  opacity: 0;
}
.format-maps.hide .sidebar-sub-menu {
  display: none;
}
.format-maps ul.format-items {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.format-maps ul.format-items li.format-item {
  flex: 0 0 100%;
  display: flex;
  background: #fff;
  border-bottom: 2px solid #f0f0f0;
}
.format-maps ul.format-items li.format-item:last-child {
  border-bottom: 2px solid #141414;
}
.format-maps ul.format-items li.format-item .map-images {
  flex: 0 0 75px;
  margin: 10px 5px 5px 10px;
}
.format-maps ul.format-items li.format-item .map-images img {
  width: 100%;
  border-radius: 3px;
  overflow: hidden;
}
.format-maps ul.format-items li.format-item .map-info {
  flex: 0 0 170px;
  display: block;
}
.format-maps ul.format-items li.format-item .map-info .map-info-line {
  display: block;
  font-size: 1em;
  line-height: 1.5;
  font-size: 1em;
}
.format-maps ul.format-items li.format-item .map-info .map-info-line h3 {
  font-size: 1em;
  font-weight: normal;
}
.format-maps ul.format-items li.format-item .buttons {
  display: flex;
  align-items: center;
  padding: 5px 15px 0 0;
}
.format-maps ul.format-items li.format-item .buttons a:first-child {
  overflow: visible;
  position: relative;
  height: 29px;
  width: 29px;
  margin: 0;
}
.format-maps ul.format-items li.format-item .buttons a.button {
  flex: initial;
}
.format-maps ul.format-items li.format-item .buttons a i {
  font-size: 1.5em;
  transform: scale(1);
  right: -5px;
  color: #fff;
  opacity: 1;
}
.format-maps ul.format-items li.format-item .buttons a.button-add-top-cart {
  padding: 10px;
  font-size: 0.75em;
  margin: 0 0 0 5px;
}

.notifications {
  max-width: 1426px;
  margin: 0 auto;
  padding: 30px;
  box-sizing: border-box;
}
.notifications .notifications-header {
  padding: 5px 15px;
  font-size: 0.83em;
}
.notifications .notifications-header label {
  margin-right: 10px;
  color: #707070;
}
.notifications .notifications-header a {
  font-weight: normal;
  padding: 5px;
  color: #707070;
}
.notifications ul {
  padding: 10px 0;
  margin: 0;
}
.notifications ul li {
  padding: 0 0 0 15px;
  margin: 0;
  display: grid;
  grid-template-columns: 30px 1fr;
  border: 1px solid #DFE1E5;
  border-bottom: 0;
}
.notifications ul li:hover {
  background: #f4f4f4;
}
.notifications ul li.unread {
  background: #fcfcfc;
}
.notifications ul li.unread:hover {
  background: #ffffff;
}
.notifications ul li a {
  padding: 15px 10px;
  display: block;
  overflow: hidden;
}
.notifications ul li a .description {
  font-weight: normal;
  padding: 5px 0;
  color: #707070;
}
.notifications ul li a p {
  color: #909090;
  font-size: 0.75em;
}
.notifications ul li a .type span {
  bottom: 10px;
  font-size: 2em;
  position: absolute;
  right: 12px;
  opacity: 0.9;
}
.notifications ul li:last-child {
  border-bottom: 1px solid #DFE1E5;
}

.form-module {
  display: flex;
  justify-content: flex-start;
  background: #fff;
  flex-wrap: wrap;
  padding: 160px 0 0 0;
  box-shadow: rgba(0, 0, 0, 0.09) 0 10px 30px;
  overflow: hidden;
  position: relative;
}
.form-module .squares {
  display: flex;
  justify-content: center;
  border-radius: 3px 3px 0 0;
}
.form-module .squares .square {
  flex: 1 1 33%;
  background: linear-gradient(#fdfdfd, #f2f2f2);
  display: flex;
  justify-content: center;
  align-items: center;
  border-left: 2px solid #fff;
  color: #9a9a9a;
  flex-wrap: wrap;
  height: 60px;
  align-content: center;
  position: relative;
}
.form-module .squares .square h3, .form-module .squares .square p {
  text-align: center;
}
.form-module .squares .square h3 {
  flex: 0 0 100%;
  padding: 0;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6), 0 1px 1px rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 768px) {
  .form-module .squares .square p {
    display: none;
  }
}
.form-module .squares .square span {
  position: absolute;
  top: 5px;
  right: 5px;
  height: 26px;
  width: 26px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 13px;
}
.form-module .squares .square:first-child {
  border-left: 0;
  border-radius: 3px 0 0 0;
}
.form-module .squares .square:last-child {
  border-radius: 0 3px 0 0;
}
.form-module .squares .square.active {
  box-shadow: inset 0 -2px 0 0 #fb6e52;
}
.form-module .squares .square.active span {
  color: #fb6e52;
}
.form-module .squares .square.active:after, .form-module .squares .square.active:before {
  top: calc(100% - 2px);
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  z-index: 1;
}
.form-module .squares .square.active:after {
  border-color: rgba(136, 183, 213, 0);
  border-top-color: #f2f2f2;
  border-width: 10px;
  margin-left: -10px;
}
.form-module .squares .square.active:before {
  border-color: rgba(194, 225, 245, 0);
  border-top-color: #fb6e52;
  border-width: 13px;
  margin-left: -13px;
}
.form-module .squares .square.completed {
  box-shadow: inset 0 -2px 0 0 #3bae71;
}
.form-module .squares .square.completed span {
  color: #3bae71;
}
.form-module .info-job {
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding: 10px 10px;
  border-radius: 3px;
  min-width: 120px;
  color: #777;
  margin-right: 10px;
}
.form-module .info-job strong {
  font-size: 1.1em;
  color: #3c3c3c;
}
.form-module .info-job small {
  text-transform: uppercase;
  color: #999;
  font-size: 0.75em !important;
  flex: 0 0 100%;
  text-align: center;
}
.form-module .form-header {
  flex: 0 0 100%;
  top: 0;
  max-width: 700px;
  position: absolute;
  width: 100%;
}
.form-module .form-header.fixed {
  background: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0) 100%);
  z-index: 9;
  top: 60px;
  position: fixed;
}
@media only screen and (max-width: 768px) {
  .form-module .form-header.fixed {
    top: 50px;
  }
}
.form-module .form-module-content {
  flex: 0 0 100%;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding: 0 25px 25px 25px;
  flex-basis: calc(100% - 50px);
}
.form-module .form-module-content h2 {
  padding-bottom: 10px;
}
.form-module .form-module-content h2.title {
  padding-top: 20px;
}
.form-module .form-module-content.outgoing {
  animation: out 0.4s;
}
.form-module .form-module-content.ingoing {
  animation: in 0.4s;
}
.form-module .row {
  flex: 0 0 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0;
}
.form-module .row.hr {
  border-bottom: 1px solid #f4f4f4;
  margin-bottom: 10px;
}
.form-module .row.right {
  justify-content: flex-end;
}
.form-module .row.hide-row {
  overflow: hidden;
  opacity: 0;
  height: 0;
  padding: 0;
  margin: 0;
  transition: 0.3s all;
}
.form-module .row .col {
  flex: 0 0 100%;
  display: flex;
  flex-wrap: wrap;
  margin-right: 10px;
  padding-bottom: 10px;
  align-content: flex-start;
}
@media only screen and (max-width: 768px) {
  .form-module .row .col:not(.box) {
    flex: 0 0 100% !important;
  }
}
.form-module .row .col.has-link {
  padding-top: 13px;
}
.form-module .row .col.right {
  justify-content: flex-end;
}
.form-module .row .col.col-1 {
  flex-basis: calc(8.3332% - 10px);
}
.form-module .row .col.col-2 {
  flex-basis: calc(16.6665% - 10px);
}
.form-module .row .col.col-3 {
  flex-basis: calc(25% - 10px);
}
.form-module .row .col.col-4 {
  flex-basis: calc(33.3332% - 10px);
}
.form-module .row .col.col-5 {
  flex-basis: calc(41.6665% - 10px);
}
.form-module .row .col.col-6 {
  flex-basis: calc(50% - 10px);
}
.form-module .row .col.col-7 {
  flex-basis: calc(58.3332% - 10px);
}
.form-module .row .col.col-8 {
  flex-basis: calc(66.6664% - 10px);
}
.form-module .row .col.col-9 {
  flex-basis: calc(75% - 10px);
}
.form-module .row .col.col-10 {
  flex-basis: calc(83.3332% - 10px);
}
.form-module .row .col.col-11 {
  flex-basis: calc(91.6666% - 10px);
}
.form-module .row .col.col-12 {
  flex-basis: 100%;
}
.form-module .row .col:last-child {
  margin-right: 0;
}
.form-module .row .col.audience-block.blocked {
  position: relative;
}
.form-module .row .col.audience-block.blocked:before {
  background: rgba(242, 242, 228, 0.9);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  width: calc(100% + 10px);
  height: calc(100% - 5px);
  display: flex;
  justify-content: center;
  align-items: center;
  color: #acacac;
  font-weight: 700;
  font-size: 0.75em;
  content: "Indisponível para seu tipo de mídia";
  margin: -5px;
  border-radius: 3px;
}
.form-module .row .col.opacity-block {
  position: relative;
  opacity: 0.1;
}
.form-module .row .col.opacity-block:before {
  background: rgba(255, 255, 255, 0.9);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
}
.form-module .box {
  width: 100%;
  background: #fff;
  box-shadow: inset 0 0 0 2px #f4f4f4;
  border-radius: 3px;
  padding: 10px;
  margin: 5px 0;
  flex-basis: calc(100% - 20px) !important;
}
.form-module p {
  flex: 0 0 100%;
}
.form-module p.center {
  text-align: center;
}
.form-module span a.link-light-gray {
  font-size: 0.83em;
  font-weight: normal;
}
.form-module .link {
  font-size: 0.83em;
}
.form-module h3 {
  padding-top: 0;
  padding-bottom: 8px;
}
.form-module h2 + h3 {
  font-weight: normal;
  color: #999;
  font-size: 0.83em;
  margin: -15px 0 15px 0;
}
.form-module .staff-title {
  line-height: 1.5;
  font-size: 1em;
}
.form-module label {
  margin-bottom: 5px;
}
.form-module input:not([type=radio]) {
  margin-bottom: 5px;
  height: 33px;
  line-height: 33px;
}
.form-module select {
  margin: -2px 0 1px;
  height: 33px;
}
.form-module .form-input select {
  width: 100%;
  flex: 1 1 100%;
}
.form-module .form-error {
  display: block;
}
.form-module .form-error span {
  color: #f33a3a;
  font-size: 0.75em;
  line-height: 0.83em;
  display: block;
  width: 100%;
}
.form-module .form-list {
  display: flex;
  justify-content: flex-start;
}
.form-module .form-list li {
  flex: 0 0 100%;
  padding: 5px;
  background: #dadada;
  box-shadow: 0 2px 0 0 #d0d0d0;
  border-radius: 3px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
  box-sizing: border-box;
}
.form-module .form-list li span.remove {
  color: #fff;
  width: 20px;
  height: 20px;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  background: #b7b7b7;
}
.form-module .tg {
  color: #fff;
  border-radius: 3px;
  padding: 5px 5px 3px 5px;
  box-shadow: 0 2px 0 0 #bc0b0b;
  background: #f33a3a;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 20px;
  width: 20px;
  transition: 0.3s all;
}
.form-module .tg i {
  transition: 0.3s all !important;
  color: #fff !important;
}
.form-module .tg.tg-close {
  box-shadow: 0 2px 0 0 #2e8858;
  background: #3bae71;
}
.form-module .tg.tg-close i.tg-close {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.form-module .tg .tool-tip-content {
  white-space: nowrap;
}
.form-module .add-small-button {
  color: #fff;
  width: 100%;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 3px;
  padding: 0 5px;
  background: #3bae71;
  flex: 0 0 20px;
  margin: 0;
  transition: 0.3s all;
  box-shadow: 0 2px 0 0 #2e8858;
  border: none;
  margin-top: 10px;
  white-space: nowrap;
}
.form-module .add-small-button:hover {
  background: #359b65;
}
.form-module .add-small-button:disabled {
  cursor: not-allowed;
  background: #e9e9e9;
  color: #9a9a9a;
  box-shadow: 0 2px 0 0 #dcdcdc;
}
.form-module .button:first-child {
  margin-left: 0;
}
.form-module .button:last-child {
  margin-right: 0;
}
.form-module .button.button-preloader {
  position: relative;
  color: rgba(0, 0, 0, 0);
}
.form-module .button.button-preloader:before {
  content: "";
  background: url("/dist/images/preloader.svg") no-repeat;
  width: 24px;
  height: 24px;
  position: absolute;
  background-size: cover;
  top: 50%;
  left: 50%;
  margin: -12px 0 0 -12px;
}
.form-module .button:disabled {
  cursor: not-allowed;
  background: #e9e9e9;
  color: #9a9a9a;
}
.form-module .button i.reverse {
  transform: scale(-1, 1);
}
.form-module .title {
  padding: 5px;
  background: #f4f4f4;
  border-radius: 3px;
  margin-top: 5px;
  align-items: center;
}
.form-module .title h3 {
  padding: 0;
}
.form-module .title + .row .box {
  border-radius: 0 0 3px 3px;
  margin-top: -2px;
}
.form-module .switch-form > div > span {
  font-size: 0.83em;
  font-weight: bold;
  color: #777;
}

.hide-sidebar .form-module {
  max-width: 700px;
  border-radius: 5px;
  margin: 20px auto;
}

@keyframes in {
  0% {
    transform: translate(200px, 0);
    opacity: 0;
  }
  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}
@keyframes out {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(-200px, 0);
    opacity: 0;
  }
}
.progress-bar {
  counter-reset: step;
  display: flex;
  justify-content: space-between;
  height: 20px;
  box-sizing: border-box;
  max-width: 380px;
  position: relative;
  z-index: 1;
}
.progress-bar * {
  transition: 0.3s all;
}
.progress-bar.big {
  height: 50px;
  max-width: none;
  margin-top: 12px;
  min-width: 450px;
}
.progress-bar.big li {
  display: flex;
  justify-content: center;
}
.progress-bar.big li:after {
  height: 8px;
  top: 9px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15);
  background-color: #eee;
}
.progress-bar.big li:before {
  height: 12px;
  top: 6px;
  background-color: #eee;
  border-radius: 0 10px 10px 0;
}
.progress-bar.big li span {
  width: 26px;
  height: 26px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
  right: auto;
  background: #eee;
  margin: 0 auto 10px auto;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
  transition: 0.3s all;
}
.progress-bar.big li span:hover {
  box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.25);
}
.progress-bar.big li span:before {
  width: 16px;
  height: 16px;
  margin: 2px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.35);
}
.progress-bar.big li .progress-status-message {
  position: relative;
  opacity: 1;
  color: #aaa;
  background: none;
  font-size: 0.83em;
  font-weight: bold;
  line-height: 1.2em;
  white-space: pre-wrap;
}
.progress-bar.big li span:hover + .progress-status-message {
  opacity: 1;
  z-index: inherit;
  margin-top: inherit;
  color: #4c4c4c;
}
.progress-bar li {
  list-style-type: none;
  font-size: 0.83em;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  color: #7a7a7a;
  width: 100%;
  padding-top: 24px;
}
.progress-bar li .progress-status-message {
  opacity: 0;
  z-index: -999;
  position: absolute;
  padding: 5px;
  color: #fff;
  background: #4c4c4c;
  border-radius: 3px;
}
.progress-bar li span {
  width: 18px;
  height: 18px;
  line-height: 18px;
  display: block;
  text-align: center;
  margin: 0 auto 10px -15px;
  border-radius: 50%;
  background-color: #d0d0d0;
  box-sizing: border-box;
  z-index: 2;
  position: absolute;
  top: 0;
  right: 50%;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
  padding: 3px;
}
.progress-bar li span:before {
  content: " ";
  width: 12px;
  height: 12px;
  background: #fff;
  border-radius: 50%;
  display: block;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  font-weight: bolder;
  display: flex;
  justify-content: center;
  align-items: center;
}
.progress-bar li span:hover + .progress-status-message {
  opacity: 1;
  z-index: 100;
  margin-top: -50px;
}
.progress-bar li:after {
  width: 100%;
  height: 6px;
  content: "";
  position: absolute;
  background-color: #d0d0d0;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
  top: 6px;
  left: -55%;
  z-index: 0;
}
.progress-bar li:before {
  width: 0%;
  height: 10px;
  content: "";
  position: absolute;
  background-color: #d0d0d0;
  top: 4px;
  left: 44%;
  z-index: 1;
  border-radius: 0 5px 5px 0;
}
.progress-bar li:first-child:after {
  content: none;
}
.progress-bar li:last-child:before {
  content: none;
}
.progress-bar li.active {
  color: #fb6e52;
  font-weight: bold;
  cursor: pointer;
}
.progress-bar li.active span {
  background: #fb6e52;
  box-shadow: none;
}
.progress-bar li.active span:before {
  color: #fb6e52;
  box-shadow: none;
}
.progress-bar li.active span:after {
  border-color: #fb6e52;
}
.progress-bar li.active:before {
  background: #fb6e52;
  width: 40%;
}
.progress-bar li.waiting {
  color: #2dbdfd;
  font-weight: bold;
  cursor: pointer;
}
.progress-bar li.waiting span {
  background: #2dbdfd;
  box-shadow: none;
}
.progress-bar li.waiting span:before {
  background: #2dbdfd;
  color: #fff;
  font-family: "mediatrade-icons" !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  content: "";
  box-shadow: none;
}
.progress-bar li.waiting:before {
  background: #2dbdfd;
  width: 40%;
}
.progress-bar li.error {
  color: #f33a3a;
  font-weight: bold;
}
.progress-bar li.error span {
  background: #f33a3a;
  box-shadow: none;
}
.progress-bar li.error span:before {
  background: #f33a3a;
  color: #fff;
  font-family: "mediatrade-icons" !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  content: "";
  box-shadow: none;
}
.progress-bar li.error:before {
  background: #f33a3a;
  width: 40%;
}
.progress-bar li.completed {
  color: #3bae71;
  font-weight: bold;
}
.progress-bar li.completed span {
  background: #3bae71;
  box-shadow: none;
}
.progress-bar li.completed span:before {
  background: #3bae71;
  color: #fff;
  font-family: "mediatrade-icons" !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  content: "";
  box-shadow: none;
}
.progress-bar li.completed:before {
  background: #3bae71;
  width: 100%;
}
.progress-bar li.full:before {
  width: 100%;
}
.progress-bar.progress-bar-big {
  height: 40px;
  max-width: 600px;
  margin: 30px auto;
  counter-reset: steps;
}
.progress-bar.progress-bar-big li {
  counter-increment: steps;
  font-size: 1em;
}
.progress-bar.progress-bar-big li span {
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.progress-bar.progress-bar-big li span:before {
  height: 26px;
  width: 26px;
}
.progress-bar.progress-bar-big li span:hover + .progress-status-message {
  margin-top: -50px;
  color: #4c4c4c;
}
.progress-bar.progress-bar-big li:after {
  height: 16px;
  top: 8px;
  z-index: 0;
}
.progress-bar.progress-bar-big li:before {
  top: 5px;
  height: 22px;
  border-radius: 11px;
  z-index: 1;
}
.progress-bar.progress-bar-big li:not(.completed) span:before {
  content: counter(steps);
}
.progress-bar.progress-bar-big li .progress-status-message {
  opacity: 1;
  background: none;
  font-size: 0.66em;
  font-weight: bold;
  z-index: 1;
  width: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: -40px 0 0 -70px;
  color: #9a9a9a;
  left: 50%;
}

.asu-list {
  flex: 0 0 100%;
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.asu-list .split-right {
  border-right: 1px solid silver;
  padding-right: 15px;
  margin-right: 10px;
  height: 30px;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  .asu-list .split-right {
    border-right: none;
  }
}
.asu-list .link-copy,
.asu-list .link-remove {
  padding: 5px 12px;
  font-size: 0.83em;
  /* text-transform: uppercase; */
  background: 0 0;
  margin: 0;
  border: none;
  color: #fff;
  font-weight: 700;
  margin-left: 5px;
  border-radius: 3px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
  font-weight: normal;
}
.asu-list .link-copy {
  background: #526afb;
}
.asu-list .link-remove {
  background: #f33a3a;
}
.asu-list .asu-item {
  flex: 0 0 100%;
  height: 50px;
  background: linear-gradient(#fdfdfd, #f2f2f2);
  color: #4c4c4c;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
  font-weight: bold;
  font-size: 1em;
  border-top: 1px solid #c0c0c0;
  flex-basis: calc(100% - 20px);
  justify-content: space-between;
  position: relative;
  padding-right: 20px;
}
@media only screen and (max-width: 768px) {
  .asu-list .asu-item {
    height: 65px;
  }
}
.asu-list .asu-item.ghost {
  color: #acacac;
  text-shadow: 0 0 0 rgba(0, 0, 0, 0);
  background: linear-gradient(#fff, #f7f7f7);
}
.asu-list .asu-item.ghost .asu-part {
  text-shadow: none;
}
.asu-list .asu-item .badge {
  margin-left: 5px;
  font-size: 0.5em;
  padding: 3px;
  border-radius: 2px;
  height: 12px;
  display: flex;
  align-items: center;
}
.asu-list .asu-item .badge.new {
  background-color: #3bae71;
}
.asu-list .asu-item .badge.copy {
  background-color: #526afb;
}
.asu-list .asu-item .badge.edited {
  background-color: #fb6e52;
}
.asu-list .asu-item .asu-sku-label {
  display: block;
  flex: 0 0 100%;
  color: #505050;
  text-shadow: none;
  font-size: 0.75em;
  padding: 5px 0 0 0;
}
.asu-list .asu-new {
  flex: 0 0 100%;
  border-top: 1px solid #c0c0c0;
}
.asu-list .save-inventory {
  flex: 0 0 100%;
}
.asu-list .asu-part {
  display: flex;
  flex-wrap: wrap;
  flex: 1 1 100%;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  align-items: center;
  align-content: center;
  height: 50px;
  padding: 0 0 0 15px;
}
.asu-list .asu-part.right {
  justify-content: flex-end;
  padding-right: 15px;
}
@media only screen and (max-width: 768px) {
  .asu-list .asu-part.right {
    padding-right: 5px;
  }
}
.asu-list .arrow {
  position: absolute;
  right: 5px;
  transform: rotate(90deg);
  font-size: 1.5em;
  color: #777;
  transition: 0.3s all;
}
.asu-list .arrow.close {
  transform: scale(1, -1) rotate(90deg);
}

.alerts {
  position: fixed;
  top: 75px;
  right: 10px;
  z-index: 999999;
}
.alerts .alerts-alert {
  padding: 15px 30px 15px 25px;
  background: #fff;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.09) 0 10px 30px;
  border-radius: 2px;
  position: relative;
  transition: 0.3s all;
  opacity: 1;
  transform: translate3d(0, 0, 0);
  margin-bottom: 5px;
  display: flex;
  color: #4c4c4c;
}
.alerts .alerts-alert.alerts-in {
  opacity: 0;
  transform: translate3d(60px, 0, 60px);
}
.alerts .alerts-alert.alerts-out {
  transform: translate3d(0, 30px, -120px);
  opacity: 0;
}
.alerts .alerts-alert.success {
  background: #43bf7d;
  color: #fff !important;
}
.alerts .alerts-alert.success span {
  color: #fff !important;
}
.alerts .alerts-alert.alert {
  background: #fc836b;
  color: #fff;
}
.alerts .alerts-alert.error {
  background: #f45252;
  color: #fff;
}
.alerts .alerts-alert.info {
  background: #46c5fd;
  color: #fff;
}
.alerts .alerts-alert *[class^=ico-],
.alerts .alerts-alert *[class*=" ico-"] {
  color: #fff;
  font-size: 2em;
  margin: 0 10px 0 -10px;
}
.alerts .alerts-alert .close {
  padding: 10px;
  font-size: 1.2em;
  margin: 0 -3px 0 0;
  color: #ffffff33 !important;
}
.alerts .alerts-alert span {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}

.message-alert-box {
  position: fixed;
  right: 0;
  top: 50px;
  z-index: 10002;
  padding: 10px;
}
.message-alert-box li {
  border-radius: 1px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  color: #fff;
  max-width: 200px;
  margin-top: 10px;
  padding: 12px 15px 10px 10px;
  font-weight: normal;
  position: relative;
}
.message-alert-box li.center {
  position: fixed;
  left: 50%;
  top: 50%;
  width: 300px;
  margin-left: -150px;
  display: flex;
}
.message-alert-box li.success {
  background: #3bae71;
}
.message-alert-box li.alert {
  background: #fb6e52;
}
.message-alert-box li.error {
  background: #f33a3a;
}
.message-alert-box li.center {
  position: fixed;
  left: 50%;
  top: 50%;
  width: 300px;
  display: flex;
  flex-wrap: wrap;
  padding: 20px;
  line-height: 1.5em;
  box-shadow: 0 2px 11px rgba(0, 0, 0, 0.5);
}
.message-alert-box li.center.success {
  background: #fff;
  color: #4c4c4c;
}
.message-alert-box li.center.success a {
  margin-top: 10px;
  color: #fff;
  padding: 10px 8px;
  border-radius: 3px;
  display: block;
  width: 100%;
  text-align: center;
  background: #3bae71;
}
.message-alert-box li .close {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 3px;
  right: 3px;
  color: #4c4c4c;
  background: #fff;
  border-radius: 1px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.smart-plan .smart-plan-content .smart-plan-grid {
  min-height: calc(100vh - 240px);
}
@media (max-width: 767px) {
  .smart-plan .smart-plan-content .smart-plan-grid {
    flex: 0 0 67%;
  }
}
.smart-plan .smart-plan-content .smart-plan-asu {
  min-height: calc(100vh - 270px);
  background: #f0f0f0;
}
.smart-plan .smart-plan-content .smart-plan-totalizers {
  min-height: calc(100vh - 240px);
}
.smart-plan .smart-plan-content .height {
  height: calc(100vh - 270px) !important;
}

.chartGraph {
  margin: 10px;
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
  width: 98%;
  height: calc(100vh - 220px);
}
.chartGraph .filter {
  width: 100%;
  display: flex;
  align-items: center;
  flex: 1 1 100%;
  justify-content: center;
  flex-wrap: wrap;
  flex-flow: column;
}
.chartGraph .filter .selects {
  display: flex;
  flex: 0 0 100%;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.chartGraph .filter .selects select {
  min-width: 20%;
  max-width: 25%;
  margin: 0px 5px 0px 5px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 3px 23px 3px 3px;
  font-size: 1.1rem;
}
.chartGraph .filter .selects.disabled {
  opacity: 0.2;
}
.chartGraph .graph {
  width: 49%;
  box-sizing: border-box;
  padding: 10px;
  border-radius: 2px;
  margin: auto;
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.09) 0 10px 30px;
  background-color: #fff;
}
.chartGraph .graph.only-one-graph {
  width: 100%;
  height: 100%;
}

.plan {
  max-width: 1366px;
  padding-left: 20px;
  padding-right: 20px;
  margin: 0 20px;
  box-sizing: border-box;
}
@media (min-width: 1406px) {
  .plan {
    max-width: 1366px;
    margin: 0 auto;
  }
}
.plan .empty-return {
  max-width: 1366px;
  width: 100%;
}
.plan .plan-header {
  display: flex;
  justify-content: center;
  position: relative;
}
.plan .planning-table > tbody tr:hover:not(.totalizer) td {
  background: #f8f8f8;
}
.plan .planning-table > tbody tr.current-tr td {
  background: #f4f4f4;
}
.plan .plan-details {
  font-size: 0.83em;
  background: #fff;
  position: absolute;
  padding: 10px;
  top: 63px;
  box-shadow: rgba(0, 0, 0, 0.09) 0 10px 30px, 0 0 0 1000000px rgba(78, 78, 78, 0.2);
  z-index: 1;
}
.plan .plan-details:before {
  bottom: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 6px;
  margin-left: -6px;
  z-index: 10000;
  left: 50%;
}
.plan .plan-details .button {
  margin: 5px;
}
.plan .plan-details .close-details-plan {
  font-size: 0.75em;
  padding: 3px 0px 8px 0px;
}
.plan .plan-details .button-adjust-plan {
  font-size: 11px;
  margin-left: 10px;
  margin-top: 0;
  border-radius: 3px;
}
.plan .drop-list {
  background: #fff;
  position: absolute;
  padding: 10px;
  top: 40px;
  box-shadow: rgba(0, 0, 0, 0.09) 0 10px 30px, 0 0 0 1000000px rgba(78, 78, 78, 0.2);
  z-index: 1;
  min-width: 140px;
}
.plan .drop-list:before {
  bottom: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 6px;
  margin-left: -6px;
  z-index: 10000;
}
.plan .drop-list .drop-list-li {
  justify-content: space-between;
  display: flex;
}
.plan .drop-list .drop-list-li strong {
  margin-right: 18px;
}
.plan .drop-list .drop-list-li .input-switch {
  width: 100%;
  padding: 7px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.plan .drop-list .close {
  font-size: 0.75em;
  padding: 3px 0px 8px 0px;
}
.plan .drop-list:not(.right) {
  left: 0px;
}
.plan .drop-list.right {
  right: 5px;
}
.plan .drop-list.right:before {
  right: 15px;
}
.plan * {
  box-sizing: border-box;
}
.plan .selected {
  border-bottom-width: 2px;
}

.search-body {
  overflow: visible !important;
}
.search-body .filters {
  margin-top: -85px;
  background: #fafafa;
  box-shadow: 0 0 0 2px #fafafa;
}
.search-body .filters .side-filters {
  background: #fafafa;
  box-shadow: 0 0 0 2px #fafafa;
  bottom: auto !important;
}
.search-body .filters h3 {
  margin-top: 30px;
  color: #5A5A5A;
  font-size: 18px;
}
.search-body .filters .button-clear {
  margin-top: 6px;
  margin-bottom: 6px;
}
.search-body .filters .button-clear.disabled {
  opacity: 0;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .search-body .filters .button-clear.disabled {
    opacity: 0.9;
  }
}
.search-body .filters .button-save {
  margin: 0;
  position: relative;
  padding-left: 20px !important;
  padding-right: 10px !important;
  flex: 1 1 50%;
}
.search-body .filters .button-save i {
  position: absolute;
  margin-left: -15px;
}
.search-body .filters .img-filter {
  margin-left: 1px;
  margin-right: 1px;
}
.search-body .filters .align-right {
  float: right;
}
.search-body .filters .modal .align-right {
  float: right;
  min-width: 320px;
  justify-content: flex-end;
  display: flex;
}
@media screen and (max-width: 768px) {
  .search-body .filters .modal .align-right {
    left: 0px;
    width: 100%;
    min-width: 100%;
    justify-content: center;
  }
}

.search-result {
  position: relative;
}
.search-result > .preloader {
  position: fixed;
  top: 250px;
  z-index: 1;
  text-align: center;
  right: 50%;
  margin: 0 -155px !important;
}
.search-result .preloader {
  margin: 50px auto;
}
.search-result > ul.loading-results {
  opacity: 0.75;
  transition: 0.3s all;
}
.search-result .result-display {
  border-radius: 3px !important;
  min-height: 72px !important;
  position: relative;
  transition: 0.3s all;
}
.search-result .result-display .icons img {
  max-width: 40px !important;
  max-height: 40px !important;
}
.search-result .formats-display {
  box-shadow: 0 -20px 0 0 #fff;
  border-radius: 0 0 3px 3px !important;
}
.search-result .formats-display ul {
  width: 100%;
}
.search-result .formats-display .format-item {
  display: grid;
  grid-template-columns: 40px 3fr 3fr 3fr 2fr 82px;
  color: #fb6e52;
  border-bottom: 1px solid #E9E9E9;
  margin: 0 20px;
  padding: 10px 0;
}
.search-result .formats-display .format-item.format-item-admin {
  grid-template-columns: 40px 2fr 2fr 2fr 2fr 2fr 2fr 82px;
}
.search-result .formats-display .format-item:last-child {
  border-bottom: 0;
}
.search-result .formats-display .format-item > div {
  min-height: 32px !important;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  padding: 0 5px;
  box-sizing: border-box;
}
.search-result .formats-display .format-item > div p {
  flex: 1 1 100%;
  margin: auto 0 !important;
  line-height: 16px !important;
}
@media screen and (max-width: 768px) {
  .search-result .formats-display .format-item > div p {
    flex: auto;
  }
}
.search-result .formats-display .format-item > div:last-child {
  margin: auto 0 auto auto !important;
}
@media screen and (min-width: 768px) {
  .search-result .formats-display .format-item > div i.ico-info {
    font-size: 1.15em;
    padding-top: 18px !important;
    padding-bottom: 18px !important;
    display: block;
  }
}
.search-result .formats-display .format-item > div strong + i {
  color: #4c4c4c;
}
.search-result .formats-display .price-from {
  color: #b2b2b2;
  text-decoration: line-through;
  font-size: 0.75em;
}
.search-result .formats-display .price-to {
  font-size: 0.83em;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .search-result .formats-display .price-to {
    font-size: 1.1em;
    padding-right: 5px;
  }
}
.search-result .formats-display .price-label {
  font-size: 0.75em;
}
.search-result .publisher-request {
  padding: 25px;
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
  margin: 0 auto;
  max-width: 480px;
}

.class-cdm .formats-display .format-item {
  color: #5878A7;
}

.activation {
  max-width: 1366px;
  padding-left: 20px;
  padding-right: 20px;
  margin: 0 20px;
  padding-bottom: 70px;
}
@media (min-width: 1406px) {
  .activation {
    max-width: 1366px;
    margin: 0 auto;
  }
}
.activation .empty-return {
  max-width: 1366px;
  width: 100%;
  background: none;
}
.activation .header-activation {
  font-size: 0.83em;
  display: flex;
  justify-content: space-between;
}
.activation .header-activation .button:not(:disabled) {
  box-shadow: 0 1px 3px rgba(112, 112, 112, 0.3);
}
.activation .header-activation .header-element {
  margin-right: 5px;
}
.activation .header-activation label {
  color: #fb6e52;
  font-weight: bold;
}
.activation .header-activation .calendar-range {
  max-width: 305px;
  padding-top: 20px;
}
.activation .header-activation .calendar-range .calendar-text input {
  border-radius: 2px;
  box-shadow: inset 0 1px 0 0 #aaa;
}
.activation .header-activation .actions {
  padding-top: 18px;
}
.activation .right-buttons {
  display: flex;
  align-content: center;
  align-items: center;
  flex: 1 1 100%;
  max-width: 340px;
}
.activation .right-buttons .button-toogle {
  padding: 0 !important;
  background: none !important;
  border: none !important;
  margin: 0 0 0 15px !important;
  font-size: 2em !important;
  color: #868686 !important;
  position: relative;
  width: 25px;
  height: 25px;
  z-index: 0;
}
.activation .right-buttons .button-toogle i {
  z-index: 1;
}
.activation .right-buttons .button-toogle:before {
  z-index: 0;
  opacity: 0;
  content: "";
  width: 1px;
  height: 1px;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 50%;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.05);
  transition: 0.15s all;
  -webkit-animation: loading 1s infinite ease-in-out;
  -moz-animation: loading 1s infinite ease-in-out;
  animation: loading 1s infinite ease-in-out;
}
.activation .right-buttons .button-toogle:after {
  z-index: 0;
  content: "";
  width: 1px;
  height: 1px;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 50%;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.05);
  transition: 0.15s all;
}
.activation .right-buttons .button-toogle:hover {
  color: #4c4c4c;
}
.activation .right-buttons .button-toogle:hover:after {
  box-shadow: 0 0 0 15px rgba(0, 0, 0, 0.05);
}
.activation .right-buttons .button-toogle.preloading {
  min-height: auto !important;
}
.activation .right-buttons .button-toogle.preloading:before {
  opacity: 1;
}
.activation .edit-plan {
  position: absolute;
  display: block;
  background: #fff;
  right: 0;
  z-index: 999;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), 0 0 0 100000px rgba(0, 0, 0, 0.05);
  padding: 0;
  margin-top: -10px;
  right: 5px;
  transition: 0.1s all;
  white-space: nowrap;
}
.activation .edit-plan:before {
  border: solid transparent;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 4px;
  z-index: 10000;
  bottom: 100%;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  right: 5px;
}
.activation .edit-plan li {
  padding: 0 !important;
}
.activation .edit-plan li a {
  text-align: left !important;
  padding: 10px 8px !important;
  color: #4c4c4c !important;
  display: flex !important;
  justify-content: flex-start !important;
  font-size: 1em !important;
  font-weight: normal !important;
  text-decoration: none !important;
}
.activation .edit-plan li a i {
  margin-right: 5px !important;
}
.activation .edit-plan li a:hover:not(.disabled) {
  background: #f0f0f0 !important;
}
.activation .edit-plan li a.disabled {
  color: #ccc !important;
  cursor: not-allowed;
  pointer-events: none;
}
.activation .edit-plan li a.green {
  border-radius: 2px;
  padding: 8px 5px !important;
  margin: 1px 2px !important;
  background: #3bae71;
  color: #fff !important;
}
.activation .edit-plan li a.green:hover {
  background: #359b65 !important;
}
.activation .relative + .relative .edit-plan {
  right: 0;
}
.activation .indexed-plans {
  font-size: 0.75em;
  width: 100%;
}
@media (max-width: 1280) {
  .activation .indexed-plans {
    font-size: 0.9em;
  }
}
@media (max-width: 1100) {
  .activation .indexed-plans {
    font-size: 0.83em;
  }
}
.activation .indexed-plans .table-cell {
  padding: 0;
  margin: 0;
  box-shadow: 0 -10px 0 0 #fff;
}
.activation .indexed-plans .table-cell table tr:last-child td:first-child {
  border-radius: 0 0 0 3px;
}
.activation .indexed-plans .table-cell table tr:last-child td:last-child {
  border-radius: 0 0 3px 0;
}
.activation .indexed-plans .main-cell {
  position: relative;
  padding: 10px;
  background-color: #FFFFFF;
  border-radius: 12px;
  box-shadow: 0px 1px 3px #707070;
  color: #707070;
  border-radius: 3px;
  box-shadow: 0 1px 3px rgba(112, 112, 112, 0.3);
}
.activation .indexed-plans .main-cell > .flex > .flex {
  align-items: center;
}
@media (max-width: 1000) {
  .activation .indexed-plans .main-cell > .flex {
    flex-wrap: wrap;
  }
}
.activation .indexed-plans .line-plan {
  padding: 0 15px;
  font-size: 1.1em;
  line-height: 2em;
  flex: 1 1 100%;
  color: #707070;
}
.activation .indexed-plans .line-plan h4 {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: space-between;
  width: 100%;
  font-size: 1.2em;
  line-height: 1.2em;
}
.activation .indexed-plans .line-plan h4 span {
  display: flex;
}
.activation .indexed-plans .line-plan h4 input {
  font-size: 0.83em;
  padding: 3px 5px;
  height: 26px;
  margin-left: 5px;
  margin-right: 5px;
}
.activation .indexed-plans .line-plan h4 a {
  text-decoration: none !important;
  font-size: 0.83em !important;
  font-weight: bold !important;
}
.activation .indexed-plans .line-plan h4 a.edit-rename {
  padding: 0;
  display: inline-block !important;
  opacity: 0.85;
  color: #868686 !important;
}
.activation .indexed-plans .line-plan h4 a.edit-actions {
  padding: 2px 3px !important;
  color: #868686 !important;
  font-size: 0.75em !important;
  text-transform: none !important;
  white-space: nowrap;
}
.activation .indexed-plans .line-plan h4:hover a.edit-rename {
  opacity: 1;
}
.activation .indexed-plans .line-plan input {
  box-shadow: inset 0 0 0 1px #d2d2d2;
  padding: 5px;
  border-radius: 3px;
}
.activation .indexed-plans .line-plan p {
  line-height: 1.2em;
  margin-top: 5px;
}
.activation .indexed-plans .line-plan p span {
  color: #aaa;
  padding-right: 0px;
}
.activation .indexed-plans .line-plan p span.price {
  display: block;
  font-size: 1.2em;
  color: #4c4c4c;
  line-height: 1.5em;
}
.activation .indexed-plans table th {
  background: #fff;
  color: #fb6e52;
  padding: 15px 5px;
  text-align: left;
  font-size: 0.83em;
  font-weight: bold;
}
.activation .indexed-plans table td {
  background: #fff;
  padding: 5px !important;
  border-top: 1px solid #E9E9E9;
  color: #707070;
}

.class-cdm .activation .indexed-plans table th {
  color: #5878A7;
}

@-webkit-keyframes loading {
  0% {
    box-shadow: 0 0 0 15px #fff, 0 0 0 15px rgba(0, 0, 0, 0.075);
  }
  50% {
    box-shadow: 0 0 0 15px #fff, 0 0 0 20px rgba(0, 0, 0, 0.075);
  }
  100% {
    box-shadow: 0 0 0 15px #fff, 0 0 0 15px rgba(0, 0, 0, 0.075);
  }
}
@-moz-keyframes loading {
  0% {
    box-shadow: 0 0 0 15px #fff, 0 0 0 15px rgba(0, 0, 0, 0.075);
  }
  50% {
    box-shadow: 0 0 0 15px #fff, 0 0 0 20px rgba(0, 0, 0, 0.075);
  }
  100% {
    box-shadow: 0 0 0 15px #fff, 0 0 0 15px rgba(0, 0, 0, 0.075);
  }
}
@keyframes loading {
  0% {
    box-shadow: 0 0 0 15px #fff, 0 0 0 15px rgba(0, 0, 0, 0.075);
  }
  50% {
    box-shadow: 0 0 0 15px #fff, 0 0 0 20px rgba(0, 0, 0, 0.075);
  }
  100% {
    box-shadow: 0 0 0 15px #fff, 0 0 0 15px rgba(0, 0, 0, 0.075);
  }
}
.assistant {
  display: flex;
  flex-direction: column;
  user-select: none;
  min-height: 80vh;
  width: auto;
}
.assistant .assistant-step {
  display: flex;
  justify-content: center;
}
.assistant .assistant-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 175px;
  background-color: #F6F6F6;
  position: relative;
  z-index: -1;
}
.assistant .assistant-header .assistant-header-banner {
  display: flex;
  justify-content: center;
  align-items: center;
}
.assistant .assistant-header .assistant-header-banner img {
  margin-left: 90px;
  height: auto;
  display: block;
  object-fit: contain;
  position: absolute;
  bottom: 0;
  left: 0;
}
.assistant .assistant-header .assistant-header-banner .assistant-header-text {
  margin-left: 15vw;
  max-width: 40vw;
}
.assistant .assistant-header .assistant-header-banner .assistant-header-text h1 {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 18px;
}
.assistant .assistant-header .assistant-header-banner .assistant-header-text p {
  font-size: 18px;
}
.assistant .assistant-header .assistant-progress {
  display: flex;
  margin-right: 60px;
  flex-direction: column;
  width: 460px;
}
.assistant .assistant-header .assistant-progress .progress-targets-icons {
  display: flex;
  justify-content: space-between;
}
.assistant .assistant-header .assistant-progress .progress-targets-icons i {
  width: 100%;
  display: flex;
  justify-content: center;
}
.assistant .assistant-header .assistant-progress .progress-targets-icons i.active {
  color: #fb6e52;
}
.assistant .assistant-header .assistant-progress .progress-line {
  display: flex;
  justify-content: space-between;
  margin: 20px 0;
}
.assistant .assistant-header .assistant-progress .progress-line .target-status {
  width: 100%;
  height: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.assistant .assistant-header .assistant-progress .progress-line .target-status .status-line-left {
  width: 50%;
  height: 100%;
  background-color: #D2D2D2;
  position: absolute;
  left: 0;
}
.assistant .assistant-header .assistant-progress .progress-line .target-status .status-line-left.active {
  background-color: #fb6e52;
}
.assistant .assistant-header .assistant-progress .progress-line .target-status .status-line-right {
  width: 50%;
  height: 100%;
  background-color: #D2D2D2;
  position: absolute;
  right: 0;
}
.assistant .assistant-header .assistant-progress .progress-line .target-status .status-line-right.active {
  background-color: #fb6e52;
}
.assistant .assistant-header .assistant-progress .progress-line .target-status .status-dot {
  z-index: 1;
}
.assistant .assistant-header .assistant-progress .progress-line .target-status .status-dot.active {
  height: 15px;
  width: 15px;
  border-radius: 20px;
  background-color: #fb6e52;
}
.assistant .assistant-header .assistant-progress .progress-line .target-status .status-dot:not(.active) {
  height: 11px;
  width: 11px;
  border-radius: 20px;
  border: #D2D2D2 solid 2px;
  background-color: #fff;
}
.assistant .assistant-header .assistant-progress .progress-targets-names {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
}
.assistant .assistant-header .assistant-progress .progress-targets-names .target-name {
  width: 100%;
  display: flex;
  justify-content: center;
}
.assistant .assistant-header .assistant-progress .progress-targets-names .target-name.active {
  color: #fb6e52;
}
.assistant .assistant-body {
  display: grid;
  grid-template-columns: 50% 1px 50%;
  margin-top: 25px;
  padding: 0 70px;
  width: 100%;
}
.assistant .assistant-body .col-left {
  margin-right: 45px;
}
.assistant .assistant-body .col-right {
  margin-left: 45px;
}
.assistant .assistant-body .separator {
  display: flex;
  justify-content: center;
}
.assistant .assistant-body .line {
  background-color: rgba(0, 0, 0, 0.1);
  width: 1px;
  height: 100%;
}
.assistant .assistant-footer {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  height: 50px;
  width: 100%;
  margin: 0 40px 25px 0;
}
.assistant .assistant-footer .assistant-footer-text {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  margin-left: 60px;
  font-size: 12px;
  color: #707070;
}
.assistant .assistant-footer .assistant-footer-buttons {
  display: flex;
  justify-content: flex-end;
  width: 30vw;
  align-items: flex-end;
  margin-right: 40px;
}
.assistant .assistant-footer .assistant-footer-buttons .no-result-message {
  font-size: 14px;
  color: #fb6e52;
  font-weight: bold;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  padding: 30px 15px;
}
.assistant .assistant-footer .assistant-footer-buttons .footer-buttons {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.assistant .assistant-footer .assistant-footer-buttons .footer-buttons .assistant-previous-step {
  border: none;
  color: #7D7D7D;
  background-color: #fff;
  width: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px 25px;
  font-size: 14px;
}
.assistant .assistant-footer .assistant-footer-buttons .footer-buttons .assistant-next-step {
  border: none;
  color: #fff;
  background-color: #00B212;
  border-radius: 5px;
  padding: 6px 25px;
  width: 100px;
  height: 22px;
  cursor: pointer;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.assistant .assistant-footer .assistant-footer-buttons .footer-buttons .assistant-next-step.loading {
  background-color: #e6e6e6;
  cursor: default;
}
.assistant .assistant-footer .assistant-footer-buttons .footer-buttons .assistant-next-step.loading > .preloader {
  background-size: 22px;
  height: 22px;
}
.assistant .assistant-footer .assistant-footer-buttons .footer-buttons .assistant-next-step.disabled {
  background-color: #8F8F8F;
  cursor: default;
}
.assistant .price-range {
  margin-top: 60px;
}
.assistant .price-range .price-range-content {
  margin: 15px 40px;
  min-height: 20vh;
}
.assistant .coverage-radius .coverage-content {
  margin: 15px 40px 15px 40px;
  display: flex;
  flex-direction: column;
}
.assistant .coverage-radius .coverage-content .coverage-type-list {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  max-height: 50px;
}
.assistant .coverage-radius .coverage-content .coverage-type-list .coverage-type {
  border: #707070 solid 1px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 130px;
  height: 30px;
  font-size: 14px;
  margin-right: 60px;
  cursor: pointer;
}
.assistant .coverage-radius .coverage-content .coverage-type-list .coverage-type.selected {
  border-color: #fb6e52;
  color: #fff;
  background-color: #fb6e52;
}
.assistant .coverage-radius .coverage-content .coverage-input {
  display: flex;
  align-items: center;
  margin-top: 20px;
}
.assistant .coverage-radius .coverage-content .coverage-input .regional-coverage-input {
  height: 35px;
  margin-top: 20px;
  width: 100%;
}
.assistant .coverage-radius .coverage-content .coverage-input .local-autocomplete-input .label {
  font-size: 14px;
  font-weight: bold;
}
.assistant .coverage-radius .coverage-content .coverage-input .local-autocomplete-input input {
  font-size: 14px;
  font-weight: normal;
  width: 300px;
  font-family: inherit;
}
.assistant .selected-items-blocks {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: 20px;
}
.assistant .selected-items-blocks .selected-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fb6e52;
  border: #fb6e52 solid 1px;
  border-radius: 5px;
  font-size: 14px;
  margin: 5px 5px 5px 0;
  padding: 6px;
}
.assistant .selected-items-blocks .selected-item .item-name {
  max-width: 140px;
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 0;
  overflow: hidden;
}
.assistant .selected-items-blocks .selected-item i {
  color: #707070;
  cursor: pointer;
  padding: 0 2px 0 5px;
  font-size: 14px;
}
.assistant .assistant-calendar .calendar-content {
  display: flex;
  font-size: 14px;
  justify-content: space-between;
  width: 100%;
  align-items: flex-start;
  flex-direction: column;
  max-width: 35vw;
}
.assistant .assistant-calendar .calendar-content .full-dates {
  display: flex;
  font-size: 20px;
  min-height: 34px;
  width: 100%;
  margin: 45px 0;
  align-items: center;
  justify-content: flex-start;
}
.assistant .assistant-calendar .calendar-content .full-dates i {
  margin: 0 20px;
}
.assistant .assistant-calendar .calendar-content .full-dates .clean {
  margin-left: 40px;
}
.assistant .assistant-calendar .calendar-content .full-dates .clean .btn-clean {
  font-size: 12px;
  border: #8F8F8F solid 1px;
  padding: 4px;
  border-radius: 5px;
  cursor: pointer;
}
.assistant .assistant-calendar .calendar-content .full-dates .limit-period-day {
  cursor: pointer;
  font-weight: bold;
  font-size: 0.83em;
}
.assistant .assistant-calendar .calendar-content .full-dates .select-date-alert {
  background-color: #FFF4F3;
  font-size: 14px;
  padding: 10px 15px;
}
.assistant .assistant-calendar .calendar-content > :first-child {
  flex: unset;
}
.assistant .assistant-calendar .calendar-content .calendar-year {
  display: flex;
  align-items: center;
  min-height: 30px;
  width: 100%;
  margin-bottom: 30px;
}
.assistant .assistant-calendar .calendar-content .calendar-year .year {
  font-size: 17px;
  font-weight: bold;
  color: #707070;
}
.assistant .assistant-calendar .calendar-content .calendar-year .year.right {
  margin-left: 20px;
}
.assistant .assistant-calendar .calendar-content .calendar-year .year.left {
  margin-right: 20px;
}
.assistant .assistant-calendar .calendar-content .calendar-month-controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.assistant .assistant-calendar .calendar-content .calendar-month-controls .calendar-full-month {
  display: flex;
  align-items: flex-start;
}
.assistant .assistant-calendar .calendar-content .calendar-months {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
}
.assistant .assistant-calendar .calendar-content .calendar-months > :first-child {
  margin-right: 10px;
}
.assistant .assistant-calendar .calendar-content .calendar-months .month-header {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.assistant .assistant-calendar .calendar-content .calendar-months .month-header .full-month {
  margin-bottom: 15px;
  font-size: 14px;
  font-weight: bold;
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.assistant .assistant-calendar .calendar-content .calendar-months .month-header .full-month .calendar-control {
  position: absolute;
  font-size: 25px;
}
.assistant .assistant-calendar .calendar-content .calendar-months .month-header .full-month .calendar-control i {
  padding: 0;
  border: none;
  color: #fb6e52;
}
.assistant .assistant-calendar .calendar-content .calendar-months .month-header .full-month .calendar-control.previous {
  left: 0;
}
.assistant .assistant-calendar .calendar-content .calendar-months .month-header .full-month .calendar-control.next {
  right: 0;
}
.assistant .assistant-calendar .calendar-content .calendar-months .month-header .week-days-names {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  width: 100%;
  font-weight: bold;
}
.assistant .assistant-calendar .calendar-content .calendar-months .month-header .week-days-names .week-day {
  padding: 10px;
  color: #fb6e52;
  font-size: 12px;
}
.assistant .assistant-calendar .calendar-content .calendar-months .month {
  display: flex;
  max-height: 300px;
  max-width: 300px;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  box-shadow: 1px solid rgba(0, 0, 0, 0.05);
  padding: 10px;
}
.assistant .assistant-calendar .calendar-content .calendar-months .week {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  width: 100%;
}
.assistant .assistant-calendar .calendar-content .calendar-months .day {
  display: flex;
  justify-content: center;
  align-items: center;
}
.assistant .assistant-calendar .calendar-content .calendar-months .day:not(.disabled) {
  cursor: pointer;
}
.assistant .assistant-calendar .calendar-content .calendar-months .day span {
  padding: 10px;
}
.assistant .assistant-calendar .calendar-content .calendar-months .day.selected {
  background: #FFBFB9;
}
.assistant .assistant-calendar .calendar-content .calendar-months .day.selected.period-limit {
  background: #fff;
  box-shadow: inset 15px 0 0 0 #FFBFB9;
}
.assistant .assistant-calendar .calendar-content .calendar-months .day.period-limit {
  background: #fff;
  box-shadow: inset -15px 0 0 0 #FFBFB9;
}
.assistant .assistant-calendar .calendar-content .calendar-months .day.period-limit span {
  background-color: #fb6e52;
  color: #fff;
  border-radius: 30px;
  overflow: hidden;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.assistant .assistant-calendar .calendar-content .calendar-months .day.disabled {
  color: #D2D2D2;
}
.assistant .target-gender .target-gender-content {
  margin: 15px 40px;
}
.assistant .target-gender .target-gender-content .target-gender-list {
  display: flex;
  justify-content: flex-start;
}
.assistant .target-gender .target-gender-content .target-gender-list .target-gender-list-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  margin-right: 50px;
  color: #707070;
  cursor: pointer;
}
.assistant .target-gender .target-gender-content .target-gender-list .target-gender-list-item p {
  font-size: 12px;
}
.assistant .target-gender .target-gender-content .target-gender-list .target-gender-list-item i {
  font-size: 40px;
}
.assistant .target-gender .target-gender-content .target-gender-list .target-gender-list-item.active {
  color: #fb6e52;
}
.assistant .target-age {
  min-height: 40vh;
}
.assistant .target-age .target-age-content {
  margin: 15px 40px;
}
.assistant .target-age .target-age-content .age-ranges-list {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.assistant .target-age .target-age-content .age-ranges-list .no-available-items-message {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #8F8F8F;
}
.assistant .target-age .target-age-content .age-ranges-list .age-ranges-list-item {
  display: flex;
  justify-content: flex-start;
  width: 25%;
  margin: 10px 0;
}
.assistant .target-age .target-age-content .age-ranges-list .age-ranges-list-item p {
  padding: 0;
  font-size: 14px;
}
.assistant .target-age .target-age-content .age-ranges-list .age-ranges-list-item.disabled {
  color: #D2D2D2;
}
.assistant .target-social-classes .target-social-classes-content {
  margin: 30px 40px;
  min-height: 5vh;
}
.assistant .target-social-classes .target-social-classes-content .social-classes-list {
  display: flex;
  justify-content: flex-start;
}
.assistant .target-social-classes .target-social-classes-content .social-classes-list .no-available-items-message {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #8F8F8F;
}
.assistant .target-social-classes .target-social-classes-content .social-classes-list .social-classes-list-item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-right: 30px;
  font-size: 14px;
}
.assistant .target-social-classes .target-social-classes-content .social-classes-list .social-classes-list-item.disabled {
  color: #D2D2D2;
}
.assistant .public-interests .public-interests-content {
  margin: 15px 40px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
}
.assistant .public-interests .public-interests-content .no-available-items-message {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #8F8F8F;
}
.assistant .public-interests .public-interests-content input {
  max-width: 50%;
  font-weight: lighter;
  font-family: inherit;
  font-size: 14px;
}
.assistant .public-interests .public-interests-content .found-interests-list {
  display: flex;
  width: 50%;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  border: #D2D2D2 solid 1px;
  z-index: 100;
  overflow-y: scroll;
  border-radius: 5px;
  max-height: 20vh;
  position: absolute;
  background-color: #fff;
}
.assistant .public-interests .public-interests-content .found-interests-list .found-interest {
  display: flex;
  width: 100%;
  padding: 10px 10px;
  box-sizing: border-box;
  font-size: 14px;
}
.assistant .public-interests .public-interests-content .found-interests-list .found-interest.selected {
  color: #fb6e52;
}
.assistant .assistant-result {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 25px;
  padding: 0 45px;
  box-sizing: border-box;
}
.assistant .assistant-result .result-header {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.assistant .assistant-result .result-header .budget {
  padding: 15px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  font-size: 14px;
  border: #707070 solid 1px;
  border-radius: 7px;
  align-items: flex-start;
}
.assistant .assistant-result .result-header .budget div {
  width: 100%;
  align-items: center;
  display: inline-flex;
}
.assistant .assistant-result .result-header .budget div .label {
  min-width: 160px;
}
.assistant .assistant-result .result-header .budget div.first {
  margin-bottom: 10px;
}
.assistant .assistant-result .result-header .budget div .budget-value {
  font-size: 20px;
  margin-left: 10px;
  font-weight: bold;
  width: 100%;
}
.assistant .assistant-result .result {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-height: 47vh;
  margin-top: 3vh;
}
.assistant .assistant-result .result .suggested-asu {
  display: flex;
  width: 100%;
  justify-content: center;
  padding: 20px 0;
}
.assistant .assistant-result .result .suggested-asu .asu-check {
  padding: 20px 0;
  margin: 0 10px;
}
.assistant .assistant-result .result .suggested-asu .asu-data {
  width: 100%;
  display: grid;
  grid-template-columns: 0.4fr repeat(5, 1fr) 0.4fr;
  border-top: #D2D2D2 solid 1px;
}
.assistant .assistant-result .result .suggested-asu .asu-data.first {
  border-top: none;
}
.assistant .assistant-result .result .suggested-asu .asu-data .asu-section {
  height: 75px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 15px 15px 0 0;
  box-sizing: border-box;
  height: max-content;
}
.assistant .assistant-result .result .suggested-asu .asu-data .asu-section .section-title {
  font-size: 12px;
  font-weight: bold;
}
.assistant .assistant-result .result .suggested-asu .asu-data .asu-section .section-info {
  font-size: 14px;
  margin-top: 10px;
}
.assistant .assistant-result .result .suggested-asu .asu-data .asu-section .section-info.price {
  font-size: 18px;
  font-weight: bold;
}
.assistant .assistant-result .result .suggested-asu .asu-data .asu-section img {
  height: 60px;
  width: 60px;
}
.assistant .assistant-result .result .suggested-asu .asu-info-button {
  padding: 20px 0;
  margin-left: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.assistant .checkbox {
  margin-right: 10px;
  height: 18px;
  width: 18px;
  border-radius: 5px;
  border: #707070 solid 1px;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}
.assistant .checkbox i {
  opacity: 0;
  color: #fff;
  font-size: 8px;
}
.assistant .checkbox.checked {
  background-color: #fb6e52;
  border: none;
}
.assistant .checkbox.checked i {
  opacity: 1;
}
.assistant .checkbox.disabled:not(.checked) {
  border-color: #D2D2D2;
  background-color: #f3f3f3;
}
.assistant .combo-box {
  width: 400px;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-direction: column;
  background-color: #fff;
  border-radius: 5px;
}
.assistant .combo-box .box-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 5px;
  background-color: inherit;
  min-height: 30px;
  padding: 0 10px;
}
.assistant .combo-box .box-header div {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.assistant .combo-box .box-header div i {
  font-size: 25px;
  color: #707070;
}
.assistant .combo-box .box-header div .default-text {
  display: flex;
  align-items: center;
  padding: 0 !important;
}
.assistant .combo-box.closed {
  min-height: 30px;
  border: 1px #707070 solid;
}
.assistant .combo-box.opened {
  box-shadow: 0 1px 3px rgba(112, 112, 112, 0.3);
  position: absolute;
  z-index: 100;
}
.assistant .combo-box.opened .box-body {
  z-index: 100;
  padding: 0;
  background-color: inherit;
  border-bottom: 1px #707070 solid;
  border-left: 1px #707070 solid;
  border-right: 1px #707070 solid;
  border-radius: 0 0 5px 5px;
}
.assistant .combo-box.opened .box-body .box-items {
  max-height: 300px;
  overflow-y: auto;
  margin: 5px 0 5px 10px;
}
.assistant .combo-box.opened .box-body .box-item {
  align-items: center;
  display: flex;
  font-size: 14px;
  min-height: 30px;
}
.assistant .combo-box.opened .box-header {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top: 1px #707070 solid;
  border-left: 1px #707070 solid;
  border-right: 1px #707070 solid;
}
.assistant .combo-box.opened .box-header:before {
  border-bottom: none;
}
.assistant .combo-box.opened .box-header:after {
  border-bottom: none;
}
.assistant .combo-box.opened .box-header div {
  border-bottom: #D2D2D2 solid 1px;
  height: 30px;
}
.assistant .preloader {
  background-position: center;
  width: 100%;
}

.pointer {
  cursor: pointer;
}

h3.sub-title {
  color: #4c4c4c;
  font-size: 1em;
  font-weight: bold;
}

h4.assist-subtitle {
  line-height: 20px;
  padding-top: 5px;
  margin-top: 0;
  font-size: 1.1em;
  font-weight: 700;
  margin-bottom: 3px;
  color: #4c4c4c;
}

.campaign-tools {
  font-size: 0.75em !important;
  display: flex;
  justify-content: space-between;
}

.header-info {
  padding: 10px;
}
@media screen and (max-width: 768px) {
  .header-info {
    flex-wrap: wrap;
    justify-content: left;
    padding: 10px 0;
  }
  .header-info > div {
    border-right: 0;
  }
  .header-info > div.plan-icon {
    padding-right: 10px;
  }
}
.header-info > div {
  padding-right: 15px;
  margin-right: 15px;
  border-right: 1px solid #d6d6d6;
}
@media screen and (max-width: 768px) {
  .header-info > div {
    border-right: 0;
    margin: 0;
    padding: 0;
  }
}
.header-info > div:last-child {
  padding-right: 0;
  border: none;
  margin: 0;
}
.header-info .font-13-bold small {
  font-size: 0.75em;
  font-weight: normal;
  display: block;
  line-height: 0.675em;
}

.flex-end-header {
  display: inline-flex;
  align-self: center;
  height: max-content;
  /* border: #DEDEDE; */
  border-radius: 4px;
}
.flex-end-header .button:disabled {
  color: #707070;
}
.flex-end-header.active, .flex-end-header.green {
  background-color: #3cae71;
}
.flex-end-header.active .button, .flex-end-header.green .button {
  color: #3cae71;
}
.flex-end-header a {
  color: #fff;
  padding: 0 20px 0 0;
}

.plan-layout {
  font-family: Arial, Helvetica, sans-serif;
  color: #707070;
  max-width: 1366px;
  padding: 5px 25px 0 0;
  box-sizing: border-box;
  margin: 0 auto;
  display: flex;
  flex-flow: row-reverse;
  min-height: calc(100vh - 50px);
}
@media screen and (max-width: 768px) {
  .plan-layout {
    flex-flow: column;
  }
}
.plan-layout > div:first-child {
  flex: 0 0 320px;
}
@media screen and (max-width: 768px) {
  .plan-layout > div:first-child {
    flex-basis: auto;
  }
}
.plan-layout .flex-end-header {
  position: relative;
}
.plan-layout p {
  font-size: unset;
}
.plan-layout .plan-red {
  color: #f21e1e !important;
  border-color: #f21e1e !important;
}
.plan-layout .plan-green {
  color: #3bae71;
}
.plan-layout .plan-light-grey {
  color: #b8b8b8;
}
.plan-layout .plan-white {
  color: white;
}
.plan-layout .font-10-regular {
  font-size: 10px;
  font-weight: unset;
  margin-bottom: 5px;
}
.plan-layout .font-11-regular {
  font-size: 11px;
  font-weight: unset;
  margin-bottom: 3px;
}
.plan-layout .font-12-regular {
  font-size: 12px;
  font-weight: unset;
  margin-bottom: 3px;
}
.plan-layout .font-12-bold {
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 3px;
}
.plan-layout .font-13-regular {
  font-size: 13px;
  font-weight: unset;
  margin-bottom: 3px;
}
.plan-layout .font-14-regular {
  font-size: 14px;
  font-weight: unset;
  margin-bottom: 3px;
}
.plan-layout .font-14-bold {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 3px;
}
.plan-layout .font-16-bold {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 3px;
}
.plan-layout .font-18-regular {
  font-size: 18px;
  font-weight: unset;
  margin-bottom: 5px;
}
.plan-layout .border-bottom-light-grey {
  border-bottom: #E9E9E9 solid 1px;
  margin-top: 5px;
}
.plan-layout .border-bottom-light-grey .details-holder {
  margin-top: 30px;
  display: flex;
}
.plan-layout .border-bottom-light-grey .details-holder p {
  align-self: flex-end;
  cursor: pointer;
  margin-bottom: 20px;
}
.plan-layout .plan-format-value-labels {
  margin-right: 10px;
}
.plan-layout .plan-format-value-labels p {
  white-space: nowrap;
}
.plan-layout .plan-format-value {
  margin-left: 10px;
}
.plan-layout .plan-format-item-value {
  display: grid;
  grid-template-columns: 1fr 3fr;
}
.plan-layout .plan-format-item-value a {
  white-space: nowrap;
}

.headerplan-buttons-layout {
  display: flex;
  justify-content: space-between;
}
.headerplan-buttons-layout .button {
  margin: 10px 0;
}
.headerplan-buttons-layout .button:not(:disabled) {
  box-shadow: 0 1px 3px rgba(112, 112, 112, 0.3);
}
.headerplan-buttons-layout .button + .button {
  margin-left: 10px;
}
.headerplan-buttons-layout .headerplan-button {
  background-color: white;
  border-radius: 4px;
  border: 1px solid #dbdbdb;
  padding: 10px;
  margin: 20px 0;
  font-size: 16px;
  font-weight: bold;
  display: flex;
  justify-content: space-evenly;
  width: 360px;
  cursor: pointer;
}
.headerplan-buttons-layout .headerplan-button .headerplan-align-right {
  width: 100%;
  text-align: right;
  margin: 0 80px;
}
.headerplan-buttons-layout .headerplan-button .headerplan-align-left {
  width: 100%;
  text-align: left;
  margin: 0 80px;
}
.headerplan-buttons-layout .headerplan-button.green {
  background-color: #3bae71;
  color: white;
}
.headerplan-buttons-layout.min-size {
  padding: 0;
}

.min-size + .headerplan-content-layout {
  padding: 10px 40px;
}
.min-size + .headerplan-content-layout .min-hide {
  display: none;
}
.min-size + .headerplan-content-layout .min-show {
  display: block;
}

.send-to-cart {
  display: inline-flex;
  background-color: #3cae71;
  box-shadow: 0 1px 3px rgba(112, 112, 112, 0.3) !important;
  border-radius: 4px;
  padding: 10px 20px;
  cursor: pointer;
  transition: 0.3s all;
  color: #fff;
  flex-wrap: wrap;
  align-items: center;
  width: 300px;
  box-sizing: border-box;
  justify-content: space-between;
}
.send-to-cart.tour-target-element-active {
  z-index: 104 !important;
  filter: grayscale(0) !important;
}
@media screen and (max-width: 768px) {
  .send-to-cart {
    width: calc(100vw - 50px);
    margin: 0;
    position: fixed;
    z-index: 99;
    top: 95px;
  }
  .send-to-cart.tour-plan-config {
    top: 30px;
    position: absolute;
    z-index: auto;
  }
}
.send-to-cart.disabled {
  filter: grayscale(1);
}
.send-to-cart h4 {
  padding: 0 0 0 10px;
  font-weight: bold;
  display: flex;
}

.headerplan-content-layout {
  background-color: white;
  border-radius: 3px;
  padding: 10px 15px;
  box-shadow: 0 1px 3px rgba(112, 112, 112, 0.3);
  margin-top: 15px;
}
@media screen and (max-width: 768px) {
  .headerplan-content-layout {
    width: calc(100% - 25px);
    margin-top: 30px;
    margin-bottom: 15px;
  }
}
.headerplan-content-layout > * {
  padding-right: 15px;
}
.headerplan-content-layout .min-show {
  display: none;
}
.headerplan-content-layout.min-size {
  padding: 10px 40px;
}
.headerplan-content-layout.min-size .min-hide {
  display: none;
}
.headerplan-content-layout.min-size .min-show {
  display: block;
}

.modal-plans-layout {
  width: 100%;
  margin: 40px 0;
}
.modal-plans-layout .modal-plans-title {
  display: flex;
  justify-content: space-between;
}
.modal-plans-layout .modal-plan {
  border-radius: 7px;
  padding: 8px 25px;
  border: 1px solid #c4c4c4;
}
.modal-plans-layout .modal-plan.active {
  color: white;
  background-color: #fb6d55;
  border: unset;
  margin-bottom: 30px;
  min-height: 60px;
}
.modal-plans-layout .grid-delete {
  display: grid;
  grid-template-columns: 30px 1fr;
}
.modal-plans-layout .grid-edit {
  display: grid;
  grid-template-columns: 1fr 30px;
}
.modal-plans-layout hr {
  border: none;
  border-bottom: 1px solid #eee;
  height: 0;
}

.class-cdm .modal-plans-layout .modal-plan.active {
  background-color: #5878A7;
}

.headerplan-toolbar-layout {
  color: #7d7d7d;
  display: flex;
  justify-content: space-between;
  position: fixed;
  left: 25px;
  width: calc(100vw - 60px);
  background: linear-gradient(180deg, #fafafa, #fafafa, rgba(250, 250, 250, 0));
  z-index: 98;
  top: 60px;
}
@media screen and (min-width: 769px) {
  .headerplan-toolbar-layout.tour-plan-config {
    top: -10px;
    position: absolute;
    z-index: auto;
    width: calc(100vw - 50px);
    padding-right: 25px;
    padding-left: 25px;
    transform: translateX(calc(-100% + 320px));
  }
}
@media screen and (max-width: 768px) {
  .headerplan-toolbar-layout {
    flex-flow: column;
    font-size: 0.83em;
    width: 100%;
    margin: 0 -20px;
    position: fixed;
    padding: 0 10px;
    background: #fafafa;
    top: 60px;
    width: calc(100vw - 30px);
  }
  .headerplan-toolbar-layout.tour-plan-config {
    top: -10px;
    position: absolute;
    z-index: auto;
    margin-left: -45px;
  }
}
.headerplan-toolbar-layout > div:first-child {
  max-width: 1366px;
  padding: 10px 0;
  box-sizing: border-box;
  margin: 0 auto;
}
@media screen and (min-width: 1400px) {
  .headerplan-toolbar-layout > div:first-child {
    padding: 10px 25px;
  }
}
@media screen and (min-width: 769px) {
  .headerplan-toolbar-layout > div:first-child.-campaign-tools {
    padding-right: 345px;
  }
  .headerplan-toolbar-layout > div:first-child.-campaign-tools a {
    flex: 1 1 50%;
  }
  .headerplan-toolbar-layout > div:first-child.-campaign-tools a.bordered {
    padding-right: 5px;
    border-right: 1px solid #d6d6d6;
    margin-right: 5px;
  }
  .headerplan-toolbar-layout > div:first-child.type-1 {
    padding-right: 0;
  }
  .headerplan-toolbar-layout > div:first-child.type-1 a:last-child {
    flex: 0 0 305px;
  }
  .headerplan-toolbar-layout > div:first-child.type-1 a:nth-child(4) {
    text-align: right;
    justify-content: flex-end;
  }
}
@media screen and (max-width: 768px) {
  .headerplan-toolbar-layout > div:first-child {
    width: calc(100vw - 50px);
    margin-left: 10px;
    padding: 0;
  }
  .headerplan-toolbar-layout > div:first-child.type-1 span {
    display: none;
  }
  .headerplan-toolbar-layout > div:first-child.type-1 span a {
    font-size: 1.25em;
  }
}
.headerplan-toolbar-layout > div:first-child a {
  flex: 0 0 33%;
  flex-basis: calc(33% - 20px);
  justify-content: center;
  text-align: center;
  font-size: 0.83em;
  padding: 5px;
}
@media screen and (max-width: 768px) {
  .headerplan-toolbar-layout > div:first-child a {
    flex: auto;
    flex-basis: auto;
    padding: 12px;
    font-size: 1.25em;
  }
}
.headerplan-toolbar-layout > div:first-child a.tour-target-element-active {
  background: #fafafa;
}
.headerplan-toolbar-layout > div:first-child a:first-child {
  justify-content: flex-start;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .headerplan-toolbar-layout > div:first-child a:first-child {
    text-align: center;
  }
}
.headerplan-toolbar-layout > div:first-child a:last-child {
  justify-content: flex-end;
  text-align: right;
}
@media screen and (max-width: 768px) {
  .headerplan-toolbar-layout > div:first-child a:last-child {
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .headerplan-toolbar-layout > div:first-child a {
    padding: 8px 0;
  }
}
.headerplan-toolbar-layout > div:first-child a:not(.disabled):hover {
  color: #4c4c4c;
  text-decoration: none;
}
.headerplan-toolbar-layout > div:first-child a span + i {
  margin-right: 0;
  margin-left: 3px;
}
.headerplan-toolbar-layout > div:first-child a.disabled {
  opacity: 0.5;
}
.headerplan-toolbar-layout > div:first-child a i {
  margin-right: 3px;
}
.headerplan-toolbar-layout .header-input {
  padding-left: 20px;
  height: 30px;
  min-width: 300px;
  position: relative;
  z-index: 0;
}
.headerplan-toolbar-layout i {
  z-index: 1;
  position: relative;
}

.modal-delete-layout {
  display: grid;
  grid-template-columns: 50% 50%;
  min-width: 350px;
}
.modal-delete-layout .delete-icon-placeholder {
  min-height: 130px;
  font-size: 80px;
  display: flex;
  align-items: flex-end;
}

.modal-edit-layout {
  min-width: 100%;
}

.headerplan-plans-layout {
  text-align: left;
}

.plan-filter {
  display: inline-flex;
  align-items: center;
  padding: 5px 0;
  position: relative;
  display: none;
}
.plan-filter i {
  position: absolute;
}
.plan-filter input {
  background: none;
}
.plan-filter p {
  text-align: end;
  width: auto;
  display: flex;
  /* right: 0; */
  position: absolute;
  background: #4c4c4c;
  padding: 3px;
  color: #fff;
  top: 43px;
  border-radius: 3px;
  padding: 5px 8px;
  animation: autoHide 0s ease-in 10s forwards;
}
.plan-filter p:after {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(76, 76, 76, 0);
  border-bottom-color: #4c4c4c;
  border-width: 6px;
  margin-left: -6px;
}

.grouped-item {
  background-color: white;
  display: grid;
  border-radius: 3px;
  grid-template-columns: 30px 5fr 1fr 3fr 3fr;
  padding: 5px 15px;
  border: 1px solid #eaeaea;
  margin-bottom: 20px;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  transition: 0.3s all;
}
@media screen and (max-width: 768px) {
  .grouped-item {
    display: flex;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 768px) {
  .grouped-item .part-publisher {
    display: flex;
    flex-wrap: wrap;
    flex-basis: calc(100% - 60px);
  }
}
@media screen and (max-width: 768px) {
  .grouped-item .part-format {
    order: 2;
    flex: 1 1 30%;
  }
}
@media screen and (max-width: 768px) {
  .grouped-item .part-status {
    justify-content: center;
    order: 4;
  }
  .grouped-item .part-status p:first-child {
    display: none;
  }
}
@media screen and (min-width: 768.1px) {
  .grouped-item .part-subtotal {
    display: grid;
    grid-template-columns: 4fr 6fr 1fr;
  }
}
@media screen and (max-width: 768px) {
  .grouped-item .part-subtotal {
    order: 3;
    flex-basis: 50%;
  }
}
.grouped-item.open {
  border: none;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
}
.grouped-item .sub-itens-expand {
  font-size: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #b8b8b8;
}
.grouped-item .sub-itens-expand:first-child {
  justify-content: flex-start;
}
.grouped-item.sucess {
  border-top: #bed9ac solid 3px;
}
.grouped-item.error {
  border-top: rgba(243, 58, 58, 0.25) solid 3px;
}
.grouped-item + div {
  border: 1px solid #eaeaea;
  margin: -23px 0 20px;
  border-radius: 0 0 3px 3px;
  background: white;
}

@media screen and (max-width: 768px) {
  .media-subItems .plan-format-item:first-child {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .media-subItems .plan-format-item {
    display: flex;
    flex-wrap: wrap;
  }
  .media-subItems .plan-format-item > div:nth-child(4) {
    flex: 0 0 100%;
  }
}

.plan-calculator {
  margin-top: 15px;
}
.plan-calculator p {
  font-size: 0.83em;
  line-height: 1.5em;
  display: flex;
}
.plan-calculator p span {
  width: 40%;
}
.plan-calculator p:last-child {
  font-weight: bold;
  color: #4c4c4c;
}

.plan-format-item {
  display: grid;
  grid-template-columns: 30px 1fr 1fr 1fr 1fr;
  padding: 0 15px 10px;
}
.plan-format-item .description-text {
  max-height: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-align: justify;
}
.plan-format-item:first-of-type {
  color: #afb1b7;
}
.plan-format-item > div:first-child {
  padding-right: 0;
  flex: 0 0 40px;
}
.plan-format-item > div:nth-child(2) {
  flex: 0 0 100%;
  flex-basis: calc(100% - 40px);
  padding-right: 0;
  padding-top: 6px;
}
.plan-format-item:last-child {
  padding-bottom: 3px;
}
.plan-format-item:last-child .border-bottom-light-grey {
  border-bottom: none;
}
.plan-format-item > * {
  padding-right: 15px;
}
.plan-format-item .checkbox-input input {
  min-width: 18px;
}
.plan-format-item .button {
  margin: 0 0 10px;
}
.plan-format-item .button-calendar {
  background-color: #FB6D55;
  color: white;
  width: 60%;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  padding-top: 5px;
}
.plan-format-item .button-calendar.selected {
  background-color: white;
  color: #3bae71;
  border: #3bae71 1px solid;
}

.landing-wrapper {
  position: relative;
  max-width: 320px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .landing-wrapper {
    display: flex;
    flex-flow: column-reverse;
    max-width: auto;
  }
}

.landing {
  width: 320px;
  box-sizing: border-box;
  padding: 0 0 0 20px;
  position: fixed;
  z-index: 99;
  top: 105px;
}
.landing.landing-absolute-desk {
  top: 40px;
  z-index: auto;
  position: absolute;
}
@media screen and (max-width: 768px) {
  .landing {
    position: static;
    z-index: auto;
    padding: 75px 0 0;
    width: 100%;
  }
  .landing.empty-plan {
    padding-top: 0;
  }
  .landing.active-modal {
    z-index: 100;
  }
}

.body-plan {
  padding-bottom: 40px;
  flex: 1 1 100%;
  padding-top: 40px;
}
@media screen and (max-width: 768px) {
  .body-plan {
    padding-top: 0;
  }
}
.body-plan .empty-return {
  width: 100%;
  background: none;
}
.body-plan.min-size {
  padding-top: 160px;
}

.calendar-format-info-layout {
  display: flex;
  flex-flow: column;
  min-width: 200px;
  padding: 10px;
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.calendar-format-info-layout .disabled {
  opacity: 0.25;
  cursor: not-allowed;
}
.calendar-format-info-layout .info-title {
  margin-top: 30px;
}
.calendar-format-info-layout .info-column {
  display: grid;
  grid-template-rows: 15% 1fr;
  padding-bottom: 20px;
  border-bottom: 1px solid #d6d6d6;
  padding-bottom: 5px;
  margin-bottom: 10px;
}
.calendar-format-info-layout .info-column .quality-holder {
  margin: 10px 0;
  display: flex;
  align-items: flex-end;
}
.calendar-format-info-layout .info-column p {
  padding: 0 !important;
}
.calendar-format-info-layout .info-column:last-child {
  margin-bottom: 0;
  border-bottom: 0;
}
.calendar-format-info-layout .info-column.bottom-right {
  border-width: 0px 1px 1px 0px;
}
.calendar-format-info-layout .info-column.bottom {
  border-width: 0px 0px 1px 0px;
}
.calendar-module {
  background: #fff;
  margin: 0 15px;
  border: 1px solid #e6e6e6;
  border-radius: 3px;
}
@media screen and (max-width: 768px) {
  .calendar-module {
    width: 100%;
    margin: 15px 0;
    height: 400px;
    overflow: hidden;
  }
}

.calendar-body-layout {
  display: flex;
  padding: 15px 0;
}
@media screen and (max-width: 768px) {
  .calendar-body-layout {
    flex-wrap: wrap;
  }
}
.calendar-body-layout .calendar-rules-layout {
  display: grid;
  grid-template-rows: auto auto auto auto;
  font-size: 0.75em;
  min-width: 330px;
  background: #fff;
  padding: 10px;
  border: 1px solid #e6e6e6;
  border-radius: 3px;
}
@media screen and (max-width: 768px) {
  .calendar-body-layout .calendar-rules-layout {
    min-width: auto;
    width: 100%;
  }
}
@media screen and (min-width: 769px) {
  .calendar-body-layout .calendar-rules-layout {
    font-size: 0.83em;
  }
}
.calendar-body-layout .calendar-rules-layout .p-20 {
  padding: 5px 0;
}
.calendar-body-layout .calendar-rules-layout .calendar-day-buttons-container {
  margin: 20px 0 0 0;
  max-width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .calendar-body-layout .calendar-rules-layout .calendar-day-buttons-container {
    display: inline-block;
    text-align: center;
    margin: 0;
  }
  .calendar-body-layout .calendar-rules-layout .calendar-day-buttons-container .calendar-day-button {
    margin: 5px 2.5px 0;
  }
  .calendar-body-layout .calendar-rules-layout .calendar-day-buttons-container.calendar-year-range .calendar-day-button {
    width: 20%;
    margin: 0 0 3px 0;
  }
}
.calendar-body-layout .calendar-rules-layout .calendar-day-buttons-container .calendar-day-button {
  padding: 5px 8px;
  border-radius: 4px;
  display: inline-block;
  cursor: pointer;
  text-align: center;
  margin-right: 3px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .calendar-body-layout .calendar-rules-layout .calendar-day-buttons-container .calendar-day-button {
    font-size: 0.83em;
    padding: 5px 7px;
  }
}
.calendar-body-layout .calendar-rules-layout .calendar-day-buttons-container .year-tag {
  color: #fb6d55;
  height: 45px;
  width: 1px;
  background: #ccc;
  margin-bottom: 0px;
  margin-top: -15px;
}
.calendar-body-layout .calendar-rules-layout .calendar-day-buttons-container .year-tag span {
  position: absolute;
  padding-left: 15px;
}
@media screen and (max-width: 768px) {
  .calendar-body-layout .calendar-rules-layout .calendar-day-buttons-container .year-tag span {
    margin-top: -12px;
  }
}
.calendar-body-layout .calendar-rules-layout .calendar-day-buttons-container .year-tag.year-tag-fix {
  width: 0;
}
.calendar-body-layout .calendar-header {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  text-align: center;
  width: 485px;
  margin: 0 0 0 22px;
  grid-column-gap: 5px;
  color: #707070;
  padding: 5px 0;
  border-bottom: 1px solid #c6c6c6;
}
@media screen and (max-width: 768px) {
  .calendar-body-layout .calendar-header {
    width: calc(100vw - 106px);
    margin: 0 2px;
    border: none;
    box-shadow: 0 1px 2px rgba(50, 50, 50, 0.1);
  }
}
.calendar-body-layout .calendar-display-layout {
  overflow-y: overlay;
  overflow-x: hidden;
  max-height: 400px;
  min-width: 500px;
  border-bottom: 1px solid #eee;
  margin: 0 20px;
}
@media screen and (max-width: 768px) {
  .calendar-body-layout .calendar-display-layout {
    max-height: 300px;
    width: calc(100vw - 92px);
    min-width: calc(100vw - 92px);
    margin: 0;
  }
}
.calendar-body-layout .calendar-display-layout .calendar-month-frame {
  width: 100%;
  max-width: 500px;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.calendar-body-layout .calendar-display-layout .calendar-month-frame .calendar-day-frame {
  width: 66px;
  height: 66px;
  border: 1px solid transparent;
  margin: 1px;
  box-shadow: none;
  box-shadow: inset 0 0 0 1px #e6e6e6;
}
@media screen and (max-width: 768px) {
  .calendar-body-layout .calendar-display-layout .calendar-month-frame .calendar-day-frame {
    width: 35px;
    height: 50px;
  }
}
.calendar-body-layout .calendar-display-layout .calendar-month-frame .calendar-day-frame .head {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .calendar-body-layout .calendar-display-layout .calendar-month-frame .calendar-day-frame .head {
    font-size: 0.75em;
  }
}
.calendar-body-layout .calendar-display-layout .calendar-month-frame .calendar-day-frame .head .m-4 {
  margin: 4px;
}
.calendar-body-layout .calendar-display-layout .calendar-month-frame .calendar-day-frame .head .m-4.is-today {
  color: #fff;
  display: flex;
  border-radius: 10px;
  width: 18px;
  height: 18px;
  align-items: center;
  align-content: center;
  justify-content: center;
  padding: 2px;
  font-weight: bold;
  color: #4c4c4c;
}
.calendar-body-layout .calendar-display-layout .calendar-month-frame .calendar-day-frame .head .m-4 + .m-4 {
  margin: 3px;
  font-size: 0.75em;
}
.calendar-body-layout .calendar-display-layout .calendar-month-frame .calendar-day-frame .input-quantity {
  display: flex;
  justify-content: center;
  flex-flow: column;
}
.calendar-body-layout .calendar-display-layout .calendar-month-frame .calendar-day-frame input {
  width: 64px;
  background-color: transparent;
  color: white;
  text-align: center;
  border: none;
  box-shadow: none;
}
@media screen and (max-width: 768px) {
  .calendar-body-layout .calendar-display-layout .calendar-month-frame .calendar-day-frame input {
    width: 35px;
    font-size: 0.7em;
  }
}
.calendar-body-layout .calendar-display-layout .calendar-month-frame .calendar-day-frame input[type=number]::-webkit-inner-spin-button,
.calendar-body-layout .calendar-display-layout .calendar-month-frame .calendar-day-frame input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.calendar-body-layout .calendar-display-layout .calendar-month-frame .calendar-day-frame.borderless {
  border: white solid 1px;
  box-shadow: 0 0 0 #fff;
  position: relative;
  z-index: 1;
  background: #fff;
}
.calendar-body-layout .calendar-display-layout .calendar-month-frame .day-active {
  background-color: #fb6d55;
  color: white;
}
.calendar-body-layout .calendar-display-layout .calendar-month-frame .day-publish {
  display: grid;
  grid-template-rows: 30% 70%;
  background-color: #fb6d55;
  color: #fff;
  box-shadow: inset 0 0 0 1px transparent;
  z-index: 1;
  position: relative;
  border-radius: 5px;
}
.calendar-body-layout .calendar-display-layout .calendar-month-frame .day-publish select {
  color: #fff;
  box-shadow: none;
  background-image: url(/dist/images/arrow-down-white.svg);
  background-size: 42px 34px;
  text-align: center;
  display: block;
  height: 100%;
  text-align-last: center;
  padding: 0 20px 0 10px;
}
.calendar-body-layout .calendar-display-layout .calendar-month-frame .day-disabled {
  color: #c4c4c4;
  background-color: #e6e6e6;
  z-index: 1;
}
.calendar-body-layout .calendar-display-layout .calendar-month-frame .day-past:not(.day-disabled) {
  box-shadow: inset 0 0 0 1px #f33a3a;
  position: relative;
}
.calendar-body-layout .calendar-display-layout .calendar-month-frame .day-past:not(.day-disabled):after {
  content: "!";
  color: #f33a3a;
  top: 3px;
  right: 3px;
  position: absolute;
}
.calendar-body-layout .calendar-display-layout .calendar-month-frame .day-publish-periodicity {
  color: rgba(255, 255, 255, 0.75) !important;
  border-color: transparent;
  position: relative;
  z-index: 0;
  border-radius: 0 5px 5px 0;
}
.calendar-body-layout .calendar-display-layout .calendar-month-frame .calendar-year-mark {
  width: 100%;
  height: 30px;
  font-weight: bold;
  text-align: center;
  color: #707070;
  background-color: #f7f5f5;
}
.calendar-body-layout .calendar-orange-button {
  border-radius: 3px;
  color: white;
  background-color: #fb6d55;
  border: #fb6d55 1px solid;
  padding: 6px;
  font-weight: bold;
}
.calendar-body-layout .calendar-display-layout::-webkit-scrollbar-thumb {
  background: #fb6d55;
}
.calendar-body-layout .calendar-display-layout::-webkit-scrollbar-track {
  background-color: #f7f5f5;
}
.calendar-body-layout .disabled {
  border: #e6e6e6 solid 1px;
  color: #e6e6e6;
  cursor: unset;
}
.calendar-body-layout .enabled {
  border: 1px solid #fb6d55;
  color: #fb6d55;
  cursor: pointer;
}
.calendar-body-layout .selected {
  border: #fb6d55 solid 1px !important;
  color: white !important;
  background-color: #fb6d55;
  cursor: pointer;
}
.calendar-body-layout .month-days-container {
  display: flex;
  flex-wrap: wrap;
  padding-top: 5px;
  max-width: 460px;
  justify-content: stretch;
  margin: 0 0 0 -5px;
}
.calendar-body-layout .month-days-container .calendar-start-day {
  border: #b8b8b8 solid 1px;
  color: #707070;
  margin: 2px 0 3px 5px;
  text-align: center;
  border-radius: 4px;
  cursor: pointer;
  padding: 0 5px;
}
.calendar-body-layout .container-button-period {
  padding: 20px 0;
}
.calendar-body-layout .container-button-period .period-button {
  margin-right: 5px;
  padding: 5px;
  border-radius: 4px;
  border: #fb6d55 solid 1px;
  color: #fb6d55;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .calendar-body-layout .container-button-period .period-button {
    display: inline-block;
    margin-bottom: 5px;
  }
}
.calendar-body-layout .container-input {
  display: inline-flex;
  width: 100%;
}
.calendar-body-layout .container-input div {
  display: flex;
  justify-items: center;
}
.calendar-body-layout .container-input p {
  align-self: center;
  margin-left: 5px;
}

.class-cdm .calendar-body-layout .enabled, .class-cdm .calendar-body-layout .container-button-period .period-button {
  border-color: #5878A7;
  color: #5878A7;
}

.copy-modal-frame h3 {
  padding-bottom: 20px;
}
.copy-modal-frame .radio-frame {
  padding-bottom: 30px;
}
.copy-modal-frame .radio-frame .radio-group {
  display: flex;
  align-items: center;
  margin: 5px 0;
}
.copy-modal-frame .radio-frame .radio-group input {
  margin: 0 5px;
}
.copy-modal-frame .select-frame {
  padding-bottom: 50px;
}
.copy-modal-frame .select-frame select {
  border: #c4c4c4 1px solid;
  border-radius: 4px;
  margin-top: 10px;
  max-height: 27px;
  box-shadow: unset;
}

.modal-locations-frame {
  min-width: 600px;
}
.modal-locations-frame .title-frame {
  padding: 20px;
  text-align: center;
}
.modal-locations-frame .list-frame {
  overflow-y: auto;
  max-height: 400px;
  padding: 20px;
}

@-webkit-keyframes flip-horizontal-bottom {
  0% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
  100% {
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg);
  }
}
@keyframes flip-horizontal-bottom {
  0% {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
  }
  100% {
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg);
  }
}
@keyframes autoHide {
  to {
    opacity: 0;
    display: none;
  }
}
@-webkit-keyframes autoHide {
  to {
    opacity: 0;
    display: none;
  }
}
.flip-horizontal-bottom {
  -webkit-animation: flip-horizontal-bottom 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
  animation: flip-horizontal-bottom 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
}

.payment-method-selector {
  display: flex;
  width: 100%;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .payment-method-selector {
    flex-wrap: wrap;
  }
}
.payment-method-selector button {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  color: #707070;
  border: 1px solid #D2D2D2;
  font-size: 13px;
  font-weight: bold;
  border-radius: 3px;
  height: 30px;
  flex: 1;
  outline: none;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 768px) {
  .payment-method-selector button {
    margin-bottom: 5px;
    flex: 0 0 100%;
  }
}
.payment-method-selector button i {
  margin-right: 10px;
  font-size: 17px;
}
.payment-method-selector button.selected {
  background-color: #fb6d55;
  border-color: #fb6d55;
  color: #fff;
}
.payment-method-selector button.selected:hover {
  background-color: #f26240;
  border-color: #f26240;
}
.payment-method-selector button:disabled {
  opacity: 0.9;
  color: #d2d2d2;
  cursor: not-allowed;
}
.payment-method-selector button:not(.selected):hover {
  background-color: #f5f5f5;
}
.payment-method-selector button ~ button {
  margin-left: 10px;
}
@media screen and (max-width: 768px) {
  .payment-method-selector button ~ button {
    margin-left: 0;
  }
}

.payment-form {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.payment-form > div:nth-of-type(2) {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}

.credit-card-payment {
  display: flex;
  width: 100%;
  flex-direction: column;
}
.credit-card-payment .cc-row {
  display: flex;
  width: 100%;
  align-items: flex-start;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .credit-card-payment .cc-row {
    flex-wrap: wrap;
    margin: 0;
  }
}
.credit-card-payment .cc-row .cc-col {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex: 1;
  margin-right: 20px;
  flex: 1 1 50%;
}
@media screen and (max-width: 768px) {
  .credit-card-payment .cc-row .cc-col {
    flex: 0 0 100%;
    margin-right: 0;
    margin-top: 15px;
  }
}
.credit-card-payment .cc-row .cc-col:last-child {
  margin-right: 0;
}
.credit-card-payment .cc-row .cc-col .cc-row {
  margin-top: 0;
}
.credit-card-payment .cc-row .cc-col input::-webkit-input-placeholder {
  color: #909090;
  font-size: 13px;
}
.credit-card-payment .cc-row.first-row .cc-col:nth-of-type(1) {
  flex: 1 1 60%;
}
.credit-card-payment .cc-row.first-row .cc-col:nth-of-type(2) {
  flex: 1 1 40%;
}
.credit-card-payment .input-component {
  width: 100%;
}
.credit-card-payment .select-box {
  width: 100% !important;
}
.credit-card-payment .installment {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
}
.credit-card-payment .installment > div:nth-of-type(1) {
  padding-bottom: 10px;
}
.credit-card-payment .installment > div:nth-of-type(2) {
  border-radius: 4px;
}
.credit-card-payment .cc-form-label {
  font-size: 13px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 15px;
}
@media screen and (max-width: 768px) {
  .credit-card-payment .cc-form-label {
    height: auto;
  }
}
.credit-card-payment .cc-form-label div {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: flex-end;
}
.credit-card-payment .cc-form-label .cc-brand-icon {
  filter: grayscale(1);
  padding: 2px;
  opacity: 0.5;
  transition: 0.5s all;
}
.credit-card-payment .cc-form-label .cc-brand-icon.selected {
  filter: none;
  border-radius: 4px;
  opacity: 1;
}
.credit-card-payment .cc-form-label .cc-brand-icon.unselected {
  opacity: 0.25;
}

.bank-slip-payment {
  display: flex;
  width: 100%;
  flex-direction: column;
}

.file-ballon .transfer-file {
  width: 700px;
  padding: 20px;
  border: 1px solid #eaeaea;
}

.bank-transfer-payment {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.bank-transfer-payment .available-banks {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  align-content: flex-start;
  flex-wrap: wrap;
  margin-top: 15px;
}
.bank-transfer-payment .available-banks .bank {
  flex: 1;
  border: 1px solid #F2F2F2;
  margin: 5px 5px 5px 0;
  padding: 20px;
}
.bank-transfer-payment .available-banks .bank:last-child {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .bank-transfer-payment .available-banks .bank:last-child {
    margin: 5px 0;
  }
}
@media screen and (max-width: 768px) {
  .bank-transfer-payment .available-banks .bank {
    margin: 5px 0;
  }
}
.bank-transfer-payment .available-banks .bank > div:nth-of-type(1) {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.bank-transfer-payment .available-banks .bank > div:nth-of-type(1) img {
  margin-right: 10px;
}
.bank-transfer-payment .available-banks .bank > div:nth-of-type(1) h5 {
  font-weight: bold;
}
.bank-transfer-payment .available-banks .bank > div:nth-of-type(2) {
  margin-top: 10px;
}
.bank-transfer-payment .available-banks .bank > div:nth-of-type(2) p {
  padding: 0;
}
.bank-transfer-payment .available-banks .bank > div:nth-of-type(2) p span {
  font-weight: bold;
}
.bank-transfer-payment .payment-voucher {
  margin-top: 15px;
  display: flex;
  flex-direction: column;
  color: #474747;
  width: 100%;
}
.bank-transfer-payment .payment-voucher h4 {
  font-weight: bold;
  font-size: 13px;
  margin-bottom: 10px;
}
.bank-transfer-payment .payment-voucher div:nth-of-type(2) {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-top: 10px;
}

.payment-button-container {
  display: flex;
  justify-content: flex-end;
  margin: 0;
  width: 100%;
}
.payment-button-container button {
  margin: 0 !important;
  border: none;
  color: #fff;
  font-weight: 700;
  padding: 10px 40px;
  border-radius: 4px;
  font-size: 14px;
  outline: 0;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .payment-button-container button {
    display: block;
    width: 100%;
    margin: 30px 0 0 0 !important;
  }
}

.billing-address-component {
  display: flex;
  flex-direction: column;
  margin-top: 40px;
  width: 100%;
}
.billing-address-component .billing-address-header {
  display: flex;
  height: fit-content;
  align-items: center;
  justify-content: space-between;
}
.billing-address-component .billing-address-header h3 {
  margin: 0;
}
.billing-address-component .billing-address-header button {
  margin: 0 0 10px 0;
  background-color: transparent;
  outline: none;
  border: none;
  color: #fb6d55;
  display: flex;
  align-items: center;
  font-weight: bold;
}
.billing-address-component .billing-address-body {
  display: flex;
  margin-top: 15px;
  flex-direction: column;
}
.billing-address-component .billing-address-body button {
  margin: 20px 0 0 0;
  background-color: #fff;
  outline: none;
  border: none;
  border-top: 1px solid #D2D2D2;
  color: #8F8F8F;
  padding: 15px 0 0 0;
  display: flex;
  justify-content: flex-start;
}
.billing-address-component .billing-address-body > div {
  display: flex;
  flex-wrap: wrap;
  max-width: 696px;
}
.billing-address-component .billing-address-body > div .address-card {
  display: flex;
  flex: 0 0 100%;
}
.billing-address-component .billing-address-body > div .address-card:nth-child(odd) {
  padding-right: 5px;
}
.billing-address-component .billing-address-body > div .address-card > div {
  margin: 5px 0;
  border: 1px solid #D2D2D2;
  border-radius: 5px;
  display: flex;
  padding: 10px;
  width: 100%;
  box-sizing: border-box;
  justify-content: space-between;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .billing-address-component .billing-address-body > div .address-card > div {
    flex: 0 0 100%;
  }
}
.billing-address-component .billing-address-body > div .address-card > div p {
  padding: 0;
  user-select: none;
}
.billing-address-component .billing-address-body > div .address-card > div i {
  font-size: 10px;
  cursor: pointer;
  padding: 5px;
  margin: 0 -5px 5px 5px;
  display: block;
}
.billing-address-component .billing-address-body > div .address-card > div i:hover {
  color: #4c4c4c;
}
.billing-address-component .billing-address-body > div .address-card > div input[type=radio] {
  padding: 0;
  margin: 0 10px 0 0;
  position: relative;
}
.billing-address-component .billing-address-body > div .address-card > div input[type=radio]::before {
  content: "";
  height: 100%;
  width: 100%;
  background-color: #fff;
  position: absolute;
  border-radius: 50%;
  border: 1px solid #D2D2D2;
  left: -1px;
  top: -1px;
  transition: 0.3s all;
}
.billing-address-component .billing-address-body > div .address-card > div input[type=radio]:checked::before {
  background-color: #fb6d55;
  border-color: #fb6d55;
}
.billing-address-component .billing-address-body > div .address-card > div:hover {
  background-color: #F5F5F5;
}
.billing-address-component .billing-address-body > div .address-card > div.selected {
  border-color: #fb6d55;
}

.payment-address-form .payment-address-form-label {
  font-size: 13px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 15px;
}
.payment-address-form .input-component {
  width: 100%;
}
.payment-address-form .input-component.error-field .cc-form-label, .payment-address-form .input-component.error-field label {
  color: #EB0400 !important;
}
.payment-address-form .input-component.error-field .under-line {
  background-color: #EB0400 !important;
}
.payment-address-form .select-box {
  width: 100% !important;
}
.payment-address-form .addr-row {
  display: flex;
  width: 100%;
  align-items: flex-start;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .payment-address-form .addr-row {
    margin-top: 0;
    flex-wrap: wrap;
  }
}
.payment-address-form .addr-row .addr-col {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex: 1;
}
@media screen and (max-width: 768px) {
  .payment-address-form .addr-row .addr-col {
    flex: 0 0 100%;
    margin-top: 15px;
  }
}
.payment-address-form .addr-row .addr-col:nth-of-type(1) {
  margin-right: 10px;
}
@media screen and (max-width: 768px) {
  .payment-address-form .addr-row .addr-col:nth-of-type(1) {
    margin-right: 0;
  }
}
.payment-address-form .addr-row .addr-col:nth-of-type(2) {
  margin-left: 10px;
}
@media screen and (max-width: 768px) {
  .payment-address-form .addr-row .addr-col:nth-of-type(2) {
    margin-left: 0;
  }
}
.payment-address-form .addr-row .addr-col .addr-row {
  margin-top: 0;
}
.payment-address-form .country-selector {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
}
.payment-address-form .country-selector > div:nth-of-type(1) {
  padding-bottom: 10px;
}
.payment-address-form .country-selector > div:nth-of-type(2) {
  border-radius: 4px;
}
.payment-address-form .addr-form-buttons {
  width: 100%;
  display: flex;
  align-items: flex-end !important;
  justify-content: flex-end !important;
  padding-bottom: 10px;
}
.payment-address-form .addr-form-buttons button {
  border: none;
  outline: none;
  font-size: 13px;
  margin: 0;
}
.payment-address-form .addr-form-buttons button:nth-of-type(1) {
  background-color: transparent;
  color: #8F8F8F;
  padding: 4px 10px;
}
.payment-address-form .addr-form-buttons button:nth-of-type(2) {
  color: #fb6d55;
  border: 1px solid #fb6d55;
  padding: 4px 10px;
  border-radius: 4px;
  background-color: #fff;
  margin-left: 20px;
}

.transfer-file {
  background: #fff;
  padding: 0 0 20px 0;
  border-radius: 5px;
  width: 100%;
  box-sizing: border-box;
  max-width: 700px;
}
@media screen and (max-width: 768px) {
  .transfer-file > div {
    flex-wrap: wrap;
  }
}
.transfer-file h3 {
  padding: 0 0 15px 0;
  font-size: 0.83em;
}
.transfer-file .expand-link {
  padding: 10px;
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  .transfer-file .upload-specifications {
    flex: 0 0 100% !important;
  }
}
.transfer-file .upload-specifications .expand-link,
.transfer-file .upload-specifications h3,
.transfer-file .upload-specifications h3 + div {
  display: none;
}
.transfer-file em {
  font-style: italic;
  font-weight: bold;
  color: #d2d2d2;
  font-size: 0.83em;
}
.transfer-file .upload-area {
  flex: 1;
  background-color: #F8F8F8;
  border: 1px dashed #D2D2D2;
  color: #8f8f8f;
  border-radius: 4px;
  position: relative;
  height: 100px;
  cursor: pointer;
}
.transfer-file .upload-area:first-child:last-child {
  flex: 0 0 100%;
}
.transfer-file .upload-area > div {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  justify-content: center;
  align-items: center;
  font-size: 13px;
  text-align: center;
}
.transfer-file .upload-area > div input[type=file] {
  position: absolute;
  height: 100%;
  width: 100%;
  cursor: pointer;
}
.transfer-file .upload-area i {
  font-size: 1.6em;
  margin-bottom: 10px;
}
.transfer-file .upload-area p {
  display: block;
}
.transfer-file .upload-status {
  display: flex;
  flex-direction: column;
  margin: 0;
  max-width: 50%;
  border-left: 1px solid #F2F2F2;
  flex: 0 0 50%;
}
.transfer-file .upload-status:first-child:last-child {
  flex: 0 0 100%;
  border-left: none;
}
@media screen and (max-width: 768px) {
  .transfer-file .upload-status {
    max-width: 100%;
    flex: 0 0 100%;
    border-left: none;
  }
}
.transfer-file .upload-status i {
  color: #D2D2D2;
  font-size: 31px;
  margin-bottom: 10px;
}
.transfer-file .upload-status p {
  display: flex;
  justify-content: space-between;
  color: #8f8f8f;
  width: 100%;
}
.transfer-file .upload-status .progress-info-container {
  height: 100%;
  width: 100%;
  margin: 0 20px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .transfer-file .upload-status .progress-info-container {
    margin: 0;
  }
}
.transfer-file .upload-status .progress-info-container h5 {
  font-weight: bold;
  font-size: 13px;
}
.transfer-file .upload-status .progress-info-container > div {
  display: flex;
  align-items: center;
  padding-top: 5px;
  padding-right: 15px;
}
@media screen and (max-width: 768px) {
  .transfer-file .upload-status .progress-info-container > div {
    padding-right: 0;
  }
}
.transfer-file .upload-status .progress-info-container > div i {
  height: 100%;
  font-size: 30px;
}
.transfer-file .upload-status .progress-info-container > div img {
  object-fit: scale-down;
  border: 1px solid #d8d8d8;
  padding: 3px 0;
  margin-top: 10px;
  cursor: pointer;
}
.transfer-file .upload-status .progress-info-container > div .file-data {
  display: flex;
  flex-direction: column;
  /* margin-left: 15px; */
  flex: 1 1 80%;
  padding-right: 5px;
  padding-left: 5px;
  max-width: calc(100% - 65px);
}
@media screen and (max-width: 768px) {
  .transfer-file .upload-status .progress-info-container > div .file-data {
    max-width: 50vw;
  }
}
.transfer-file .upload-status .progress-info-container > div .file-data .file-data-info .file-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.transfer-file .upload-status .progress-info-container > div .file-data .file-size {
  color: #8F8F8F;
  min-width: 40px;
  white-space: nowrap;
}
.transfer-file .upload-status .progress-info-container > div .file-data .progress-container {
  height: 5px;
  background-color: #f2f2f2;
  overflow: hidden;
  margin: 5px 0 0;
}
.transfer-file .upload-status .progress-info-container > div .file-data .progress-container .progress {
  height: 100%;
  background-color: #3bae71;
}
.transfer-file .upload-status:first-child {
  max-width: 100%;
  flex: 0 0 100%;
}

.progress-status-bar {
  display: flex;
  height: 60px;
  justify-content: space-between;
  position: relative;
  width: 100%;
  max-width: 320px;
  padding: 0 15px;
  box-sizing: border-box;
  flex-basis: calc(100% + 30px);
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .progress-status-bar {
    max-width: 100% !important;
  }
}
.progress-status-bar .progress-status-bar-item {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1 1 100%;
  position: relative;
}
.progress-status-bar .progress-status-bar-item > i {
  position: absolute;
  top: 0;
  color: #8f8f8f;
}
.progress-status-bar .progress-status-bar-item span {
  background: #fff;
  box-shadow: inset 0 0 0 2px #d2d2d2;
  width: 16px;
  height: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  border-radius: 8px;
  z-index: 1;
  transition: 0.3s all;
}
.progress-status-bar .progress-status-bar-item span i {
  color: #ffffff;
  opacity: 0;
  font-size: 0.5em;
  margin-top: 3px;
}
.progress-status-bar .progress-status-bar-item label {
  position: absolute;
  bottom: 0;
  text-align: center;
  color: #b4b4b4;
  font-weight: bold;
  font-size: 12px;
}
.progress-status-bar .progress-status-bar-item:after, .progress-status-bar .progress-status-bar-item:before {
  content: "";
  position: absolute;
  height: 2px;
  background: #d2d2d2;
  left: 50%;
  width: 100%;
}
.progress-status-bar .progress-status-bar-item:after {
  width: 0%;
}
.progress-status-bar .progress-status-bar-item:last-child:after, .progress-status-bar .progress-status-bar-item:last-child:before {
  display: none;
}
.progress-status-bar .current > i {
  color: #fb6d55;
}
.progress-status-bar .current span {
  background: #fb6d55;
  box-shadow: inset 0 0 0 0px #fb6d55;
}
.progress-status-bar .current label {
  color: #fb6d55;
}
.progress-status-bar .current:after {
  animation: animatebar 3s 1 ease;
  background: #fb6d55;
  width: 100%;
}
.progress-status-bar.completed > i,
.progress-status-bar .completed > i {
  color: #3bae71;
}
.progress-status-bar.completed span,
.progress-status-bar .completed span {
  background: #3bae71;
  box-shadow: inset 0 0 0 0px #3bae71;
}
.progress-status-bar.completed span i,
.progress-status-bar .completed span i {
  opacity: 1 !important;
}
.progress-status-bar.completed label,
.progress-status-bar .completed label {
  color: #3bae71;
}
.progress-status-bar.completed:after,
.progress-status-bar .completed:after {
  animation: animatebar 3s 1 ease;
  background: #3bae71;
  width: 100%;
}

.disabled-button {
  cursor: not-allowed;
}

.activated-button {
  color: #3bae71;
  border: 1px solid rgba(59, 174, 113, 0.7);
  padding: 5px 10px;
  border-radius: 3px;
  margin: 0 -10px;
  transition: 0.3s all;
  display: inline-block;
}
.activated-button:hover {
  border-color: #3bae71;
  color: #359b65;
}

.placement-module p {
  font-weight: bold;
}
.placement-module p + .flex-between {
  color: #707070;
  padding-top: 10px;
}
.placement-module .placement-progress {
  display: block;
  background: #f0f0f0;
  height: 6px;
  width: 100%;
  margin: 5px 0;
  border-radius: 3px;
  position: relative;
}
.placement-module .placement-progress div {
  position: absolute;
  top: 0;
  left: 0;
  background: #707070;
  border-radius: 3px;
  height: 6px;
}
.placement-module .placement-progress div.done {
  background-color: #3bae71;
}

.color-cinema {
  color: #f97b17;
}

.bg-cinema {
  background-color: #f97b17;
}

.color-jornal {
  color: #f9bb04;
}

.bg-jornal {
  background-color: #f9bb04;
}

.color-midiaexterior {
  color: #074d81;
}

.bg-midiaexterior {
  background-color: #074d81;
}

.color-online {
  color: #c068a8;
}

.bg-online {
  background-color: #c068a8;
}

.color-radio {
  color: #D6A800;
}

.bg-radio {
  background-color: #3fb1e7;
}

.color-revista {
  color: #DB7C00;
}

.bg-revista {
  background-color: #3fb1e7;
}

.color-televisao {
  color: #20cbc2;
}

.bg-televisao {
  background-color: #20cbc2;
}

.activation-container {
  max-width: 1366px;
  margin: 0 auto;
  padding: 0 25px 25px;
}
.activation-container .button.white.no-space {
  margin: 5px 0;
  padding-right: 0;
  padding-left: 0;
  font-size: 0.93em;
}
.activation-container .button.white.no-space:hover {
  background: #fff;
}
.activation-container .button i {
  margin-right: 5px;
}
.activation-container .button-outline {
  border: 1px solid #d2d2d2;
  color: #909090;
  background: #fff;
  font-family: "PT Sans", sans-serif;
  border-radius: 3px;
  margin: 5px 0;
  cursor: pointer;
  transition: 0.3s all;
}
.activation-container .button-outline.green {
  color: #3bae71;
  border-color: #3bae71;
}
.activation-container .button-outline.green:hover {
  background: #fff;
  color: #359b65;
  border-color: #359b65;
}
.activation-container .button-outline.orange {
  color: #fb6d55;
  border-color: #fb6d55;
}
.activation-container .button-outline.orange:hover {
  background: #fff;
  color: #fa583c;
  border-color: #fa583c;
}
.activation-container .button-outline.gray {
  color: #909090;
  border-color: #909090;
}
.activation-container .button-outline.gray:hover {
  background: #fff;
  color: #838383;
  border-color: #838383;
}
.activation-container .button-outline.gray {
  color: #707070;
}
.activation-container .button-outline.gray:hover {
  color: #636363;
  border-color: #636363;
}
.activation-container .button-outline:disabled {
  opacity: 0.5;
  background: #f0f0f0;
  cursor: not-allowed;
}
.activation-container .button-fill {
  border: 1px solid #fb6d55;
  color: #fff;
  background: #fb6d55;
  font-family: "PT Sans", sans-serif;
  border-radius: 3px;
  margin: 5px 0;
  cursor: pointer;
  transition: 0.3s all;
}
.activation-container .button-fill.green {
  border-color: #3bae71;
  background-color: #3bae71;
}
.activation-container .button-fill.green:hover {
  color: #359b65;
  border-color: #359b65;
}
.activation-container .button-fill.orange {
  border-color: #fb6d55;
  background-color: #fb6d55;
}
.activation-container .button-fill.orange:hover {
  color: #fa583c;
  border-color: #fa583c;
}
.activation-container .button-fill.gray {
  border-color: #909090;
  background-color: #909090;
}
.activation-container .button-fill.gray:hover {
  color: #838383;
  border-color: #838383;
}
.activation-container .button-fill.gray {
  background: #707070;
  border-color: #707070;
}
.activation-container .button-fill.gray:hover {
  color: #636363;
  border-color: #636363;
}
.activation-container .button-fill:disabled {
  opacity: 0.5;
  background: #f0f0f0;
  cursor: not-allowed;
}
.activation-container .activation-header {
  display: grid;
  grid-template-rows: 45px 32px;
  width: 100%;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .activation-container .activation-header {
    grid-template-rows: 45px 1fr;
  }
}
.activation-container .activation-header .nav-controls {
  display: flex;
  width: 100%;
  margin: 10px 0;
}
.activation-container .activation-header .nav-controls button {
  border: 1px solid #ECECEC;
  outline: none;
  background-color: #fff;
  padding: 5px 10px;
  font-size: 12px;
  color: #707070;
  transition: 250ms;
}
.activation-container .activation-header .nav-controls button:hover {
  background-color: #f5f5f5;
}
.activation-container .activation-header .nav-controls a {
  border-right: 1px solid #cacaca;
  padding-right: 10px;
  margin-right: 5px;
  color: #fb6d55;
  font-size: 0.83em;
  padding: 5px 10px 5px 5px;
}
.activation-container .activation-header .nav-controls a i {
  margin-right: 5px;
}
.activation-container .activation-header .nav-controls a:last-child {
  border-right: none;
}
.activation-container .activation-header .orders-controls {
  display: flex;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .activation-container .activation-header .orders-controls {
    flex-wrap: wrap;
  }
  .activation-container .activation-header .orders-controls h1 {
    flex: 0 0 100%;
  }
}
.activation-container .activation-header .controls-section {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 10px;
}
.activation-container .activation-header .controls-section:last-child {
  margin-right: 0;
}
.activation-container .activation-header .controls-section:first-of-type {
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .activation-container .activation-header .controls-section:first-of-type {
    margin-left: 0;
  }
}
.activation-container .activation-header .controls-section p {
  font-size: 13px;
  font-weight: bold;
  margin-right: 5px;
}
.activation-container .activation-header .controls-section .activation-datepicker {
  font-size: 12px;
  height: 30px;
}
.activation-container .activation-header .controls-section .activation-datepicker > div {
  height: 30px;
  background-color: #fff;
  box-sizing: border-box;
  border: 1px solid #ECECEC;
}
.activation-container .activation-header .controls-section .activation-datepicker > div span::before {
  content: "";
  height: 100%;
  vertical-align: middle;
  display: inline-block;
}
.activation-container .activation-header .controls-section .activation-datepicker > div input {
  padding: 0 0 0 15px;
  box-shadow: none;
}
.activation-container .activation-header .controls-section .activation-datepicker > div input:focus {
  box-shadow: none;
}
.activation-container .activation-header .activation-paginator {
  display: flex;
  height: 30px;
  align-items: center;
}
.activation-container .activation-header .activation-paginator button {
  background-color: transparent;
  padding: 0;
  outline: 0;
  margin: 0 5px;
  border: none;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s all;
}
.activation-container .activation-header .activation-paginator .page-number {
  cursor: pointer;
  user-select: none;
  width: 28px;
  font-size: 14px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s all;
}
.activation-container .activation-header .activation-paginator .page-number.selected {
  font-weight: bold;
  border: 1px solid #fb6d55;
  border-radius: 3px;
}
.activation-container .orders-list .orders-list-header {
  display: grid;
  height: 20px;
  margin-bottom: 5px;
  padding: 0 10px;
  width: 100%;
  box-sizing: border-box;
  grid-template-columns: 1.5fr 0.95fr 1fr 1fr 1fr 0.75fr 0.1fr;
}
@media screen and (max-width: 768px) {
  .activation-container .orders-list .orders-list-header {
    display: none;
  }
}
.activation-container .orders-list .orders-list-header .header-title {
  font-size: 13px;
  color: #afb1b7;
}
.activation-container .orders-list .activation-order {
  background-color: #fff;
  border: 1px solid #eaeaea;
  border-radius: 3px;
  display: grid;
  grid-template-columns: 1.5fr 0.95fr 1fr 1fr 1fr 0.75fr 0.1fr;
  padding: 10px;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 20px;
  color: #707070;
}
@media screen and (max-width: 768px) {
  .activation-container .orders-list .activation-order {
    display: flex;
    flex-wrap: wrap;
    position: relative;
  }
  .activation-container .orders-list .activation-order > .col:nth-child(2) {
    position: absolute;
    left: 10px;
    bottom: 10px;
  }
  .activation-container .orders-list .activation-order > .col:nth-child(4) {
    font-weight: bold;
    flex: 0 0 100%;
  }
  .activation-container .orders-list .activation-order > .col:nth-child(5) {
    flex: 0 0 100%;
  }
  .activation-container .orders-list .activation-order > .col:nth-child(7) {
    position: absolute;
    right: 10px;
    top: 10px;
  }
}
.activation-container .orders-list .activation-order .col {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 13px;
  height: 50px;
}
@media screen and (max-width: 768px) {
  .activation-container .orders-list .activation-order .col {
    height: auto;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .activation-container .orders-list .activation-order .col > button {
    margin: 0 !important;
  }
}
.activation-container .orders-list .activation-order .order-resume {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (max-width: 768px) {
  .activation-container .orders-list .activation-order .order-resume {
    padding: 15px 0 0 0;
  }
}
.activation-container .orders-list .activation-order .order-resume .campaign-name {
  font-size: 17px;
  font-weight: bold;
  color: #707070;
}
.activation-container .orders-list .activation-order .order-resume .campaign-name > div > p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  /* min-height: 17px; */
  height: auto;
  margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
  .activation-container .orders-list .activation-order .order-resume .campaign-name {
    padding-bottom: 10px;
  }
}
.activation-container .orders-list .activation-order .order-resume .campaign-name div {
  min-height: 17px;
  display: flex;
  flex-direction: row;
  width: 100%;
}
.activation-container .orders-list .activation-order .order-resume .campaign-name div input {
  margin: 0;
  padding: 0;
  font-size: 17px;
  font-family: "PT Sans", sans-serif;
  box-shadow: none;
  width: 75%;
  color: #707070;
}
.activation-container .orders-list .activation-order .order-resume .campaign-name div button {
  font-size: 15px;
  padding: 1px 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 0 5px;
  background-color: #fff;
  outline: none;
  border: 1px solid #707070;
  color: #707070;
  border-radius: 3px;
  transition: 250ms;
}
.activation-container .orders-list .activation-order .order-resume .campaign-name div button.confirm-rename:hover {
  color: #fff;
  border-color: #3bae71;
  background-color: #3bae71;
}
.activation-container .orders-list .activation-order .order-resume .campaign-name div button.cancel-rename:hover {
  color: #fff;
  border-color: #EB0400;
  background-color: #EB0400;
}
.activation-container .orders-list .activation-order .order-resume .campaign-name i {
  font-size: 11px;
  cursor: pointer;
  margin: 0 0 0 5px;
}
.activation-container .orders-list .activation-order .order-resume .campaign-meta {
  display: flex;
  justify-content: flex-start;
  font-size: 15px;
}
.activation-container .orders-list .activation-order .order-resume .campaign-meta .order-number {
  padding-right: 10px;
  border-right: 1px solid #D2D2D2;
}
.activation-container .orders-list .activation-order .order-resume .campaign-meta .campaign-created-at {
  padding-left: 10px;
}
.activation-container .orders-list .activation-order .order-media-plan button {
  color: #fb6d55;
  border: 1px solid #fb6d55;
  background-color: #fff;
  padding: 3px 13px;
  border-radius: 3px;
  font-size: 12px;
  transition: 250ms;
  outline: none;
}
.activation-container .orders-list .activation-order .order-media-plan button i {
  padding: 0 6px 0 0;
}
.activation-container .orders-list .activation-order .order-media-plan button:hover {
  background-color: #fb6d55;
  color: #fff;
}
.activation-container .orders-list .activation-order .status.col .order-status {
  font-size: 15px;
  font-weight: bold;
}
.activation-container .orders-list .activation-order .status.col .order-status i {
  font-weight: normal;
  font-size: 12px;
  padding-right: 3px;
}
@media screen and (max-width: 768px) {
  .activation-container .orders-list .activation-order .follow-order {
    flex: 0 0 100%;
    justify-content: flex-end;
  }
}
.activation-container .orders-list .activation-order .follow-order button {
  font-size: 12px;
  color: #fff;
  background-color: #3bae71;
  outline: none;
  border: none;
  padding: 5px 15px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  transition: 250ms;
}
@media screen and (max-width: 768px) {
  .activation-container .orders-list .activation-order .follow-order button {
    margin-left: 0;
    margin-right: 0;
  }
}
.activation-container .orders-list .activation-order .follow-order button:disabled {
  background-color: #D2D2D2;
  cursor: not-allowed;
}
.activation-container .orders-list .activation-order .follow-order button:disabled:hover {
  background-color: #d2d2d2;
}
.activation-container .orders-list .activation-order .follow-order button i {
  padding-left: 5px;
}
.activation-container .orders-list .activation-order .follow-order button:hover {
  font-weight: bold;
  background-color: #008312;
}
.activation-container .orders-list .activation-order .order-options .order-options-btn {
  cursor: pointer;
  height: 55%;
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: center;
  border-radius: 50%;
  transition: 250ms;
}
.activation-container .orders-list .activation-order .order-options .order-options-btn:hover {
  background-color: #F5F5F5;
}
.activation-container .orders-list .activation-order .order-options .order-options-btn div {
  background-color: #707070;
  height: 3px;
  width: 3px;
  border-radius: 50%;
  position: relative;
}
.activation-container .orders-list .activation-order .order-options .order-options-btn div:before {
  content: "";
  background-color: #707070;
  height: 3px;
  width: 3px;
  position: absolute;
  border-radius: 50%;
  top: -6px;
}
.activation-container .orders-list .activation-order .order-options .order-options-btn div:after {
  content: "";
  background-color: #707070;
  height: 3px;
  width: 3px;
  position: absolute;
  border-radius: 50%;
  top: 6px;
}
.activation-container .preloader {
  margin: 0 auto;
}
.activation-container .no-available-items-message {
  font-size: 18px;
  font-weight: bold;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 200px;
}
.activation-container .activation-details-modal {
  width: unset;
  min-width: 100vw;
}
.activation-container .activation-details-modal .modal-wrapper {
  background-color: #FAFAFC;
  border-radius: 2px;
  margin: 0;
}
.activation-container .activation-details-modal .modal-wrapper .flex {
  align-content: center;
}
.activation-container .activation-details-modal .modal-wrapper .flex > *:not(:last-child) {
  margin-right: 10px;
}
.activation-container .activation-details {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 80vw;
  margin-top: 15px;
}
@media screen and (max-width: 768px) {
  .activation-container .activation-details {
    padding-bottom: 30px;
    width: 100%;
  }
}
.activation-container .activation-details .detailing-content-status h5 {
  font-weight: bold;
  font-size: 0.83em;
  padding: 4px 0 0;
  margin-bottom: -2px;
}
.activation-container .activation-details button.expand {
  position: absolute;
  right: 0px;
  background-color: transparent;
  font-size: 18px;
  outline: 0;
  border: none;
  margin: 0;
  top: 3px;
  padding: 1px 3px;
}
@media screen and (max-width: 768px) {
  .activation-container .activation-details button.expand {
    padding: 5px 10px;
  }
}
.activation-container .activation-details .activation-details-header {
  width: 100%;
  display: flex;
}
.activation-container .activation-details .activation-details-header .details-header {
  width: 100%;
  display: flex;
  min-height: 100px;
}
@media screen and (max-width: 768px) {
  .activation-container .activation-details .activation-details-header .details-header {
    min-height: auto;
    flex-wrap: wrap;
  }
}
.activation-container .activation-details .activation-details-header .details-header .campaign-resume {
  flex: 0 0 180px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .activation-container .activation-details .activation-details-header .details-header .campaign-resume {
    flex-basis: 100%;
    padding: 0 0 10px;
  }
}
.activation-container .activation-details .activation-details-header .details-header .campaign-resume div {
  width: 80%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  margin-left: 5%;
}
@media screen and (max-width: 768px) {
  .activation-container .activation-details .activation-details-header .details-header .campaign-resume div {
    width: 100%;
  }
}
.activation-container .activation-details .activation-details-header .details-header .campaign-resume div .campaign-name {
  font-size: 25px;
  margin: 0;
  padding: 0;
  flex: 1;
  overflow-wrap: anywhere;
}
.activation-container .activation-details .activation-details-header .details-header .campaign-resume div .order-data {
  display: flex;
  justify-content: flex-start;
  color: #707070;
  align-items: flex-start;
  flex-direction: row;
  padding-top: 15px;
  margin: 0;
  flex: 1;
}
.activation-container .activation-details .activation-details-header .details-header .campaign-resume div .order-data .order-number {
  padding: 0 10px 0 0;
  border-right: 1px solid #EAEAEA;
}
.activation-container .activation-details .activation-details-header .details-header .campaign-resume div .order-data .order-created-at {
  margin-left: 10px;
  padding: 0;
}
.activation-container .activation-details .activation-details-header .details-header .campaign-progress {
  width: 100%;
}
.activation-container .activation-details .activation-details-header .details-header .campaign-progress .order-progress-status {
  height: 100%;
}
.activation-container .activation-details .activation-details-header .details-header .campaign-progress .order-progress-status .status-flow {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .activation-container .activation-details .activation-details-header .details-header .campaign-progress .order-progress-status .status-flow .current-status {
    text-align: center;
  }
}
.activation-container .activation-details .activation-details-header .details-header .campaign-progress .order-progress-status .status-flow .current-status .status-title {
  padding-top: 0;
}
.activation-container .activation-details .activation-details-header .details-header .campaign-progress .order-progress-status .status-flow .current-status .status-description {
  padding: 5px 10px 5px 0;
}
@media only screen and (max-width: 1200px) {
  .activation-container .activation-details .activation-details-header .details-header .campaign-progress .order-progress-status .status-flow {
    flex-wrap: wrap;
  }
  .activation-container .activation-details .activation-details-header .details-header .campaign-progress .order-progress-status .status-flow .progress-status-bar {
    margin: 20px 0;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    max-width: 360px;
    padding: 0;
  }
  .activation-container .activation-details .activation-details-header .details-header .campaign-progress .order-progress-status .status-flow .current-status {
    padding: 0 15px;
  }
}
.activation-container .activation-details .activation-details-header .details-header .campaign-placement-data,
.activation-container .activation-details .activation-details-header .details-header .campaign-price-data {
  flex: 0 0 150px;
}
@media screen and (max-width: 768px) {
  .activation-container .activation-details .activation-details-header .details-header .campaign-placement-data,
.activation-container .activation-details .activation-details-header .details-header .campaign-price-data {
    margin: 10px 0;
    flex: 1 1 50%;
  }
}
.activation-container .activation-details .activation-details-header .details-header .campaign-placement-data .header-block-content,
.activation-container .activation-details .activation-details-header .details-header .campaign-price-data .header-block-content {
  white-space: nowrap;
  width: 100%;
}
.activation-container .activation-details .activation-details-header .details-header .campaign-progress,
.activation-container .activation-details .activation-details-header .details-header .campaign-placement-data,
.activation-container .activation-details .activation-details-header .details-header .campaign-price-data {
  display: flex;
  justify-content: center;
  align-items: center;
}
.activation-container .activation-details .activation-details-header .details-header .campaign-progress div.details-header-block,
.activation-container .activation-details .activation-details-header .details-header .campaign-placement-data div.details-header-block,
.activation-container .activation-details .activation-details-header .details-header .campaign-price-data div.details-header-block {
  width: 100%;
  height: 100%;
  margin: 5px;
  background-color: #ffffff;
  border: 1px solid #EAEAEA;
  border-radius: 3px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.activation-container .activation-details .activation-details-header .details-header .campaign-progress div.details-header-block .header-block-title,
.activation-container .activation-details .activation-details-header .details-header .campaign-placement-data div.details-header-block .header-block-title,
.activation-container .activation-details .activation-details-header .details-header .campaign-price-data div.details-header-block .header-block-title {
  font-size: 13px;
  font-weight: bold;
  color: #afb1b7;
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.activation-container .activation-details .activation-details-header .details-header .campaign-progress div.details-header-block .header-block-title span,
.activation-container .activation-details .activation-details-header .details-header .campaign-placement-data div.details-header-block .header-block-title span,
.activation-container .activation-details .activation-details-header .details-header .campaign-price-data div.details-header-block .header-block-title span {
  color: #444444;
  margin-left: 5px;
  margin-bottom: 5px;
}
.activation-container .activation-details .activation-details-header .details-header .campaign-progress div.details-header-block h4.header-block-title,
.activation-container .activation-details .activation-details-header .details-header .campaign-placement-data div.details-header-block h4.header-block-title,
.activation-container .activation-details .activation-details-header .details-header .campaign-price-data div.details-header-block h4.header-block-title {
  margin-top: unset;
}
.activation-container .activation-details .activation-details-header .details-header .campaign-progress div.details-header-block .header-block-content div:nth-of-type(1),
.activation-container .activation-details .activation-details-header .details-header .campaign-placement-data div.details-header-block .header-block-content div:nth-of-type(1),
.activation-container .activation-details .activation-details-header .details-header .campaign-price-data div.details-header-block .header-block-content div:nth-of-type(1) {
  font-size: 17px;
  font-weight: bold;
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 15px;
}
.activation-container .activation-details .activation-details-header .details-header .campaign-progress div.details-header-block .header-block-content div:nth-of-type(3),
.activation-container .activation-details .activation-details-header .details-header .campaign-placement-data div.details-header-block .header-block-content div:nth-of-type(3),
.activation-container .activation-details .activation-details-header .details-header .campaign-price-data div.details-header-block .header-block-content div:nth-of-type(3) {
  width: 100%;
  display: flex;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  color: #3bae71;
}
.activation-container .activation-details .activation-details-header .details-header .campaign-progress div.details-header-block .header-block-content div:nth-of-type(3).in-quotation,
.activation-container .activation-details .activation-details-header .details-header .campaign-placement-data div.details-header-block .header-block-content div:nth-of-type(3).in-quotation,
.activation-container .activation-details .activation-details-header .details-header .campaign-price-data div.details-header-block .header-block-content div:nth-of-type(3).in-quotation {
  color: #8F8F8F;
}
.activation-container .activation-details .activation-details-body {
  display: flex;
  width: 100%;
  align-items: flex-start;
  justify-content: center;
  margin-top: 20px;
  flex-direction: column;
}
.activation-container .activation-details .activation-details-body .activation-module-selector {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
}
.activation-container .activation-details .activation-details-body .activation-module-selector button {
  background-color: transparent;
  border: none;
  color: #707070;
  font-size: 15px;
  font-weight: bold;
  margin: 5px 0;
  padding: 5px 10px;
  outline: none;
  border-bottom: 2px solid rgba(251, 109, 85, 0);
  transition: 0.3s all;
  display: flex;
  align-items: center;
  align-content: center;
}
.activation-container .activation-details .activation-details-body .activation-module-selector button i {
  margin-right: 5px;
}
@media screen and (max-width: 768px) {
  .activation-container .activation-details .activation-details-body .activation-module-selector button {
    font-size: 1em;
  }
  .activation-container .activation-details .activation-details-body .activation-module-selector button i {
    margin-right: 0;
  }
  .activation-container .activation-details .activation-details-body .activation-module-selector button span {
    display: none;
  }
}
.activation-container .activation-details .activation-details-body .activation-module-selector button.selected {
  color: #fb6d55;
  border-bottom: 2px solid #fb6d55;
}
@media screen and (max-width: 768px) {
  .activation-container .activation-details .activation-details-body .activation-module-selector button.selected i {
    margin-right: 5px;
  }
  .activation-container .activation-details .activation-details-body .activation-module-selector button.selected span {
    display: block;
  }
}
.activation-container .activation-details .activation-details-body .activation-module-selector button:disabled {
  color: #afb1b7;
  cursor: not-allowed;
}
.activation-container .activation-details .activation-details-body .activation-payment-module {
  width: 100%;
  display: flex;
  justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .activation-container .activation-details .activation-details-body .activation-payment-module {
    flex-flow: column;
  }
}
.activation-container .activation-details .activation-details-body .activation-payment-module .activation-payment-module-col {
  display: flex;
  flex: 0 0 50%;
  height: fit-content;
  flex-flow: column;
}
.activation-container .activation-details .activation-details-body .activation-payment-module .activation-payment-module-col > div {
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  display: flex;
  margin: 5px;
  background-color: #fff;
  border: 1px solid #EAEAEA;
  border-radius: 3px;
}
.activation-container .activation-details .activation-details-body .activation-payment-module .activation-payment-module-col > div .order-resume {
  width: 100%;
  padding: 20px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-start;
}
.activation-container .activation-details .activation-details-body .activation-payment-module .activation-payment-module-col > div .order-resume span.label {
  display: none;
}
@media screen and (max-width: 768px) {
  .activation-container .activation-details .activation-details-body .activation-payment-module .activation-payment-module-col > div .order-resume span.label {
    display: block;
    color: #afb1b7;
    font-size: 0.83em;
    font-weight: normal;
    text-transform: uppercase;
  }
}
.activation-container .activation-details .activation-details-body .activation-payment-module .activation-payment-module-col > div .order-resume h2 {
  font-size: 15px;
  color: #707070;
  margin: 0 0 10px 0;
}
.activation-container .activation-details .activation-details-body .activation-payment-module .activation-payment-module-col > div .order-resume table {
  width: 100%;
}
.activation-container .activation-details .activation-details-body .activation-payment-module .activation-payment-module-col > div .order-resume table thead {
  text-align: left;
}
.activation-container .activation-details .activation-details-body .activation-payment-module .activation-payment-module-col > div .order-resume table thead th {
  color: #afb1b7;
  font-weight: bold;
  font-size: 12px;
  padding-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .activation-container .activation-details .activation-details-body .activation-payment-module .activation-payment-module-col > div .order-resume table thead {
    display: none;
    padding: 5px 0;
  }
}
.activation-container .activation-details .activation-details-body .activation-payment-module .activation-payment-module-col > div .order-resume table tbody {
  text-align: left;
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .activation-container .activation-details .activation-details-body .activation-payment-module .activation-payment-module-col > div .order-resume table tbody tr {
    display: flex;
    flex-flow: column;
  }
  .activation-container .activation-details .activation-details-body .activation-payment-module .activation-payment-module-col > div .order-resume table tbody tr td {
    display: flex;
    padding: 5px 0;
  }
  .activation-container .activation-details .activation-details-body .activation-payment-module .activation-payment-module-col > div .order-resume table tbody tr td .label {
    flex: 0 0 50%;
    align-items: center;
    margin-right: 5px;
  }
}
.activation-container .activation-details .activation-details-body .activation-payment-module .activation-payment-module-col > div .order-resume table tbody td:not(:last-of-type) {
  color: #707070;
}
.activation-container .activation-details .activation-details-body .activation-payment-module .activation-payment-module-col > div .order-resume table tbody th {
  font-weight: bold;
}
.activation-container .activation-details .activation-details-body .activation-payment-module .activation-payment-module-col > div .order-resume table tbody th,
.activation-container .activation-details .activation-details-body .activation-payment-module .activation-payment-module-col > div .order-resume table tbody td {
  padding: 8px 0;
}
.activation-container .activation-details .activation-details-body .activation-payment-module .activation-payment-module-col > div .order-resume table tbody tr:nth-last-of-type(2) th,
.activation-container .activation-details .activation-details-body .activation-payment-module .activation-payment-module-col > div .order-resume table tbody tr:nth-last-of-type(2) td {
  padding-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .activation-container .activation-details .activation-details-body .activation-payment-module .activation-payment-module-col > div .order-resume table tbody tr:nth-last-of-type(2) th,
.activation-container .activation-details .activation-details-body .activation-payment-module .activation-payment-module-col > div .order-resume table tbody tr:nth-last-of-type(2) td {
    padding: 3px 0;
  }
  .activation-container .activation-details .activation-details-body .activation-payment-module .activation-payment-module-col > div .order-resume table tbody tr:nth-last-of-type(2) th:last-child,
.activation-container .activation-details .activation-details-body .activation-payment-module .activation-payment-module-col > div .order-resume table tbody tr:nth-last-of-type(2) td:last-child {
    padding-right: 0;
  }
}
.activation-container .activation-details .activation-details-body .activation-payment-module .activation-payment-module-col > div .order-resume table tbody .order-resume-totalizers {
  border-top: 1px solid #8F8F8F;
  color: #707070;
}
.activation-container .activation-details .activation-details-body .activation-payment-module .activation-payment-module-col > div .order-resume table tbody .order-resume-totalizers th {
  padding-top: 15px;
  font-size: 13px;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .activation-container .activation-details .activation-details-body .activation-payment-module .activation-payment-module-col > div .order-resume table tbody .order-resume-totalizers th {
    display: flex;
    padding: 5px 0;
  }
}
.activation-container .activation-details .activation-details-body .activation-payment-module .activation-payment-module-col > div .order-resume table tbody .order-resume-totalizers th .label {
  flex: 0 0 50%;
  margin-right: 5px;
}
@media screen and (max-width: 768px) {
  .activation-container .activation-details .activation-details-body .activation-payment-module .activation-payment-module-col > div .order-resume table tfoot tr {
    display: flex;
    flex-flow: column;
  }
}
.activation-container .activation-details .activation-details-body .activation-payment-module .activation-payment-module-col > div .order-resume table tfoot tr th {
  font-size: 13px;
  text-align: left;
  padding-top: 5px;
}
.activation-container .activation-details .activation-details-body .activation-payment-module .activation-payment-module-col > div .order-resume table tfoot tr th:first-child {
  text-align: right;
  padding-right: 15px;
}
@media screen and (max-width: 768px) {
  .activation-container .activation-details .activation-details-body .activation-payment-module .activation-payment-module-col > div .order-resume table tfoot tr th:first-child {
    text-align: left;
    padding-right: 5px;
  }
}
@media screen and (max-width: 768px) {
  .activation-container .activation-details .activation-details-body .activation-payment-module .activation-payment-module-col > div .order-resume table tfoot tr th {
    text-align: left;
    display: flex;
    align-items: center;
    align-content: center;
    padding: 5px 0;
  }
  .activation-container .activation-details .activation-details-body .activation-payment-module .activation-payment-module-col > div .order-resume table tfoot tr th .label {
    flex: 0 0 50%;
    margin-right: 5px;
  }
}
.activation-container .activation-details .activation-details-body .activation-payment-module .activation-payment-module-col > div .order-resume table tfoot tr:last-child th {
  font-size: 16px;
  font-weight: bold;
}
.activation-container .activation-details .activation-details-body .activation-payment-module .activation-payment-module-col > div .box-activation-warning {
  display: flex;
  border: 1px solid #D6A800;
  border-radius: 4px;
  padding: 15px;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 10px;
}
.activation-container .activation-details .activation-details-body .activation-payment-module .activation-payment-module-col > div .box-activation-warning > div h3 {
  color: #D6A800;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 3px;
}
.activation-container .activation-details .activation-details-body .activation-payment-module .activation-payment-module-col > div .box-activation-warning > div h3 i {
  font-size: 16px;
  padding-right: 15px;
}
.activation-container .activation-details .activation-details-body .activation-payment-module .activation-payment-module-col > div .box-activation-warning > div p {
  width: 100%;
  font-size: 12px;
  color: #707070;
  text-align: justify;
  line-height: 1.5;
}
.activation-container .activation-details .activation-details-body .activation-payment-module .activation-payment-module-col > div .box-activation-error {
  display: flex;
  border: 1px solid #EB0400;
  border-radius: 4px;
  padding: 15px;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 10px;
}
.activation-container .activation-details .activation-details-body .activation-payment-module .activation-payment-module-col > div .box-activation-error > div h3 {
  color: #EB0400;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 3px;
}
.activation-container .activation-details .activation-details-body .activation-payment-module .activation-payment-module-col > div .box-activation-error > div h3 i {
  font-size: 16px;
  padding-right: 15px;
}
.activation-container .activation-details .activation-details-body .activation-payment-module .activation-payment-module-col > div .box-activation-error > div p {
  width: 100%;
  font-size: 12px;
  color: #707070;
  text-align: justify;
  line-height: 1.5;
}
.activation-container .activation-details .activation-details-body .activation-payment-module .activation-payment-module-col > div .activation-payment {
  width: 100%;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .activation-container .activation-details .activation-details-body .activation-payment-module .activation-payment-module-col > div .activation-payment {
    padding: 15px;
  }
}
.activation-container .activation-details .activation-details-body .activation-payment-module .activation-payment-module-col > div .activation-payment h3 {
  font-size: 14px;
  color: #707070;
  padding: 0;
  margin: 0 0 10px 0;
}
.activation-container .activation-details .activation-details-body .activation-detailing-module {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
}
.activation-container .activation-details .activation-details-body .activation-detailing-module p {
  line-height: 1.2;
}
.activation-container .activation-details .activation-details-body .activation-detailing-module .market-share {
  width: 100%;
  border: 1px solid #EAEAEA;
  padding: 15px;
  background-color: #fff;
  border-radius: 3px;
  box-sizing: border-box;
}
.activation-container .activation-details .activation-details-body .activation-detailing-module .market-share h3 {
  font-size: 15px;
  color: #707070;
  margin: 0 0 10px;
  padding: 0;
  text-transform: capitalize;
}
.activation-container .activation-details .activation-details-body .activation-detailing-module .market-share > div {
  width: calc(100% + 30px);
  margin: 10px -15px 0;
  border-radius: 3px;
}
.activation-container .activation-details .activation-details-body .activation-detailing-module .market-share > div .-share {
  flex: 1 0 15%;
  border-right: 1px solid #eaeaea;
  text-align: center;
  padding: 5px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  flex: 0 1 100%;
  font-size: 0.75em;
}
.activation-container .activation-details .activation-details-body .activation-detailing-module .market-share > div .-share:last-child {
  border-right: 0;
}
.activation-container .activation-details .activation-details-body .activation-detailing-module .market-share > div .-share > div {
  flex: 0 0 100%;
  text-align: center;
  font-size: 1.25em;
}
.activation-container .activation-details .activation-details-body .activation-detailing-module .detailing-header {
  display: grid;
  width: 100%;
  font-size: 14px;
  color: #afb1b7;
  padding: 0;
}
.activation-container .activation-details .activation-details-body .activation-detailing-module .detailing-header > * {
  padding: 0 10px;
}
.activation-container .activation-details .activation-details-body .activation-detailing-module .detailing-header > *:first-child {
  padding-left: 15px;
}
.activation-container .activation-details .activation-details-body .activation-detailing-module .detailing-header > *:last-child {
  padding-right: 15px;
}
.activation-container .activation-details .activation-details-body .activation-detailing-module .detailing-body {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.activation-container .activation-details .activation-details-body .activation-detailing-module .detailing-body .detailing-media-type {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.activation-container .activation-details .activation-details-body .activation-detailing-module .detailing-body .detailing-media-type > div:nth-of-type(1) {
  background-color: #fff;
  margin: 10px 0 0 0;
  border: 1px solid #EAEAEA;
  border-radius: 2px;
  display: grid;
  padding: 15px 0;
}
.activation-container .activation-details .activation-details-body .activation-detailing-module .detailing-body .detailing-media-type > div:nth-of-type(1) > div span.label {
  display: none;
}
@media screen and (max-width: 768px) {
  .activation-container .activation-details .activation-details-body .activation-detailing-module .detailing-body .detailing-media-type > div:nth-of-type(1) {
    display: flex;
    flex-wrap: wrap;
  }
  .activation-container .activation-details .activation-details-body .activation-detailing-module .detailing-body .detailing-media-type > div:nth-of-type(1) > div {
    box-sizing: border-box;
    padding-top: 5px;
    padding-bottom: 5px;
    display: flex;
    align-items: center;
    align-content: center;
  }
  .activation-container .activation-details .activation-details-body .activation-detailing-module .detailing-body .detailing-media-type > div:nth-of-type(1) > div span.label {
    display: block;
    flex: 0 0 50%;
    color: #afb1b7;
    font-size: 0.75em;
    font-weight: normal;
    text-transform: uppercase !important;
  }
}
.activation-container .activation-details .activation-details-body .activation-detailing-module .detailing-body .detailing-media-type > div:nth-of-type(1) .media-type-name {
  font-weight: bold;
  padding-right: 10px;
  padding-left: 15px;
}
@media screen and (max-width: 768px) {
  .activation-container .activation-details .activation-details-body .activation-detailing-module .detailing-body .detailing-media-type > div:nth-of-type(1) .media-type-name {
    flex: 0 0 100%;
    padding-left: 10px;
  }
}
.activation-container .activation-details .activation-details-body .activation-detailing-module .detailing-body .detailing-media-type > div:nth-of-type(1) .detailing-numeric-value {
  padding-left: 10px;
  padding-left: 10px;
}
@media screen and (max-width: 768px) {
  .activation-container .activation-details .activation-details-body .activation-detailing-module .detailing-body .detailing-media-type > div:nth-of-type(1) .detailing-numeric-value {
    flex: 0 0 100%;
  }
}
@media screen and (max-width: 768px) {
  .activation-container .activation-details .activation-details-body .activation-detailing-module .detailing-body .detailing-media-type > div:nth-of-type(1) div:nth-child(4),
.activation-container .activation-details .activation-details-body .activation-detailing-module .detailing-body .detailing-media-type > div:nth-of-type(1) div:nth-child(5),
.activation-container .activation-details .activation-details-body .activation-detailing-module .detailing-body .detailing-media-type > div:nth-of-type(1) div:nth-child(6) {
    flex: 0 0 100% !important;
  }
}
.activation-container .activation-details .activation-details-body .activation-detailing-module .detailing-body .detailing-media-type > div:nth-of-type(1) .detailing-quotation-status {
  position: relative;
  padding-right: 25px;
  padding-left: 10px;
}
@media screen and (max-width: 768px) {
  .activation-container .activation-details .activation-details-body .activation-detailing-module .detailing-body .detailing-media-type > div:nth-of-type(1) .detailing-quotation-status {
    flex: 0 0 100%;
    flex-basis: calc(100% - 25px);
  }
}
.activation-container .activation-details .activation-details-body .activation-detailing-module .detailing-body .detailing-media-type > div:nth-of-type(1) .detailing-quotation-status .status-meter {
  font-size: 11px;
  font-weight: bold;
}
.activation-container .activation-details .activation-details-body .activation-detailing-module .detailing-body .detailing-media-type > div:nth-of-type(1) .detailing-quotation-status .status-meter .placement-progress {
  height: 5px;
  width: 50%;
  background-color: #F2F2F2;
  margin-top: 4px;
  border-radius: 2.5px;
}
@media screen and (max-width: 768px) {
  .activation-container .activation-details .activation-details-body .activation-detailing-module .detailing-body .detailing-media-type > div:nth-of-type(1) .detailing-quotation-status .status-meter .placement-progress {
    width: calc(100% - 25px);
  }
}
.activation-container .activation-details .activation-details-body .activation-detailing-module .detailing-body .detailing-media-type > div:nth-of-type(1) .detailing-quotation-status .status-meter .placement-progress > div {
  transition: 1s all;
  width: 0%;
  height: 100%;
  background-color: #3bae71;
  border-radius: 2.5px;
  animation: animatebar 3s 1 ease;
}
.activation-container .activation-details .activation-details-body .activation-detailing-module .detailing-body .detailing-media-type > div:nth-of-type(2) {
  display: flex;
  flex-direction: column;
  padding: 0 0;
  background-color: #fff;
  border: 1px solid #EAEAEA;
  box-sizing: border-box;
}
.activation-container .activation-details .activation-details-body .activation-detailing-module .detailing-body .detailing-media-type > div:nth-of-type(2) > div .media-type-detailing-header {
  border-bottom: 1px solid #c1c1c1;
  display: grid;
  font-size: 14px;
  font-weight: bold;
  color: #8F8F8F;
  padding: 10px 0;
}
.activation-container .activation-details .activation-details-body .activation-detailing-module .detailing-body .detailing-media-type > div:nth-of-type(2) > div .media-type-detailing-header > div {
  padding: 0 10px;
}
@media screen and (max-width: 768px) {
  .activation-container .activation-details .activation-details-body .activation-detailing-module .detailing-body .detailing-media-type > div:nth-of-type(2) > div .media-type-detailing-header {
    display: none;
  }
}
.activation-container .activation-details .activation-details-body .activation-detailing-module .detailing-body .detailing-media-type > div:nth-of-type(2) > div > div:nth-of-type(2) {
  display: grid;
  border-bottom: 2px solid #eaeaea;
}
@media screen and (max-width: 768px) {
  .activation-container .activation-details .activation-details-body .activation-detailing-module .detailing-body .detailing-media-type > div:nth-of-type(2) > div > div:nth-of-type(2) {
    display: flex;
    flex-wrap: wrap;
  }
}
.activation-container .activation-details .activation-details-body .activation-detailing-module .detailing-body .detailing-media-type > div:nth-of-type(2) > div > div:nth-of-type(2) .publisher-info {
  display: flex;
  align-items: flex-start;
  padding: 0 10px 0 15px;
  margin: 10px 0;
}
.activation-container .activation-details .activation-details-body .activation-detailing-module .detailing-body .detailing-media-type > div:nth-of-type(2) > div > div:nth-of-type(2) .publisher-info img {
  flex: 1;
  object-fit: contain;
  max-height: 30px;
  max-width: 55px;
}
.activation-container .activation-details .activation-details-body .activation-detailing-module .detailing-body .detailing-media-type > div:nth-of-type(2) > div > div:nth-of-type(2) .publisher-info p {
  flex: 4;
  margin-left: 10px;
}
.activation-container .activation-details .activation-details-body .activation-detailing-module .detailing-body .detailing-media-type > div:nth-of-type(2) > div > div:nth-of-type(2) .publisher-formats > div {
  display: grid;
}
@media screen and (max-width: 768px) {
  .activation-container .activation-details .activation-details-body .activation-detailing-module .detailing-body .detailing-media-type > div:nth-of-type(2) > div > div:nth-of-type(2) .publisher-formats > div {
    display: flex;
    flex-wrap: wrap;
  }
}
.activation-container .activation-details .activation-details-body .activation-detailing-module .detailing-body .detailing-media-type > div:nth-of-type(2) > div > div:nth-of-type(2) .publisher-formats > div:not(:last-of-type) {
  border-bottom: 1px solid #eaeaea;
}
.activation-container .activation-details .activation-details-body .activation-detailing-module .detailing-body .detailing-media-type > div:nth-of-type(2) > div > div:nth-of-type(2) .publisher-formats > div > div {
  padding: 0 10px;
  margin: 10px 0;
  border-left: 1px solid #eaeaea;
  font-size: 13px;
}
.activation-container .activation-details .activation-details-body .activation-detailing-module .detailing-body .detailing-media-type > div:nth-of-type(2) > div > div:nth-of-type(2) .publisher-formats > div > div:last-child {
  padding-right: 15px;
}
.activation-container .activation-details .activation-details-body .activation-detailing-module .detailing-body .detailing-media-type > div:nth-of-type(2) > div > div:nth-of-type(2) .publisher-formats > div > div p {
  font-size: 13px;
  padding: 0 0 5px;
}
.activation-container .activation-details .activation-details-body .activation-detailing-module .detailing-body .detailing-media-type > div:nth-of-type(2) > div > div:nth-of-type(2) .publisher-formats > div > div .limited-line {
  overflow: hidden;
  box-sizing: border-box;
  max-height: 66px;
}
.activation-container .activation-details .activation-details-body .activation-detailing-module .detailing-body .detailing-media-type > div:nth-of-type(2) > div > div:nth-of-type(2) .publisher-formats > div > div .limited-line:after {
  content: "...";
}
.activation-container .activation-details .activation-details-body .activation-detailing-module .detailing-body .detailing-media-type > div:nth-of-type(2) > div > div:nth-of-type(2) .publisher-formats > div > div.toggle-complements-box {
  padding: 0 10px;
  border-left: unset;
  font-size: 16px;
  color: orange;
}
.activation-container .activation-details .activation-details-body .activation-detailing-module .detailing-body .detailing-media-type > div:nth-of-type(2) > div > div:nth-of-type(2) .publisher-formats > div.toggle-table-complements > div:nth-child(2) {
  border-left: unset;
}
.activation-container .activation-details .activation-details-body .activation-detailing-module .detailing-body .detailing-media-type > div:nth-of-type(2) > div > div:nth-of-type(2) .publisher-formats > div.toggle-table-complements > div:nth-child(3) {
  border-left: unset;
}
.activation-container .activation-details .activation-details-body .activation-detailing-module .detailing-body .detailing-media-type > div:nth-of-type(2) > div > div:nth-of-type(2) .publisher-formats > div.toggle-table-complements > div:nth-child(5) {
  border-right: 1px solid #eaeaea;
}
.activation-container .activation-details .activation-details-body .activation-detailing-module .detailing-body .detailing-media-type > div:nth-of-type(2) > div > div:nth-of-type(2) .publisher-formats .publisher-format-separation {
  border-left: 1px solid #c2c2c2;
}
.activation-container .activation-details .activation-details-body .activation-detailing-module .detailing-body .detailing-media-type > div:nth-of-type(2) > div > div:nth-of-type(2) .publisher-formats .publisher-format-separation > div {
  font-size: 16px;
}
.activation-container .activation-details .activation-details-body .activation-detailing-module .detailing-body .detailing-media-type > div:nth-of-type(2) > div > div:nth-of-type(2) .publisher-formats .publisher-format-separation > div p {
  font-size: 16px;
}
.activation-container .activation-details .activation-details-body .activation-detailing-module .detailing-body .detailing-media-type > div:nth-of-type(2) > div:last-child > div:last-child {
  border-bottom: none;
}

.detailing-header {
  grid-template-columns: repeat(7, 1fr);
}
@media screen and (max-width: 768px) {
  .detailing-header {
    display: none !important;
  }
}

.detailing-body .detailing-media-type > div:nth-of-type(1) {
  grid-template-columns: repeat(7, 1fr);
}
.detailing-body .detailing-media-type > div:nth-of-type(2) > div .media-type-detailing-header {
  grid-template-columns: repeat(7, 1fr);
}
.detailing-body .detailing-media-type > div:nth-of-type(2) > div > div:nth-of-type(2) {
  grid-template-columns: 1fr 6fr;
}
.detailing-body .detailing-media-type > div:nth-of-type(2) > div > div:nth-of-type(2) .publisher-formats > div {
  grid-template-columns: repeat(6, 1fr);
}

.contenting-header {
  grid-template-columns: 4fr 4fr 3fr 2fr;
}

.contenting-body .detailing-media-type > div:nth-of-type(1) {
  grid-template-columns: 4fr 4fr 3fr 2fr;
}
.contenting-body .detailing-media-type > div:nth-of-type(2) > div .media-type-detailing-header {
  grid-template-columns: 4fr 4fr 4fr 4fr 10fr;
}
.contenting-body .detailing-media-type > div:nth-of-type(2) > div > div:nth-of-type(2) {
  grid-template-columns: 2fr 11fr;
}
.contenting-body .detailing-media-type > div:nth-of-type(2) > div > div:nth-of-type(2) .publisher-formats > div {
  grid-template-columns: 4fr 4fr 4fr 10fr;
}
.contenting-body .detailing-media-type > div:nth-of-type(2) > div > div:nth-of-type(2) .publisher-formats h4 {
  padding-bottom: 5px;
}
.contenting-body .detailing-media-type > div:nth-of-type(2) > div > div:nth-of-type(2) .publisher-formats .flex-middle {
  padding: 0 !important;
}
.contenting-body .detailing-media-type .transfer-file {
  box-shadow: rgba(0, 0, 0, 0.09) 0 10px 30px;
}
.contenting-body .detailing-media-type .transfer-file .upload-specifications h3,
.contenting-body .detailing-media-type .transfer-file .upload-specifications h3 + div,
.contenting-body .detailing-media-type .transfer-file .upload-specifications .expand-link {
  display: block;
}

.class-cdm .activation-container .activation-header .nav-controls a {
  color: #5878A7;
}
.class-cdm .activation-container .orders-list .activation-order .order-media-plan button, .class-cdm .activation-container .activation-details .activation-details-body .activation-module-selector button.selected, .class-cdm .activation-container .activation-details .activation-details-body .activation-module-selector button.selected {
  color: #5878A7;
  border-color: #5878A7;
}
.class-cdm .activation-container .orders-list .activation-order .order-media-plan button:hover, .class-cdm .activation-container .activation-details .activation-details-body .activation-module-selector button.selected:hover, .class-cdm .activation-container .activation-details .activation-details-body .activation-module-selector button.selected:hover {
  background: #5878A7;
  color: #fff;
}
.class-cdm .progress-status-bar .current label, .class-cdm .progress-status-bar .current > i {
  color: #5878A7;
}
.class-cdm .text-center-orange {
  color: #5878A7 !important;
}
.class-cdm .progress-status-bar .current:after {
  background: #5878A7;
}
.class-cdm .gtabs li a.active {
  box-shadow: inset 0 -2px 0 0 #5878A7;
  color: #5878A7;
}
.class-cdm .progress-status-bar .current span {
  box-shadow: inset 0 0 0 0 #5878A7;
  background: #5878A7;
}

@-webkit-keyframes animatebar {
  0% {
    width: 0%;
  }
}
.survey {
  position: absolute;
  background-color: #FFFFFF;
  top: 0px;
  left: 0px;
  z-index: 9999;
  width: 100vw;
  height: 100vh;
  box-sizing: border-box;
  /*.modal{
  	z-index: 20;   
  }
  .modal-backdrop{
  	z-index: 10;        
  }​*/
}
.survey .container-fluid {
  padding-left: 0.3rem;
  padding-right: 0.3rem;
}
.survey .body-main {
  min-height: 100vh;
}
.survey a.logo {
  width: 180px;
  height: 38px;
  text-indent: -999em;
  display: block;
}
.survey a.logo.cda {
  margin: 12px 0 0 0;
  background: url("https://lion-web-site.s3.amazonaws.com/public/brand/cda/logo-inline.png") left center no-repeat;
  background-size: contain;
}
.survey a.logo.cda:hover {
  background: url("https://lion-web-site.s3.amazonaws.com/public/brand/cda/logo-inline.png") left center no-repeat;
  background-size: contain;
}
@media screen and (max-width: 768px) {
  .survey a.logo.cda {
    width: 33px;
    background-size: cover;
    background-position: left;
    padding: 0;
    margin: 10px 0;
  }
}
.survey a.logo.cda.cdm {
  background: url("https://lion-web-site.s3.amazonaws.com/public/brand/cdm/logo-inline.png") left center no-repeat;
  background-size: contain;
}
.survey a.logo.cda.cdm:hover {
  background: url("https://lion-web-site.s3.amazonaws.com/public/brand/cdm/logo-inline.png") left center no-repeat;
  background-size: contain;
}
@media screen and (max-width: 768px) {
  .survey a.logo.cda.cdm {
    width: 40px;
    background-size: cover;
    background-position: left;
    padding: 0;
    margin: 10px 0;
  }
}
.survey .target-social-classes-content {
  min-height: 5vh;
}
.survey .target-social-classes-content .social-classes-list {
  display: flex;
  flex-wrap: wrap;
}
.survey .target-social-classes-content .social-classes-list .no-available-items-message {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #8F8F8F;
}
.survey .target-social-classes-content .social-classes-list .customLabel1 {
  display: block;
  width: 100%;
  text-align: left;
  margin-bottom: 15px;
  font: normal normal bold 16px/18px PT Sans;
  letter-spacing: 0px;
  color: #363636;
}
.survey .target-social-classes-content .social-classes-list .social-classes-list-item {
  display: flex;
  align-items: center;
  border: 2px solid #CECECE;
  border-radius: 7px;
  cursor: pointer;
  margin-bottom: 10px;
  padding: 0.5rem;
  padding-left: 13px;
  margin-left: 0.5rem;
  font-size: 12px;
}
@media (min-width: 1406px) {
  .survey .target-social-classes-content .social-classes-list .social-classes-list-item {
    min-width: 14.5rem;
  }
}
@media (max-width: 1406px) {
  .survey .target-social-classes-content .social-classes-list .social-classes-list-item {
    min-width: 8rem;
  }
}
@media (max-width: 400px) {
  .survey .target-social-classes-content .social-classes-list .social-classes-list-item {
    min-width: 7rem;
    font-size: 0.74rem;
  }
}
.survey .target-social-classes-content .social-classes-list .social-classes-list-item.check-active.cda {
  border: 2px solid #fb6d55;
  color: #fb6d55;
  background: #FFF2EF;
}
@media (min-width: 480px) {
  .survey .target-social-classes-content .social-classes-list .social-classes-list-item.check-active.cda:hover {
    border: 2px solid #fb6d55;
    background: #FFF2EF 0% 0% no-repeat padding-box;
  }
}
.survey .target-social-classes-content .social-classes-list .social-classes-list-item.check-active.cdm {
  border: 2px solid #5878A7;
  color: #5878A7;
  background: #eff8ff;
}
@media (min-width: 480px) {
  .survey .target-social-classes-content .social-classes-list .social-classes-list-item.check-active.cdm:hover {
    border: 2px solid #5878A7;
    background: #eff8ff 0% 0% no-repeat padding-box;
  }
}
.survey .target-social-classes-content .social-classes-list .social-classes-list-item .checkbox-input.check-cda input[type=checkbox]:checked + span {
  box-shadow: inset 0 0 0 20px #fb6d55 !important;
}
.survey .target-social-classes-content .social-classes-list .social-classes-list-item .checkbox-input.check-cdm input[type=checkbox]:checked + span {
  box-shadow: inset 0 0 0 20px #5878A7 !important;
}
.survey .target-social-classes-content .social-classes-list .social-classes-list-item.check-disabled {
  background: #f6f6f6;
  color: #707070;
  border: 2px solid #CECECE;
}
.survey .side-bar {
  box-shadow: 3px 0px 12px rgba(0, 0, 0, 0.16);
}
.survey .logo-cda {
  margin-top: 20px;
  margin-bottom: 20px;
  width: 180px;
  background: url("https://lion-web-site.s3.amazonaws.com/public/brand/cda/logo-inline.png") left center no-repeat;
  height: 38px;
  text-indent: -999em;
  background-size: contain;
  display: block;
}
.survey .logo-cdm {
  margin-top: 20px;
  margin-bottom: 20px;
  width: 180px;
  background: url("https://lion-web-site.s3.amazonaws.com/public/brand/cdm/logo-inline.png") left center no-repeat;
  height: 38px;
  text-indent: -999em;
  background-size: contain;
  display: block;
}
.survey .survey-title {
  text-align: left;
  font: normal normal bold 22px/24px PT Sans;
  letter-spacing: 0px;
  color: #707070;
  opacity: 1;
}
.survey .survey-introduction {
  font: normal normal bold 26px/28px PT Sans;
}
@media (max-width: 767px) {
  .survey .survey-introduction {
    font: normal normal bold 20px/28px PT Sans;
    margin-bottom: 5px;
  }
}
@media (max-width: 400px) {
  .survey .survey-introduction {
    font: normal normal 20px/28px PT Sans;
    margin-bottom: 5px;
  }
}
.survey .start-timer-text {
  display: block;
  margin-top: 30px;
  margin-bottom: 30px;
  font-weight: 300;
}
.survey .start-button {
  width: 8rem;
  margin-top: 60px;
}
.survey .survey-caption {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  font: normal normal bold 12px/16px PT Sans;
}
.survey .survey-subtitle {
  margin-bottom: 10px;
  margin-top: 20px;
  text-align: left;
  font: normal normal normal 16px/18px PT Sans;
  letter-spacing: 0px;
  color: #707070;
}
.survey .tag {
  background: #FFF2EF 0% 0% no-repeat padding-box;
  text-align: left;
  font: normal normal normal 14px/23px PT Sans;
  letter-spacing: 0px;
  color: #707070;
  padding: 0.5rem;
  padding-right: 3rem;
  margin-left: 0.5rem;
  margin-bottom: 0.5rem;
  position: relative;
  border-radius: 7px;
}
.survey .tag.cda {
  background: #FFF2EF 0% 0% no-repeat padding-box;
}
.survey .tag.cdm {
  background: #eff8ff 0% 0% no-repeat padding-box;
}
.survey .tag .hash {
  font-weight: bold;
  font-size: 16px;
}
.survey .tag .remove {
  position: absolute;
  background: transparent;
  border: none;
  color: #707070;
  font-weight: bold;
  top: -19px;
  right: -5px;
}
.survey .question {
  text-align: center;
  font: normal normal bold 18px/24px PT Sans;
  letter-spacing: 0px;
  color: #707070;
  opacity: 1;
}
.survey .question.text {
  font: normal normal bold 22px/24px PT Sans;
  margin-top: 30px;
}
@media (max-width: 767px) {
  .survey .question.text {
    margin-top: 20px;
  }
}
@media (max-width: 400px) {
  .survey .question.text {
    margin-top: 15px;
  }
}
.survey .question.hint {
  font: normal normal normal 14px/18px PT Sans;
  margin-top: 15px;
}
@media (max-width: 767px) {
  .survey .question.hint {
    margin-top: 10px;
  }
}
@media (max-width: 400px) {
  .survey .question.hint {
    margin-top: 7px;
  }
}
.survey .question.category {
  text-transform: uppercase;
  font: normal normal bold 16px/18px PT Sans;
  color: #fb6d55;
}
@media (max-width: 767px) {
  .survey .question.category {
    margin-top: 20px;
  }
}
@media (max-width: 400px) {
  .survey .question.category {
    margin-top: 15px;
  }
}
.survey .question.category.cda {
  color: #fb6d55;
}
.survey .question.category.cdm {
  color: #5878A7;
}
.survey .textarea {
  padding: 10px 10px;
}
.survey .location {
  padding: 0.8rem;
}
.survey .pac-containerfix {
  z-index: 99999 !important;
}
.survey .list {
  border: 2px solid #CECECE;
  padding: 0.8rem;
  margin: 0 0 6px;
}
.survey .input {
  border-radius: 7px !important;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: inset 0 -1px 0 0 #acacac;
  border: 2px solid #CECECE;
  opacity: 1;
  font-size: 14px;
  box-shadow: none;
}
.survey .input.text-field {
  padding: 0.8rem;
}
.survey .input::-webkit-input-placeholder {
  /* Edge */
  text-align: left;
  font: normal normal normal 14px/18px PT Sans;
  letter-spacing: 0px;
  color: #707070;
  opacity: 1;
}
.survey .input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  text-align: left;
  font: normal normal normal 14px/18px PT Sans;
  letter-spacing: 0px;
  color: #707070;
  opacity: 1;
}
.survey .input::placeholder {
  text-align: left;
  font: normal normal normal 14px/18px PT Sans;
  letter-spacing: 0px;
  color: #707070;
  opacity: 1;
}
.survey .input:hover {
  box-shadow: none;
}
.survey .input:focus {
  box-shadow: none;
}
.survey .form-error {
  display: block;
  padding: 0.8rem;
  margin-top: 0px;
  border-radius: 7px;
}
.survey .form-error span {
  color: #f33a3a;
  font-size: 0.75em;
  line-height: 0.83em;
  display: block;
  width: 100%;
}
.survey .customLabel2 {
  display: block;
  width: 100%;
  text-align: left;
  margin-bottom: 15px;
  font: normal normal normal 16px/18px PT Sans;
  letter-spacing: 0px;
  color: #707070;
  opacity: 1;
}
.survey .text-select-false {
  font: normal normal normal 14px/18px PT Sans;
}
.survey .dropdown {
  height: 3rem;
  color: #707070;
  font: normal normal normal 14px/18px PT Sans;
  background-position: calc(100% - 10px) center !important;
  border-radius: 7px !important;
  box-shadow: none;
  border: 2px solid #CECECE;
  padding-left: 1rem;
}
.survey .required {
  color: red;
}
.survey .text-back {
  margin-top: 30px;
  margin-left: 6px;
  font-size: 12px;
  cursor: pointer;
}
.survey .text-back.disabled {
  color: #909090;
  cursor: not-allowed;
}
.survey .text-back.cda {
  color: #fb6d55;
}
.survey .text-back.cdm {
  color: #5878A7;
}
.survey .btn-voltar .btn-text {
  text-align: center;
  font: normal normal bold 18px/23px PT Sans;
  letter-spacing: 0px;
  color: #fb6d55;
  opacity: 1;
}
.survey:disabled {
  color: #707070;
  background: #e0e0e0;
}
.survey .main-question {
  min-height: calc(100vh - 150px);
}
.survey .button {
  font-size: 0.7rem;
  padding: 1rem;
  border-radius: 7px !important;
  box-shadow: none;
}
.survey .button.outline-gray {
  border: none;
  border: 2px solid #707070;
  color: #707070;
  background: transparent;
  box-shadow: none;
}
.survey .button.outline-gray:disabled, .survey .button.outline-gray.disabled {
  color: #c2c2c2;
}
.survey .button.outline-gray:hover {
  background: #FFF2EF 0% 0% no-repeat padding-box;
  border: 2px solid #fb6d55;
  border-radius: 7px;
  opacity: 1;
  color: #fb6d55;
}
.survey .button.outline-blue {
  color: #5878A7;
  min-width: 9rem;
  width: 1.2rem;
  padding: 0.8rem;
  border: none;
  border: 2px solid #5878A7;
  background: #fff;
  border-radius: 7px !important;
  opacity: 1;
  box-shadow: none;
}
.survey .button.outline-blue.back {
  min-width: 3rem;
  background: #eff8ff;
  border: none;
  padding: 0.5rem;
  margin-right: 0px;
}
.survey .button.outline-blue.back:disabled {
  color: #707070;
  background: #e0e0e0;
}
.survey .button.outline-blue:disabled, .survey .button.outline-blue.disabled {
  box-shadow: none;
}
.survey .button.outline-blue:hover {
  background: #4e6a95;
  color: #FFFFFF;
}
.survey .button.outline-blue:active {
  background: #5878A7;
}
.survey .button.outline-blue i {
  font-size: 1.2rem;
  /*margin-right: 16px;*/
}
.survey .button.outline-orange {
  min-width: 9rem;
  width: 1.2rem;
  padding: 0.8rem;
  border: none;
  border: 2px solid #fb6d55;
  color: #fb6d55;
  background: #fff;
  border-radius: 7px !important;
  opacity: 1;
  box-shadow: none;
}
.survey .button.outline-orange.back {
  min-width: 3rem;
  background: #FFF2EF;
  border: none;
  padding: 0.5rem;
  margin-right: 0px;
}
.survey .button.outline-orange.back:disabled {
  color: #707070;
  background: #e0e0e0;
}
.survey .button.outline-orange:disabled, .survey .button.outline-orange.disabled {
  box-shadow: none;
}
.survey .button.outline-orange:hover {
  background: #fb6d55;
  color: #FFFFFF;
}
.survey .button.outline-orange:active {
  background: #fb6d55;
}
.survey .button.outline-orange i {
  font-size: 1.2rem;
  /*margin-right: 16px;*/
}
.survey .button.conclusion {
  border: 2px solid #3bae71;
  background: #3bae71;
  color: #FFFFFF;
  padding: 0.95rem;
}
.survey .button.conclusion:hover {
  background: #359b65;
  color: #FFFFFF;
}
.survey .button.conclusion i {
  font-size: 0.8rem;
  /*margin-right: 16px;*/
}
.survey .button.boolean {
  margin-left: 0px;
  margin-right: 0px;
  font-weight: 100;
  background: #FFFFFF;
  color: #707070;
  border: 2px solid #CECECE;
}
@media (min-width: 1406px) {
  .survey .button.boolean {
    width: 16.4rem;
    padding: 1.4rem;
    padding-right: 13.5rem;
  }
}
@media (max-width: 1406px) {
  .survey .button.boolean {
    width: 11rem;
    padding: 1rem;
    padding-right: 0.8rem;
  }
}
@media (max-width: 767px) {
  .survey .button.boolean {
    width: 9.5rem;
  }
}
@media (max-width: 400px) {
  .survey .button.boolean {
    width: 9rem;
  }
}
.survey .button.boolean.cda {
  background: #FFF2EF;
  border: 2px solid #fb6d55;
  color: #fb6d55;
}
.survey .button.boolean.cdm {
  background: #eff8ff;
  border: 2px solid #5878A7;
  color: #5878A7;
}
.survey .title {
  text-align: left;
  font: normal normal bold 32px/42px PT Sans;
  letter-spacing: 0px;
  color: #363636;
}
.survey .datepickbox {
  border-radius: 7px !important;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: inset 0 -1px 0 0 #acacac;
  border: 2px solid #CECECE;
  opacity: 1;
  padding: 0.3rem;
  box-shadow: none;
}
.survey .datepickbox input {
  box-shadow: none;
}
.survey .period-add {
  padding: 0.8rem;
  display: block;
  text-align: left;
  font: normal normal bold 14px/18px PT Sans;
  letter-spacing: 0px;
}
.survey .period-add.cda {
  color: #fb6d55;
}
.survey .period-add.cdm {
  color: #5878A7;
}
.survey .period-remove {
  color: #363636;
  cursor: pointer;
}
.survey .period-item {
  padding: 0.5rem;
}
.survey .date-period-label {
  display: block;
  text-align: left;
  font: normal normal bold 16px/18px PT Sans;
  letter-spacing: 0px;
  color: #363636;
}
.survey .date-show-info {
  text-align: left;
  font: normal normal normal 14px/16px PT Sans;
  letter-spacing: 0px;
  color: #707070;
}
.survey .questions-inputs {
  padding-top: 30px;
}
.survey .proximo {
  font-size: 0.7rem;
  padding: 1rem;
  border-radius: 7px !important;
  box-shadow: none;
  background: #f86142;
  min-width: 9rem;
  width: 1.2rem;
  border: none;
  border: 2px solid #f86142;
  color: #ffffff;
  border-radius: 7px !important;
  opacity: 1;
  box-shadow: none;
}
.survey .proximo.cda {
  background: #f86142;
  border: 2px solid #f86142;
}
.survey .proximo.cda:hover {
  background: #fb6d55;
  color: #FFFFFF;
}
.survey .proximo.cdm {
  background: #5878A7;
  border: 2px solid #5878A7;
}
.survey .proximo.cdm:hover {
  background: #4e6a95;
  color: #FFFFFF;
}
.survey .proximo.disabled {
  border: 2px solid #e0e0e0;
  color: #707070;
  background: #e0e0e0;
}
.survey .text-input-wrap {
  position: relative;
}
.survey .text-input-wrap .prepend-field {
  position: absolute;
  font: normal normal normal 14px/18px PT Sans;
  color: #707070;
  left: 0px;
  top: 0;
  padding: 0.75rem;
  border: 2px solid #CECECE;
  background: #FFF2EF 0% 0% no-repeat padding-box;
  border-top-left-radius: 7px;
  border-bottom-left-radius: 7px;
  z-index: 1;
}
.survey .text-input-wrap .prepend {
  padding-left: 50px;
}
.survey .date-input-icon {
  position: relative;
}
.survey .date-input-icon input {
  box-sizing: border-box;
  padding-right: 20px;
}
.survey .date-input-icon .append-icon {
  position: absolute;
  top: 0px;
  right: 0px;
  display: flex;
  width: 35px;
  height: 36px;
  background: #FFF2EF 0% 0% no-repeat padding-box;
  border: 2px solid #CECECE;
  justify-content: center;
  align-items: center;
  border-radius: 0px 7px 7px 0px;
}
.survey .date-input-icon .append-icon i {
  height: 24px;
  width: 12px;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 3px;
  color: #707070;
  font-size: 14px;
  top: 16%;
  margin-right: 20%;
  display: flex;
}
.survey .label-date {
  padding: 0.5rem;
  text-align: left;
  font: normal normal bold 20px/26px PT Sans;
  letter-spacing: 0px;
  color: #363636;
}
.survey .modalheader {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  padding: 1rem;
  border: 1px solid #CECECE;
  border-radius: 7px;
  text-align: center;
  font: normal normal normal 24px/30px PT Sans;
  letter-spacing: 0px;
  color: #363636;
  opacity: 1;
}
@media (max-width: 400px) {
  .survey .modalheader {
    font: normal normal normal 20px/30px PT Sans;
    padding: 0.2rem;
  }
}
.survey .modalheader .dates {
  display: block;
  width: 100%;
}
.survey .modalheader .days {
  display: block;
  width: 100%;
  font: normal normal normal 16px/18px PT Sans;
  letter-spacing: 0px;
  color: #363636;
  opacity: 1;
}
.survey .text-counter {
  color: #707070;
  font: normal normal bold 10px/12px PT Sans;
}
.survey .text-counter.alert {
  color: red;
}
.survey .summary-item {
  display: flex;
}
.survey .summary-item.summary-active {
  border-left: 3px solid #fb6d55;
}
.survey .summary-item .summary-header {
  border-radius: 7px;
  cursor: pointer;
  text-align: left;
  font: normal normal bold 16px/18px PT Sans;
  text-transform: uppercase;
  letter-spacing: 0px;
  color: #363636;
  background: #FFF2EF 0% 0% no-repeat padding-box;
  padding: 0.5rem;
  padding-left: 0.5rem;
}
.survey .summary-item .summary-header.cda {
  background: #FFF2EF 0% 0% no-repeat padding-box;
}
.survey .summary-item .summary-header.cdm {
  background: #eff8ff 0% 0% no-repeat padding-box;
}
.survey .summary-item .summary-question {
  cursor: pointer;
  width: 94%;
  position: relative;
  text-align: left;
  border-bottom: 1px solid #ccc;
  font: normal normal normal 14px/16px PT Sans;
  letter-spacing: 0px;
  color: #707070;
  padding: 0.5rem;
}
.survey .summary-item .summary-question .summary-question-text {
  width: calc(90%);
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.survey .summary-item .summary-question .check {
  right: 10px;
  top: 50%;
  position: absolute;
  font-size: 0.6rem;
  color: green;
}
.survey .summary {
  display: flex;
}
.survey .summary .item {
  margin-bottom: 5px;
}
.survey .summary .summary-header {
  border-radius: 7px;
  cursor: pointer;
  text-align: left;
  font: normal normal bold 14px/18px PT Sans;
  text-transform: uppercase;
  letter-spacing: 0px;
  color: #363636;
  background: #FFF2EF 0% 0% no-repeat padding-box;
  padding: 0.5rem;
  padding-left: 0.5rem;
}
.survey .summary .summary-header.cda {
  background: #FFF2EF 0% 0% no-repeat padding-box;
}
.survey .summary .summary-header.cdm {
  background: #eff8ff 0% 0% no-repeat padding-box;
}
.survey .summary .summary-header.open {
  border: 0;
}
.survey .summary .summary-header.valid {
  background: #e6fbe5 0% 0% no-repeat padding-box;
}
.survey .summary .summary-header .cols {
  display: grid;
  grid-template-columns: 1fr 15px;
  text-align: start;
  padding: 0 5px;
  align-items: center;
}
.survey .summary .summary-header .grey {
  color: #363636;
  font-size: 24px;
}
.survey .summary .summary-question-item {
  border-bottom: 1px solid #DDDDDD;
  padding: 7px;
  cursor: pointer;
}
.survey .summary .summary-question-item.summary-active {
  border-left: 3px solid #fb6d55;
}
.survey .summary .summary-question-item.cda {
  border-left: 3px solid #fb6d55;
}
.survey .summary .summary-question-item.cdm {
  border-left: 3px solid #5878A7;
}
.survey .summary .summary-question-item .summary-question-text {
  width: calc(87%);
  font: normal normal 14px/18px PT Sans;
  padding-left: 15px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.survey .summary .summary-question-item .check {
  top: -5px;
  right: -8px;
  position: relative;
  font-size: 0.6rem;
  color: green;
}
.survey .flex-bottom {
  align-self: flex-end;
}
.survey .active {
  cursor: pointer;
  margin-left: 2px;
  width: 25px;
  border-radius: 10px;
  padding: 0.5rem;
  color: #fff;
  background: #fb6d55;
}
.survey .inactive {
  cursor: pointer;
  margin-left: 2px;
  width: 25px;
  border-radius: 10px;
  padding: 0.5rem;
  background: #CECECE;
}
.survey .font-color.cda {
  color: #fb6d55;
}
.survey .font-color.cdm {
  color: #5878A7;
}
.survey .btn-voltar .btn-text {
  text-align: center;
  font: normal normal bold 18px/23px PT Sans;
  letter-spacing: 0px;
  color: #fb6d55;
  opacity: 1;
}

.quotation .table-quotation {
  vertical-align: middle;
}
.quotation .table-quotation th {
  vertical-align: middle;
}
.quotation .table-quotation td {
  vertical-align: middle;
}
.quotation .order-options .order-options-btn {
  cursor: pointer;
  height: 55%;
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: center;
  border-radius: 50%;
  transition: 250ms;
}
.quotation .order-options .order-options-btn:hover {
  background-color: #F5F5F5;
}
.quotation .order-options .order-options-btn div {
  background-color: #707070;
  height: 3px;
  width: 3px;
  border-radius: 50%;
  position: relative;
}
.quotation .order-options .order-options-btn div:before {
  content: "";
  background-color: #707070;
  height: 3px;
  width: 3px;
  position: absolute;
  border-radius: 50%;
  top: -6px;
}
.quotation .order-options .order-options-btn div:after {
  content: "";
  background-color: #707070;
  height: 3px;
  width: 3px;
  position: absolute;
  border-radius: 50%;
  top: 6px;
}
.quotation .line-quotation {
  margin-left: 20px;
  margin-right: 20px;
  padding: 15px;
  background-color: white;
  border: 1px solid #f1f1f1;
  border-radius: 8px;
}

.theme--light.v-progress-linear {
  color: rgba(0, 0, 0, 0.87);
}

.theme--dark.v-progress-linear {
  color: #FFFFFF;
}

.v-progress-linear {
  background: transparent;
  overflow: hidden;
  position: relative;
  transition: 0.2s cubic-bezier(0.4, 0, 0.6, 1);
  width: 100%;
  border-radius: 3px;
}

.v-progress-linear__buffer {
  height: inherit;
  left: 0;
  position: absolute;
  top: 0;
  transition: inherit;
  width: 100%;
}

.v-progress-linear--reverse .v-progress-linear__buffer {
  left: auto;
  right: 0;
}

.v-progress-linear__background {
  bottom: 0;
  left: 0;
  position: absolute;
  top: 0;
  transition: inherit;
}

.v-progress-linear--reverse .v-progress-linear__background {
  left: auto;
  right: 0;
}

.v-progress-linear__content {
  align-items: center;
  display: flex;
  height: 100%;
  left: 0;
  justify-content: center;
  position: absolute;
  top: 0;
  width: 100%;
}

.v-progress-linear--reverse .v-progress-linear__content {
  left: auto;
  right: 0;
}

.v-progress-linear__determinate {
  height: inherit;
  left: 0;
  position: absolute;
  transition: inherit;
}

.v-progress-linear--reverse .v-progress-linear__determinate {
  left: auto;
  right: 0;
}

.v-progress-linear .v-progress-linear__indeterminate .long, .v-progress-linear .v-progress-linear__indeterminate .short {
  animation-play-state: paused;
  background-color: inherit;
  bottom: 0;
  height: inherit;
  left: 0;
  position: absolute;
  right: auto;
  top: 0;
  width: auto;
  will-change: left, right;
}

.v-progress-linear .v-progress-linear__indeterminate--active .long {
  animation-name: indeterminate-ltr;
  animation-duration: 2.2s;
  animation-iteration-count: infinite;
}

.v-progress-linear .v-progress-linear__indeterminate--active .short {
  animation-name: indeterminate-short-ltr;
  animation-duration: 2.2s;
  animation-iteration-count: infinite;
}

.v-progress-linear--reverse .v-progress-linear__indeterminate .long, .v-progress-linear--reverse .v-progress-linear__indeterminate .short {
  left: auto;
  right: 0;
}

.v-progress-linear--reverse .v-progress-linear__indeterminate--active .long {
  animation-name: indeterminate-rtl;
}

.v-progress-linear--reverse .v-progress-linear__indeterminate--active .short {
  animation-name: indeterminate-short-rtl;
}

.v-progress-linear__stream {
  animation: stream-ltr 0.25s infinite linear;
  animation-play-state: paused;
  border-color: currentColor;
  border-top: 4px dotted;
  bottom: 0;
  left: auto;
  right: -8px;
  opacity: 0.3;
  pointer-events: none;
  position: absolute;
  top: calc(50% - 2px);
  transition: inherit;
}

.v-progress-linear--reverse .v-progress-linear__stream {
  animation: stream-rtl 0.25s infinite linear;
  left: -8px;
  right: auto;
}

.v-progress-linear__wrapper {
  overflow: hidden;
  position: relative;
  transition: inherit;
}

.v-progress-linear--absolute,
.v-progress-linear--fixed {
  left: 0;
  z-index: 1;
}

.v-progress-linear--absolute {
  position: absolute;
}

.v-progress-linear--fixed {
  position: fixed;
}

.v-progress-linear--reactive .v-progress-linear__content {
  pointer-events: none;
}

.v-progress-linear--rounded {
  border-radius: 4px;
}

.v-progress-linear--striped .v-progress-linear__determinate {
  background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.25) 25%, transparent 0, transparent 50%, rgba(255, 255, 255, 0.25) 0, rgba(255, 255, 255, 0.25) 75%, transparent 0, transparent);
  background-size: 40px 40px;
  background-repeat: repeat;
}

.v-progress-linear--query .v-progress-linear__indeterminate--active .long {
  animation-name: query-ltr;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}

.v-progress-linear--query .v-progress-linear__indeterminate--active .short {
  animation-name: query-short-ltr;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}

.v-progress-linear--query.v-progress-linear--reverse .v-progress-linear__indeterminate--active .long {
  animation-name: query-rtl;
}

.v-progress-linear--query.v-progress-linear--reverse .v-progress-linear__indeterminate--active .short {
  animation-name: query-short-rtl;
}

.v-progress-linear--visible .v-progress-linear__indeterminate--active .long, .v-progress-linear--visible .v-progress-linear__indeterminate--active .short {
  animation-play-state: running;
}

.v-progress-linear--visible .v-progress-linear__stream {
  animation-play-state: running;
}

@keyframes indeterminate-ltr {
  0% {
    left: -90%;
    right: 100%;
  }
  60% {
    left: -90%;
    right: 100%;
  }
  100% {
    left: 100%;
    right: -35%;
  }
}
@keyframes indeterminate-rtl {
  0% {
    left: 100%;
    right: -90%;
  }
  60% {
    left: 100%;
    right: -90%;
  }
  100% {
    left: -35%;
    right: 100%;
  }
}
@keyframes indeterminate-short-ltr {
  0% {
    left: -200%;
    right: 100%;
  }
  60% {
    left: 107%;
    right: -8%;
  }
  100% {
    left: 107%;
    right: -8%;
  }
}
@keyframes indeterminate-short-rtl {
  0% {
    left: 100%;
    right: -200%;
  }
  60% {
    left: -8%;
    right: 107%;
  }
  100% {
    left: -8%;
    right: 107%;
  }
}
@keyframes query-ltr {
  0% {
    right: -90%;
    left: 100%;
  }
  60% {
    right: -90%;
    left: 100%;
  }
  100% {
    right: 100%;
    left: -35%;
  }
}
@keyframes query-rtl {
  0% {
    right: 100%;
    left: -90%;
  }
  60% {
    right: 100%;
    left: -90%;
  }
  100% {
    right: -35%;
    left: 100%;
  }
}
@keyframes query-short-ltr {
  0% {
    right: -200%;
    left: 100%;
  }
  60% {
    right: 107%;
    left: -8%;
  }
  100% {
    right: 107%;
    left: -8%;
  }
}
@keyframes query-short-rtl {
  0% {
    right: 100%;
    left: -200%;
  }
  60% {
    right: -8%;
    left: 107%;
  }
  100% {
    right: -8%;
    left: 107%;
  }
}
@keyframes stream-ltr {
  to {
    transform: translateX(-8px);
  }
}
@keyframes stream-rtl {
  to {
    transform: translateX(8px);
  }
}
.hidden {
  display: none !important;
  opacity: 0;
  visibility: hidden;
}

@media only screen and (min-width: 320px) and (max-width: 425px) {
  .hidden-mobile {
    display: none !important;
  }
}

.zOut {
  z-index: -1;
  left: -100%;
}

.no-mobile {
  display: inherit !important;
}
@media (max-width: 767px) {
  .no-mobile {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .no-mobile-message {
    display: none !important;
  }
}

th.no-mobile,
td.no-mobile {
  display: table-cell !important;
}
@media (max-width: 767px) {
  th.no-mobile,
td.no-mobile {
    display: none !important;
  }
}

.no-mobile-jobs {
  display: flex !important;
}
@media (max-width: 767px) {
  .no-mobile-jobs {
    display: none !important;
  }
}

.only-mobile {
  display: none !important;
}
@media (max-width: 767px) {
  .only-mobile {
    display: inherit !important;
  }
}

th.only-mobile,
td.only-mobile {
  display: none !important;
}
@media (max-width: 767px) {
  th.only-mobile,
td.only-mobile {
    display: table-cell !important;
  }
}

.class-cda .filter {
  color: #fb6d55;
}

.class-cdm .filter {
  color: #5878A7;
}

.filter {
  margin: 10px 0;
  display: flex;
  flex-flow: column;
}

.text-orange {
  color: #fb6d55 !important;
}

.text-default-blue {
  color: #5878A7;
}

.text-cda {
  color: #fb6d55 !important;
}

a.text-cda:hover {
  color: #fa583c !important;
}

.text-cdm {
  color: #5878A7 !important;
}

a.text-cdm:hover {
  color: #4f6c96 !important;
}

.text-white {
  color: #ffffff;
}

.text-green {
  color: #3bae71 !important;
}

.text-blue {
  color: #526afb !important;
}

.text-yellow {
  color: #D6A800 !important;
}

.text-red {
  color: #f33a3a !important;
}

.text-facebook {
  color: #3b5998;
}

.text-linkedin {
  color: #004183;
}

.text-light-gray {
  color: #b2b2b2;
}

.text-center {
  text-align: center !important;
}

.text-bold {
  font-weight: bold;
}

.text-or {
  height: 1px;
  position: relative;
  border-bottom: 1px solid #b2b2b2;
  width: 100%;
  margin: 10px 0;
}
.text-or span {
  height: 0;
  display: block;
  height: 20px;
  position: absolute;
  top: -8px;
  box-sizing: border-box;
  background: #fff;
  display: block;
  padding: 5px;
  width: 30px;
  text-align: center;
  left: 50%;
  margin-left: -15px;
  text-transform: uppercase;
}

.text-right {
  text-align: right !important;
}

.text-left {
  text-align: left !important;
}

.font-small {
  font-size: 0.75em;
}

.quotation .option-list,
.radio-options span {
  color: #fafafa;
}

i {
  font-style: italic;
}

.sun-editor {
  width: auto;
  height: auto;
  box-sizing: border-box;
  font-family: Helvetica Neue, sans-serif;
  border: 1px solid #dadada;
  background-color: #fff;
  color: #000;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.sun-editor * {
  box-sizing: border-box;
  -webkit-user-drag: none;
  overflow: visible;
}

.sun-editor-common button, .sun-editor-common input, .sun-editor-common select, .sun-editor-common textarea {
  font-size: 14px;
  line-height: 1.5;
}

.sun-editor-common blockquote, .sun-editor-common body, .sun-editor-common button, .sun-editor-common code, .sun-editor-common dd, .sun-editor-common div, .sun-editor-common dl, .sun-editor-common dt, .sun-editor-common fieldset, .sun-editor-common form, .sun-editor-common h1, .sun-editor-common h2, .sun-editor-common h3, .sun-editor-common h4, .sun-editor-common h5, .sun-editor-common h6, .sun-editor-common input, .sun-editor-common legend, .sun-editor-common li, .sun-editor-common ol, .sun-editor-common p, .sun-editor-common pre, .sun-editor-common select, .sun-editor-common td, .sun-editor-common textarea, .sun-editor-common th, .sun-editor-common ul {
  margin: 0;
  padding: 0;
  border: 0;
}

.sun-editor-common dl, .sun-editor-common li, .sun-editor-common menu, .sun-editor-common ol, .sun-editor-common ul {
  list-style: none !important;
}

.sun-editor-common hr {
  margin: 6px 0 !important;
}

.sun-editor textarea {
  resize: none;
  border: 0;
  padding: 0;
}

.sun-editor button {
  border: 0;
  background-color: transparent;
  touch-action: manipulation;
  cursor: pointer;
  outline: none;
}

.sun-editor button, .sun-editor input, .sun-editor select, .sun-editor textarea {
  vertical-align: middle;
}

.sun-editor button span {
  display: block;
  margin: 0;
  padding: 0;
}

.sun-editor button .txt {
  display: block;
  margin-top: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sun-editor button * {
  pointer-events: none;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
}

.sun-editor .se-svg, .sun-editor button > svg {
  width: 16px;
  height: 16px;
  margin: auto;
  fill: currentColor;
  display: block;
  text-align: center;
  float: none;
}

.sun-editor .close > svg, .sun-editor .se-dialog-close > svg {
  width: 10px;
  height: 10px;
}

.sun-editor .se-btn-select > svg {
  float: right;
  width: 10px;
  height: 10px;
}

.sun-editor .se-btn-list > .se-list-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: -1px 10px 0 0;
  vertical-align: middle;
}

.sun-editor .se-line-breaker > button > svg {
  width: 24px;
  height: 24px;
}

.sun-editor button > i:before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  font-size: 15px;
  line-height: 2;
}

.sun-editor button > [class=se-icon-text] {
  font-size: 20px;
  line-height: 1;
}

.sun-editor .se-arrow, .sun-editor .se-arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border: 11px solid transparent;
}

.sun-editor .se-arrow.se-arrow-up {
  top: -11px;
  left: 20px;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #dadada;
}

.sun-editor .se-arrow.se-arrow-up:after {
  top: 1px;
  margin-left: -11px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #fff;
}

.sun-editor .se-toolbar .se-arrow.se-arrow-up:after {
  border-bottom-color: #fafafa;
}

.sun-editor .se-arrow.se-arrow-down {
  top: 0;
  left: 0;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #dadada;
}

.sun-editor .se-arrow.se-arrow-down:after {
  top: -12px;
  margin-left: -11px;
  content: " ";
  border-bottom-width: 0;
  border-top-color: #fff;
}

.sun-editor .se-toolbar .se-arrow.se-arrow-down:after {
  border-top-color: #fafafa;
}

.sun-editor .se-container {
  position: relative;
  width: 100%;
  height: 100%;
}

.sun-editor button {
  color: #000;
}

.sun-editor .se-btn {
  float: left;
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 4px;
  margin: 1px !important;
  padding: 0;
  font-size: 12px;
  line-height: 27px;
}

.sun-editor .se-btn:enabled:focus, .sun-editor .se-btn:enabled:hover {
  background-color: #e1e1e1;
  border-color: #d1d1d1;
  outline: 0 none;
}

.sun-editor .se-btn:enabled:active {
  background-color: #d1d1d1;
  border-color: #c1c1c1;
  -webkit-box-shadow: inset 0 3px 5px #c1c1c1;
  box-shadow: inset 0 3px 5px #c1c1c1;
}

.sun-editor .se-btn-primary {
  color: #000;
  background-color: #c7deff;
  border: 1px solid #80bdff;
  border-radius: 4px;
}

.sun-editor .se-btn-primary:focus, .sun-editor .se-btn-primary:hover {
  color: #000;
  background-color: #80bdff;
  border-color: #3f9dff;
  outline: 0 none;
}

.sun-editor .se-btn-primary:active {
  color: #fff;
  background-color: #3f9dff;
  border-color: #4592ff;
  -webkit-box-shadow: inset 0 3px 5px #4592ff;
  box-shadow: inset 0 3px 5px #4592ff;
}

.sun-editor input, .sun-editor select, .sun-editor textarea {
  color: #000;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.sun-editor input:focus, .sun-editor select:focus, .sun-editor textarea:focus {
  border: 1px solid #80bdff;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem #c7deff;
  box-shadow: 0 0 0 0.2rem #c7deff;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.sun-editor .se-btn:enabled.active {
  color: #4592ff;
  outline: 0 none;
}

.sun-editor .se-btn:enabled.active:focus, .sun-editor .se-btn:enabled.active:hover {
  background-color: #e1e1e1;
  border-color: #d1d1d1;
  outline: 0 none;
}

.sun-editor .se-btn:enabled.active:active {
  background-color: #d1d1d1;
  border-color: #c1c1c1;
  -webkit-box-shadow: inset 0 3px 5px #c1c1c1;
  box-shadow: inset 0 3px 5px #c1c1c1;
}

.sun-editor .se-btn:enabled.on {
  background-color: #e1e1e1;
  border-color: #d1d1d1;
  outline: 0 none;
}

.sun-editor .se-btn:enabled.on:focus, .sun-editor .se-btn:enabled.on:hover {
  background-color: #d1d1d1;
  border-color: #c1c1c1;
  outline: 0 none;
}

.sun-editor .se-btn:enabled.on:active {
  background-color: #c1c1c1;
  border-color: #b1b1b1;
  -webkit-box-shadow: inset 0 3px 5px #b1b1b1;
  box-shadow: inset 0 3px 5px #b1b1b1;
}

.sun-editor .se-btn-list:disabled, .sun-editor .se-btn:disabled, .sun-editor button:disabled {
  cursor: not-allowed;
  background-color: inherit;
  color: #bdbdbd;
}

.sun-editor .se-loading-box {
  position: absolute;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #fff;
  opacity: 0.7;
  filter: alpha(opacity=70);
  z-index: 2147483647;
}

.sun-editor .se-loading-box .se-loading-effect {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  height: 25px;
  width: 25px;
  border-top: 2px solid #07d;
  border-right: 2px solid transparent;
  border-radius: 50%;
  animation: spinner 0.8s linear infinite;
  margin: -25px 0 0 -25px;
}

.sun-editor .se-line-breaker {
  position: absolute;
  display: none;
  width: 100%;
  height: 1px;
  cursor: text;
  border-top: 1px solid #3288ff;
  z-index: 7;
}

.sun-editor .se-line-breaker > button.se-btn {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 30px;
  top: -15px;
  float: none;
  left: -50%;
  background-color: #fff;
  border: 1px solid #0c2240;
  opacity: 0.6;
  cursor: pointer;
}

.sun-editor .se-line-breaker > button.se-btn:hover {
  opacity: 0.9;
  background-color: #fff;
  border-color: #041b39;
}

.sun-editor .se-line-breaker-component {
  position: absolute;
  display: none;
  width: 24px;
  height: 24px;
  background-color: #fff;
  border: 1px solid #0c2240;
  opacity: 0.6;
  border-radius: 4px;
  cursor: pointer;
  z-index: 7;
}

.sun-editor .se-line-breaker-component:hover {
  opacity: 0.9;
}

.sun-editor .se-toolbar {
  display: block;
  position: relative;
  height: auto;
  width: 100%;
  overflow: visible;
  padding: 0;
  margin: 0;
  background-color: #fafafa;
  outline: 1px solid #dadada;
  z-index: 5;
}

.sun-editor .se-toolbar-cover {
  position: absolute;
  display: none;
  font-size: 36px;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #fefefe;
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: not-allowed;
  z-index: 4;
}

.sun-editor .se-toolbar-separator-vertical {
  display: inline-block;
  height: 0;
  width: 0;
  margin: 1px;
  vertical-align: top;
}

.sun-editor .se-toolbar.se-toolbar-balloon, .sun-editor .se-toolbar.se-toolbar-inline {
  display: none;
  position: absolute;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
}

.sun-editor .se-toolbar.se-toolbar-balloon {
  z-index: 2147483647;
  width: auto;
}

.sun-editor .se-toolbar.se-toolbar-sticky {
  position: fixed;
  top: 0;
}

.sun-editor .se-toolbar-sticky-dummy {
  display: none;
  position: static;
  z-index: -1;
}

.sun-editor .se-btn-module {
  display: inline-block;
}

.sun-editor .se-btn-module-border {
  border: 1px solid #dadada;
  border-radius: 4px;
}

.sun-editor .se-btn-module-enter {
  display: block;
  width: 100%;
  height: 1px;
  margin-bottom: 5px;
  background-color: transparent;
}

.sun-editor .se-toolbar-more-layer {
  margin: 0 -3px;
  background-color: #fafafa;
}

.sun-editor .se-toolbar-more-layer .se-more-layer {
  display: none;
  border-top: 1px solid #dadada;
}

.sun-editor .se-toolbar-more-layer .se-more-layer .se-more-form {
  display: inline-block;
  width: 100%;
  height: auto;
  padding: 4px 3px 0;
}

.sun-editor .se-btn-module .se-btn-more.se-btn-more-text {
  width: auto;
  padding: 0 4px;
}

.sun-editor .se-btn-module .se-btn-more:focus, .sun-editor .se-btn-module .se-btn-more:hover {
  color: #000;
  background-color: #d1d1d1;
  border-color: #c1c1c1;
  outline: 0 none;
}

.sun-editor .se-btn-module .se-btn-more.on {
  color: #333;
  background-color: #d1d1d1;
  border-color: #c1c1c1;
  outline: 0 none;
}

.sun-editor .se-btn-module .se-btn-more.on:hover {
  color: #000;
  background-color: #c1c1c1;
  border-color: #b1b1b1;
  outline: 0 none;
}

.sun-editor .se-menu-list, .sun-editor .se-menu-list li {
  float: left;
  padding: 0;
  margin: 0;
}

.sun-editor .se-menu-list li {
  position: relative;
}

.sun-editor .se-btn-select {
  width: auto;
  display: flex;
  padding: 4px 6px;
}

.sun-editor .se-btn-select .txt {
  flex: auto;
  text-align: left;
}

.sun-editor.se-rtl .se-btn-select svg {
  margin: auto 1px;
}

.sun-editor .se-btn-select.se-btn-tool-font {
  width: 100px;
}

.sun-editor .se-btn-select.se-btn-tool-format {
  width: 82px;
}

.sun-editor .se-btn-select.se-btn-tool-size {
  width: 78px;
}

.sun-editor .se-btn-tray {
  position: relative;
  width: 100%;
  height: auto;
  padding: 4px 3px 0;
  margin: 0;
}

.sun-editor .se-menu-tray {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
}

.sun-editor .se-submenu {
  overflow-x: hidden;
  overflow-y: auto;
}

.sun-editor .se-list-layer {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  height: auto;
  z-index: 5;
  border: 1px solid #bababa;
  border-radius: 4px;
  padding: 6px 0;
  background-color: #fff;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  outline: 0 none;
}

.sun-editor .se-list-layer .se-list-inner {
  padding: 0;
  margin: 0;
  overflow-x: initial;
  overflow-y: initial;
  overflow: visible;
}

.sun-editor .se-list-layer button {
  margin: 0;
  width: 100%;
}

.sun-editor .se-list-inner ul {
  width: 100%;
  padding: 0;
}

.sun-editor .se-list-inner li > button {
  min-width: 100%;
  width: max-content;
}

.sun-editor .se-list-inner .se-list-basic li {
  width: 100%;
}

.sun-editor .se-list-inner .se-list-basic li button.active {
  background-color: #80bdff;
  border: 1px solid #3f9dff;
  border-left: 0;
  border-right: 0;
}

.sun-editor .se-list-inner .se-list-basic li button.active:hover {
  background-color: #3f9dff;
  border: 1px solid #4592ff;
  border-left: 0;
  border-right: 0;
}

.sun-editor .se-list-inner .se-list-basic li button.active:active {
  background-color: #4592ff;
  border: 1px solid #407dd1;
  border-left: 0;
  border-right: 0;
  -webkit-box-shadow: inset 0 3px 5px #407dd1;
  box-shadow: inset 0 3px 5px #407dd1;
}

.sun-editor .se-list-inner .se-list-checked li button > .se-svg {
  float: left;
  padding: 6px 6px 0 0;
}

.sun-editor .se-list-inner .se-list-checked li button > .se-svg > svg {
  display: none;
}

.sun-editor .se-list-inner .se-list-checked li button.se-checked {
  color: #4592ff;
}

.sun-editor .se-list-inner .se-list-checked li button.se-checked > .se-svg > svg {
  display: block;
}

.sun-editor .se-btn-list {
  width: 100%;
  height: auto;
  min-height: 32px;
  padding: 0 14px;
  cursor: pointer;
  font-size: 12px;
  line-height: normal;
  text-indent: 0;
  text-decoration: none;
  text-align: left;
}

.sun-editor .se-btn-list.default_value {
  background-color: #f3f3f3;
  border-top: 1px dotted #b1b1b1;
  border-bottom: 1px dotted #b1b1b1;
}

.sun-editor .se-btn-list:focus, .sun-editor .se-btn-list:hover {
  background-color: #e1e1e1;
  border-color: #d1d1d1;
  outline: 0 none;
}

.sun-editor .se-btn-list:active {
  background-color: #d1d1d1;
  border-color: #c1c1c1;
  -webkit-box-shadow: inset 0 3px 5px #c1c1c1;
  box-shadow: inset 0 3px 5px #c1c1c1;
}

.sun-editor .se-list-layer.se-list-font-size {
  min-width: 140px;
  max-height: 300px;
}

.sun-editor .se-list-layer.se-list-font-family {
  min-width: 156px;
}

.sun-editor .se-list-layer.se-list-font-family .default {
  border-bottom: 1px solid #ccc;
}

.sun-editor .se-list-layer.se-list-line {
  width: 125px;
}

.sun-editor .se-list-layer.se-list-align .se-list-inner {
  left: 9px;
  width: 125px;
}

.sun-editor .se-list-layer.se-list-format {
  min-width: 156px;
}

.sun-editor .se-list-layer.se-list-format li {
  padding: 0;
  width: 100%;
}

.sun-editor .se-list-layer.se-list-format ul .se-btn-list {
  line-height: 100%;
}

.sun-editor .se-list-layer.se-list-format ul .se-btn-list[data-value=h1] {
  height: 40px;
}

.sun-editor .se-list-layer.se-list-format ul .se-btn-list[data-value=h2] {
  height: 34px;
}

.sun-editor .se-list-layer.se-list-format ul p {
  font-size: 13px;
}

.sun-editor .se-list-layer.se-list-format ul div {
  font-size: 13px;
  padding: 4px 2px;
}

.sun-editor .se-list-layer.se-list-format ul h1 {
  font-size: 2em;
  font-weight: 700;
  color: #333;
}

.sun-editor .se-list-layer.se-list-format ul h2 {
  font-size: 1.5em;
  font-weight: 700;
  color: #333;
}

.sun-editor .se-list-layer.se-list-format ul h3 {
  font-size: 1.17em;
  font-weight: 700;
  color: #333;
}

.sun-editor .se-list-layer.se-list-format ul h4 {
  font-size: 1em;
  font-weight: 700;
  color: #333;
}

.sun-editor .se-list-layer.se-list-format ul h5 {
  font-size: 0.83em;
  font-weight: 700;
  color: #333;
}

.sun-editor .se-list-layer.se-list-format ul h6 {
  font-size: 0.67em;
  font-weight: 700;
  color: #333;
}

.sun-editor .se-list-layer.se-list-format ul blockquote {
  font-size: 13px;
  color: #999;
  height: 22px;
  margin: 0;
  background-color: transparent;
  line-height: 1.5;
  border-color: #b1b1b1;
  padding: 0 0 0 7px;
  border-left: 5px #b1b1b1;
  border-style: solid;
}

.sun-editor .se-list-layer.se-list-format ul pre {
  font-size: 13px;
  color: #666;
  padding: 4px 11px;
  margin: 0;
  background-color: #f9f9f9;
  border: 1px solid #e1e1e1;
  border-radius: 4px;
}

.sun-editor .se-selector-table {
  display: none;
  position: absolute;
  top: 34px;
  left: 1px;
  z-index: 5;
  padding: 5px 0;
  float: left;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.sun-editor .se-selector-table .se-table-size {
  font-size: 18px;
  padding: 0 5px;
}

.sun-editor .se-selector-table .se-table-size-picker {
  position: absolute !important;
  z-index: 3;
  font-size: 18px;
  width: 10em;
  height: 10em;
  cursor: pointer;
}

.sun-editor .se-selector-table .se-table-size-highlighted {
  position: absolute !important;
  z-index: 2;
  font-size: 18px;
  width: 1em;
  height: 1em;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAADJmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4QTZCNzMzN0I3RUYxMUU4ODcwQ0QwMjM1NTgzRTJDNyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4QTZCNzMzNkI3RUYxMUU4ODcwQ0QwMjM1NTgzRTJDNyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0MzYyNEUxRUI3RUUxMUU4ODZGQzgwRjNBODgyNTdFOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0MzYyNEUxRkI3RUUxMUU4ODZGQzgwRjNBODgyNTdFOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pl0yAuwAAABBSURBVDhPY/wPBAxUAGCDGvdBeWSAeicIDTfIXREiQArYeR9hEBOEohyMGkQYjBpEGAxjg6ib+yFMygCVvMbAAABj0hwMTNeKJwAAAABJRU5ErkJggg==") repeat;
}

.sun-editor .se-selector-table .se-table-size-unhighlighted {
  position: relative !important;
  z-index: 1;
  font-size: 18px;
  width: 10em;
  height: 10em;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC") repeat;
}

.sun-editor .se-selector-table .se-table-size-display {
  padding-left: 5px;
}

.sun-editor .se-list-layer.se-table-split {
  top: 36px;
}

.sun-editor .se-list-layer .se-selector-color {
  display: flex;
  width: max-content;
  max-width: 270px;
  height: auto;
  padding: 0;
  margin: auto;
}

.sun-editor .se-list-layer .se-selector-color .se-color-pallet {
  width: 100%;
  height: 100%;
  padding: 0;
}

.sun-editor .se-list-layer .se-selector-color .se-color-pallet li {
  display: flex;
  float: left;
  position: relative;
  margin: 0;
}

.sun-editor .se-list-layer .se-selector-color .se-color-pallet button {
  display: block;
  cursor: default;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
}

.sun-editor .se-list-layer .se-selector-color .se-color-pallet button.active, .sun-editor .se-list-layer .se-selector-color .se-color-pallet button:focus, .sun-editor .se-list-layer .se-selector-color .se-color-pallet button:hover {
  border: 3px solid #fff;
}

.sun-editor .se-form-group {
  display: flex;
  width: 100%;
  min-height: 40px;
  height: auto;
  padding: 4px;
}

.sun-editor .se-form-group input {
  flex: auto;
  display: inline-block;
  width: auto;
  height: 33px;
  font-size: 12px;
  margin: 1px 0;
  padding: 0;
  border-radius: 0.25rem;
  border: 1px solid #ccc;
}

.sun-editor .se-form-group button, .sun-editor .se-submenu-form-group button {
  float: right;
  width: 34px;
  height: 34px;
  margin: 0 2px !important;
}

.sun-editor .se-form-group button.se-btn {
  border: 1px solid #ccc;
}

.sun-editor .se-form-group > div {
  position: relative;
}

.sun-editor .se-form-group label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
}

.sun-editor .se-form-group-label {
  width: 100%;
  height: auto;
  padding: 0 4px;
}

.sun-editor .se-form-group-label label {
  font-size: 13px;
  font-weight: 700;
}

.sun-editor .se-submenu .se-form-group input {
  width: auto;
  height: 33px;
  color: #555;
}

.sun-editor .se-submenu .se-form-group .se-color-input {
  width: 72px;
  text-transform: uppercase;
  border: none;
  border-bottom: 2px solid #b1b1b1;
  outline: none;
}

.sun-editor .se-submenu .se-form-group .se-color-input:focus {
  border-bottom: 3px solid #b1b1b1;
}

.sun-editor .se-wrapper {
  position: relative !important;
  width: 100%;
  height: auto;
  overflow: hidden;
  z-index: 1;
}

.sun-editor .se-wrapper .se-wrapper-inner {
  width: 100%;
  height: 100%;
  min-height: 65px;
  overflow-y: auto;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  user-select: auto;
  -o-user-select: auto;
  -moz-user-select: auto;
  -khtml-user-select: auto;
  -webkit-user-select: auto;
  -ms-user-select: auto;
}

.sun-editor .se-wrapper .se-wrapper-inner:focus {
  outline: none;
}

.sun-editor .se-wrapper .se-wrapper-code {
  background-color: #191919;
  color: #fff;
  font-size: 13px;
  word-break: break-all;
  padding: 4px;
  margin: 0;
  resize: none !important;
}

.sun-editor .se-wrapper .se-wrapper-wysiwyg {
  background-color: #fff;
  display: block;
}

.sun-editor .se-wrapper .se-wrapper-code-mirror {
  font-size: 13px;
}

.sun-editor .se-wrapper .se-placeholder {
  position: absolute;
  display: none;
  white-space: nowrap;
  text-overflow: ellipsis;
  z-index: 1;
  color: #b1b1b1;
  font-size: 13px;
  line-height: 1.5;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  margin-top: 0;
  padding-top: 16px;
  padding-left: 16px;
  margin-left: 0;
  padding-right: 16px;
  margin-right: 0;
  pointer-events: none;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
}

.sun-editor .se-resizing-bar {
  display: flex;
  width: auto;
  height: auto;
  min-height: 16px;
  border-top: 1px solid #dadada;
  padding: 0 4px;
  background-color: #fafafa;
  cursor: ns-resize;
}

.sun-editor .se-resizing-bar.se-resizing-none {
  cursor: default;
}

.sun-editor .se-resizing-back {
  position: absolute;
  display: none;
  cursor: default;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2147483647;
}

.sun-editor .se-resizing-bar .se-navigation {
  flex: auto;
  position: relative;
  width: auto;
  height: auto;
  color: #666;
  margin: 0;
  padding: 0;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.5;
  background: transparent;
}

.sun-editor .se-resizing-bar .se-char-counter-wrapper {
  flex: none;
  position: relative;
  display: block;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  color: #999;
  font-size: 13px;
  background: transparent;
}

.sun-editor .se-resizing-bar .se-char-counter-wrapper.se-blink {
  color: #b94a48;
  animation: blinker 0.2s linear infinite;
}

.sun-editor .se-resizing-bar .se-char-counter-wrapper .se-char-label {
  margin-right: 4px;
}

.sun-editor .se-dialog {
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2147483647;
}

.sun-editor .se-dialog button, .sun-editor .se-dialog input, .sun-editor .se-dialog label {
  font-size: 14px;
  line-height: 1.5;
  color: #111;
  margin: 0;
}

.sun-editor .se-dialog .se-dialog-back {
  background-color: #222;
  opacity: 0.5;
}

.sun-editor .se-dialog .se-dialog-back, .sun-editor .se-dialog .se-dialog-inner {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.sun-editor .se-dialog .se-dialog-inner .se-dialog-content {
  position: relative;
  width: auto;
  max-width: 500px;
  margin: 1.75rem auto;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
}

@media screen and (max-width: 509px) {
  .sun-editor .se-dialog .se-dialog-inner .se-dialog-content {
    width: 100%;
  }
}
.sun-editor .se-dialog .se-dialog-inner .se-dialog-content label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
}

.sun-editor .se-dialog .se-dialog-inner .se-dialog-content .se-btn-primary {
  display: inline-block;
  padding: 6px 12px;
  margin: 0 0 10px !important;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  border-radius: 4px;
}

.sun-editor .se-dialog .se-dialog-inner .se-dialog-header {
  height: 50px;
  padding: 6px 15px;
  border-bottom: 1px solid #e5e5e5;
}

.sun-editor .se-dialog .se-dialog-inner .se-dialog-header .se-dialog-close {
  float: right;
  font-weight: 700;
  text-shadow: 0 1px 0 #fff;
  -webkit-appearance: none;
  filter: alpha(opacity=100);
  opacity: 1;
}

.sun-editor .se-dialog .se-dialog-inner .se-dialog-header .se-modal-title {
  float: left;
  font-size: 14px;
  font-weight: 700;
  margin: 0;
  padding: 0;
  line-height: 2.5;
}

.sun-editor .se-dialog .se-dialog-inner .se-dialog-body {
  position: relative;
  padding: 15px 15px 5px;
}

.sun-editor .se-dialog .se-dialog-inner .se-dialog-form {
  margin-bottom: 10px;
}

.sun-editor .se-dialog .se-dialog-inner .se-dialog-form-footer {
  margin-top: 10px;
  margin-bottom: 0;
}

.sun-editor .se-dialog .se-dialog-inner input:disabled {
  background-color: #f3f3f3;
}

.sun-editor .se-dialog .se-dialog-inner .se-dialog-size-text {
  width: 100%;
}

.sun-editor .se-dialog .se-dialog-inner .se-dialog-size-text .size-h, .sun-editor .se-dialog .se-dialog-inner .se-dialog-size-text .size-w {
  width: 70px;
  text-align: center;
}

.sun-editor .se-dialog .se-dialog-inner .se-dialog-size-x {
  margin: 0 8px;
  width: 25px;
  text-align: center;
}

.sun-editor .se-dialog .se-dialog-inner .se-dialog-footer {
  height: auto;
  min-height: 55px;
  padding: 10px 15px 0;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}

.sun-editor .se-dialog .se-dialog-inner .se-dialog-footer > div {
  float: left;
}

.sun-editor .se-dialog .se-dialog-inner .se-dialog-footer > div > label {
  margin: 0 5px 0 0;
}

.sun-editor .se-dialog .se-dialog-inner .se-dialog-btn-radio {
  margin-left: 12px;
  margin-right: 6px;
}

.sun-editor .se-dialog .se-dialog-inner .se-dialog-btn-check {
  margin-left: 12px;
  margin-right: 4px;
}

.sun-editor .se-dialog .se-dialog-inner .se-dialog-form-footer .se-dialog-btn-check {
  margin-left: 0;
  margin-right: 4px;
}

.sun-editor .se-dialog .se-dialog-inner .se-dialog-form-footer label:first-child {
  margin-right: 16px;
  margin-left: 0;
}

.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-dialog-form-files {
  position: relative;
  display: flex;
  align-items: center;
}

.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-dialog-form-files > input {
  flex: auto;
}

.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-dialog-form-files .se-dialog-files-edge-button {
  flex: auto;
  opacity: 0.8;
  border: 1px solid #ccc;
}

.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-dialog-form-files .se-dialog-files-edge-button.se-file-remove > svg {
  width: 8px;
  height: 8px;
}

.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-dialog-form-files .se-dialog-files-edge-button:hover {
  background-color: #f0f0f0;
  outline: 0 none;
}

.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-dialog-form-files .se-dialog-files-edge-button:active {
  background-color: #e9e9e9;
  -webkit-box-shadow: inset 0 3px 5px #d6d6d6;
  box-shadow: inset 0 3px 5px #d6d6d6;
}

.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-input-select {
  display: inline-block;
  width: auto;
  height: 34px;
  font-size: 14px;
  text-align: center;
  line-height: 1.42857143;
}

.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-input-control {
  display: inline-block;
  width: 70px;
  height: 34px;
  font-size: 14px;
  text-align: center;
  line-height: 1.42857143;
}

.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-input-form {
  display: block;
  width: 100%;
  height: 34px;
  font-size: 14px;
  line-height: 1.42857143;
  padding: 0 4px;
}

.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-input-form.se-input-url {
  direction: ltr;
}

.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-input-form.se-input-url:disabled {
  text-decoration: line-through;
  color: #999;
}

.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-video-ratio {
  width: 70px;
  margin-left: 4px;
}

.sun-editor .se-dialog .se-dialog-inner .se-dialog-form a {
  color: #004cff;
}

.sun-editor .se-dialog .se-dialog-inner .se-dialog-btn-revert {
  border: 1px solid #ccc;
}

.sun-editor .se-dialog .se-dialog-inner .se-dialog-btn-revert:hover {
  background-color: #e1e1e1;
  border-color: #d1d1d1;
  outline: 0 none;
}

.sun-editor .se-dialog .se-dialog-inner .se-dialog-btn-revert:active {
  background-color: #d1d1d1;
  border-color: #c1c1c1;
  -webkit-box-shadow: inset 0 3px 5px #c1c1c1;
  box-shadow: inset 0 3px 5px #c1c1c1;
}

.sun-editor .se-dialog-tabs {
  width: 100%;
  height: 25px;
  border-bottom: 1px solid #e5e5e5;
}

.sun-editor .se-dialog-tabs button {
  background-color: #e5e5e5;
  border-right: 1px solid #e5e5e5;
  float: left;
  outline: none;
  padding: 2px 13px;
  transition: 0.3s;
}

.sun-editor .se-dialog-tabs button:hover {
  background-color: #fff;
}

.sun-editor .se-dialog-tabs button.active {
  background-color: #fff;
  border-bottom: 0;
}

.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-input-form.se-math-exp {
  resize: vertical;
  height: 4rem;
  border: 1px solid #ccc;
  font-size: 13px;
  padding: 4px;
  direction: ltr;
}

.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-input-select.se-math-size {
  width: 6em;
  height: 28px;
  margin-left: 1em;
}

.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-math-preview {
  font-size: 13px;
}

.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-math-preview > span {
  display: inline-block;
  -webkit-box-shadow: 0 0 0 0.1rem #c7deff;
  box-shadow: 0 0 0 0.1rem #c7deff;
}

.sun-editor .se-dialog .se-dialog-inner .se-link-preview {
  display: block;
  height: auto;
  max-height: 18px;
  font-size: 13px;
  font-weight: 400;
  font-family: inherit;
  color: #666;
  background-color: transparent;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  white-space: pre;
}

.sun-editor .se-dialog .se-dialog-inner .se-anchor-preview-form {
  width: 100%;
  display: flex;
  margin-top: 4px;
}

.sun-editor .se-dialog .se-dialog-inner .se-anchor-preview-form .se-svg.se-anchor-preview-icon {
  flex: unset;
  display: none;
  line-height: 1.5;
  color: #4592ff;
}

.sun-editor .se-dialog .se-dialog-inner .se-anchor-preview-form .se-link-preview {
  flex: auto;
  margin: 0;
}

.sun-editor .se-dialog .se-dialog-inner .se-anchor-rel {
  height: 34px;
}

.sun-editor .se-dialog .se-dialog-inner .se-anchor-rel-btn {
  width: 46px;
  color: #3f9dff;
}

.sun-editor .se-dialog .se-dialog-inner .se-anchor-rel-wrapper {
  display: flex;
  line-height: 1.5;
  padding-top: 6px;
}

.sun-editor .se-dialog .se-dialog-inner .se-anchor-rel-preview {
  text-align: left;
}

.sun-editor .se-controller .se-arrow.se-arrow-up {
  border-bottom-color: rgba(0, 0, 0, 0.25);
}

.sun-editor .se-controller {
  position: absolute;
  display: none;
  overflow: visible;
  z-index: 6;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  line-break: auto;
}

.sun-editor .se-controller .se-btn-group {
  position: relative;
  display: flex;
  vertical-align: middle;
  padding: 2px;
  top: 0;
  left: 0;
}

.sun-editor .se-controller .se-btn-group .se-btn-group-sub {
  left: 50%;
  min-width: auto;
  width: max-content;
  display: none;
}

.sun-editor .se-controller .se-btn-group .se-btn-group-sub button {
  margin: 0;
  min-width: 72px;
}

.sun-editor .se-controller .se-btn-group button {
  position: relative;
  min-height: 34px;
  height: auto;
  border: none;
  border-radius: 4px;
  margin: 1px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

.sun-editor .se-controller .se-btn-group button:focus:enabled, .sun-editor .se-controller .se-btn-group button:hover:enabled {
  background-color: #e1e1e1;
  border-color: #d1d1d1;
  outline: 0 none;
}

.sun-editor .se-controller .se-btn-group button:active:enabled {
  background-color: #d1d1d1;
  border-color: #c1c1c1;
  -webkit-box-shadow: inset 0 3px 5px #c1c1c1;
  box-shadow: inset 0 3px 5px #c1c1c1;
}

.sun-editor .se-controller .se-btn-group button span {
  display: block;
  padding: 0;
  margin: 0;
}

.sun-editor .se-controller .se-btn-group button:enabled.active {
  color: #4592ff;
  outline: 0 none;
}

.sun-editor .se-controller .se-btn-group button:enabled.active:focus, .sun-editor .se-controller .se-btn-group button:enabled.active:hover {
  background-color: #e1e1e1;
  border-color: #d1d1d1;
  outline: 0 none;
}

.sun-editor .se-controller .se-btn-group button:enabled.active:active {
  background-color: #d1d1d1;
  border-color: #c1c1c1;
  -webkit-box-shadow: inset 0 3px 5px #c1c1c1;
  box-shadow: inset 0 3px 5px #c1c1c1;
}

.sun-editor .se-controller .se-btn-group button:enabled.on {
  background-color: #e1e1e1;
  border-color: #d1d1d1;
  outline: 0 none;
}

.sun-editor .se-controller .se-btn-group button:enabled.on:focus, .sun-editor .se-controller .se-btn-group button:enabled.on:hover {
  background-color: #d1d1d1;
  border-color: #c1c1c1;
  outline: 0 none;
}

.sun-editor .se-controller .se-btn-group button:enabled.on:active {
  background-color: #c1c1c1;
  border-color: #b1b1b1;
  -webkit-box-shadow: inset 0 3px 5px #b1b1b1;
  box-shadow: inset 0 3px 5px #b1b1b1;
}

.sun-editor .se-controller .se-form-group input {
  min-width: 120px;
}

.sun-editor .se-controller-resizing {
  margin-top: -50px !important;
  padding: 0;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.42857143;
}

.sun-editor .se-controller-resizing .se-btn-group .se-btn-group-sub.se-resizing-align-list {
  width: 74px;
}

.sun-editor .se-resizing-container {
  position: absolute;
  display: none;
  outline: 1px solid #3f9dff;
  background-color: transparent;
}

.sun-editor .se-resizing-container .se-modal-resize {
  position: absolute;
  display: inline-block;
  background-color: #3f9dff;
  opacity: 0.3;
}

.sun-editor .se-resizing-container .se-resize-dot {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.sun-editor .se-resizing-container .se-resize-dot > span {
  position: absolute;
  width: 7px;
  height: 7px;
  background-color: #3f9dff;
  border: 1px solid #4592ff;
}

.sun-editor .se-resizing-container .se-resize-dot > span.tl {
  top: -5px;
  left: -5px;
  cursor: nw-resize;
}

.sun-editor .se-resizing-container .se-resize-dot > span.tr {
  top: -5px;
  right: -5px;
  cursor: ne-resize;
}

.sun-editor .se-resizing-container .se-resize-dot > span.bl {
  bottom: -5px;
  left: -5px;
  cursor: sw-resize;
}

.sun-editor .se-resizing-container .se-resize-dot > span.br {
  right: -5px;
  bottom: -5px;
  cursor: se-resize;
}

.sun-editor .se-resizing-container .se-resize-dot > span.lw {
  left: -7px;
  bottom: 50%;
  cursor: w-resize;
}

.sun-editor .se-resizing-container .se-resize-dot > span.th {
  left: 50%;
  top: -7px;
  cursor: n-resize;
}

.sun-editor .se-resizing-container .se-resize-dot > span.rw {
  right: -7px;
  bottom: 50%;
  cursor: e-resize;
}

.sun-editor .se-resizing-container .se-resize-dot > span.bh {
  right: 50%;
  bottom: -7px;
  cursor: s-resize;
}

.sun-editor .se-resizing-container .se-resize-display {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 5px;
  margin: 5px;
  font-size: 12px;
  color: #fff;
  background-color: #333;
  border-radius: 4px;
}

.sun-editor .se-controller-table, .sun-editor .se-controller-table-cell {
  width: auto;
}

.sun-editor .se-controller-link, .sun-editor .se-controller-table, .sun-editor .se-controller-table-cell {
  padding: 0;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.42857143;
}

.sun-editor .se-controller-link:after, .sun-editor .se-controller-link:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.sun-editor .se-controller-link .link-content {
  padding: 0;
  margin: 0;
}

.sun-editor .se-controller-link .link-content a {
  display: inline-block;
  color: #4592ff;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
  margin-left: 5px;
}

.sun-editor .se-file-browser {
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2147483647;
}

.sun-editor .se-file-browser button, .sun-editor .se-file-browser input, .sun-editor .se-file-browser label {
  font-size: 14px;
  line-height: 1.5;
  color: #111;
  margin: 0;
}

.sun-editor .se-file-browser .se-file-browser-back {
  background-color: #222;
  opacity: 0.5;
}

.sun-editor .se-file-browser .se-file-browser-back, .sun-editor .se-file-browser .se-file-browser-inner {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.sun-editor .se-file-browser .se-file-browser-inner .se-file-browser-content {
  position: relative;
  width: 960px;
  max-width: 100%;
  margin: 20px auto;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
}

.sun-editor .se-file-browser .se-file-browser-header {
  height: auto;
  min-height: 50px;
  padding: 6px 15px;
  border-bottom: 1px solid #e5e5e5;
}

.sun-editor .se-file-browser .se-file-browser-header .se-file-browser-close {
  float: right;
  font-weight: 700;
  text-shadow: 0 1px 0 #fff;
  -webkit-appearance: none;
  filter: alpha(opacity=100);
  opacity: 1;
}

.sun-editor .se-file-browser .se-file-browser-header .se-file-browser-close > svg {
  width: 12px;
  height: 12px;
}

.sun-editor .se-file-browser .se-file-browser-header .se-file-browser-title {
  font-size: 16px;
  font-weight: 700;
  margin: 0;
  padding: 0;
  line-height: 2.2;
}

.sun-editor .se-file-browser .se-file-browser-tags {
  display: block;
  width: 100%;
  padding: 0;
  text-align: left;
  margin: 0 -15px;
}

.sun-editor .se-file-browser .se-file-browser-tags a {
  display: inline-block;
  background-color: #f5f5f5;
  padding: 6px 12px;
  margin: 8px 0 8px 8px;
  color: #333;
  text-decoration: none;
  border-radius: 32px;
  -moz-border-radius: 32px;
  -webkit-border-radius: 32px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
}

.sun-editor .se-file-browser .se-file-browser-tags a:hover {
  background-color: #e1e1e1;
}

.sun-editor .se-file-browser .se-file-browser-tags a:active {
  background-color: #d1d1d1;
}

.sun-editor .se-file-browser .se-file-browser-tags a.on {
  background-color: #ebf3fe;
  color: #4592ff;
}

.sun-editor .se-file-browser .se-file-browser-tags a.on:hover {
  background-color: #d8e8fe;
}

.sun-editor .se-file-browser .se-file-browser-tags a.on:active {
  background-color: #c7deff;
}

.sun-editor .se-file-browser .se-file-browser-body {
  position: relative;
  height: auto;
  min-height: 350px;
  padding: 20px;
  overflow-y: auto;
}

.sun-editor .se-file-browser .se-file-browser-body .se-file-browser-list {
  position: relative;
  width: 100%;
}

@media screen and (max-width: 992px) {
  .sun-editor .se-file-browser .se-file-browser-inner .se-file-browser-content {
    width: 748px;
  }
}
@media screen and (max-width: 768px) {
  .sun-editor .se-file-browser .se-file-browser-inner .se-file-browser-content {
    width: 600px;
  }
}
.sun-editor .se-file-browser .se-file-browser-list .se-file-item-column {
  position: relative;
  display: block;
  height: auto;
  float: left;
}

.sun-editor .se-file-browser .se-file-browser-list.se-image-list .se-file-item-column {
  width: calc(25% - 20px);
  margin: 0 10px;
}

@media screen and (max-width: 992px) {
  .sun-editor .se-file-browser .se-file-browser-list.se-image-list .se-file-item-column {
    width: calc(33% - 20px);
  }
}
@media screen and (max-width: 768px) {
  .sun-editor .se-file-browser .se-file-browser-list.se-image-list .se-file-item-column {
    width: calc(50% - 20px);
  }
}
.sun-editor .se-file-browser .se-file-browser-list.se-image-list .se-file-item-img {
  position: relative;
  display: block;
  cursor: pointer;
  width: 100%;
  height: auto;
  border-radius: 4px;
  outline: 0;
  margin: 10px 0;
}

.sun-editor .se-file-browser .se-file-browser-list.se-image-list .se-file-item-img:hover {
  opacity: 0.8;
  -webkit-box-shadow: 0 0 0 0.2rem #3288ff;
  box-shadow: 0 0 0 0.2rem #3288ff;
}

.sun-editor .se-file-browser .se-file-browser-list.se-image-list .se-file-item-img > img {
  position: relative;
  display: block;
  width: 100%;
  border-radius: 4px;
  outline: 0;
  height: auto;
}

.sun-editor .se-file-browser .se-file-browser-list.se-image-list .se-file-item-img > .se-file-img-name {
  position: absolute;
  z-index: 1;
  font-size: 13px;
  color: #fff;
  left: 0;
  bottom: 0;
  padding: 5px 10px;
  background-color: transparent;
  width: 100%;
  height: 30px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.sun-editor .se-file-browser .se-file-browser-list.se-image-list .se-file-item-img > .se-file-img-name.se-file-name-back {
  background-color: #333;
  opacity: 0.6;
}

.sun-editor .se-notice {
  position: absolute;
  top: 0;
  display: none;
  z-index: 7;
  width: 100%;
  height: auto;
  word-break: break-all;
  font-size: 13px;
  color: #b94a48;
  background-color: #f2dede;
  padding: 15px;
  margin: 0;
  border: 1px solid #eed3d7;
  user-select: auto;
  -o-user-select: auto;
  -moz-user-select: auto;
  -khtml-user-select: auto;
  -webkit-user-select: auto;
  -ms-user-select: auto;
}

.sun-editor .se-notice button {
  float: right;
  padding: 7px;
}

.sun-editor .se-tooltip {
  position: relative;
  overflow: visible;
}

.sun-editor .se-tooltip .se-tooltip-inner {
  visibility: hidden;
  position: absolute;
  display: block;
  width: auto;
  top: 120%;
  left: 50%;
  background: transparent;
  opacity: 0;
  z-index: 1;
  line-height: 1.5;
  transition: opacity 0.5s;
  margin: 0;
  padding: 0;
  bottom: auto;
  float: none;
  pointer-events: none;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
}

.sun-editor .se-tooltip .se-tooltip-inner .se-tooltip-text {
  position: relative;
  display: inline-block;
  width: auto;
  left: -50%;
  font-size: 0.9em;
  margin: 0;
  padding: 4px 6px;
  border-radius: 2px;
  background-color: #333;
  color: #fff;
  text-align: center;
  line-height: unset;
  white-space: nowrap;
  cursor: auto;
}

.sun-editor .se-tooltip .se-tooltip-inner .se-tooltip-text:after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border: 5px solid transparent;
  border-bottom-color: #333;
}

.sun-editor .se-tooltip:hover .se-tooltip-inner {
  visibility: visible;
  opacity: 1;
}

.sun-editor .se-tooltip .se-tooltip-inner .se-tooltip-text .se-shortcut {
  display: block !important;
}

.sun-editor .se-tooltip .se-tooltip-inner .se-tooltip-text .se-shortcut > .se-shortcut-key {
  display: inline;
  font-weight: 700;
}

.sun-editor.se-rtl .se-btn-tray {
  direction: rtl;
}

.sun-editor.se-rtl .se-btn-select .txt {
  flex: auto;
  text-align: right;
  direction: rtl;
}

.sun-editor.se-rtl .se-btn-list {
  text-align: right;
}

.sun-editor.se-rtl .se-btn-list > .se-list-icon {
  margin: -1px 0 0 10px;
}

.sun-editor.se-rtl .se-menu-list, .sun-editor.se-rtl .se-menu-list li {
  float: right;
}

.sun-editor.se-rtl .se-list-layer * {
  direction: rtl;
}

.sun-editor.se-rtl .se-list-layer.se-list-format ul blockquote {
  padding: 0 7px 0 0;
  border-right-width: 5px;
  border-left-width: 0;
}

.sun-editor.se-rtl .se-list-layer .se-selector-color .se-color-pallet li {
  float: right;
}

.sun-editor.se-rtl .se-list-inner .se-list-checked li button > .se-svg {
  float: right;
  padding: 6px 0 0 6px;
}

.sun-editor.se-rtl .se-tooltip .se-tooltip-inner .se-tooltip-text, .sun-editor.se-rtl .se-wrapper .se-placeholder {
  direction: rtl;
}

.sun-editor.se-rtl .se-tooltip .se-tooltip-inner .se-tooltip-text .se-shortcut {
  direction: ltr;
}

.sun-editor.se-rtl .se-dialog * {
  direction: rtl;
}

.sun-editor.se-rtl .se-dialog .se-dialog-inner .se-dialog-header .se-dialog-close {
  float: left;
}

.sun-editor.se-rtl .se-dialog-tabs button, .sun-editor.se-rtl .se-dialog .se-dialog-inner .se-dialog-header .se-modal-title {
  float: right;
}

.sun-editor.se-rtl .se-dialog .se-dialog-inner .se-dialog-size-text {
  padding-right: 34px;
}

.sun-editor.se-rtl .se-dialog .se-dialog-inner .se-dialog-footer .se-btn-primary {
  float: left;
}

.sun-editor.se-rtl .se-dialog .se-dialog-inner .se-dialog-footer > div {
  float: right;
}

.sun-editor.se-rtl .se-dialog .se-dialog-inner .se-dialog-footer > div > label {
  margin: 0 0 0 5px;
}

.sun-editor.se-rtl .se-dialog .se-dialog-inner .se-dialog-form-footer label:first-child {
  margin-left: 16px;
  margin-right: 0;
}

.sun-editor.se-rtl .se-dialog .se-dialog-inner .se-anchor-rel-preview {
  margin-left: 4px;
  text-align: right;
}

.sun-editor.se-rtl .se-dialog .se-dialog-inner .se-anchor-rel-btn {
  float: right;
}

.sun-editor.se-rtl .se-file-browser * {
  direction: rtl;
}

.sun-editor.se-rtl .se-file-browser .se-file-browser-tags {
  text-align: right;
}

.sun-editor.se-rtl .se-file-browser .se-file-browser-tags a {
  margin: 8px 8px 0;
}

.sun-editor.se-rtl .se-file-browser .se-file-browser-header .se-file-browser-close {
  float: left;
}

.sun-editor.se-rtl .se-controller .se-btn-group, .sun-editor.se-rtl .se-resizing-container .se-resize-display {
  direction: rtl;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}
@keyframes spinner {
  to {
    transform: rotate(361deg);
  }
}
.sun-editor-editable {
  font-family: Helvetica Neue, sans-serif;
  font-size: 13px;
  color: #333;
  line-height: 1.5;
  background-color: #fff;
  word-break: normal;
  word-wrap: break-word;
  padding: 16px;
  margin: 0;
}

.sun-editor-editable * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
}

.sun-editor-editable.se-rtl * {
  direction: rtl;
}

.sun-editor-editable audio, .sun-editor-editable figcaption, .sun-editor-editable figure, .sun-editor-editable iframe, .sun-editor-editable img, .sun-editor-editable td, .sun-editor-editable th, .sun-editor-editable video {
  position: relative;
}

.sun-editor-editable .__se__float-left {
  float: left;
}

.sun-editor-editable .__se__float-right {
  float: right;
}

.sun-editor-editable .__se__float-center {
  float: center;
}

.sun-editor-editable .__se__float-none {
  float: none;
}

.sun-editor-editable span {
  display: inline;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

.sun-editor-editable span.katex {
  display: inline-block;
  direction: ltr;
}

.sun-editor-editable a {
  color: #004cff;
  text-decoration: none;
}

.sun-editor-editable span[style~="color:"] a {
  color: inherit;
}

.sun-editor-editable a:focus, .sun-editor-editable a:hover {
  cursor: pointer;
  color: #0093ff;
  text-decoration: underline;
}

.sun-editor-editable a.on {
  color: #0093ff;
  background-color: #e8f7ff;
}

.sun-editor-editable pre {
  display: block;
  padding: 8px;
  margin: 0 0 10px;
  font-family: monospace;
  color: #666;
  line-height: 1.45;
  background-color: #f9f9f9;
  border: 1px solid #e1e1e1;
  border-radius: 2px;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow: visible;
}

.sun-editor-editable ol {
  list-style-type: decimal;
}

.sun-editor-editable ol, .sun-editor-editable ul {
  list-style-position: inside;
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding-inline-start: 40px;
}

.sun-editor-editable ul {
  list-style-type: disc;
}

.sun-editor-editable li {
  display: list-item;
  text-align: -webkit-match-parent;
  margin-bottom: 5px;
}

.sun-editor-editable ol ol, .sun-editor-editable ol ul, .sun-editor-editable ul ol, .sun-editor-editable ul ul {
  margin: 0;
}

.sun-editor-editable ol ol, .sun-editor-editable ul ol {
  list-style-type: lower-alpha;
}

.sun-editor-editable ol ol ol, .sun-editor-editable ul ol ol, .sun-editor-editable ul ul ol {
  list-style-type: upper-roman;
}

.sun-editor-editable ol ul, .sun-editor-editable ul ul {
  list-style-type: circle;
}

.sun-editor-editable ol ol ul, .sun-editor-editable ol ul ul, .sun-editor-editable ul ul ul {
  list-style-type: square;
}

.sun-editor-editable sub, .sun-editor-editable sup {
  font-size: 75%;
  line-height: 0;
}

.sun-editor-editable sub {
  vertical-align: sub;
}

.sun-editor-editable sup {
  vertical-align: super;
}

.sun-editor-editable p {
  display: block;
  margin: 0 0 10px;
}

.sun-editor-editable div {
  display: block;
  margin: 0;
  padding: 0;
}

.sun-editor-editable blockquote {
  display: block;
  font-family: inherit;
  font-size: inherit;
  color: #999;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding: 0 5px 0 20px;
  border: solid #b1b1b1;
  border-width: 0 0 0 5px;
}

.sun-editor-editable blockquote blockquote {
  border-color: #c1c1c1;
}

.sun-editor-editable blockquote blockquote blockquote {
  border-color: #d1d1d1;
}

.sun-editor-editable blockquote blockquote blockquote blockquote {
  border-color: #e1e1e1;
}

.sun-editor-editable.se-rtl blockquote {
  padding-left: 5px;
  padding-right: 20px;
  border-left-width: 0;
  border-right-width: 5px;
}

.sun-editor-editable h1 {
  font-size: 2em;
  margin-block-start: 0.67em;
  margin-block-end: 0.67em;
}

.sun-editor-editable h1, .sun-editor-editable h2 {
  display: block;
  margin-inline-start: 0;
  margin-inline-end: 0;
  font-weight: 700;
}

.sun-editor-editable h2 {
  font-size: 1.5em;
  margin-block-start: 0.83em;
  margin-block-end: 0.83em;
}

.sun-editor-editable h3 {
  font-size: 1.17em;
  margin-block-start: 1em;
  margin-block-end: 1em;
}

.sun-editor-editable h3, .sun-editor-editable h4 {
  display: block;
  margin-inline-start: 0;
  margin-inline-end: 0;
  font-weight: 700;
}

.sun-editor-editable h4 {
  font-size: 1em;
  margin-block-start: 1.33em;
  margin-block-end: 1.33em;
}

.sun-editor-editable h5 {
  font-size: 0.83em;
  margin-block-start: 1.67em;
  margin-block-end: 1.67em;
}

.sun-editor-editable h5, .sun-editor-editable h6 {
  display: block;
  margin-inline-start: 0;
  margin-inline-end: 0;
  font-weight: 700;
}

.sun-editor-editable h6 {
  font-size: 0.67em;
  margin-block-start: 2.33em;
  margin-block-end: 2.33em;
}

.sun-editor-editable hr {
  display: flex;
  border-width: 1px 0 0;
  border-color: #000;
  border-image: initial;
  height: 1px;
}

.sun-editor-editable hr.__se__solid {
  border-style: solid none none;
}

.sun-editor-editable hr.__se__dotted {
  border-style: dotted none none;
}

.sun-editor-editable hr.__se__dashed {
  border-style: dashed none none;
}

.sun-editor-editable table {
  display: table;
  table-layout: auto;
  border: 1px solid #ccc;
  width: 100%;
  max-width: 100%;
  margin: 0 0 10px;
  background-color: transparent;
  border-spacing: 0;
  border-collapse: collapse;
}

.sun-editor-editable.se-rtl table {
  margin: 0 0 10px auto;
}

.sun-editor-editable table thead {
  border-bottom: 2px solid #333;
}

.sun-editor-editable table tr {
  border: 1px solid #efefef;
}

.sun-editor-editable table th {
  background-color: #f3f3f3;
}

.sun-editor-editable table td, .sun-editor-editable table th {
  border: 1px solid #e1e1e1;
  padding: 0.4em;
  background-clip: padding-box;
}

.sun-editor-editable table.se-table-size-auto {
  width: auto !important;
}

.sun-editor-editable table.se-table-size-100 {
  width: 100% !important;
}

.sun-editor-editable table.se-table-layout-auto {
  table-layout: auto !important;
}

.sun-editor-editable table.se-table-layout-fixed {
  table-layout: fixed !important;
}

.sun-editor-editable table td.se-table-selected-cell, .sun-editor-editable table th.se-table-selected-cell {
  border: 1px double #4592ff;
  background-color: #f1f7ff;
}

.sun-editor-editable.se-disabled * {
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.sun-editor-editable .se-component {
  display: flex;
  padding: 1px;
  margin: 0 0 10px;
}

.sun-editor-editable[contenteditable=true] .se-component {
  outline: 1px dashed #e1e1e1;
  min-width: 16px;
  min-height: 16px;
}

.sun-editor-editable[contenteditable=true] .se-component.se-component-copy {
  -webkit-box-shadow: 0 0 0 0.2rem #80bdff;
  box-shadow: 0 0 0 0.2rem #3f9dff;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.sun-editor-editable audio, .sun-editor-editable iframe, .sun-editor-editable img, .sun-editor-editable video {
  display: block;
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  max-width: 100%;
}

.sun-editor-editable[contenteditable=true] figure:after {
  position: absolute;
  content: "";
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: default;
  display: block;
  background: transparent;
}

.sun-editor-editable[contenteditable=true] figure a, .sun-editor-editable[contenteditable=true] figure iframe, .sun-editor-editable[contenteditable=true] figure img, .sun-editor-editable[contenteditable=true] figure video {
  z-index: 0;
}

.sun-editor-editable[contenteditable=true] figure figcaption {
  display: block;
  z-index: 2;
}

.sun-editor-editable[contenteditable=true] figure figcaption:focus {
  border-color: #80bdff;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem #c7deff;
  box-shadow: 0 0 0 0.2rem #c7deff;
}

.sun-editor-editable .se-image-container, .sun-editor-editable .se-video-container {
  width: auto;
  height: auto;
  max-width: 100%;
}

.sun-editor-editable figure {
  display: block;
  outline: none;
  margin: 0;
  padding: 0;
}

.sun-editor-editable figure figcaption {
  padding: 1em 0.5em;
  margin: 0;
  background-color: #f9f9f9;
  outline: none;
}

.sun-editor-editable figure figcaption p {
  line-height: 2;
  margin: 0;
}

.sun-editor-editable .se-image-container a img {
  padding: 1px;
  margin: 1px;
  outline: 1px solid #4592ff;
}

.sun-editor-editable .se-video-container iframe, .sun-editor-editable .se-video-container video {
  outline: 1px solid #9e9e9e;
  position: absolute;
  top: 0;
  left: 0;
  border: 0;
  width: 100%;
  height: 100%;
}

.sun-editor-editable .se-video-container figure {
  left: 0;
  width: 100%;
  max-width: 100%;
}

.sun-editor-editable audio {
  width: 300px;
  height: 54px;
}

.sun-editor-editable audio.active {
  outline: 2px solid #80bdff;
}

.sun-editor-editable.se-show-block div, .sun-editor-editable.se-show-block h1, .sun-editor-editable.se-show-block h2, .sun-editor-editable.se-show-block h3, .sun-editor-editable.se-show-block h4, .sun-editor-editable.se-show-block h5, .sun-editor-editable.se-show-block h6, .sun-editor-editable.se-show-block li, .sun-editor-editable.se-show-block ol, .sun-editor-editable.se-show-block p, .sun-editor-editable.se-show-block pre, .sun-editor-editable.se-show-block ul {
  border: 1px dashed #3f9dff !important;
  padding: 14px 8px 8px !important;
}

.sun-editor-editable.se-show-block ol, .sun-editor-editable.se-show-block ul {
  border: 1px dashed #d539ff !important;
}

.sun-editor-editable.se-show-block pre {
  border: 1px dashed #27c022 !important;
}

.se-show-block p {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAPAQMAAAAF7dc0AAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAaSURBVAjXY/j/gwGCPvxg+F4BQiAGDP1HQQByxxw0gqOzIwAAAABJRU5ErkJggg==") no-repeat;
}

.se-show-block div {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAPAQMAAAAxlBYoAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAmSURBVAjXY/j//wcDDH+8XsHwDYi/hwNx1A8w/nYLKH4XoQYJAwCXnSgcl2MOPgAAAABJRU5ErkJggg==") no-repeat;
}

.se-show-block h1 {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPAQMAAAA4f7ZSAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAfSURBVAjXY/j/v4EBhr+9B+LzEPrDeygfhI8j1CBhAEhmJGY4Rf6uAAAAAElFTkSuQmCC") no-repeat;
}

.se-show-block h2 {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPAQMAAAA4f7ZSAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAmSURBVAjXY/j/v4EBhr+dB+LtQPy9geEDEH97D8T3gbgdoQYJAwA51iPuD2haEAAAAABJRU5ErkJggg==") no-repeat;
}

.se-show-block h3 {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPAQMAAAA4f7ZSAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAiSURBVAjXY/j/v4EBhr+dB+LtQPy9geHDeQgN5p9HqEHCADeWI+69VG2MAAAAAElFTkSuQmCC") no-repeat;
}

.se-show-block h4 {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPAQMAAADTSA1RAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAiSURBVAjXY/j//wADDH97DsTXIfjDdiDdDMTfIRhZHRQDAKJOJ6L+K3y7AAAAAElFTkSuQmCC") no-repeat;
}

.se-show-block h5 {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPAQMAAAA4f7ZSAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAlSURBVAjXY/j/v4EBhr+1A/F+IO5vYPiwHUh/B2IQfR6hBgkDABlWIy5uM+9GAAAAAElFTkSuQmCC") no-repeat;
}

.se-show-block h6 {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPAQMAAAA4f7ZSAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAiSURBVAjXY/j/v4EBhr+dB+LtQLy/geFDP5S9HSKOrA6KAR9GIza1ptJnAAAAAElFTkSuQmCC") no-repeat;
}

.se-show-block li {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAPCAYAAADkmO9VAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAA7SURBVDhPYxgFcNDQ0PAfykQBIHEYhgoRB/BpwCfHBKWpBkaggYxQGgOgBzyQD1aLLA4TGwWDGjAwAACR3RcEU9Ui+wAAAABJRU5ErkJggg==") no-repeat;
}

.se-show-block ol {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABHSURBVDhPYxgFcNDQ0PAfhKFcFIBLHCdA1oBNM0kGEmMAPgOZoDTVANUNxAqQvURMECADRiiNAWCagDSGGhyW4DRrMAEGBgAu0SX6WpGgjAAAAABJRU5ErkJggg==") no-repeat;
}

.se-show-block ul {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAA1SURBVDhPYxgFDA0NDf+hTBSALI5LDQgwQWmqgVEDKQcsUBoF4ItFGEBXA+QzQpmDGjAwAAA8DQ4Lni6gdAAAAABJRU5ErkJggg==") no-repeat;
}

.sun-editor-editable .__se__p-bordered, .sun-editor .__se__p-bordered {
  border-top: 1px solid #b1b1b1;
  border-bottom: 1px solid #b1b1b1;
  padding: 4px 0;
}

.sun-editor-editable .__se__p-spaced, .sun-editor .__se__p-spaced {
  letter-spacing: 1px;
}

.sun-editor-editable .__se__p-neon, .sun-editor .__se__p-neon {
  font-weight: 200;
  font-style: italic;
  background: #000;
  color: #fff;
  padding: 6px 4px;
  border: 2px solid #fff;
  border-radius: 6px;
  text-transform: uppercase;
  animation: neonFlicker 1.5s infinite alternate;
}

@keyframes neonFlicker {
  0%, 19%, 21%, 23%, 25%, 54%, 56%, to {
    text-shadow: -0.2rem -0.2rem 1rem #fff, 0.2rem 0.2rem 1rem #fff, 0 0 2px #f40, 0 0 4px #f40, 0 0 6px #f40, 0 0 8px #f40, 0 0 10px #f40;
    box-shadow: 0 0 0.5px #fff, inset 0 0 0.5px #fff, 0 0 2px #08f, inset 0 0 2px #08f, 0 0 4px #08f, inset 0 0 4px #08f;
  }
  20%, 24%, 55% {
    text-shadow: none;
    box-shadow: none;
  }
}
.sun-editor-editable .__se__t-shadow, .sun-editor .__se__t-shadow {
  text-shadow: -0.2rem -0.2rem 1rem #fff, 0.2rem 0.2rem 1rem #fff, 0 0 0.2rem #999, 0 0 0.4rem #888, 0 0 0.6rem #777, 0 0 0.8rem #666, 0 0 1rem #555;
}

.sun-editor-editable .__se__t-code, .sun-editor .__se__t-code {
  font-family: monospace;
  color: #666;
  background-color: rgba(27, 31, 35, 0.05);
  border-radius: 6px;
  padding: 0.2em 0.4em;
}

.button.action-add, .button.action-edit, .button.action-remove {
  padding: 12px 20px !important;
}
.button.action-add i, .button.action-edit i, .button.action-remove i {
  font-size: 16px !important;
  color: #fff !important;
}
.button.action-add.button-sm, .button.action-edit.button-sm, .button.action-remove.button-sm {
  padding: 8px 12px !important;
  font-size: 0.75em !important;
}
.button.action-add.button-sm i, .button.action-edit.button-sm i, .button.action-remove.button-sm i {
  font-size: 12px !important;
}
.button.button-sm-map {
  margin: 0 !important;
  padding: 8px 16px !important;
}
.button.button-min-table {
  margin: 5px 0 5px 5px;
  display: flex;
  width: 25px;
  justify-content: center;
  padding: 7px 10px;
}
@media (max-width: 767px) {
  .button.button-wrap-mobile {
    white-space: normal !important;
    line-height: 16px !important;
  }
}
.button.button-message {
  padding: 0px 5px;
}

.custom-color-type-rdio {
  color: #3fb1e7 !important;
}

.custom-color-type-televiso {
  color: #20cbc2 !important;
}

.custom-color-type-mdia-exterior {
  color: #074d81 !important;
}

.custom-color-type-cinema {
  color: #f97b17 !important;
}

.custom-color-type-revista {
  color: #cb1324 !important;
}

.custom-color-type-jornal {
  color: #f9bb04 !important;
}

.custom-color-type-online {
  color: #c068a8 !important;
}

.custom-color-type-rdio {
  color: #3fb1e7 !important;
}

.custom-bg-type-televiso {
  background-color: #20cbc2 !important;
}

.custom-bg-type-mdia-exterior {
  background-color: #074d81 !important;
}

.custom-bg-type-cinema {
  background-color: #f97b17 !important;
}

.custom-bg-type-revista {
  background-color: #cb1324;
}

.custom-bg-type-jornal {
  background-color: #f9bb04;
}

.custom-bg-type-online {
  background-color: #c068a8;
}

.custom-bg-type-rdio {
  background-color: #3fb1e7;
}

.pac-item {
  font-size: 10px !important;
}

.pac-item-query {
  font-size: 11px !important;
}

.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-top.shepherd-target-attached-left .shepherd-content:before,
.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-top.shepherd-target-attached-right .shepherd-content:before,
.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom.shepherd-target-attached-left .shepherd-content:before,
.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom.shepherd-target-attached-right .shepherd-content:before {
  display: none;
}

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

.shepherd-element {
  position: absolute;
  display: none;
}

.shepherd-element.shepherd-open {
  display: block;
}

.shepherd-element.shepherd-theme-arrows {
  max-width: 100%;
  max-height: 100%;
}

.shepherd-element.shepherd-theme-arrows .shepherd-content {
  border-radius: 5px;
  position: relative;
  font-family: inherit;
  background: #fff;
  color: #444;
  padding: 1em;
  font-size: 1.1em;
  line-height: 1.5em;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
  z-index: 999999;
}

.shepherd-element.shepherd-theme-arrows .shepherd-content:before {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-width: 16px;
  border-style: solid;
  pointer-events: none;
}

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-bottom.shepherd-element-attached-center .shepherd-content {
  margin-bottom: 16px;
}

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-bottom.shepherd-element-attached-center .shepherd-content:before {
  top: 100%;
  left: 50%;
  margin-left: -16px;
  border-top-color: #fff;
}

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-center .shepherd-content {
  margin-top: 16px;
}

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-center .shepherd-content:before {
  bottom: 100%;
  left: 50%;
  margin-left: -16px;
  border-bottom-color: #fff;
}

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-right.shepherd-element-attached-middle .shepherd-content {
  margin-right: 16px;
}

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-right.shepherd-element-attached-middle .shepherd-content:before {
  left: 100%;
  top: 50%;
  margin-top: -16px;
  border-left-color: #fff;
}

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-left.shepherd-element-attached-middle .shepherd-content {
  margin-left: 16px;
}

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-left.shepherd-element-attached-middle .shepherd-content:before {
  right: 100%;
  top: 50%;
  margin-top: -16px;
  border-right-color: #fff;
}

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-left.shepherd-target-attached-center .shepherd-content {
  left: -32px;
}

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-right.shepherd-target-attached-center .shepherd-content {
  left: 32px;
}

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-middle .shepherd-content {
  margin-top: 16px;
}

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-middle .shepherd-content:before {
  bottom: 100%;
  left: 16px;
  border-bottom-color: #fff;
}

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-middle .shepherd-content {
  margin-top: 16px;
}

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-middle .shepherd-content:before {
  bottom: 100%;
  right: 16px;
  border-bottom-color: #fff;
}

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-middle .shepherd-content {
  margin-bottom: 16px;
}

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-middle .shepherd-content:before {
  top: 100%;
  left: 16px;
  border-top-color: #fff;
}

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-middle .shepherd-content {
  margin-bottom: 16px;
}

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-middle .shepherd-content:before {
  top: 100%;
  right: 16px;
  border-top-color: #fff;
}

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom .shepherd-content {
  margin-top: 16px;
}

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom .shepherd-content:before {
  bottom: 100%;
  left: 16px;
  border-bottom-color: #fff;
}

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom .shepherd-content {
  margin-top: 16px;
}

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom .shepherd-content:before {
  bottom: 100%;
  right: 16px;
  border-bottom-color: #fff;
}

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-top .shepherd-content {
  margin-bottom: 16px;
}

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-top .shepherd-content:before {
  top: 100%;
  left: 16px;
  border-top-color: #fff;
}

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-top .shepherd-content {
  margin-bottom: 16px;
}

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-top .shepherd-content:before {
  top: 100%;
  right: 16px;
  border-top-color: #fff;
}

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content {
  margin-right: 16px;
}

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content:before {
  top: 16px;
  left: 100%;
  border-left-color: #fff;
}

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content {
  margin-left: 16px;
}

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content:before {
  top: 16px;
  right: 100%;
  border-right-color: #fff;
}

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content {
  margin-right: 16px;
}

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content:before {
  bottom: 16px;
  left: 100%;
  border-left-color: #fff;
}

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content {
  margin-left: 16px;
}

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content:before {
  bottom: 16px;
  right: 100%;
  border-right-color: #fff;
}

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-center.shepherd-has-title .shepherd-content:before,
.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom.shepherd-has-title .shepherd-content:before,
.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom.shepherd-has-title .shepherd-content:before {
  border-bottom-color: #eee;
}

.shepherd-element.shepherd-theme-arrows.shepherd-has-title .shepherd-content header {
  background: #eee;
  padding: 1em;
}

.shepherd-element.shepherd-theme-arrows.shepherd-has-title .shepherd-content header a.shepherd-cancel-link {
  padding: 0;
  margin-bottom: 0;
}

.shepherd-element.shepherd-theme-arrows.shepherd-has-cancel-link .shepherd-content header h3 {
  float: left;
}

.shepherd-element.shepherd-theme-arrows .shepherd-content {
  padding: 0;
}

.shepherd-element.shepherd-theme-arrows .shepherd-content * {
  font-size: inherit;
}

.shepherd-element.shepherd-theme-arrows .shepherd-content header {
  *zoom: 1;
  border-radius: 5px 5px 0 0;
}

.shepherd-element.shepherd-theme-arrows .shepherd-content header:after {
  content: "";
  display: table;
  clear: both;
}

.shepherd-element.shepherd-theme-arrows .shepherd-content header h3 {
  margin: 0;
  line-height: 1;
  font-weight: normal;
}

.shepherd-element.shepherd-theme-arrows .shepherd-content header a.shepherd-cancel-link {
  float: right;
  text-decoration: none;
  font-size: 1.25em;
  line-height: 0.8em;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.5);
  opacity: 0.25;
  position: relative;
  top: 0.1em;
  padding: 0.8em;
  margin-bottom: -0.8em;
}

.shepherd-element.shepherd-theme-arrows .shepherd-content header a.shepherd-cancel-link:hover {
  opacity: 1;
}

.shepherd-element.shepherd-theme-arrows .shepherd-content .shepherd-text {
  padding: 1em;
}

.shepherd-element.shepherd-theme-arrows .shepherd-content .shepherd-text p {
  margin: 0 0 0.5em 0;
  line-height: 1.3em;
}

.shepherd-element.shepherd-theme-arrows .shepherd-content .shepherd-text p:last-child {
  margin-bottom: 0;
}

.shepherd-element.shepherd-theme-arrows .shepherd-content footer {
  padding: 0 1em 1em;
}

.shepherd-element.shepherd-theme-arrows .shepherd-content footer .shepherd-buttons {
  text-align: right;
  list-style: none;
  padding: 0;
  margin: 0;
}

.shepherd-element.shepherd-theme-arrows .shepherd-content footer .shepherd-buttons li {
  display: inline;
  padding: 0;
  margin: 0;
}

.shepherd-element.shepherd-theme-arrows .shepherd-content footer .shepherd-buttons li .shepherd-button {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  border-radius: 3px;
  cursor: pointer;
  border: 0;
  margin: 0 0.5em 0 0;
  font-family: inherit;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 0.8em;
  line-height: 1em;
  padding: 0.75em 2em;
  background: #3288e6;
  color: #fff;
}

.shepherd-element.shepherd-theme-arrows .shepherd-content footer .shepherd-buttons li .shepherd-button.shepherd-button-secondary {
  background: #eee;
  color: #888;
}

.shepherd-element.shepherd-theme-arrows .shepherd-content footer .shepherd-buttons li:last-child .shepherd-button {
  margin-right: 0;
}

.shepherd-element.shepherd-theme-arrows.shepherd-transparent-text .shepherd-text {
  color: #3b744f;
}

.shepherd-element.shepherd-theme-arrows .shepherd-content {
  width: 400px;
  max-width: 100%;
}

.shepherd-element.shepherd-theme-arrows .shepherd-content a {
  color: inherit;
}

.shepherd-element.shepherd-theme-arrows .shepherd-content footer .shepherd-buttons li .shepherd-button {
  background: #55a892;
}

/*!
 *
 * jQuery TE 1.4.0 , http://jqueryte.com/
 * Copyright (C) 2013, Fatih Koca (fattih@fattih.com), (http://jqueryte.com/about)

 * jQuery TE is provided under the MIT LICENSE.
 *
*/
/* editor's general field */
@font-face {
  font-family: "jqte";
  src: url("../fonts/jqte.eot?2nxbjx");
  src: url("../fonts/jqte.eot?2nxbjx#iefix") format("embedded-opentype"), url("../fonts/jqte.woff2?2nxbjx") format("woff2"), url("../fonts/jqte.ttf?2nxbjx") format("truetype"), url("../fonts/jqte.woff?2nxbjx") format("woff"), url("../fonts/jqte.svg?2nxbjx#campeche") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=icon-], [class*=" icon-"] {
  /* use to prevent issues with browser extensions that change fonts */
  font-family: "jqte";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.jqte {
  margin: 30px 0;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  box-shadow: 0 0 3px #999;
  -webkit-box-shadow: 0 0 3px #999;
  -moz-box-shadow: 0 0 3px #999;
  overflow: hidden;
  outline: none;
  transition: box-shadow 0.4s, border 0.4s;
  -webkit-transition: -webkit-box-shadow 0.4s, border 0.4s;
  -moz-transition: -moz-box-shadow 0.4s, border 0.4s;
  -o-transition: -o-box-shadow 0.4s, border 0.4s;
}

.jqte * {
  color: #333;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
}

.jqte_focused {
  /* border-color:#00AAE7; */
  /* box-shadow:0 0 10px #00BDFF; -webkit-box-shadow:0 0 10px #00BDFF; -moz-box-shadow:0 0 10px #00BDFF; */
}

/* toolbar */
.jqte_toolbar {
  overflow: auto;
  padding: 3px 4px;
  background: #EEE;
  border-bottom: #BBB 1px solid;
}

.jqte_tool {
  float: left;
  margin: 0;
  padding: 0;
  cursor: pointer;
}

.jqte_tool, .jqte_tool_icon, .jqte_tool_label {
  /* border:#EEE 1px solid; */
  border-radius: 1px;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
}

.jqte_hiddenField {
  display: none;
}

.jqte_tool_icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  font-family: "jqte";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  background: url(../img/jquery-te.png) no-repeat;
}

.jqte_tool.jqte_tool_1 .jqte_tool_label {
  position: relative;
  display: flex;
  padding: 3px;
  width: 70px;
  height: 22px;
  overflow: hidden;
}

.jqte_tool.jqte_tool_1 .jqte_tool_text {
  font: bold 13px Arial, sans-serif;
  color: #222;
}

.jqte_tool.jqte_tool_1 .jqte_tool_icon {
  position: absolute;
  top: 10px;
  right: 2px;
  width: 6px;
  height: 4px;
  background-position: -19px -23px;
  border-radius: none;
  -webkit-border-radius: none;
  -moz-border-radius: none;
}

.jqte_tool.jqte_tool_2 .jqte_tool_icon {
  background-position: 0 0;
  background: none;
}

.jqte_tool.jqte_tool_2 .jqte_tool_icon:before {
  content: "";
}

.jqte_tool.jqte_tool_3 .jqte_tool_icon {
  background-position: -22px 0;
  background: none;
}

.jqte_tool.jqte_tool_3 .jqte_tool_icon:before {
  content: "";
}

.jqte_tool.jqte_tool_4 .jqte_tool_icon {
  background-position: -44px 0;
  background: none;
}

.jqte_tool.jqte_tool_4 .jqte_tool_icon:before {
  content: "";
}

.jqte_tool.jqte_tool_5 .jqte_tool_icon {
  background-position: -66px 0;
  background: none;
}

.jqte_tool.jqte_tool_5 .jqte_tool_icon:before {
  content: "";
}

.jqte_tool.jqte_tool_6 .jqte_tool_icon {
  background-position: -88px 0;
  background: none;
}

.jqte_tool.jqte_tool_6 .jqte_tool_icon:before {
  content: "";
}

.jqte_tool.jqte_tool_7 .jqte_tool_icon {
  background-position: -110px 0;
  background: none;
}

.jqte_tool.jqte_tool_7 .jqte_tool_icon:before {
  content: "";
}

.jqte_tool.jqte_tool_8 .jqte_tool_icon {
  background-position: -132px 0;
  background: none;
}

.jqte_tool.jqte_tool_8 .jqte_tool_icon:before {
  content: "";
}

.jqte_tool.jqte_tool_9 .jqte_tool_icon {
  background-position: -154px 0;
  background: none;
}

.jqte_tool.jqte_tool_9 .jqte_tool_icon:before {
  content: "";
}

.jqte_tool.jqte_tool_10 .jqte_tool_icon {
  background-position: -176px 0;
  background: none;
}

.jqte_tool.jqte_tool_10 .jqte_tool_icon:before {
  content: "";
}

.jqte_tool.jqte_tool_11 .jqte_tool_icon {
  background-position: -198px 0;
  background: none;
}

.jqte_tool.jqte_tool_11 .jqte_tool_icon:before {
  content: "";
}

.jqte_tool.jqte_tool_12 .jqte_tool_icon {
  background-position: -220px 0;
  background: none;
}

.jqte_tool.jqte_tool_12 .jqte_tool_icon:before {
  content: "";
}

.jqte_tool.jqte_tool_13 .jqte_tool_icon {
  background-position: -242px 0;
  background: none;
}

.jqte_tool.jqte_tool_13 .jqte_tool_icon:before {
  content: "";
}

.jqte_tool.jqte_tool_14 .jqte_tool_icon {
  background-position: -264px 0;
  background: none;
}

.jqte_tool.jqte_tool_14 .jqte_tool_icon:before {
  content: "";
}

.jqte_tool.jqte_tool_15 .jqte_tool_icon {
  background-position: -286px 0;
  background: none;
}

.jqte_tool.jqte_tool_15 .jqte_tool_icon:before {
  content: "";
}

.jqte_tool.jqte_tool_16 .jqte_tool_icon {
  background-position: -308px 0;
  background: none;
}

.jqte_tool.jqte_tool_16 .jqte_tool_icon:before {
  content: "";
}

.jqte_tool.jqte_tool_17 .jqte_tool_icon {
  background-position: -330px 0;
  background: none;
}

.jqte_tool.jqte_tool_17 .jqte_tool_icon:before {
  content: "";
}

.jqte_tool.jqte_tool_18 .jqte_tool_icon {
  background-position: -352px 0;
  background: none;
}

.jqte_tool.jqte_tool_18 .jqte_tool_icon:before {
  content: "";
}

.jqte_tool.jqte_tool_19 .jqte_tool_icon {
  background-position: -374px 0;
  background: none;
}

.jqte_tool.jqte_tool_19 .jqte_tool_icon:before {
  content: "";
}

.jqte_tool.jqte_tool_20 .jqte_tool_icon {
  background-position: -396px 0;
  background: none;
}

.jqte_tool.jqte_tool_20 .jqte_tool_icon:before {
  content: "";
}

.jqte_tool.jqte_tool_21 .jqte_tool_icon {
  background-position: -418px 0;
  background: none;
}

.jqte_tool.jqte_tool_21 .jqte_tool_icon:before {
  content: "";
}

.jqte_tool:hover {
  border-color: rgba(0, 0, 0, 0);
  /* background-color:#FFF;
  border-color:#FFF */
}

.jqte_tool:hover .jqte_tool_icon, .jqte_tool:hover .jqte_tool_label {
  background-color: #ccc;
  border-radius: 2px;
}

.jqte_tool:active .jqte_tool_icon, .jqte_tool:active .jqte_tool_label {
  /* border:#777 1px solid */
}

.jqte_tool.jqte_tool_1:hover .jqte_tool_icon, .jqte_tool.jqte_tool_1:active .jqte_tool_icon {
  /* border:none */
}

.jqte_tool_depressed {
  background-color: #333;
  border-radius: 3px;
  /* border-color: #ff0; */
}

.jqte_tool_depressed a {
  color: #fff;
  background-color: #333;
  border-radius: 3px;
}

.jqte_tool_depressed .jqte_tool_icon {
  /* border-color:#AAA */
}

.jqte_tool_depressed a:hover {
  /* border-color: #ff0; */
  background-color: #333;
  color: #fff;
}

/* link form area */
.jqte_linkform {
  padding: 5px 10px;
  background: #DDD;
  border-bottom: #BBB 1px solid;
}

.jqte_linktypeselect {
  position: relative;
  float: left;
  width: 130px;
  background: #EEE;
  cursor: pointer;
}

.jqte_linktypeselect:Active {
  background: #FFF;
}

.jqte_linktypeview {
  padding: 3px 5px;
  /* border:#333 1px solid; */
  color: #777;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  outline: none;
}

.jqte_linktypetext {
  font-size: 12px;
}

.jqte_linktypearrow {
  position: absolute;
  bottom: 8px;
  right: 6px;
  width: 7px;
  height: 6px;
  margin: 0 auto;
  font-family: "jqte";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  background: url(../img/jquery-te.png) -7px -23px no-repeat;
}

.jqte_linktypes {
  display: none;
  position: absolute;
  top: 22px;
  left: 1px;
  width: 125px;
  background: #FFF;
  /* border:#333 1px solid; */
  box-shadow: 0 1px 4px #AAA;
  -webkit-box-shadow: 0 1px 4px #AAA;
  -moz-box-shadow: 0 1px 4px #AAA;
}

.jqte_linktypes a {
  display: block;
  padding: 4px 5px;
  font-size: 12px;
}

.jqte_linktypes a:hover {
  background: #DDD;
}

.jqte_linkinput {
  float: left;
  margin: 0 5px;
  padding: 3px 5px;
  width: 300px;
  background: #EEE;
  /* border:#333 1px solid; */
  color: #777;
  font-size: 12px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  outline: none;
}

.jqte_linkinput:focus, .jqte_linkinput:hover {
  background: #FFF;
  border-color: #000;
}

.jqte_linkbutton {
  float: left;
  padding: 3px 12px;
  background: #AAA;
  /* border:#333 1px solid; */
  color: #FFF;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  box-shadow: inset 0 1px #EEE;
  -webkit-box-shadow: inset 0 1px #EEE;
  -moz-box-shadow: inset 0 1px #EEE;
}

.jqte_linkbutton:hover {
  background: #A1A1A1;
}

.jqte_linkbutton:active {
  box-shadow: inset 0 1px #CCC;
  -webkit-box-shadow: inset 0 1px #CCC;
  -moz-box-shadow: inset 0 1px #CCC;
  background: #888;
}

/* text format menu */
.jqte_formats {
  display: none;
  position: absolute;
  width: 180px;
  oveflow-x: hidden;
  overflow-y: auto;
  background: #FFF;
  /* border:#AAA 1px solid; */
  box-shadow: 0 0 5px #AAA;
  -webkit-box-shadow: 0 0 5px #AAA;
  -moz-box-shadow: 0 0 5px #AAA;
  z-index: 100;
}

.jqte_format {
  display: block;
  padding: 4px 7px;
  font-size: 13px;
}

.jqte_format:hover {
  background: #DDD;
}

.jqte_format_1, .jqte_format_2, .jqte_format_3, .jqte_format_4, .jqte_format_5, .jqte_format_6 {
  font-weight: bold;
}

.jqte_format_1 {
  font-size: 22px;
}

.jqte_format_2 {
  font-size: 20px;
}

.jqte_format_3 {
  font-size: 18px;
}

.jqte_format_4 {
  font-size: 16px;
}

.jqte_format_5 {
  font-size: 14px;
}

.jqte_format_6 {
  font-size: 12px;
}

.jqte_format_7 {
  font-family: "Courier New", Courier, monospace;
}

/* font size menu */
.jqte_fontsizes {
  display: none;
  position: absolute;
  width: 180px;
  height: 198px;
  oveflow-x: hidden;
  overflow-y: auto;
  background: #FFF;
  /* border:#AAA 1px solid; */
  box-shadow: 0 0 5px #AAA;
  -webkit-box-shadow: 0 0 5px #AAA;
  -moz-box-shadow: 0 0 5px #AAA;
}

.jqte_fontsize {
  display: block;
  padding: 3px 7px;
}

.jqte_fontsize:hover {
  background: #DDD;
}

/* color pallette */
.jqte_cpalette {
  display: none;
  position: absolute;
  padding: 6px;
  width: 144px;
  background: #FFF;
  /* border:#AAA 1px solid; */
  box-shadow: 0 0 5px #AAA;
  -webkit-box-shadow: 0 0 5px #AAA;
  -moz-box-shadow: 0 0 5px #AAA;
}

.jqte_color {
  display: block;
  float: left;
  width: 16px;
  height: 16px;
  /* border:#FFF 1px solid; */
}

.jqte_color:hover {
  border-color: #000;
}

.jqte_colorSeperator {
  float: none;
  clear: both;
  height: 7px;
}

/* editor area */
.jqte_editor, .jqte_source {
  padding: 10px;
  background: #FFF;
  min-height: 100px;
  max-height: 900px;
  overflow: auto;
  outline: none;
  word-wrap: break-word;
  -ms-word-wrap: break-word;
  resize: vertical;
}

.jqte_editor div, .jqte_editor p {
  margin: 0 0 7px;
}

.jqte_editor a:link, .jqte_editor a:link * {
  color: #0066FF;
  text-decoration: underline;
}

.jqte_editor blockquote {
  margin-top: 0;
  margin-bottom: 7px;
}

.jqte_editor img {
  float: left;
  margin: 0 10px 5px 0;
}

.jqte_editor a[jqte-setlink], .jqte_editor a[jqte-setlink] * {
  background: #3297FD;
  color: #FFF;
}

.jqte_editor h1, .jqte_editor h2, .jqte_editor h3, .jqte_editor h4, .jqte_editor h5, .jqte_editor h6, .jqte_editor pre {
  display: block;
  margin: 0 0 3px;
}

.jqte_editor h1, .jqte_editor h1 * {
  font-size: 26px;
}

.jqte_editor h2, .jqte_editor h2 * {
  font-size: 24px;
}

.jqte_editor h3, .jqte_editor h3 * {
  font-size: 22px;
}

.jqte_editor h4, .jqte_editor h4 * {
  font-size: 20px;
}

.jqte_editor h5, .jqte_editor h5 * {
  font-size: 18px;
}

.jqte_editor h6, .jqte_editor h6 * {
  font-size: 15px;
}

.jqte_editor pre, .jqte_editor pre * {
  font-family: "Courier New", Courier, monospace;
}

.jqte_editor ol {
  list-style: decimal;
  padding-left: 15px;
}

.jqte_editor ul {
  list-style: disc;
  padding-left: 15px;
}

.jqte_editor b {
  font-weight: bolder;
}

/* source area */
.jqte_source, .jqte_source textarea {
  background: #FFF1E8;
}

.jqte_source textarea {
  margin: 0;
  padding: 0;
  display: block;
  width: 100%;
  min-height: 100px;
  font-family: Courier, Arial, sans-serif;
  font-weight: normal;
  font-size: 15px;
  overflow: hidden;
  outline: none;
  resize: none;
}

.jqte_source textarea, .jqte_source textarea:focus {
  css_shadow: none;
  background: none;
  border: none;
}

/* title box */
.jqte_title {
  display: none;
  position: absolute;
  z-index: 9999;
}

.jqte_titleArrow {
  position: relative;
}

.jqte_titleArrowIcon {
  width: 7px;
  height: 6px;
  margin: 0 auto;
  font-family: "jqte";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
}

.jqte_titleText {
  padding: 5px 7px;
  margin-top: 0;
  min-width: 5px;
  min-height: 1px;
  max-width: 400px;
  background: #000;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  word-wrap: break-word;
  -ms-word-wrap: break-word;
}

.jqte_titleText, .jqte_titleText * {
  color: #FFF;
  font-size: 11px;
}

/* placeholder */
.jqte_placeholder {
  position: relative;
  display: none;
}

.jqte_placeholder_text {
  position: absolute;
  top: 43px;
  left: 10px;
  font-size: 14px;
  color: #CCC;
}

/*
	Theme Colors...
	Light Color: B8E6FF
	Medium Light: 9FDDFF
	Medium dark: 7FD2FF
	Dark color: 2C7EAA

	Event colors...
	Default: rgba(0, 153, 153, .4)
	Appointment: rgba(255, 0, 0, .4)
	Meeting: rgba(255, 116, 0, .4)
	Business: rgba(0, 204, 0, .4)
*/
.CalendarJS {
  margin: 0;
  padding: 0;
  font-size: 1em;
  /*	position: relative;*/
}

.cjs-calHeader {
  width: 100%;
  color: #2C7EAA;
  margin: 0;
  padding: 0 0 2px 0 !important;
}

.cjs-right {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
}

.cjs-top {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
}

.cjs-left {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
}

.cjs-bottom {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
}

.cjs-top-left {
  border-top-left-radius: 3px;
  box-sizing: border-box;
}

.cjs-top-right {
  border-top-right-radius: 3px;
  box-sizing: border-box;
}

.cjs-bottom-left {
  border-bottom-left-radius: 3px;
  box-sizing: border-box;
}

.cjs-bottom-right {
  border-bottom-right-radius: 3px;
  box-sizing: border-box;
}

.cjs-hidden {
  display: none !important;
}

.cjs-dayCol {
  float: left;
  position: relative;
  width: calc(100% / 7);
  padding: 0% 0% calc(100% / 7) 0%;
  /* = width for a 1:1 aspect ratio */
  margin: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  background-color: #fff;
  text-align: left;
  color: #4c4c4c;
}

.cjs-dayContent {
  color: #4c4c4c;
  position: absolute;
  height: calc(100% - 5px);
  /* 90%; /* = 100% - 2*5% padding */
  width: calc(100% - 5px);
  /*90%; /* = 100% - 2*5% padding */
  padding: 0;
  margin: 0;
}

.cjs-dayHeader {
  padding: 0;
  margin: 0;
  font-size: 0.8em;
  background-color: #fff;
  color: #7a7a7a;
  text-align: center;
}

.cjs-dayHeaderCell {
  padding: 3px;
  margin: 0;
}

.cjs-dayTable {
  display: table;
  width: calc(100% - 5px);
  height: calc(100% - 5px);
  margin: 5px;
  padding: 0;
}

.cjs-dayCell {
  display: table-cell;
  vertical-align: top;
  padding: 0;
  margin: 0;
}

.cjs-blankday {
  background-color: #cacaca;
}

.cjs-lastLink {
  float: left;
  font-size: 0.8em;
  margin: 0;
  background: #4c4c4c;
  border-radius: 3px;
  padding: 1px 5px;
  color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  font-weight: 600;
}

.cjs-nextLink {
  float: right;
  font-size: 0.8em;
  margin: 0;
  background: #4c4c4c;
  border-radius: 3px;
  padding: 1px 5px;
  color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  font-weight: 600;
}

.cjs-clearfix {
  clear: both;
  margin: -2px 0;
  padding: 1px;
  height: 0;
  width: 0;
  border: 0;
}

.cjs-moTitle {
  text-align: center;
  font-size: 1em;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

.cjs-lastLink:hover, .cjs-nextLink:hover {
  cursor: pointer;
  color: #3a3a3a;
}

.cjs-calDay:hover {
  background: #9FDDFF;
  cursor: pointer;
}

.cjs-active {
  background: rgba(0, 0, 0, 0.1);
  border-color: rgba(59, 174, 113, 0.1);
}

.cjs-dateLabel {
  font-size: 0.8em;
  margin: 0;
  padding: 0;
}

.cjs-otherEvents {
  margin: 0;
  padding: 0;
  float: right;
  font-size: 0.7em;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 99px;
  padding: 1px 2px;
  color: #212121;
}

.cjs-calEvent {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 10px;
  font-size: 0.7em;
  background: rgba(0, 153, 153, 0.4);
  border-radius: 3px;
  padding: 1px 2px;
  color: #212121;
  text-align: center;
  margin: initial;
  cursor: pointer;
  box-sizing: border-box;
}

.cjs-ellipse {
  display: table;
  table-layout: fixed;
  width: 98%;
  white-space: nowrap;
}

.cjs-ellipse > * {
  display: table-cell;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cjs-weekRow {
  margin: 0;
  padding: 0;
  border: 0;
  position: relative;
}

.cd-nugget-info {
  position: absolute;
  width: 60%;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  z-index: 1;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cd-nugget-info h1 {
  color: #fefffb;
  font-size: 2.4rem;
  margin: 0.6em 0;
}

.cd-nugget-info .cd-btn {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  border: none;
  border-radius: 50em;
  background: #fb6d55;
  padding: 1em 2em;
  color: #fff;
  font-weight: 700;
  font-size: 1.4rem;
  cursor: pointer;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.class-cdm .cd-nugget-info .cd-btn {
  background: #5878A7;
}

.cd-nugget-info .cd-btn:active {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}

.cd-nugget-info .cd-btn:focus,
.no-touch .cd-nugget-info .cd-btn:hover {
  outline: none;
  background: #ffa346;
}

@media only screen and (min-width: 1100px) {
  .cd-nugget-info h1 {
    font-size: 4.2rem;
    font-weight: 300;
  }

  .cd-nugget-info .cd-btn {
    font-size: 1.6rem;
  }
}
.cd-tour-wrapper {
  position: absolute;
  z-index: 2;
  height: 90%;
  width: 90%;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.4s 0s, visibility 0s 0.4s;
  transition: opacity 0.4s 0s, visibility 0s 0.4s;
}

.cd-tour-wrapper:before {
  display: none;
  content: "mobile";
}

.cd-tour-wrapper.active {
  visibility: visible;
  opacity: 1;
  z-index: 105;
  -webkit-transition: opacity 0.4s 0s, visibility 0s 0s;
  transition: opacity 0.4s 0s, visibility 0s 0s;
}

@media only screen and (max-width: 767px) {
  li.cd-single-step {
    left: 0 !important;
    width: 100% !important;
    height: auto !important;
  }
}
@media only screen and (min-width: 600px) {
  .cd-tour-wrapper {
    max-width: 500px;
    max-height: 600px;
  }
}
@media only screen and (min-width: 768px) {
  .cd-tour-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    max-width: none;
    max-height: none;
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  .cd-tour-wrapper:before {
    content: "desktop";
  }

  .cd-tour-wrapper.active {
    visibility: hidden;
  }
}
.cd-single-step {
  position: absolute;
  z-index: 1;
  width: 100%;
  left: 0;
  top: 0;
  background-color: #ffffff;
  border-radius: 4px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
  opacity: 0;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform 0.4s 0s, opacity 0s 0.4s;
  transition: transform 0.4s 0s, opacity 0s 0.4s;
  border: 1px solid #fb6d55;
}

.cd-single-step > span {
  position: relative;
  z-index: 1;
  display: block;
  width: 10px;
  height: 10px;
  border-radius: inherit;
  background: #fb6d55;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  display: none;
}

.class-cdm .cd-single-step > span {
  background: #5878A7;
}

.cd-single-step:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: inherit;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: none;
}

.active .cd-single-step {
  -webkit-transform: scale(1) translateX(100%);
  transform: scale(1) translateX(100%);
  -webkit-transition: -webkit-transform 0.4s 0s, opacity 0.4s 0s;
  transition: transform 0.4s 0s, opacity 0.4s 0s;
}

.active .cd-single-step.move-left {
  -webkit-transform: scale(1) translateX(-100%);
  transform: scale(1) translateX(-100%);
}

.active .cd-single-step.is-selected {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 0.4s 0s;
  transition: transform 0.4s 0s;
}

@media only screen and (min-width: 768px) {
  .cd-single-step {
    height: auto;
    width: auto;
    top: auto;
    left: auto;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    border-radius: 50%;
    visibility: hidden;
    opacity: 1;
    background-color: transparent;
    box-shadow: none;
    -webkit-transition: visibility 0s 0.4s;
    transition: visibility 0s 0.4s;
  }

  .cd-single-step:after,
.cd-single-step > span {
    display: block;
  }

  .active .cd-single-step,
.active .cd-single-step.move-left {
    -webkit-transition: visibility 0s 0.4s;
    transition: visibility 0s 0.4s;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  .cd-single-step.is-selected {
    visibility: visible;
    -webkit-transition: visibility 0s 0s;
    transition: visibility 0s 0s;
  }

  .cd-single-step.is-selected > span {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  .cd-single-step.is-selected:after {
    -webkit-animation: a 2s infinite;
    animation: a 2s infinite;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
  }

  .cd-single-step.is-selected .cd-more-info {
    opacity: 1;
    min-width: 360px;
  }
}
@-webkit-keyframes a {
  0% {
    box-shadow: 0 0 0 0 #ff962c;
  }
  to {
    box-shadow: 0 0 0 20px rgba(255, 150, 44, 0);
  }
}
@keyframes a {
  0% {
    box-shadow: 0 0 0 0 #ff962c;
  }
  to {
    box-shadow: 0 0 0 20px rgba(255, 150, 44, 0);
  }
}
.cd-nav {
  padding-top: 1em;
}

.cd-single-step .cd-more-info {
  z-index: 1;
  padding: 2em 2em 1.5em;
  width: 100%;
  font-size: 12px;
  max-width: calc(100% - 50px);
}

.cd-more-info p + img {
  display: none;
}

.class-cdm .cd-single-step {
  border-color: #5878A7;
}

.cd-single-step .cd-more-info:after {
  clear: both;
  content: "";
  display: table;
}

.cd-single-step .cd-more-info:before {
  content: "";
  position: absolute;
  height: 0;
  width: 0;
  border: 6px solid transparent;
  display: none;
}

.cd-single-step .cd-more-info h2 {
  font-size: 2rem;
  line-height: 1.2;
  margin-bottom: 0.4em;
}

.cd-single-step .cd-more-info p {
  font-size: 0.9rem;
  line-height: 1.5em;
  color: #7f7f7d;
}

.cd-single-step .cd-more-info img {
  margin-bottom: 1.4em;
  max-width: 100%;
}

.cd-single-step .cd-more-info .cd-close {
  position: absolute;
  top: 3px;
  right: 3px;
  width: 28px;
  height: 28px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

.cd-single-step .cd-more-info .cd-close:after,
.cd-single-step .cd-more-info .cd-close:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  height: 2px;
  width: 12px;
  border-radius: 4em;
  background-color: #707070;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.cd-single-step .cd-more-info .cd-close:after {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

.cd-single-step .cd-more-info .cd-close:before {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}

.cd-single-step .cd-more-info span {
  float: left;
  padding-top: 0.1em;
  font-size: 0.9rem;
}

@media only screen and (min-width: 768px) {
  .cd-single-step .cd-more-info {
    position: absolute;
    width: 340px;
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.09) 0 10px 30px;
    opacity: 0;
    background-color: #ffffff;
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s;
    border: 1px solid #fb6d55;
  }

  .class-cdm .cd-single-step .cd-more-info {
    border-color: #5878A7;
  }

  .cd-single-step .cd-more-info p {
    margin-bottom: 0.5em;
  }

  .cd-single-step .cd-more-info img {
    display: none;
  }

  .cd-single-step .cd-more-info:before {
    display: block;
  }

  .cd-single-step .cd-more-info.left {
    right: calc(100% + 15px);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .cd-single-step .cd-more-info.right {
    left: calc(100% + 15px);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .cd-single-step .cd-more-info.left,
.cd-single-step .cd-more-info.right {
    top: 50%;
  }

  .cd-single-step .cd-more-info.top {
    top: 10px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .cd-single-step .cd-more-info.bottom {
    top: calc(100% + 15px);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .cd-single-step .cd-more-info.bottom,
.cd-single-step .cd-more-info.top {
    left: 50%;
  }

  .cd-single-step .cd-more-info.left:before,
.cd-single-step .cd-more-info.right:before {
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .cd-single-step .cd-more-info.bottom:before,
.cd-single-step .cd-more-info.top:before {
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .cd-single-step .cd-more-info.left:before {
    border-left-color: inherit;
    left: 100%;
  }

  .cd-single-step .cd-more-info.right:before {
    border-right-color: inherit;
    right: 100%;
  }

  .cd-single-step .cd-more-info.top:before {
    border-top-color: inherit;
    top: 100%;
  }

  .cd-single-step .cd-more-info.bottom:before {
    border-bottom-color: inherit;
    bottom: 100%;
  }

  .is-selected .cd-single-step .cd-more-info {
    opacity: 1;
  }
}
.cd-tour-nav {
  float: right;
}

.cd-tour-nav:after {
  clear: both;
  content: "";
  display: table;
}

.cd-tour-nav li {
  display: inline-block;
  float: left;
}

.cd-tour-nav li:first-of-type {
  margin-right: 1.5em;
}

.cd-tour-nav a {
  font-size: 1rem;
  color: #4c4c4c;
  font-weight: 700;
}

.cd-tour-nav a.inactive {
  color: #cbccc8;
  cursor: not-allowed;
}

.cd-tour-nav a.cd-next {
  color: #3bae71;
}

.cd-cover-layer {
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.4s 0s, visibility 0s 0.4s;
  transition: opacity 0.4s 0s, visibility 0s 0.4s;
}

.cd-cover-layer.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.4s 0s, visibility 0s 0s;
  transition: opacity 0.4s 0s, visibility 0s 0s;
}

@media only screen and (min-width: 768px) {
  .cd-cover-layer.is-visible {
    opacity: 0;
    -webkit-animation: b 2.1s;
    animation: b 2.1s;
  }
}
@-webkit-keyframes b {
  0%, to {
    opacity: 0;
  }
  14%, 40% {
    opacity: 1;
  }
}
@keyframes b {
  0%, to {
    opacity: 0;
  }
  14%, 40% {
    opacity: 1;
  }
}
.cd-app-screen {
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 90%;
  height: 80%;
  background: #222d33;
  border-radius: 4px;
  box-shadow: 0 10px 60px #08151d;
}

.cd-app-screen:after,
.cd-app-screen:before {
  content: "";
  position: absolute;
}

.cd-app-screen:before {
  top: 0;
  left: 0;
  height: 40px;
  width: 100%;
  background: #ffffff;
  border-radius: 4px 4px 0 0;
}

.cd-app-screen:after {
  top: 14px;
  left: 20px;
  height: 12px;
  width: 60px;
  background: #e4e5e1;
  border-radius: 3px;
}

.overlay-tour {
  display: none;
  z-index: 103;
  background: #b2b2b2;
  opacity: 0.8;
  width: 100vw;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}

.tour-target-element-active {
  z-index: 104;
}

.tour-target-element-active:not(.send-to-cart) {
  position: relative;
}

.tour-target-element {
  z-index: 0;
  position: relative;
}

.hidden-chat {
  position: absolute !important;
  z-index: -100 !important;
}

@keyframes splide-loading {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
.splide__container {
  position: relative;
  box-sizing: border-box;
}

.splide__list {
  margin: 0 !important;
  padding: 0 !important;
  width: -webkit-max-content;
  width: max-content;
  will-change: transform;
}

.splide.is-active .splide__list {
  display: flex;
}

.splide__pagination {
  display: inline-flex;
  align-items: center;
  width: 95%;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
}

.splide__pagination li {
  list-style-type: none;
  display: inline-block;
  line-height: 1;
  margin: 0;
}

.splide {
  visibility: hidden;
}

.splide,
.splide__slide {
  position: relative;
  outline: none;
}

.splide__slide {
  box-sizing: border-box;
  list-style-type: none !important;
  margin: 0;
  flex-shrink: 0;
}

.splide__slide img {
  vertical-align: bottom;
}

.splide__slider {
  position: relative;
}

.splide__spinner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid #999;
  border-left-color: transparent;
  animation: splide-loading 1s linear infinite;
}

.splide__track {
  position: relative;
  z-index: 0;
  overflow: hidden;
}

.splide--draggable > .splide__track > .splide__list > .splide__slide {
  -webkit-user-select: none;
  user-select: none;
}

.splide--fade > .splide__track > .splide__list {
  display: block;
}

.splide--fade > .splide__track > .splide__list > .splide__slide {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  opacity: 0;
}

.splide--fade > .splide__track > .splide__list > .splide__slide.is-active {
  position: relative;
  z-index: 1;
  opacity: 1;
}

.splide--rtl {
  direction: rtl;
}

.splide--ttb > .splide__track > .splide__list {
  display: block;
}

.splide--ttb > .splide__pagination {
  width: auto;
}

.splide__arrow {
  position: absolute;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
  width: 2em;
  height: 2em;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  padding: 0;
  opacity: 0.7;
  background: #ccc;
}

.splide__arrow svg {
  width: 1.2em;
  height: 1.2em;
}

.splide__arrow:hover {
  cursor: pointer;
  opacity: 0.9;
}

.splide__arrow:focus {
  outline: none;
}

.splide__arrow--prev {
  left: 1em;
}

.splide__arrow--prev svg {
  transform: scaleX(-1);
}

.splide__arrow--next {
  right: 1em;
}

.splide__pagination {
  position: absolute;
  z-index: 1;
  bottom: 0.5em;
  left: 50%;
  transform: translateX(-50%);
  padding: 0;
}

.splide__pagination__page {
  display: inline-block;
  width: 8px;
  height: 8px;
  background: #ccc;
  border-radius: 50%;
  margin: 3px;
  padding: 0;
  transition: transform 0.2s linear;
  border: none;
  opacity: 0.7;
}

.splide__pagination__page.is-active {
  transform: scale(1.4);
  background: #fff;
}

.splide__pagination__page:hover {
  cursor: pointer;
  opacity: 0.9;
}

.splide__pagination__page:focus {
  outline: none;
}

.splide__progress__bar {
  width: 0;
  height: 3px;
  background: #ccc;
}

.splide--nav > .splide__track > .splide__list > .splide__slide {
  border: 3px solid transparent;
}

.splide--nav > .splide__track > .splide__list > .splide__slide.is-active {
  border-color: #000;
}

.splide--nav > .splide__track > .splide__list > .splide__slide:focus {
  outline: none;
}

.splide--rtl > .splide__arrows .splide__arrow--prev,
.splide--rtl > .splide__track > .splide__arrows .splide__arrow--prev {
  right: 1em;
  left: auto;
}

.splide--rtl > .splide__arrows .splide__arrow--prev svg,
.splide--rtl > .splide__track > .splide__arrows .splide__arrow--prev svg {
  transform: scaleX(1);
}

.splide--rtl > .splide__arrows .splide__arrow--next,
.splide--rtl > .splide__track > .splide__arrows .splide__arrow--next {
  left: 1em;
  right: auto;
}

.splide--rtl > .splide__arrows .splide__arrow--next svg,
.splide--rtl > .splide__track > .splide__arrows .splide__arrow--next svg {
  transform: scaleX(-1);
}

.splide--ttb > .splide__arrows .splide__arrow,
.splide--ttb > .splide__track > .splide__arrows .splide__arrow {
  left: 50%;
  transform: translate(-50%);
}

.splide--ttb > .splide__arrows .splide__arrow--prev,
.splide--ttb > .splide__track > .splide__arrows .splide__arrow--prev {
  top: 1em;
}

.splide--ttb > .splide__arrows .splide__arrow--prev svg,
.splide--ttb > .splide__track > .splide__arrows .splide__arrow--prev svg {
  transform: rotate(-90deg);
}

.splide--ttb > .splide__arrows .splide__arrow--next,
.splide--ttb > .splide__track > .splide__arrows .splide__arrow--next {
  top: auto;
  bottom: 1em;
}

.splide--ttb > .splide__arrows .splide__arrow--next svg,
.splide--ttb > .splide__track > .splide__arrows .splide__arrow--next svg {
  transform: rotate(90deg);
}

.splide--ttb > .splide__pagination {
  display: flex;
  flex-direction: column;
  bottom: 50%;
  left: auto;
  right: 0.5em;
  transform: translateY(50%);
}

.type2 {
  background: #fff;
  padding: 10px 0 20px;
  margin-bottom: 15px;
  border-radius: 3px;
  border: 1px solid #eaeaea;
}
.type2 > h4 {
  padding: 10px 30px 6px 30px;
}
.type2 .splide {
  margin: 0;
}
.type2 .combo-slide {
  border: none;
}
.type2 .combo-slide .combo-slide-content {
  background: #fbfbfd;
  border: 1px solid #eaeaea;
}

.splide {
  margin: 0 -10px;
}

.combo-slide {
  border-radius: 5px;
  display: flex;
  border: 1px solid #eaeaea;
  max-height: 120px;
  margin: 5px 10px;
  overflow: hidden;
}
.combo-slide .combo-slide-img {
  height: inherit;
  overflow: hidden;
  flex: 0 0 100px;
}
.combo-slide .combo-slide-img img {
  height: 100%;
  max-width: 320px;
}
.combo-slide .combo-slide-content {
  margin: 0 0 0 -4px;
  width: calc(100% - 50px);
  height: inherit;
  background: #fff;
  padding: 10px 15px;
  border-radius: 4px;
  box-sizing: border-box;
  display: flex;
  flex-flow: column;
  justify-content: space-around;
}
.combo-slide .combo-slide-content h3 {
  padding: 0;
  margin: 0;
  font-size: 1em;
  font-weight: bold;
  color: #4c4c4c;
}
.combo-slide .combo-slide-params {
  font-size: 0.75em;
  font-weight: normal;
  color: #707070;
}
.combo-slide .combo-slide-params i {
  margin-left: 3px;
}
.combo-slide .combo-slide-params span {
  padding-right: 10px;
}
.combo-slide .combo-slide-prices {
  color: #4c4c4c;
  font-size: 1em;
  font-weight: bold;
}
.combo-slide .combo-slide-prices span {
  font-size: 0.635em;
  color: #3bae71;
  font-weight: normal;
  white-space: nowrap;
}
.combo-slide .button-sm {
  padding: 5px;
  margin: 0 0 0 5px;
}
.combo-slide .combo-impacts {
  font-size: 0.75em;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  color: #707070;
}

.splide__pagination {
  top: 100%;
}

.splide__pagination .splide__pagination__page {
  transform: scale(1);
  background: #ccc;
  opacity: 1;
  margin: 3px 6px;
}

.splide__pagination .splide__pagination__page.is-active {
  transform: scale(1);
  background: #4c4c4c;
}

/*# sourceMappingURL=main.css.map */