/* -------------------------------------------------------------------------- */
/*                               Classe de texto                              */
/* -------------------------------------------------------------------------- */
.un__text__small {
  font-family: var(--union-font);
  font-size: 14px;
  font-weight: normal;
}
.un__text__medium {
  font-family: var(--union-font);
  font-size: 16px;
  font-weight: normal;
}
.un__text__large {
  font-family: var(--union-font);
  font-size: 19px;
  font-weight: normal;
}
.un__text__color__default {
  color: #161616;
}
.un__gift__subtitle {
  font-family: var(--union-font);
  font-size: 2rem;
  font-weight: 300;
}
.un__account__drop ul li a {
  font-family: var(--union-font);
  font-size: 2rem;
  font-weight: 300;
}
/* -------------------------------------------------------------------------- */
/*                            Marcadores especiais                            */
/* -------------------------------------------------------------------------- */
.un-session-complet .service__check {
  color: #e2e2e2;
}
/* -------------------------------------------------------------------------- */
/*                            padding da aplicação                            */
/* -------------------------------------------------------------------------- */
.un__padding__10 {
  padding: 10px;
  box-sizing: border-box;
}
/* -------------------------------------------------------------------------- */
/*                                Data acordion                               */
/* -------------------------------------------------------------------------- */
.un__grid__data__value {
  font-size: 15px;
  font-family: var(--union-font);
  font-weight: 700;
  color: var(--title-color);
  max-width: 150px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.un__grid__data__label {
  font-size: 15px;
  font-family: var(--union-font);
  font-weight: 300;
  color: var(--title-color);
  max-width: 150px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.un__accordion__data__value {
  font-size: 15px;
  font-family: var(--union-font);
  font-weight: 700;
  color: var(--title-color);
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 150px;
}
ul.un__accordion__striped > li:nth-of-type(odd) .uk-accordion-title {
  background-color: #eeeeee;
  padding: 10px;
  box-sizing: border-box;
  border-radius: 5px;
}
ul.un__accordion__striped > li .uk-accordion-title {
  padding: 10px;
  box-sizing: border-box;
  border-radius: 5px;
}
/* -------------------------------------------------------------------------- */
/*                           Serviços do aplicativo                           */
/* -------------------------------------------------------------------------- */
.un__service__detail__title {
  font-family: var(--union-font);
  font-weight: 600;
  font-size: 16px;
  text-transform: uppercase;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: solid 1px var(--primary-color);
}
/* -------------------------------------------------------------------------- */
/*                            Histórico de clinete                            */
/* -------------------------------------------------------------------------- */
.un__app__view__history .un__card__store__img {
  height: 83px;
}
/* -------------------------------------------------------------------------- */
/*                               Indique e ganhe                              */
/* -------------------------------------------------------------------------- */
.un__referral__positive {
  width: 20px;
  height: 20px;
  border-radius: 150px;
  background-color: var(--primary-color);
  color: white;
}
/* preço de itens */
.un__price {
  padding: 2px 15px;
  box-sizing: border-box;
  border: solid 1px var(--primary-color);
  color: var(--primary-color);
  border-radius: 150px;
  font-weight: 600;
}
.yt__app__client .yta__header {
  background-color: white;
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  z-index: 99;
}
.yt__app__client .yta__chat__back {
  color: var(--primary-color);
}
.yt__app__client .yt__app .yt__current__name {
  color: var(--primary-color) !important;
}
.yt__app__client .yta__content {
  background-color: #f7f7f7;
}
.yt__app__client .yta__chat__footer {
  background-color: #e0feff;
}
.uk-border-rounded {
  border-radius: 15px !important;
}
/* regulamentos */
.un__rules__acordions .uk-accordion-title {
  font-size: 1.8rem !important;
  font-weight: 700 !important;
  border: solid 1px var(--primary-color);
  padding: 8px;
  box-sizing: border-box;
  border-radius: 15px;
}
.un__rules__acordions .uk-accordion-content p {
  font-size: 1.8rem;
}
.un__plan__tag {
  position: absolute;
  width: fit-content;
  top: -10px;
  font-size: 1.6rem;
  font-weight: 400;
  left: -10px;
  border-radius: 150px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.152);
  padding: 0px 16px;
  box-sizing: border-box;
  z-index: 8;
}
.un__plan__tag__sup {
  font-size: 1.3rem;
  font-weight: 400;
  text-transform: uppercase;
}
.un__plan__tag__primary {
  text-transform: uppercase;
  position: absolute;
  width: fit-content;
  top: -10px;
  font-size: 1.2rem;
  font-weight: 400;
  right: -5px;
  border-radius: 150px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.152);
  padding: 0px 16px;
  box-sizing: border-box;
  z-index: 8;
}
/* gift cards */
.gfd__card__title {
  font-size: 1.8rem;
}
.gfd__card__price {
  font-size: 1.8rem;
}
/* indique e ganhe */
.un__indicate__title {
  font-family: var(--union-font);
  font-weight: 700;
  font-size: 27px;
  text-align: center;
  color: white;
}
.un__indicate__subtitle {
  font-family: var(--union-font);
  font-weight: 500;
  font-size: 22px;
  text-align: center;
  color: white;
}
.un__indicate__text {
  font-family: var(--union-font);
  font-weight: 400;
  font-size: 13px;
  text-align: center;
  color: white;
  margin: 0;
  margin-bottom: 20px;
}
/* fab button */
.un__fab {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: var(--featured-color);
  color: white;
  z-index: 9;
  padding: 8px 25px;
  border-radius: 150px;
  font-size: 1.6rem;
  font-weight: 700;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.152);
}
.un__fab:hover {
  color: white;
  text-decoration: none;
}
.cs-cupon__home {
  z-index: 10;
}
.cs-cupon__home .cs-cupom-sign {
  background-color: var(--feature-primary-color);
  border-radius: 5px;
}
.un__form__label {
  font-size: 1.6rem;
  font-family: var(--union-font);
  font-weight: 400;
}
/* Catalogo doc ard */
.catalogs__card__img {
  width: 100%;
  height: 100px;
  border-radius: 15px;
  margin-bottom: 10px;
  background-size: cover;
  background-position: center;
}
.catalogs__card__natal {
  font-size: 1.6rem;
  font-family: var(--union-font);
  font-weight: 400;
}
.content__credit__point {
  padding-top: 30px;
  padding-bottom: 30px;
}
.iw__share__friend {
  font-size: 1.6rem;
}
.iw__share__product label {
  font-size: 1.6rem;
}
.un__promotion__title {
  margin-top: 50px;
  margin-bottom: 50px;
  font-size: 3rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.un__promotion__img {
  width: 40px;
  animation: mymove 5s infinite;
}
@keyframes mymove {
  0% {
    width: 30px;
  }
  50% {
    width: 45px;
  }
  100% {
    width: 30px;
  }
}
.un__button__nested > li {
  margin-top: 30px !important;
}
.un__slider__title {
  padding-left: 6px;
}
.un__promotion__title {
  padding-left: 27px;
  padding-right: 27px;
  padding-top: 10px;
  padding-bottom: 10px;
  box-sizing: border-box;
  border-radius: 8px;
  border-top-width: 6px;
  box-shadow: 8px 8px rgba(238, 32, 84, 0.152);
  border: solid 2px var(--featured-color);
  background-color: #ffeff2;
}
.un__form__input {
  padding-left: 10px;
}
.uk-tab > .uk-active > a {
  border-bottom-width: 6px;
}
.uk-tab > * > a {
  font-size: 1.4rem;
}
.card__aavaliation {
  border-left-width: 6px;
  border-left-color: var(--primary-color);
  border-left-style: solid;
}
@media (min-width: 1280px) {
  .card__aavaliation {
    width: 458px;
    margin-left: auto;
    margin-right: auto;
  }
}
.card__dot {
  position: absolute;
  top: -9px;
  left: -14px;
  border-radius: 150px;
  background-color: var(--primary-color);
  color: white;
  width: 40px;
  height: 40px;
  font-size: 25px;
  box-shadow: 0px 3px rgba(0, 0, 0, 0.152);
  z-index: 9;
  display: flex;
  align-items: center;
  justify-content: center;
}
.apc__pack__view__historic {
  position: absolute;
  right: 5px;
  top: 5px;
  background-color: var(--primary-color);
  padding: 5px 16;
  box-sizing: border-box;
  border: none;
  font-size: 1.6rem;
  color: white;
  border-radius: 150px;
}
.apc__pack__h__status {
  padding: 2px 8px;
  border-radius: 150px;
}
.apc__pack__session__card {
  /*border: solid 1px #d8d8d8;
    padding: 8px 10px;*/
  border-radius: 15px;
  position: relative;
  box-sizing: border-box;
}
.apc__pack__session__acttion {
  background-color: var(--primary-color);
  color: white !important;
  padding: 8px 16px;
  box-sizing: border-box;
  font-size: 1.6rem;
  font-weight: 600;
  border-radius: 150px;
}
.apc__pack__session__acttion:hover {
  color: white;
  text-decoration: none;
}
.apc__pack__session__acttion a {
  color: white;
}
.apc__pack__session__title__date {
  font-family: 'Roboto', sans-serif;
  font-size: 1.6rem;
  font-weight: 700;
  color: var(--primary-color);
}
.apc__title__primary {
  font-family: 'Roboto', sans-serif;
  font-size: 1.7rem;
  font-weight: 700;
  color: var(--primary-color);
}
.apc__title__extra {
  font-family: 'Roboto', sans-serif;
  font-size: 1.5rem;
  font-weight: 300;
  color: var(--primary-color);
}
.apc__list__booking {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.apc__list__booking li {
  margin-bottom: 20px;
}
.apc__list__service {
  border-radius: 15px;
  border: solid 1px var(--primary-color);
  padding: 8px;
  box-sizing: border-box;
}
.apc__pendente .apc__list__service__status {
  color: orange;
  border-radius: 150px;
  border: solid 1px ;
  font-size: 1.4rem;
  padding: 2px 16px;
  box-sizing: border-box;
  display: inline-flex;
  margin-top: 10px;
  border-color: orange;
}
.apc__pendente .apc__pack__service__img {
  border: solid 2px orange;
}
.apc__agendado .apc__list__service__status {
  color: var(--primary-color);
  border-radius: 150px;
  border: solid 1px ;
  font-size: 1.4rem;
  padding: 2px 16px;
  box-sizing: border-box;
  display: inline-flex;
  margin-top: 10px;
  border-color: var(--primary-color);
}
.apc__agendado .apc__pack__service__img {
  border: solid 2px var(--primary-color);
}
.apc__pack__check__session {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: orange;
  padding-left: 8px;
  border-radius: 15px;
  box-sizing: border-box;
}
.apc__pack__check__session input {
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  border-color: #ff6e39;
  width: 150px;
}
.apc__pack__check__session label {
  font-family: 'Roboto', sans-serif;
  font-size: 1.6rem;
  font-weight: 600;
  color: var(--primary-color);
  color: #131313;
}
.un__sheet .un__sheet__footer {
  position: fixed;
}
/* slide  de profissionais */
.show__professional__img {
  width: 80px;
  height: 80px;
  background-position: center;
  background-size: cover;
  border-radius: 150px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.152);
}
.show__professional__label {
  font-size: 1.4rem;
  margin-top: 15px;
  text-align: center;
  font-family: var(--union-font);
  font-weight: 400;
}
.show__professional {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.search__result {
  width: 95%;
  max-width: 95%;
}
.search__result ul {
  list-style: none ;
  padding: 0px;
  margin: 0px;
}
.search__result ul li {
  display: flex;
  margin-bottom: 10px;
}
.search__result__img {
  border-radius: 8px;
  width: 100px;
  height: 60px;
  background-position: center !important;
  background-size: cover !important;
  margin-right: 10px;
}
.search__result__info {
  text-align: left;
}
.search__result__title {
  font-size: 1.5rem;
  margin-bottom: 8px;
  text-align: center;
  font-family: var(--union-font);
  font-weight: 700;
  color: var(--primary-color);
}
.search__result__price {
  font-size: 1.3rem;
  margin-bottom: 15px;
  text-align: left;
  font-family: var(--union-font);
  font-weight: 700;
}
/* regatar cupn */
.get__cupon {
  background-color: transparent;
  border: none;
  text-align: center;
  font-size: 1.3rem;
  margin-bottom: 15px;
  font-family: var(--union-font);
  font-weight: 700;
  color: var(--primary-color);
}
/* Suporte nativo */
:root {
  --ob-color-blue: #06086C;
  --ob-color-orange: #FFCB5C;
  --ob-color-black: #212121;
  --ob-color-green: #52F4F4;
  --ob-color-green-dark: #007a7a;
  --color-pink: #e60543;
  --ob-color-soft-gray: #b4b4b4;
}
.ob-user__hide__element {
  display: none !important;
}
/*
 *  STYLE 4 Aplicativo do cliente User Account


 ::-webkit-scrollbar-track
 {
     -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
     background-color: #F5F5F5;
 }
 
::-webkit-scrollbar
 {
     width: 5px;
     background-color: #e9e9e9;
     height: 4px;
 }
 
 
::-webkit-scrollbar-thumb
 {
     background-color: #adadad;
     border: 0px solid #555555;
     border-radius: 150px;
 }
  */
.memberclub-useracount-dash {
  width: 100%;
}
@media (min-width: 1365px) {
  .mbUserMenu {
    height: 100vh;
  }
  .MbUserPrymaryContent {
    height: 100vh;
    overflow-y: auto;
  }
  .MbUserSecudaryContent {
    height: 100vh;
  }
}
.default-radius {
  border-radius: var(--mb-default-radius);
}
.aplication-bar {
  height: 60px;
  width: 100%;
  margin-bottom: 20px;
  align-items: center;
  padding: 0 10px;
  box-sizing: border-box;
  display: none;
}
.menu-off {
  font-size: 32px;
  border: none;
  background-color: transparent;
  outline: none;
  transition: 0.6s;
}
.menu-off:focus {
  font-size: 38px;
}
/*mobile menu*/
.MobileMenu {
  min-width: 100%;
  min-height: 100vh;
  padding: 0;
}
.MobileMenu-wrap {
  padding: 0 !important;
}
.bar-menu-mobile {
  display: flex;
  justify-content: space-between;
}
.mobilemenu-space {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.mobilemenu-space-list {
  padding: 8px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  min-width: 33.33%;
  max-width: 33.33%;
  text-align: center;
  margin-bottom: 30px;
}
.mobilemenu-space-item {
  width: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.mobilemenu-item-icon {
  border-radius: 250px;
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 32px;
}
.mobilemenu-item-name {
  font-family: var(--mb-default-font);
  font-size: 14px;
  font-weight: 600;
}
/*cards de serviõs e atendimentos*/
.card-services-title {
  font-size: 15px;
}
.card-services-body {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.card-services-body {
  max-height: 150px;
  overflow-y: auto;
}
.mb-card-inner-name {
  font-family: var(--mb-default-font);
  font-size: 14px;
}
.mb-card-inner-quant {
  background-color: #d1d1d1;
  height: 20px;
  width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  box-sizing: border-box;
  margin-right: 5px;
  font-family: var(--mb-default-font);
}
.mb-card-inner-courrency {
  height: 30px;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  box-sizing: border-box;
  margin-right: 5px;
  font-family: var(--mb-default-font);
}
.mb-card-inner-total {
  font-family: var(--mb-default-font);
  font-size: 14px;
  font-weight: 600;
}
.mb-card-servicesFooter {
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}
.mb-card-PrimaryAction {
  font-family: var(--mb-default-font);
  font-weight: 700 !important;
  margin: 0;
  font-size: 16px;
  text-decoration: none !important;
}
.mb-card-SecudaryAction {
  font-family: var(--mb-default-font);
  font-weight: 400 !important;
  margin: 0;
  font-size: 15px;
  text-decoration: none !important;
}
/* card imagem default */
.information-card-image h3 {
  font-family: var(--mb-default-font);
  font-weight: 400 !important;
  font-size: 16px;
  margin: 0;
}
.card-image-content {
  margin-top: 10px;
}
.card-image-content h2 {
  font-family: var(--mb-default-font);
  font-weight: 500 !important;
  font-size: 14px;
  margin: 0;
}
.card-image-total {
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: var(--mb-default-font);
  font-weight: 400 !important;
}
.uk-card-media-top img {
  border-top-left-radius: var(--mb-default-radius);
  border-top-right-radius: var(--mb-default-radius);
}
.icon-action-card {
  margin-left: 10px;
  font-size: 22px;
}
.myclubactionsCard-secondary {
  font-size: 12px !important;
}
.myclubactionsCard-primary {
  font-size: 12px !important;
}
/*label cards */
.mb-label {
  display: inline-block;
  padding: 0 10px;
  line-height: 1.5;
  font-size: 0.875rem;
  color: #fff;
  vertical-align: middle;
  white-space: nowrap;
  border-radius: 2px;
  text-transform: uppercase;
  margin-top: -30px;
  margin-right: -30px;
  border-top-right-radius: var(--mb-default-radius);
}
.mb-label-left {
  left: 0 !important;
  width: 60px;
  border-top-right-radius: 0 !important;
  border-top-left-radius: var(--mb-default-radius) !important;
}
.card-image-type {
  font-family: var(--mb-default-font);
  font-weight: 700 !important;
  font-size: 12px;
  margin: 0;
}
/*modais*/
.mb-modal-defaul {
  min-width: 70%;
}
.mb-modal-title {
  font-family: var(--mb-default-font);
  font-weight: 400 !important;
  font-size: 16px;
}
.mb-modal-header {
  border-top-left-radius: var(--mb-default-radius);
  border-top-right-radius: var(--mb-default-radius);
}
.mb-modal-defaul {
  border-radius: var(--mb-default-radius);
}
.mb-moda-footer {
  border-bottom-left-radius: var(--mb-default-radius);
  border-bottom-right-radius: var(--mb-default-radius);
}
.account-configuration {
  background-color: transparent;
  border: none;
  font-size: 32px;
  transition: 0.6s;
}
.account-configuration:focus {
  background-color: transparent;
  border: none;
  font-size: 36px;
}
.close-modal-menu {
  background-color: transparent;
  border-radius: 50px;
  border: none;
  padding: 5px 20px;
  box-sizing: border-box;
}
/* Filtros Members*/
.mb-button-search {
  background-color: transparent;
  border: none;
  font-size: 22px;
  outline: none;
  cursor: pointer;
}
.section-filter {
  padding-top: 8px;
  padding-bottom: 8px;
  box-sizing: border-box;
  margin-bottom: 8px;
  border-bottom: solid 1px #c7c7c7;
}
/*slide de avaliação de serviços*/
.Servivepontuation {
  height: 2em;
  margin-right: 5px;
  border: none;
  margin-left: 10px;
  cursor: pointer;
}
.Servivepontuation:checked {
  height: 2em;
  margin-right: 5px;
  border: none;
  margin-left: 15px;
  margin-right: 15px;
}
.Servivepontuation:before {
  background: #cecece;
  color: #a8a8a8;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  width: 30px;
  height: 30px;
  padding: 0;
  margin-right: 0;
  text-align: center;
  border-radius: 80px !important;
  margin-top: -2px;
  margin-left: -2px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f005";
  position: absolute;
  transition: 0.6s;
}
.Servivepontuation:checked::before {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  width: 35px;
  height: 35px;
  padding: 0;
  margin-right: 0;
  text-align: center;
  border-radius: 80px !important;
  color: white;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f007";
}
.confirm-primary-button {
  border-radius: 200px !important;
}
.defaultModal-button {
  border-radius: 200px !important;
}
.mb-button__section__action {
  padding: 8px 25px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  height: 32px;
}
/*Titulo da section*/
.default-section-title {
  font-family: var(--mb-default-font);
  font-weight: 700;
  font-size: var(--mb-title-size-small) !important;
}
.ob-client__section__bar {
  margin-bottom: 20px;
}
/*slide de avaliação não marcado*/
.Servivepontuation[value="1"]::before {
  content: "\f567";
  background: #dbdbdb;
  color: #969696;
}
.Servivepontuation[value="2"]::before {
  content: "\f5c8";
  background: #dbdbdb;
  color: #969696;
}
.Servivepontuation[value="3"]::before {
  content: "\f11a";
  background: #dbdbdb;
  color: #969696;
}
.Servivepontuation[value="4"]::before {
  content: "\f587";
  background: #dbdbdb;
  color: #969696;
}
.Servivepontuation[value="5"]::before {
  content: "\f584";
  background: #dbdbdb;
  color: #969696;
}
/* slide de avaliação marcado*/
.Servivepontuation[value="1"]:checked::before {
  content: "\f567";
  background: #000000;
  color: white;
  font-size: 32px;
}
.Servivepontuation[value="2"]:checked::before {
  content: "\f5c8";
  background: #ff0000;
  color: white;
  font-size: 32px;
}
.Servivepontuation[value="3"]:checked::before {
  content: "\f11a";
  background: #ff9900;
  color: white;
  font-size: 32px;
}
.Servivepontuation[value="4"]:checked::before {
  content: "\f587";
  background: #2bbb32;
  color: white;
  font-size: 32px;
}
.Servivepontuation[value="5"]:checked::before {
  content: "\f584";
  background: #1404a7;
  color: white;
  font-size: 32px;
}
/*===========================================�rea do menu de navegação*/
/*<!--Informações do perfil do usuário-->*/
.bm-userPrifileClient {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.userPrifileClient-img {
  width: 100px;
  height: 100px;
  background-size: cover;
  background-position: center;
}
.userPrifileClient-info {
  text-align: center;
  margin-top: 10px;
}
.userPrifileClient-info h2 {
  margin: 0;
  font-size: 15px;
  font-family: var(--mb-default-font);
  font-weight: 600;
}
.userPrifileClient-info h5 {
  margin: 0;
  font-size: 14px;
  color: var(--mb-gray-light);
}
.cardClientLevel-level {
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cardClientLevel-level h3 {
  margin: 0;
  font-size: 20px;
}
.cardClientLevel-level-label h3 {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  font-family: var(--mb-default-font);
}
.cardClientLevel-points h4 {
  font-size: 12px;
  margin: 0;
  font-family: var(--mb-default-font);
}
.cardClientLevel-points h2 {
  font-size: 22px;
  margin: 0;
  font-family: var(--mb-default-font);
  font-weight: 700;
}
.cardClientLevel-credit h4 {
  font-size: 12px;
  margin: 0;
  font-family: var(--mb-default-font);
}
.cardClientLevel-credit h2 {
  font-size: 22px;
  margin: 0;
  font-family: var(--mb-default-font);
  font-weight: 700;
}
/* <!--menu de navegação-->*/
.mbMenu-bookingNow {
  padding: 10px 0;
  border-radius: 80px;
}
.mbMenu-bookingNow a {
  font-size: 16px;
  display: flex !important;
  align-items: center;
  font-family: var(--mb-default-font);
}
.mbMenu-clientItem {
  margin-bottom: 10px;
}
.mbMenu-bookingNow a i {
  font-size: 22px;
  margin-right: 10px;
}
.mbMenu-clientItem i {
  font-size: 22px;
  margin-right: 10px;
}
.mbMenu-clientItem a {
  font-size: 16px;
  display: flex !important;
  align-items: center;
  font-family: var(--mb-default-font);
}
/*=========================================================================<!----------------�rea do conteúdo primário -->*/
/*Slide de noticias news*/
.newsTexstSlide-news-item {
  display: flex;
}
.newsTexstSlide-img {
  width: 100px;
  min-width: 100px;
  height: 50px;
  background-position: center;
  background-size: cover;
  margin-right: 20px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.newsTexstSlide-news-content {
  display: flex;
  align-items: center;
}
.newsTexstSlide-news-content p {
  font-family: var(--mb-default-font);
  margin: 0;
  font-weight: 600;
  font-size: 13px;
}
/*menu de atalhos da conta de usuário*/
.shortcodeMenu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}
.shortcodeMenu-list {
  padding: 8px;
  box-sizing: border-box;
  width: 160px;
}
.shortcodeMenu-item {
  width: 100%;
  display: block;
  padding: 10px;
  text-align: center;
  color: aliceblue;
  font-family: var(--mb-default-font);
  text-decoration: none !important;
}
/*======================================================== Avaliação de serviços */
.avaliationServicesArea .uk-card-title {
  font-family: var(--mb-default-font);
  font-weight: 700;
  font-size: var(--mb-title-size-small);
}
.service-avaliation-img {
  width: 40px;
  height: 40px;
  background-position: center;
  background-size: cover;
}
/*lista de serviços no card da avaliação*/
.serviceAvaliation-inner {
  list-style: none;
  margin: 0;
  padding: 0;
}
.serviceAvaliation-inner-list {
  display: flex;
  margin-bottom: 5px;
  align-items: center;
  justify-content: space-between;
}
/*modal de avaliação de serviços*/
.avaliationServiceDetails-img {
  height: 80px;
  width: 80px;
  min-width: 80px;
  background-position: center;
  background-size: cover;
  margin-right: 10px;
}
.avaliationServiceDetails {
  display: flex;
  margin-bottom: 20px;
}
.avaliationServiceDetails-info h2 {
  font-weight: 700;
  font-family: var(--mb-default-font);
  font-size: 18px;
  margin: 0;
  color: black;
}
.avaliationServiceDetails-info h3 {
  font-weight: 700;
  font-family: var(--mb-default-font);
  font-size: 16px;
  margin: 0;
  color: var(--mb-gray-light);
}
/* ---------------------------- Header do modal serviço --------------------------- */
.feedback-header {
  display: flex;
  justify-content: space-between;
}
.feedbackServiceSetails-extra {
  padding: 8px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: 200px;
}
.feedbackServiceSetails-extra h2 {
  margin: 0 0 5px;
  font-family: var(--mb-default-font);
  font-size: 18px;
  padding-bottom: 5px;
}
.feedbackServiceSetails-extra h2 span {
  margin: 0 0 5px;
  font-family: var(--mb-default-font);
  font-size: 12px;
  padding-bottom: 5px;
}
.feedbackServiceSetails-extra h3 {
  margin: 0;
  font-family: var(--mb-default-font);
  font-size: 30px;
  line-height: 1;
}
.feedbackServiceSetails-extra h4 {
  margin: 0;
  font-family: var(--mb-default-font);
  font-size: 12px;
  font-weight: 700;
}
/*formulário de avaliação*/
.FeedbackForm {
  margin-top: 30px;
}
/*<!-- Resumo de cartões presentes e cupons -->*/
.resumeCupons {
  display: flex !important;
  flex-direction: column;
  justify-content: space-between;
  height: 165px;
}
.resumeCuponsGifts-header h1 {
  font-family: var(--mb-default-font);
  font-weight: 700;
  margin: 0;
  font-size: var(--mb-title-size-small);
}
.resumeCupons {
  background-size: 30% !important;
  background-position: 100% 100% !important;
  background-repeat: no-repeat !important;
}
.ActionButtons-resumes {
  font-family: var(--mb-default-font);
  font-weight: 700;
  margin: 0;
  font-size: 18px;
  text-decoration: none !important;
  display: block;
}
.resumeCuponsGifts-body {
  width: 100%;
  justify-content: space-between;
}
.resumeCuponsGifts-valueTotal h4 {
  font-family: var(--mb-default-font);
  font-weight: 700;
  margin: 0;
  font-size: 16px;
}
.resumeCuponsGifts-valueTotal h2 {
  font-family: var(--mb-default-font);
  font-weight: 700;
  margin: 0;
  font-size: 22px;
}
.resumeCuponsGifts-Quantity h4 {
  font-family: var(--mb-default-font);
  font-weight: 700;
  margin: 0;
  font-size: 16px;
}
.resumeCuponsGifts-Quantity h2 {
  font-family: var(--mb-default-font);
  font-weight: 700;
  margin: 0;
  font-size: 22px;
}
/*<!--área de destaque para o cliente serviços e produtos -->*/
.FeaturedForYout .uk-card-title {
  font-family: var(--mb-default-font);
  font-weight: 700;
  font-size: var(--mb-title-size-small);
}
.card-reconmendation-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.reconmendation-img {
  margin-right: 10px;
  width: 60px;
  min-width: 60px;
  height: 60px;
}
.reconmendation-info h3 {
  font-family: var(--mb-default-font);
  font-weight: 500;
  margin: 0;
  font-size: 12px;
}
.reconmendation-info h4 {
  font-family: var(--mb-default-font);
  font-weight: 700;
  margin: 0;
  font-size: 15px;
}
.reconmendation-bookingNow {
  min-width: 100px;
  display: block;
  text-decoration: none !important;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  border-radius: 50px;
  font-size: 16px;
  font-family: var(--mb-default-font);
  font-weight: 700;
  margin-top: 10px;
}
.share-influencer {
  min-width: 100px;
  display: block;
  text-decoration: none !important;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  border-radius: 50px;
  font-size: 12px;
  font-family: var(--mb-default-font);
  font-weight: 700;
}
.share-influencer--friends {
  min-width: 100px;
  display: block;
  text-decoration: none !important;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  border-radius: 50px;
  font-size: 12px;
  font-family: var(--mb-default-font);
  font-weight: 700;
  padding-left: 5px;
  padding-right: 5px;
}
.ob-share__campaign__actions {
  margin-top: 20px;
  padding-top: 8px;
  padding-bottom: 8px;
  background-color: #f1e3ff;
  display: flex;
  justify-content: space-around;
}
.ob-button__share__campaign {
  border: none;
  background-color: transparent;
  font-size: 22px;
  cursor: pointer;
}
.ob-share__campaign__preview {
  height: 250px;
  width: 100%;
  background-position: center;
  background-size: cover;
}
.ob-client__last__recommended__friends {
  min-height: 250px;
  max-height: 250px;
  overflow-y: auto;
}
.ob-client__last__recommended__friends--ul {
  list-style: none;
  padding: 8px;
  box-sizing: border-box;
}
.ob-client__recommended__friends__list {
  color: black;
  font-family: var(--mb-default-font);
  font-weight: 400;
  display: flex;
  justify-content: space-between;
  padding: 10px;
  box-sizing: border-box;
  cursor: pointer;
  border-radius: 10px;
}
.ob-client__recommended__friends__list:hover {
  background-color: #f8f1ff;
}
.ob-client__recommended__friends__list span {
  font-family: var(--mb-default-font);
  font-weight: 500;
}
.recommended__friends__button {
  border: none;
  padding: 8px 25px;
  font-family: var(--mb-default-font);
  font-weight: 500;
}
.recommended__friends__button {
  border: none;
  padding: 8px 25px;
  font-family: var(--mb-default-font);
  font-weight: 500;
}
.recommended__friends__status {
  min-width: 20px;
  max-width: 20px;
  height: 20px;
  border-radius: 50%;
}
/* <!--área de recomendações que o profissional faz para o cliente serviços e produtos -->*/
.ProfessionalRecomendation .uk-card-title {
  font-family: var(--mb-default-font);
  font-weight: 700;
  font-size: var(--mb-title-size-small);
}
/* área de destaque para o cliente serviços e produtos (Destaques para você)*/
.reconmendation-img {
  height: 90px;
  min-width: 90px;
  border-radius: 10px;
  background-position: center;
  background-size: cover;
}
/* modal informações adicionais do serviço realizado*/
.title-extra-serviceInformation {
  font-family: var(--mb-default-font);
  font-weight: 600;
  font-size: 16px;
  text-transform: uppercase;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: solid 1px var(--mb-gray-light);
}
.totalTable {
  text-transform: uppercase;
}
.serviceProfessionalRecomendation-modal {
  font-family: var(--mb-default-font);
  font-weight: 400;
  font-size: 16px;
}
.serviceOverviewinfo h4 {
  font-family: var(--mb-default-font);
  font-weight: 400;
  font-size: 16px;
  margin: 0;
}
.serviceOverviewinfo h2 {
  font-family: var(--mb-default-font);
  font-weight: 700;
  font-size: 18px;
  margin: 0;
}
.FeedbackForm-title {
  font-family: var(--mb-default-font);
  font-weight: 700;
  font-size: 18px;
}
/* slider de cupons*/
.cupon-slider-image {
  border-radius: var(--mb-default-radius);
}
/* Suas ultimas atividades - Produtos */
/*==============================================================================<!--�rea do conteúdo secundário (sidebar) -->*/
/* área de marketing*/
.card-advertising {
  height: 500px;
  border-radius: 10px;
  background-position: center !important;
  background-size: cover !important;
}
/*Dashboard overview*/
.dashboardOverview {
  margin: 0;
  padding: 0;
  list-style: none;
}
.dashboardOverview-list {
  margin-bottom: 10px;
}
.dashboardOverview-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 32px;
  padding: 8px;
  box-sizing: border-box;
  border-radius: var(--mb-default-radius);
  margin-right: 10px;
}
.dashboardOverview-info h4 {
  margin: 0;
  font-family: var(--mb-default-font);
  font-weight: 600;
  font-size: 16px;
}
.dashboardOverview-action button {
  padding: 0;
  border: none;
  background-color: transparent;
  font-size: 22px;
  cursor: pointer;
  outline: none;
}
/* histórico do cliente*/
.title-email-box {
  font-family: var(--mb-default-font);
  font-weight: 600;
  font-size: 16px;
}
.mensage-resume-conent {
  display: flex;
  justify-content: space-between;
}
.mensage-subject-status {
  min-width: 100px;
  padding: 2px;
  box-sizing: border-box;
  text-align: center;
  border-radius: var(--mb-default-radius);
  font-family: var(--mb-default-font);
  font-weight: 700;
  font-size: 14px;
}
/*Mensagens*/
.bp-mensagens-areas {
  list-style: none;
  padding: 0;
  margin: 0;
}
.bp-mensagens-areas-wrap {
  padding: 5px;
  box-sizing: border-box;
  border: solid 1px #bdbdbd;
  max-height: 400px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow-y: auto;
  border-radius: var(--mb-default-radius);
}
.bp-mensagens-profile-imge {
  min-width: 40px;
  width: 40px;
  height: 40px;
  background-position: center;
  background-size: cover;
  margin-right: 5px;
  border-radius: 50px;
}
.bp-mensagens-areas-item {
  display: flex;
  padding: 0 0 10px;
  margin-bottom: 20px;
}
.details-CurrentMenssage {
  margin-top: 5px;
}
.boobleBusiness .bp-mensagens-areas-item {
  border: solid 1px #a4b7f0;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 20px;
  padding: 5px;
  box-sizing: border-box;
  background-color: #f7faff;
}
.boobleBusiness .details-CurrentMenssage {
  width: 100%;
  display: flex;
}
.boobleBusiness .menssageCurrent-time {
  border-right: solid 1px #acacac;
  padding-right: 5px;
  margin-right: 5px;
  font-size: 10px;
}
.boobleBusiness .menssageCurrent-sender {
  font-size: 10px;
}
/* informações da mensagem do cliente*/
.boobleCliente .details-CurrentMenssage {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.boobleCliente .menssageCurrent-time {
  border-left: solid 1px #acacac;
  padding-left: 5px;
  margin-left: 5px;
  font-size: 10px;
}
.boobleCliente .menssageCurrent-sender {
  font-size: 10px;
}
.boobleCliente .bp-mensagens-profile-imge {
  margin-left: 5px;
  margin-right: 0;
}
.boobleCliente .bp-mensagens-areas-item {
  border: solid 1px #b3eaec;
  border-top-right-radius: 0;
  border-top-left-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 0;
  flex-direction: row-reverse;
  padding: 5px;
  box-sizing: border-box;
  background: #f7fffd;
}
.bp-mensagens-send {
  width: 162px;
  border-radius: 50px;
  padding: 4px 10px;
  margin-top: 10px;
  border: none;
  text-transform: uppercase;
  color: white;
  font-family: var(--mb-default-font);
  outline: none;
  cursor: pointer;
}
.bp-mensagens-writer {
  border-radius: 10px !important;
}
.openChat {
  text-decoration: none !important;
}
.mensage-subject {
  font-family: var(--mb-default-font);
  color: #333333;
  font-weight: 600;
  font-size: 16px;
}
.sale-value {
  font-family: var(--mb-default-font);
  font-weight: 600;
}
.discount-value {
  font-family: var(--mb-default-font);
  font-weight: 300;
  font-size: 14px;
  margin: 0;
  text-decoration: line-through;
}
.cupons-value-card {
  font-size: 18px;
  font-family: var(--mb-default-font);
  font-weight: 600;
}
.cupon-date-value {
  font-size: 14px;
  font-family: var(--mb-default-font);
  font-weight: 400;
}
.cupons-rules .uk-accordion-title {
  font-size: 12px;
  font-family: var(--mb-default-font);
  font-weight: 400;
}
.usedcupon {
  text-decoration: line-through;
}
.giftcard-value {
  width: 80px;
  height: 80px;
  border-radius: 180px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 22px;
  font-family: var(--mb-default-font);
  font-weight: 700;
  text-align: center;
  flex-direction: column;
}
.giftcard-value h2 {
  font-size: 22px;
  font-family: var(--mb-default-font);
  font-weight: 700;
  margin: 0;
}
.giftcard-value h5 {
  font-size: 12px;
  font-family: var(--mb-default-font);
  font-weight: 700;
  margin: 0;
  width: 100%;
}
.abbout-gift {
  font-size: 12px;
  margin: 0 0 10px;
}
.title-gift {
  margin: 0;
  font-size: 18px !important;
}
.body-gift {
  padding: 8px !important;
}
.image-gift {
  border-top-left-radius: var(--mb-default-radius);
  border-bottom-left-radius: var(--mb-default-radius);
}
.gif-card-qr {
  margin-left: -50px;
  z-index: 999;
}
/*=======================================================Splash Screen*/
.influencer-contentArea {
  min-height: 98vh;
}
.splash-screen {
  padding: 8px;
  box-sizing: border-box;
}
.action-raking-area {
  display: flex;
  justify-content: center;
  align-items: center;
}
.action-raking-button {
  padding: 10px 20px;
  font-family: var(--mb-default-font);
  font-weight: 700;
  background-color: transparent;
  outline: none;
  cursor: pointer;
}
.mbranking-title {
  font-size: 16px;
  margin-bottom: 5px;
  font-family: var(--mb-default-font);
  font-weight: 700;
}
.mbranking-UserName {
  font-size: 12px;
  margin-bottom: 5px;
  font-family: var(--mb-default-font);
  font-weight: 700;
}
.full-off {
  text-decoration: line-through;
}
.botton-bar-notInfluencer {
  height: 80px;
}
.botton-bar-notInfluencer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.botton-bar-notInfluencer-title {
  font-family: var(--mb-default-font);
  font-weight: 700;
  margin: 0;
  font-size: 18px;
}
.botton-bar-notInfluencer-button {
  padding: 10px 30px;
  border-radius: 50px;
  background-color: transparent;
  font-family: var(--mb-default-font);
  outline: none;
  font-size: 16px;
  cursor: pointer;
}
.hero-getInflurcer {
  width: 100%;
  display: flex;
  justify-content: center;
}
.getInfluencer-mkt-content h3 {
  font-family: var(--mb-default-font);
  font-weight: 700;
  margin: 40px 0 0;
}
.getInflurcerAction-button {
  border: none;
  outline: none;
  transition: 0.6s;
  cursor: pointer;
  width: 30%;
}
.getInflurcerAction-button:focus {
  border: none;
  outline: none;
  width: 100%;
}
.influencerNotWant {
  width: 100%;
  text-align: center !important;
}
.prifileGlobalRaking {
  width: 50px;
  height: 50px;
  background-position: center;
  background-size: cover;
}
.rakingglobal .uk-progress {
  margin-top: 10px;
}
.header-global-raking {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.header-global-raking h3 {
  font-family: var(--mb-default-font);
  font-weight: 700;
  margin: 0;
  font-size: 16px;
}
.list-globalRaking {
  list-style: none;
  padding: 0;
}
.list-globalRaking li {
  padding-bottom: 8px;
  margin-bottom: 8px;
  border-bottom: solid 1px #dbdbdb;
}
.profileRaking-img-wrap {
  justify-content: flex-end;
}
/* =----------================================================================ <!-- Members Club Inbox Lista de conversas do cliente -->*/
.mb-inboxChatRow {
  padding: 10px;
  margin-bottom: 5px;
  box-sizing: border-box;
  border-bottom: solid 1px #dadada;
  text-decoration: none !important;
  border-radius: 0;
  transition: 0.6s;
}
.mb-inboxChatRow:hover {
  background-color: #f4f5ff;
  border-radius: var(--mb-default-radius);
}
.inboxChat-imgProfile {
  height: 50px;
  width: 50px;
  margin-right: 10px;
  background-size: cover;
  background-position: center;
}
.inboxChat-UserName {
  font-family: var(--mb-default-font);
  font-weight: 600;
  font-size: 16px;
  margin: 0;
}
.inboxChat-ChatLocalization {
  font-family: var(--mb-default-font);
  font-weight: 400;
  font-size: 14px;
  margin: 0;
}
.chat-notread {
  height: 20px;
  width: 20px;
  border: none;
  background-color: var(--mb-ame-primary);
}
.chat-aread {
  height: 20px;
  width: 20px;
  border: none;
  background-color: #c5c5c5;
}
.inboxChatRow-footer button {
  border-radius: var(--mb-default-radius);
  outline: none;
}
/*==========================================<!--Vitrine virtual -->*/
.mb-tag-list {
  overflow-x: auto;
  list-style: none;
  padding: 0px;
}
.mb-tag-reels button {
  margin-right: 5px;
  padding: 5px 10px;
  border: solid 1px #999999;
  border-radius: var(--mb-default-radius);
  cursor: pointer;
  background-color: transparent;
  transition: 0.9s;
  outline: none;
  font-family: var(--mb-default-font);
  font-weight: 600;
  min-width: 50px;
}
.mb-tag-reels button:focus {
  margin-right: 5px;
  padding: 5px 10px;
  border: solid 0px #5b59c9;
  border-radius: var(--mb-default-radius);
  cursor: pointer;
  background-color: #4c5ad6;
  min-width: 150px;
  color: white;
}
.plyr--video {
  border-radius: var(--mb-default-radius) !important;
}
.mb-reels-mosaics {
  list-style: none;
  padding: 0px;
  display: flex;
  flex-wrap: wrap;
}
.video-mosaic {
  border: solid 0.25px white;
  border-radius: var(--mb-default-radius);
  display: flex;
  align-items: center;
  justify-content: center;
}
.video-mosaic i {
  position: absolute;
  font-size: 42px;
  color: white;
}
.mb-reels-overlay {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.226);
  border-radius: var(--mb-default-radius);
  width: 30%;
  height: 110px;
}
.video-mosaic img {
  border-radius: var(--mb-default-radius);
}
.modal-reels-coments {
  padding: 10px;
  box-sizing: border-box;
}
.custommodalPlayer {
  display: none;
}
.ShowCustommodalPlayer {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  min-height: 100vh;
  z-index: 1010;
  display: block !important;
}
.plyr__video-embed {
  padding-bottom: 0px;
}
.mbReelsVideoPlayer-modal .plyr--full-ui .plyr__video-embed > .plyr__video-embed__container {
  padding-bottom: 223%;
  position: relative;
  transform: translateY(-10.28125%);
}
.reels-comments-list {
  list-style: none;
  padding: 0PX;
}
.modal-reels-coments .post-coment {
  padding-top: 5px;
  border-top: solid 1px #6e6e6e;
  margin-top: 20px;
}
.post-comment-reels {
  width: 100%;
  border-radius: var(--mb-default-radius);
  border: solid 1px var(--mb-ame-primary);
  margin-top: 20px;
  background-color: transparent;
  color: var(--mb-ame-primary);
  padding: 10px 10px;
}
.reels-comments-listAuthor {
  font-family: var(--mb-default-font);
  font-weight: 700;
  color: var(--mb-gray-dark);
}
.reels-comments-listContent {
  font-family: var(--mb-default-font);
  font-weight: 400;
  color: var(--mb-gray-dark);
  margin-top: 10px;
}
.reels-comments-list {
  border-left: solid 0px #949494;
  padding-left: 5px;
  padding-right: 5px;
}
.reels-comments-listAuthor {
  border-top: solid 1px #949494;
  padding-top: 10px;
  margin-top: 20px;
}
/*==========================================
    Feedback do cliente 
============================================*/
.ob-client__feedback__user-preview {
  width: 50px;
  min-width: 50px;
  height: 50px;
  border-radius: 150px;
  margin-right: 10px;
  background-position: center;
  background-size: cover;
}
.ob-client__feedback__profiles {
  position: absolute;
}
.ob-client__feedback__profiles-business {
  position: absolute;
  right: -10px;
}
.ob-client__feedback__form {
  position: relative;
}
.ob-client__feedback__area {
  padding-left: 60px !important;
  border-top-left-radius: 30px !important;
}
.ob-client__feedback__area--business {
  border-top-right-radius: 30px !important;
  padding-right: 60px !important;
}
.ob-client__feedback__business-preview {
  width: 50px;
  min-width: 50px;
  height: 50px;
  border-radius: 150px;
  margin-left: 10px;
  background-position: center;
  background-size: cover;
}
.ob-client__send-feedback {
  padding: 8px 25px;
  border-radius: 150px;
  border: none;
  font-weight: 700;
  margin-bottom: 5px;
  cursor: pointer;
}
.ob-client__modal__profile {
  flex-wrap: wrap;
}
.ob-client__feedback__preview-pay {
  width: 40px;
  height: 40px;
  min-width: 80px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  border-left-width: 0px;
  border-left-style: solid;
  border-left-color: #ffffff;
  border-bottom: solid 0px #ffffff;
  border-top: solid 0px #ffffff;
}
.ob-client__feedback--pay {
  display: flex;
  align-items: center;
}
.ob-client__feedback__list__pay {
  padding: 0px;
  margin: 0px;
  list-style: none;
}
.ob-client__feedback__pay-item {
  border-top: solid 1px #ffffff;
  padding-top: 5px;
}
.ob-client__feedback__pay-item:first-child {
  border-top: solid 0px #ffffff;
}
.ob-client__feedback__pay-format {
  padding-left: 10px;
  border-left-width: 0px;
  border-left-style: solid;
  border-left-color: #ffffff;
  border-bottom: solid 0px #ffffff;
  border-top: solid 0px #ffffff;
  font-size: 12px;
  text-align: left;
}
@media (min-width: 1581) {
  .video-wrap {
    width: 300px;
  }
}
/*==========================================FILTROS*/
.mbUser__filters {
  display: flex;
  list-style: none;
  padding: 0px;
  margin: 0px;
  overflow-x: auto;
}
.mbUser__filters__list {
  padding: 8px;
  box-sizing: border-box;
}
.mbUser__filters__item {
  border-radius: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 25px;
  padding-right: 25px;
  height: 25px;
  border: none;
  text-transform: uppercase;
  font-size: 12px;
  cursor: pointer;
  background-color: #e4e4e4;
  font-family: var(--mb-default-font);
  font-weight: 600;
}
.ob-client__business__name {
  font-family: var(--mb-default-font);
  font-weight: 700;
  font-size: 12px;
}
/* ------------------------------- 
    Feed de noticias
*/
.ob-user__feed__post {
  margin-bottom: 10px;
}
.ob-user__tab__feed--title {
  font-size: 11px !important;
  font-family: var(--mb-default-font);
  font-weight: 700;
}
.ob-user__feed__post--img-profile {
  width: 40px;
  height: 40px;
  border: solid 4px var(--mb-ame-primary-other);
  border-radius: 150px;
  margin-right: 10px;
  background-position: center;
  background-size: cover;
}
.ob-user__feed__post--profile-name {
  font-family: var(--mb-default-font);
  font-weight: 700;
  font-size: 12px;
}
.ob-user__feed__post--header {
  margin-bottom: 8px;
}
.ob-user__feed__post--content {
  min-height: 400px;
  max-height: 700px;
  background-color: #d3d3d3;
  position: relative;
}
.ob-user__feed__post--action {
  margin-top: 8px;
  margin-bottom: 8px;
}
.ob-user__feed__post--button {
  border: none;
  background-color: transparent;
  font-size: 22px;
}
.ob-user__feed__post--description--text {
  font-family: var(--mb-default-font);
  font-weight: 600;
  font-size: 13px;
  padding: 0px 6px;
  box-sizing: border-box;
}
.ob-user__feed__post--comments {
  border: none;
  background-color: transparent;
  font-family: var(--mb-default-font);
  font-weight: 700;
  font-size: 13px;
}
.ob-user__feed--comments-modal {
  padding: 0px !important;
  min-height: 100vh;
}
.ob-user__feed--comments-modal--body {
  min-height: 100vh;
  padding: 8px !important;
  box-sizing: border-box;
  position: relative;
}
.ob-user__feed__post--comments-all {
  list-style: none;
  padding: 0px;
  margin: 0px;
  padding-top: 40px;
}
.ob-user__feed--comment-user-preview {
  width: 40px;
  height: 40px;
  border-radius: 150px;
  background-size: cover;
  background-position: center;
  margin-right: 10px;
}
.ob-user__feed--new-comment {
  margin-top: 10px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  background-color: white;
  box-shadow: 0px -3px 6px rgba(121, 121, 121, 0.089);
}
.ob-user__feed--comment-profile-preview {
  width: 30px;
  height: 30px;
  max-height: 30px;
  min-width: 30px;
  border-radius: 150px;
  background-size: cover;
  background-position: center;
  margin-right: 10px;
}
.ob-user__feed--comment-btn-publisher {
  border: none;
  background-color: transparent;
  font-family: var(--mb-default-font);
  font-weight: 700;
  font-size: 13px;
}
.ob-user__feed--comment-input {
  border-width: 0px !important;
  border-bottom-width: 1px !important;
}
.ob-user__feed--comment-user-name {
  font-family: var(--mb-default-font);
  font-weight: 700;
  font-size: 13px;
  color: var(--mb-gray-dark);
}
.ob-user__feed--comment-text {
  font-family: var(--mb-default-font);
  font-weight: 500;
  font-size: 13px;
}
.ob-user__feed__post--promotional-action {
  position: absolute;
  width: 100%;
  bottom: 0px;
  margin-bottom: 0px;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 5px;
  padding-bottom: 5px;
  box-sizing: border-box;
}
.ob-user__feed__post--promotional-action:hover {
  text-decoration: none;
}
.ob-user__feed__post__carrousels-dot {
  bottom: 10px;
  position: absolute;
  width: 100%;
}
.ob-user__feed__post--comments-list {
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: solid 1px #eeeeee;
}
.ob-user__feed__post--promotional-action-label {
  font-family: var(--mb-default-font);
  font-weight: 600;
  font-size: 13px;
}
.ob-user__feed--share-button {
  border: none;
  background-color: transparent;
  padding: 8px;
  box-sizing: border-box;
}
.ob-user__feed--share-modal-title {
  font-family: var(--mb-default-font);
  font-weight: 600;
  font-size: 14px;
}
.mask__table__content {
  min-width: 100%;
}
/* Controle de tamnho dos tiltulos do accordion */
.app-user__accordion__title {
  font-size: 16px !important;
}
.app-user__tab-tittle li a {
  font-size: 13px !important;
}
.ob__button__icon {
  position: relative;
  width: 90px;
  display: flex;
}
.ob__button__icon--shape {
  width: 100%;
  height: 30px;
  min-height: 30px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.ob__button__icon--shape-circle {
  min-width: 50px;
  max-width: 50px;
  height: 50px;
  border-radius: 150px;
  position: absolute;
  left: calc(50% - 26px);
  top: -20px;
  font-size: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-position: center;
  background-size: contain;
}
/* -------------------------------------------------------------------------- */
/*                              Atualização UI/UX                             */
/* -------------------------------------------------------------------------- */
.ob-user__app__logo {
  min-width: 40px;
  height: 40px;
  background-size: contain;
  background-position: center ;
}
.ob__screen__header {
  background: #f94993;
  background: linear-gradient(132deg, #fba86d 0%, #ea5584 100%) !important;
  padding-left: 10px;
  padding-right: 10px;
  box-sizing: border-box;
}
.ob-user__scren__action {
  font-size: 32px;
  color: white;
}
.ob-user__scren__action:hover {
  text-decoration: none;
}
.ob-user__action__grid--title {
  font-size: 13px;
  font-weight: 500;
  font-family: var(--app-default-font-2);
}
.ob-user__action__grid--title:hover {
  text-decoration: none;
}
.ob-user__action__grid--icon {
  font-size: 18px;
}
.ob-user__booking__now {
  font-size: 16px;
  font-weight: 700;
  font-family: var(--app-default-font-2);
  background: #bdf7d7;
  color: #288a7a !important;
}
.ob-user__booking__now:hover {
  text-decoration: none;
}
.ob__icon__dot {
  width: 50px;
  height: 50px;
  border-radius: 150px;
  font-size: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ob-user__section__description {
  font-size: 14px;
  font-weight: 600;
  margin-top: 8px;
  font-family: var(--app-default-font-2);
}
.ob-user__section__help {
  font-size: 14px;
  font-weight: 700;
  font-family: var(--app-default-font-2);
}
.ob-user__indique__banner {
  position: relative;
}
.ob-user__value__gain {
  position: absolute;
  bottom: 0px;
  min-height: 100PX;
  top: calc(50% - 100px);
  display: flex;
  align-items: left;
  flex-direction: column;
  justify-content: center;
  left: 0px;
  width: 100%;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 10px 20px ;
  box-sizing: border-box;
  font-size: 32px;
  font-weight: 700;
  font-family: var(--app-default-font-2);
  color: white;
}
.ob-user__value__gain--title {
  font-size: 52px;
  line-height: 1;
}
/* -------------------------------------------------------------------------- */
/*         [Gadjets] São pequenos cards para conteúdos de informações         */
/* -------------------------------------------------------------------------- */
.ob-user__gadjet__title {
  font-size: 14px;
  font-weight: 700;
  font-family: var(--app-default-font-2);
  color: var(--app-text-color-1);
}
.ob-user__gadjet__value {
  font-size: 22px;
  font-weight: 700;
  font-family: var(--app-default-font-2);
  color: var(--app-text-color-1);
}
.ob-user__gadjet__header__icon {
  font-size: 22px;
  color: var(--app-text-color-1);
}
/* -------------------------------------------------------------------------- */
/*                              Loja de produtos                              */
/* -------------------------------------------------------------------------- */
.ob-user__product__img {
  width: 120px ;
}
.ob-user__product__img--service {
  width: 100% ;
}
.ob-user__product__price {
  font-size: 32px;
  font-weight: 500;
  font-family: var(--app-default-font-2);
  color: var(--app-text-color-1);
  margin: 0px;
}
.ob-user__product__price__old {
  font-size: 20px;
  font-weight: 500;
  text-decoration: line-through;
  font-family: var(--app-default-font-2);
  color: var(--app-soft-red);
  margin: 0px;
}
.ob-user__product__price__info {
  font-size: 14px;
  font-weight: 500;
  font-family: var(--app-default-font-2);
  color: var(--app-text-color-1);
  margin: 0px;
  margin-top: 15px;
}
.ob-user__product__title__section {
  font-size: 22px;
  font-weight: 600;
  font-family: var(--app-default-font-2);
  color: var(--app-text-color-1);
  margin: 0px;
  margin-bottom: 20px;
}
.ob-user__product__description {
  font-family: var(--app-default-font-2);
  color: var(--app-text-color-1);
}
.ob-user__product__card {
  border: solid 1px #ececec;
}
.ob-user__header__button {
  font-size: 42px;
  position: relative;
}
.ob-user__product__count {
  font-family: var(--app-default-font-2);
  color: white;
  position: absolute;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  border-radius: 50px;
  line-height: 1;
  background-color: #fd003f;
  top: 0px;
  left: -5px;
}
.ob-user__float__cart__title {
  font-size: 16px;
  font-weight: 700;
}
.ob-user__float__cart__icon {
  font-size: 22px;
}
.ob-user__float__cart__item {
  display: flex !important;
}
.ob-user__business__logo {
  width: 150px;
}
.ob-user__business__name {
  font-family: var(--app-default-font-2);
  color: var(--app-text-color-1);
  font-weight: 700;
}
.ob-user__search__store--field {
  border-radius: 150px !important;
}
.ob-user__search__off-open {
  font-size: 32px;
  background-color: transparent;
  border: none;
  color: #6d6d6d;
}
.ob-user__off__canvas__store {
  background-color: white !important;
}
.ob-user__off__canvas--item {
  color: #747474 !important;
  font-family: var(--app-default-font-2);
  font-weight: 400;
  font-size: 15px;
}
.ob-user__off__canvas--item-parent {
  color: #747474 !important;
  font-family: var(--app-default-font-2);
  font-weight: 500;
  font-size: 17px;
}
.ob-user__off__canvas__menu .uk-parent {
  position: relative;
}
.ob-user__off__canvas__menu .uk-parent:after {
  font-size: 16px;
  background-color: #ffffff;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 10px;
  right: 0px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f105";
  color: gray;
}
.ob-user__off__canvas__store {
  min-width: 320px;
}
.ob-user__off__cart--icon {
  font-size: 42px;
  color: #363636;
}
.ob-user__off__cart--label {
  font-family: var(--app-default-font-2);
  font-weight: 500;
  font-size: 14px;
  line-height: 1;
  color: #363636;
}
.ob-user__off__cart--value {
  font-family: var(--app-default-font-2);
  font-weight: 600;
  font-size: 14px;
  line-height: 1;
  color: #363636;
}
.ob-user__off__canvas--header {
  border-bottom: solid 1px #dbdbdb;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.ob-user__menu__header {
  list-style: none;
  padding: 0px;
  box-sizing: border-box;
  margin: 0px;
  display: flex;
}
.ob-user__menu__header--li {
  margin-left: 10px;
  box-sizing: border-box;
}
/* --------------------------- categoria destaque --------------------------- */
.ob-user__featured__category {
  position: relative;
}
.ob-user__featured__cover {
  background-position: center;
  background-size: cover;
  transition: 0.6s;
}
.uk-cover-container:hover img {
  background-position: center;
}
.ob-user__featured__button {
  position: absolute;
  bottom: 60px;
  display: flex;
  width: 200px;
  left: calc(50% - 100px);
}
.ob-user__section--store {
  width: 80%;
  margin-left: auto;
  margin-right: auto ;
}
@media (max-width: 762px) {
  .ob-user__section--store {
    width: 100%;
    margin-left: auto;
    margin-right: auto ;
  }
}
.ob-user__store__titles {
  font-family: var(--app-default-font-2);
  font-weight: 600;
  font-size: 22px;
  color: var(--app-dark-black);
}
.ob-user__store__carrossel {
  padding: 8px;
  box-sizing: border-box;
}
.ob-user__tab__category {
  flex-wrap: nowrap !important;
  display: flex;
  overflow-x: auto;
}
.ob-user__tab__category .uk-active a {
  background-color: #e5e0fa;
  border-bottom-width: 3px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.ob-user__store__filter__button {
  background-color: transparent;
  border: none;
  font-size: 22px;
  color: var(--app-dark-black);
}
/* --------------------------- Carrinho de compras -------------------------- */
.ob-user__cart__qtd {
  margin-bottom: 8px;
}
.ob-user__cart__button--minus {
  background-color: transparent;
  border: none;
  font-size: 22px;
}
.ob-user__cart__button--plus {
  background-color: transparent;
  border: none;
  font-size: 22px;
}
.ob-user__cart__product--current-value {
  font-family: var(--app-default-font-2);
  font-weight: 600;
  font-size: 22px !important;
  color: #fba86d;
}
.ob-user__cart__button--remove {
  font-size: 32px;
  color: #444444;
  background-color: transparent;
  border: none;
  position: absolute;
  right: 0px;
  top: 0px;
}
.ob-user__code--form {
  display: flex;
  align-items: flex-end;
}
.ob-user__cart__aply {
  min-width: 162px;
  padding: 12px 25px;
  border: none;
  margin-left: 10px;
  font-family: var(--app-default-font-2);
  font-weight: 700;
  color: white;
}
.ob-user__cart__total--value {
  margin: 0px;
  font-family: var(--app-default-font-2);
  font-weight: 600;
  font-size: 22px;
}
.ob-user__cart__total--label {
  font-family: var(--app-default-font-2);
  font-weight: 700;
  font-size: 14px;
}
.ob-user__aply--checkout {
  display: flex;
  justify-content: center;
  padding: 15px 25px;
  font-family: var(--app-default-font-2);
  font-weight: 700;
  font-size: 16px;
}
.ob-user__aply--back {
  display: flex;
  justify-content: center;
  padding: 15px 25px;
  font-family: var(--app-default-font-2);
  font-weight: 700;
  font-size: 16px;
}
.ob-user__cart__product__description {
  margin-top: 10px;
}
@media (max-width: 992px) {
  .ob-user__cart__group-action {
    flex-direction: column-reverse;
  }
}
/* -------------------------------------------------------------------------- */
/*                         Blocos de layouts externos                         */
/* -------------------------------------------------------------------------- */
/* -------------------------- bloco de novos botões ------------------------- */
.bk-app__dash__btn {
  position: relative;
  padding: 8px;
  box-sizing: border-box;
  min-height: 80px;
  border-radius: 12px;
}
.bk-app__dash__btn:hover {
  text-decoration: none;
}
.bk-app__dash__btn--cover {
  min-width: 50px;
  height: 50px;
  margin-right: 10px;
  background-position: center;
  background-size: cover;
  border-radius: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 32px;
}
.bk-app__dash__btn--icon {
  position: absolute;
  right: 5px;
  bottom: 5px;
  font-size: 19px;
}
.bk-app__dash__btn--label {
  font-family: 'Quicksand', sans-serif;
  font-weight: 500;
  font-size: 17px;
  color: #252525;
}
.bk-app__dash__btn--sublabel {
  font-family: 'Quicksand', sans-serif;
  font-weight: 500;
  font-size: 11px;
  color: #252525;
}
.bk-app__dash__btn--value {
  font-family: 'Quicksand', sans-serif;
  font-weight: 700;
  font-size: 25px;
  color: #ffc08f;
  line-height: 1;
  margin-top: 10px;
}
/* ----------------------- widgets do painel principal ---------------------- */
.ob-dash__widget__cover--circle {
  width: 100%;
  max-width: 80px;
  margin-left: auto;
  margin-right: auto;
  height: 80px;
  border-radius: 150px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover !important;
}
.ob-dash__widget__cover {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover !important;
}
.ob-dash__widget__action {
  padding: 8px 0px;
  margin-bottom: 8px;
  display: flex;
  flex-direction: column;
}
.ob-dash__widget__header {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  box-sizing: border-box;
}
.ob-dash__widget {
  display: block;
  position: relative;
  text-decoration: none;
  color: var(--app-dark-gray);
}
.ob-dash__widget:hover {
  display: block;
  position: relative;
  text-decoration: none;
  color: var(--app-dark-gray);
}
.ob-dash__widget__header {
  border-bottom: solid 1px #dfdfdf;
  padding-bottom: 10px;
  font-family: var(--app-default-font-2);
  font-size: 12px;
  font-weight: 500;
}
.ob-dash__widget__action--label {
  font-family: var(--app-default-font-2);
  font-weight: 500;
  font-size: 12px;
}
.ob-dash__widget__action--value {
  font-family: var(--app-default-font-2);
  font-weight: 700;
  font-size: 15px;
}
.ob-dash__widget__header--icon {
  font-size: 19px;
  line-height: 1;
}
.ob-dash__widget__content--float {
  position: absolute;
  top: 10px;
  left: 10px;
}
.ob-dash__widget__content {
  box-sizing: border-box;
}
.ob-dash__widget__title {
  font-family: var(--app-default-font-2);
  font-weight: 700;
  font-size: 28px;
}
.ob-dash__widget-3d__card {
  margin-top: -90px;
}
.ob-dash__widget__feed {
  width: 100%;
  height: 400px;
  position: relative;
  background-position: center;
  background-size: cover;
}
@media only screen and (min-width: 1000px) and (max-width: 1366px) {
  .ob-dash__widget__feed {
    width: 100%;
    height: 720px;
    position: relative;
    background-position: center;
    background-size: cover;
  }
}
.ob-dash__widget__inner-cover {
  width: 60px;
  height: 60px;
  background-size: cover;
  background-position: center;
  border-radius: 15px;
  margin-right: 10px;
}
.ob-dash__widget__inner-title {
  font-family: var(--app-default-font-2);
  font-weight: 500;
  font-size: 15px;
}
.ob-dash__widget__inner-action {
  position: absolute;
  bottom: 10px;
  right: 10px;
  display: flex;
  border-radius: 150px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: var(--app-default-font-2);
  font-weight: 600;
  box-sizing: border-box;
  font-size: 12px;
}
.ob-dash__widget__inner-info {
  font-family: var(--app-default-font-2);
  font-weight: 500;
  font-size: 11px;
}
.ob-dash__widget__price-old {
  font-family: var(--app-default-font-2);
  font-weight: 500;
  font-size: 11px;
  text-decoration: line-through;
}
.ob-dash__widget__price-new {
  font-family: var(--app-default-font-2);
  font-weight: 700;
  font-size: 16px;
  color: orange;
}
.ob-dash__widget__badge {
  position: absolute;
  right: 10px;
  top: 10px;
  display: flex;
  padding-right: 10px;
  padding-left: 10px;
  box-sizing: border-box;
  font-size: 12px;
}
.ob-dash__widget--tasting {
  background-size: cover !important;
  background-position: top !important;
  background-repeat: no-repeat !important;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 620px;
}
.ob-dash__widget__inner--action {
  margin-top: 10px;
  padding-right: 10px;
  padding-left: 10px;
  font-family: var(--app-default-font-2);
  font-weight: 500;
  font-size: 12px;
  border-radius: 150px;
}
.widget__tasting-card {
  background-color: rgba(255, 255, 255, 0.938);
}
.ob-dash__widget__inner-add-cart {
  border-radius: 150px;
  padding-right: 10px;
  padding-left: 10px;
  margin-top: 10px;
  font-family: var(--app-default-font-2);
  font-weight: 500;
  font-size: 12px;
}
/* ---------------------------- Login do usuário ---------------------------- */
.ob__login__screen fieldset {
  min-height: 100vh;
  background-position: center !important;
  background-size: cover !important;
}
.ob__login__steps {
  text-align: center;
  position: relative;
}
.ob__login__steps fieldset {
  background: rgba(255, 255, 255, 0);
  border: 0 none;
  border-radius: 0.5rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding-bottom: 20px;
  position: relative;
}
.form-card {
  text-align: left;
}
.ob__login__steps fieldset:not(:first-of-type) {
  display: none;
}
.ob__login__steps input:focus,
.ob__login__steps textarea:focus {
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: 1px solid #673AB7;
  outline-width: 0;
}
.ob__login__steps .action-button {
  width: 100px;
  background: #673AB7;
  font-weight: bold;
  color: white;
  border: 0 none;
  border-radius: 0px;
  cursor: pointer;
  padding: 10px 5px;
  margin: 10px 0px 10px 5px;
  float: right;
}
.ob__login__steps .action-button:hover,
.ob__login__steps .action-button:focus {
  background-color: #311B92;
}
.ob__login__steps .action-button-previous {
  width: 100px;
  background: #616161;
  font-weight: bold;
  color: white;
  border: 0 none;
  border-radius: 0px;
  cursor: pointer;
  padding: 10px 5px;
  margin: 10px 5px 10px 0px;
  float: right;
}
.ob__login__steps .action-button-previous:hover,
.ob__login__steps .action-button-previous:focus {
  background-color: #000000;
}
.purple-text {
  color: #673AB7;
  font-weight: normal;
}
.fit-image {
  width: 100%;
  object-fit: cover;
}
.ob__login__screen {
  background-position: center !important;
  background-size: cover !important;
}
.ob__login__field {
  background-color: #300018 !important;
  border-width: 0px !important;
  border-radius: 10px !important;
}
.ob__login__button {
  width: 100%;
  padding-top: 18px;
  padding-bottom: 18px;
  border-radius: 150px;
  border: none;
  margin-top: 20px;
  font-family: var(--app-default-font-2);
  font-weight: 700;
  font-size: 18px;
  background-color: #fbffd1;
}
.ob__login__title {
  font-family: var(--app-default-font-2);
  font-weight: 700;
  font-size: 28px;
  color: white;
}
.ob__login__description {
  font-family: var(--app-default-font-2);
  font-weight: 400;
  font-size: 18px;
  color: white;
}
.ob-login__fildset {
  padding-top: 80px;
}
/* --------------------- Bloco de layouts para botões de checkout --------------------- */
.bk-checkut__button {
  position: relative;
}
.bk-checkout__pay__flag {
  width: 50px;
  height: 50px;
  margin-right: 10px;
  display: flex;
  justify-content: center;
  font-size: 32px;
  align-items: center;
}
.bk-checkout__pay__flag {
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.bk-checkout__pay__flag--label {
  text-decoration: none;
  color: #494949;
}
.bk-checkut__button:hover {
  text-decoration: none !important;
  color: #494949;
}
.bk-checkout__pay__select {
  position: absolute;
  min-width: 200px !important;
  height: 40px;
}
.ob-thaks__purchase--title {
  font-family: var(--app-default-font-2);
  font-weight: 700;
  font-size: 32px;
  color: #003621;
}
.ob-thaks__purchase {
  min-height: 100vh;
}
.ob-thaks__purchase--back {
  background-color: #071173;
  color: white;
}
.ob-thaks__purchase--item {
  display: flex !important;
  justify-content: space-between !important;
}
.ob-thaks__purchase__rating__bar {
  background-color: white;
  width: 100%;
  position: absolute;
  top: 0px;
  box-shadow: 0px -3px 8px rgba(177, 177, 177, 0.226);
}
.ob-thaks__purchase__rating__bar {
  font-family: var(--app-default-font-2);
  font-weight: 700;
  font-size: 16px;
}
.bk-checkut__button__select {
  position: relative;
}
.bk-checkut__button {
  position: absolute;
  top: 0px;
}
.bk-checkut__button__radio {
  position: absolute;
  top: -5px;
  left: -5px;
  z-index: 150;
  width: 30px !important;
  height: 30px !important;
  visibility: hidden;
  background-color: var(--color-pink) !important;
}
.bk-checkut__button__radio:checked {
  visibility: visible;
}
/*.select_pay_format::after{
    content: "";
    display: block;
    width: 200px;
    height: 40px;
    box-shadow: 0px 3px 5px rgba(25, 4, 145, 0.226);
    position: absolute;
    background-color: rgba(219, 228, 255, 0.137);
    top: 0px;
    z-index: 100;
}*/
.ob__payformat__label {
  font-family: var(--app-default-font-2);
  font-weight: 600;
  font-size: 19px;
}
.ob__shipping__label {
  font-family: var(--app-default-font-2);
  font-weight: 600;
  font-size: 19px;
}
.ob__shipping__price {
  font-family: var(--app-default-font-2);
  font-weight: 500;
  font-size: 19px;
}
.bk-checkut__button__toggle {
  text-decoration: none !important;
  cursor: pointer !important;
}
.bk-checkut__button__toggle:hover {
  text-decoration: none !important;
  cursor: pointer !important;
}
.form__pay__Label {
  font-family: var(--app-default-font-2);
  font-weight: 700;
  font-size: 19px;
}
.pay__points__label {
  font-family: var(--app-default-font-2);
  font-weight: 500;
  font-size: 16px;
}
.pay__points__value {
  font-family: var(--app-default-font-2);
  font-weight: 700;
  font-size: 19px;
}
/* -------------------------------------------------------------------------- */
/*                       Atualização novo arranjo visual                      */
/* -------------------------------------------------------------------------- */
.ob-header__app {
  min-height: 80px;
  height: 80px;
  padding-left: 10px;
  padding-right: 10px;
  box-sizing: border-box;
  margin-bottom: 20px;
}
.ob-app__drop__user {
  font-size: 42px;
}
.ob-app_user_drop_toggle {
  color: white;
}
.ob-vert__header {
  min-height: 100vh;
  width: 250px;
  position: fixed;
  top: 0px;
  z-index: 100;
  background-color: white;
  transition: 0.6s;
  display: none;
}
.ob-vert__header:hover {
  min-height: 100vh;
  width: 250px;
  position: fixed;
  top: 0px;
  z-index: 100;
  background-color: white;
}
.ob-ver__logo {
  height: 80px;
  width: 100%;
  background-position: center;
  background-size: 58%;
  padding: 8px;
  box-sizing: border-box;
  background-color: #ffffff;
  background-repeat: no-repeat;
}
.ob-app__section {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}
.ob-app__content {
  padding-left: 0px;
  box-sizing: border-box;
}
.ob-app__menu__toggle {
  font-size: 32px;
  color: white;
  line-height: 1;
}
.ob-app__menu__toggle:hover {
  cursor: pointer;
}
/* -------------------------- Categorias destaques -------------------------- */
.ob-app__feature__title {
  font-size: 24px;
  font-family: var(--app-default-font-2);
  font-weight: 700;
  color: #303030;
}
.ob-app__category__feature:hover {
  cursor: pointer;
}
.ob-app__feature__description {
  font-size: 21px;
  font-family: var(--app-default-font-2);
  font-weight: 300;
  color: #303030;
}
/* ------------------------ grid de loja em destaque ------------------------ */
.ob-app__section__title {
  font-size: 32px;
  font-family: var(--app-default-font-2);
  font-weight: 700;
  color: #080808;
}
/* ---------------------------- Grid de produtos ---------------------------- */
.ob-app__gift__price {
  text-decoration: line-through;
}
.ob-app__beauty__section {
  background-color: #fff5f7;
  padding: 40px 10px;
  box-sizing: border-box;
  border-radius: 20px;
}
@media (min-width: 992px) {
  .ob-dash__widget__inner-cover {
    margin-right: 0px !important;
  }
}
/* --------------------------- Menu do aplicativo --------------------------- */
.ob-app__action__count {
  position: absolute;
  right: 10px;
  top: 0px;
}
.ob-app__tab__bar {
  position: fixed;
  left: 0px;
  width: 100%;
  z-index: 100;
  list-style: none;
  padding: 0px;
  margin: 0px;
  bottom: 0px;
  background-color: white;
  height: 40px;
  padding-left: 40px;
  padding-right: 40px;
  box-sizing: border-box;
  align-items: center;
  box-shadow: 0px -6px 3px rgba(0, 0, 0, 0.02);
}
.ob-app__tab__point {
  width: 55px;
  height: 55px;
  font-size: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -20px;
  background-color: white;
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
  box-shadow: 0px -6px 3px rgba(0, 0, 0, 0.02);
  flex-direction: column;
}
.ob-app__tab__item {
  font-size: 32px;
  color: #050044;
}
.ob-app__tab__item__label {
  font-size: 12px;
  line-height: 1;
}
.ob-app__tab__item:hover {
  text-decoration: none;
  color: #050044;
}
.ob-app__tab__drop ul li a {
  font-size: 16px;
  font-family: var(--app-default-font-2);
  font-weight: 400;
}
.ob-app__tab__drop ul li .ob-app__tab__drop__count {
  font-size: 22px;
  font-family: var(--app-default-font-2);
  font-weight: 700;
  color: orange;
}
/* -------------------------------------------------------------------------- */
/*                             Rodape da aplicação                            */
/* -------------------------------------------------------------------------- */
.ob-app__footer {
  background-color: #f9f9fd;
}
.ob-app__footer__powerd {
  background-color: #0A0053;
  padding-top: 10px;
  padding-bottom: 10px;
  box-sizing: border-box;
  text-align: center;
  color: white;
}
.ob-app__footer__menu li a {
  font-size: 16px;
  font-family: var(--app-default-font-2);
  font-weight: 400;
}
/* -------------------------------------------------------------------------- */
/*                        Feed de stories do aplicativo                       */
/* -------------------------------------------------------------------------- */
.ob-app__feed {
  list-style: none;
  padding: 0px;
  margin: 0px;
  display: flex;
  overflow-x: auto;
  width: 100%;
  max-width: 100%;
}
.ob-app__feed__list {
  min-width: 100px;
  display: flex;
  justify-content: center;
  padding: 20px;
}
.ob-app__feed__preview {
  width: 100px;
  height: 100px;
  border-radius: 150px;
  border: solid 3px;
  background-position: center;
  background-size: cover;
}
/* -------------------------------------------------------------------------- */
/*                                 Flash cards                                */
/* -------------------------------------------------------------------------- */
.ob-app__flascard {
  height: 480px;
  background-position: center;
  background-size: cover;
  display: flex !important;
  align-items: flex-end;
}
.ob-app__flascard__content {
  width: 100%;
  padding: 8px;
  box-sizing: border-box;
  padding-top: 80px;
}
.ob-app__flascard__title {
  font-size: 16px;
  font-family: var(--app-default-font-2);
  font-weight: 700;
}
.ob-app__flascard__description {
  font-size: 13px;
  font-family: var(--app-default-font-2);
  font-weight: 600;
}
.ob-app__flascard__price {
  font-size: 13px;
  font-family: var(--app-default-font-2);
  font-weight: 600;
  margin-top: 20px;
}
.ob-app__flascard__button {
  padding: 8px 25px;
  box-sizing: border-box;
  margin-top: 20px;
  border: none;
  font-family: var(--app-default-font-2);
  font-weight: 600;
  cursor: pointer;
}
.ob-app__flascard__more {
  font-size: 13px;
  font-family: var(--app-default-font-2);
  font-weight: 600;
  margin-top: 15px;
  cursor: pointer;
}
/* -------------------------------------------------------------------------- */
/*                              Cartões Presente                              */
/* -------------------------------------------------------------------------- */
.ob-app__gift__card {
  border-radius: 5px;
  min-height: 200px;
  max-height: 200px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.075);
  background-position: center !important;
  background-size: cover !important;
}
.ob-app__gift__card__cover {
  width: 30%;
  min-width: 30%;
  position: relative;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.ob-app__gift__card__value {
  width: 80px;
  height: 80px;
  border-radius: 150px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.075);
  position: absolute;
  top: calc(50% - 40px);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  font-family: var(--app-default-font-2);
  font-weight: 700;
  left: -40px;
}
.ob-app__gift__courrency {
  position: absolute;
  font-size: 16px;
  top: 0px;
  left: 0px;
  border-radius: 150px;
}
.ob-gift__card__content {
  padding-right: 50px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  position: relative;
}
.ob-app__gift__card__title {
  font-size: 22px;
  font-family: var(--app-default-font-2);
  font-weight: 700;
  width: 100%;
  padding-left: 20px;
  text-align: left;
  box-sizing: border-box;
}
.ob-app__gift__card__description {
  width: 100%;
  padding-left: 20px;
  text-align: left;
  box-sizing: border-box;
}
.ob-app__gift__extra {
  position: absolute;
  left: 0px;
  padding-left: 20px;
  width: 100%;
  bottom: 10px;
  box-sizing: border-box;
  text-align: left;
  font-size: 12px;
  line-height: 1;
}
.ob-app__gift__more {
  display: block;
  margin-top: 20px;
  font-size: 18px;
  font-family: var(--app-default-font-2);
  font-weight: 700;
}
.ob-app__gift__tip__icon {
  font-size: 42px;
}
.ob-app__gift__tip__description {
  font-family: var(--app-default-font-2);
  font-weight: 400;
  font-size: 18px;
}
.ob-app__gift__tip__count {
  position: absolute;
  left: -10px;
  top: -10px;
  font-size: 22px;
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 150px;
  background-color: #ffdada;
  font-family: var(--app-default-font-2);
}
/* -------------------------------------------------------------------------- */
/*                                Cupom da loja                               */
/* -------------------------------------------------------------------------- */
.ob-app__cupom__fixed-wrap {
  position: fixed;
  z-index: 999;
  top: 50%;
  right: 0px;
  min-width: 250px;
  display: flex;
  background-color: rebeccapurple;
}
.ob-app__cupom__fixed {
  position: relative;
}
.ob-app__cupom__fixed__toggle {
  transform: rotate(-90deg);
  left: 0px;
  position: absolute;
  width: 244px;
}
.ob-app__cupom__fixed__toggle-text {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 244px;
  height: 36px;
  line-height: 36px;
  letter-spacing: 5px;
  font-size: 22px;
  color: #faeff3;
  font-weight: 700;
  text-transform: uppercase;
  -webkit-transform: translate(-50%, -50%) rotate(-90deg);
  transform: translate(-50%, -50%) rotate(0deg);
  overflow: hidden;
}
.ob-app__cupom__fixed-title {
  font-family: var(--app-default-font-2);
  font-weight: 700;
  font-size: 29px;
}
.c-quick-register {
  position: fixed;
  right: 0px;
  bottom: 219px;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  z-index: 3000;
  width: 650px;
  height: 320px;
  display: flex;
  align-items: center;
  background-color: white;
}
[mir=ltr] .c-quick-register {
  right: 0;
}
[mir] .c-quick-register:after {
  clear: both;
}
.c-quick-register:after,
.c-quick-register:before {
  content: " ";
  display: table;
}
[mir=ltr] .c-quick-register .quickg-outside {
  float: left!important;
}
.c-quick-register .quickg-outside {
  position: relative;
  display: inline-block;
  width: 36px;
  height: 320px;
  color: #fff;
}
[mir] .c-quick-register .quickg-outside .outside-txt {
  text-align: center;
}
.c-quick-register .quickg-outside .outside-txt {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 270px;
  height: 36px;
  line-height: 36px;
  letter-spacing: 5px;
  font-size: 22px;
  color: #faeff3;
  font-weight: 700;
  text-transform: uppercase;
  -webkit-transform: translate(-50%, -50%) rotate(-90deg);
  transform: translate(-50%, -50%) rotate(-90deg);
  overflow: hidden;
}
[mir=ltr] .c-quick-register .quickg-inside {
  float: left!important;
}
[mir] .c-quick-register .quickg-inside {
  padding: 25px 45px;
  background: url(/she_dist/images/ru/quick_register_ru_bg-ec8824adc8.png) no-repeat;
  background-size: cover;
}
.c-quick-register .quickg-inside {
  width: 614px;
  height: 320px;
  position: relative;
}
[mir] .c-quick-register:after {
  clear: both;
}
.c-quick-register:after,
.c-quick-register:before {
  content: " ";
  display: table;
}
.contet_fixed_cupom {
  padding-left: 20px;
}
/*================================================================================================
====================================================================================================
Apple Ipad
*/
@media (min-width: 992px) {
  .aplication-bar {
    display: none !important;
  }
}
@media (max-width: 1580px) {
  .wrap-menu {
    width: 100% !important;
  }
  .mbUserMenu {
    height: auto;
  }
  .wrap-primary {
    width: 100% !important;
  }
  .profile-videoPlayer {
    display: none !important;
  }
  /*menu de navegação*/
  .mbUserMenu {
    height: auto;
  }
  .MbUserPrymaryContent {
    height: auto;
    overflow-y: none;
  }
  .MbUserSecudaryContent {
    height: auto;
  }
  .shortcodeMenu {
    flex-wrap: wrap;
    justify-content: center;
  }
  .shortcodeMenu-list {
    width: 50%;
    justify-content: center;
    display: flex;
  }
  .shortcodeMenu-item {
    width: 100%;
    max-width: auto;
  }
  .mbMenu-client {
    display: none !important;
  }
  /* barra de menu*/
  .aplication-bar {
    height: 60px;
    width: 100%;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    padding: 0 10px;
    box-sizing: border-box;
  }
  /*video player reels*/
  .mbReelsVideoPlayer-modal {
    height: 100vh;
    padding: 0px !important;
  }
}
@media (max-width: 1366px) {
  /*core UIKIT */
  .memberclub-useracount-dash {
    width: 100%;
  }
  .MbUserPrymaryContent {
    height: auto;
    overflow-y: none;
  }
  .MbUserSecudaryContent {
    height: auto;
  }
  .default-radius {
    border-radius: var(--mb-default-radius);
  }
  .aplication-bar {
    height: 60px;
    width: 100%;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    padding: 0 10px;
    box-sizing: border-box;
  }
  .menu-off {
    font-size: 32px;
    border: none;
    background-color: transparent;
    outline: none;
    transition: 0.6s;
  }
  .menu-off:focus {
    font-size: 38px;
  }
  .navigation-menu {
    display: none !important;
  }
  .mbMenu-client {
    display: none;
  }
  .mb-modal-defaul {
    min-width: 100%;
    padding: 0 !important;
  }
  /*menu de navegação*/
  .mbUserMenu {
    height: auto;
  }
  .MbUserPrymaryContent {
    height: auto;
    overflow-y: none;
  }
  .MbUserSecudaryContent {
    height: auto;
  }
  .shortcodeMenu {
    flex-wrap: wrap;
    justify-content: center;
  }
  .shortcodeMenu-list {
    width: 50%;
    justify-content: center;
    display: flex;
  }
  .shortcodeMenu-item {
    width: 100%;
    max-width: none;
  }
  .mbMenu-client {
    display: none !important;
  }
}
/*================================================================================================
====================================================================================================
Mobile
*/
@media (max-width: 992px) {
  .aplication-bar {
    height: 60px;
    width: 100%;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    padding: 0 10px;
    box-sizing: border-box;
  }
  .menu-off {
    font-size: 32px;
    border: none;
    background-color: transparent;
    outline: none;
    transition: 0.6s;
  }
  .menu-off:focus {
    font-size: 38px;
  }
  .navigation-menu {
    display: none !important;
  }
  .mbMenu-client {
    display: none;
  }
  .mb-modal-defaul {
    min-width: 100%;
    padding: 0 !important;
  }
  .botton-bar-notInfluencer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
  }
  .botton-bar-notInfluencer {
    min-height: 80px;
    height: 200px;
  }
  .getInflurcerAction {
    margin-top: 40px;
  }
  /* Menu de navegação*/
  .mbUserMenu {
    height: auto;
  }
  .MbUserPrymaryContent {
    height: auto;
    overflow-y: none;
  }
  .MbUserSecudaryContent {
    height: auto;
  }
  .shortcodeMenu {
    flex-wrap: wrap;
    justify-content: center;
  }
  .shortcodeMenu-list {
    width: 50%;
    justify-content: center;
    display: flex;
  }
  .shortcodeMenu-item {
    width: 100%;
    max-width: none;
  }
  .feedbackServiceSetails-extra {
    min-width: 100%;
  }
}
@media (max-width: 480px) {
  .hide__mobile {
    display: none !important;
  }
  .mbUserMenu {
    height: auto;
  }
  .MbUserPrymaryContent {
    height: auto;
    overflow-y: none;
  }
  .MbUserSecudaryContent {
    height: auto;
  }
  .shortcodeMenu {
    flex-wrap: wrap;
    justify-content: center;
  }
  .shortcodeMenu-list {
    width: 50%;
    justify-content: center;
    display: flex;
  }
  .shortcodeMenu-item {
    width: 100%;
    max-width: none;
  }
  .ob-user__qualifications {
    display: none !important;
  }
  .ob-user__credits__header {
    display: none !important;
  }
  .ob-user__points__header {
    display: none !important;
  }
  .bm-userPrifileClient {
    display: flex !important;
    justify-content: flex-start;
    flex-direction: row !important;
  }
}
@media only screen and (min-width: 300px) and (max-width: 480px) {
  .app-cliente__booking__now {
    margin-bottom: 10px;
  }
  .userPrifileClient-info {
    margin-left: 10px;
    text-align: left;
  }
  .userPrifileClient-img {
    width: 60px;
    height: 60px;
    border-radius: 150px;
  }
  .ob-client__feedback__actions {
    margin-top: 20px;
  }
  .ob-client__modal__profile {
    margin-bottom: 20px;
  }
  .ob-client__feedback--pay {
    margin-left: 0px !important;
    margin-right: 0px !important;
    margin-top: 10px;
  }
  /* ----------------------- Header do modal do serviço ----------------------- */
  .feedback-header {
    flex-direction: column;
  }
  .feedbackServiceSetails-extra {
    margin-bottom: 20px;
    margin-top: 20px;
  }
}
@media only screen and (min-width: 1366px) and (max-width: 8480px) {
  .ob-user__feed {
    width: 40%;
    margin-right: auto;
    margin-left: auto;
  }
}
/* -------------------------------------------------------------------------- */
/*                        Suporte ao comps tradicional                        */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------- elements default*/
@media (max-width: 1366px) {
  .Mobile-appNavSistema303 {
    display: block;
    position: fixed;
    left: 60px;
    width: calc(100% - 60px);
  }
}
.comps__padding--10 {
  padding: 10px;
  box-sizing: border-box;
}
.comps__padding--20 {
  padding: 20px;
  box-sizing: border-box;
}
.comps__padding--30 {
  padding: 30px;
  box-sizing: border-box;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
  max-width: 50% !important;
}
/*barra de filtros*/
.bar-filter {
  padding-bottom: 10px !important;
  border-bottom: solid 1px #adadad;
}
/*serach filter*/
.serach-filter-button {
  font-size: 25px;
  background: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  transition: 0.6s;
}
.serach-filter-button:hover {
  font-size: 35px;
  background: transparent;
  border: none;
  outline: none;
  cursor: pointer;
}
/*======================cards padrões*/
/*card padrão image*/
.card-comps-imageModeCover {
  height: 150px;
  width: 100%;
  background-position: center;
  background-size: cover;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
/* Indicador dos cards*/
.card-comps-indicator {
  border-top: 1px solid var(--app-soft-gray);
  padding: 5px;
  box-sizing: border-box;
  font-size: 16px !important;
  font-family: var(--app-default-font) !important;
}
.card-comps-indicator {
  font-size: 16px !important;
  font-family: var(--app-default-font);
}
.card-comps-indicator-value {
  font-size: 16px !important;
  font-family: var(--app-default-font-2);
  font-weight: 700;
}
/*card badged*/
.card-comps-label {
  display: flex;
  padding: 0 10px;
  line-height: 1.5;
  font-size: 0.875rem;
  color: #fff;
  vertical-align: middle;
  white-space: nowrap;
  border-radius: 2px;
  text-transform: uppercase;
  top: 0;
  right: 0;
  border-top-right-radius: var(--a-default-radius);
}
.card-comps-label-left {
  left: 0 !important;
  width: 60px;
  border-top-right-radius: 0 !important;
  border-top-left-radius: var(--mb-default-radius) !important;
}
.card-comps-header {
  display: flex;
  justify-content: flex-start;
  padding: 5px;
  align-items: center;
}
.card-comps-icon {
  width: 38px;
  height: 38px;
  border-radius: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 22px;
  background: #4A00E0;
  background-size: cover;
  background-position: center;
}
.card-comps-header-info {
  margin-left: 10px;
}
.card-comps-img {
  margin-right: 8px;
}
.card-comps-Title {
  margin: 0;
  font-size: 16px;
  font-family: var(--default-font);
  font-weight: 500;
}
.card-comps-SubTitle {
  margin: 0;
  font-size: 14px;
  color: var(--a-text-color-3);
}
/*====cards padrões*/
/*================ Widgets Shifts para informações detalhadas*/
.comps-innerShift {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.comps-innerShift-list {
  padding: 8px;
  box-sizing: border-box;
}
.comps-innerShift-g3 {
  width: 33.33%;
}
.comps-innerShift-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  border: solid 0.25px var(--a-pri-color);
  justify-content: center;
  border-radius: 4px;
  width: 100%;
}
.comps-innerShift-description {
  height: 40px;
  width: 100%;
  display: flex;
  font-family: var(--default-font);
  color: var(--a-text-color);
  font-size: 14px;
  text-align: center;
  justify-content: center;
  align-items: center;
}
.comps-innerShift-value {
  height: 50px;
  display: flex;
  align-items: center;
}
.comps-innerShift-value h2 {
  font-family: var(--default-font);
  color: var(--a-text-color);
  font-size: 16px;
  margin: 0;
}
/* ====================== painel de headers*/
.comps-panel-header {
  font-size: 18px;
  color: #202020;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #b3b3b3;
}
/* ====================== headers de páginas*/
.comps-header-action button {
  border-radius: 80px !important;
}
.comps-title-header {
  font-size: 18px;
  color: #202020;
  font-family: 'Roboto', sans-serif;
}
.default-radius {
  border-radius: var(--app-default-radius) !important;
}
/* ========= ============================================================== 
============================================================================
============================================================================
Versão 1.0 do Comps 
===========================================================================
===========================================================================
========================================================================= */
/*------------------------------------------------Componente Botões*/
.comps-button {
  border-radius: 150px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: none;
  padding-left: 25px;
  padding-right: 25px;
  box-sizing: border-box;
  cursor: pointer;
  text-transform: uppercase;
  outline: none;
}
.comps-button-default {
  border-radius: 150px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: none;
  padding-left: 25px;
  padding-right: 25px;
  box-sizing: border-box;
  cursor: pointer;
  text-transform: uppercase;
  outline: none;
}
.comps-button-default-2 {
  border-radius: 150px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: none;
  padding-left: 25px;
  padding-right: 25px;
  box-sizing: border-box;
  cursor: pointer;
  text-transform: uppercase;
}
.comps__btn__whats__text {
  color: #02ad2d;
}
.comps__btn__text {
  font-size: 1.6rem;
  background-color: transparent;
  font-family: var(--app-default-font-2);
  font-weight: 700;
  cursor: pointer;
  border: none;
}
.comps__btn__text--2 {
  font-size: 14px;
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: transparent;
  font-family: var(--app-default-font-2);
  font-weight: 600;
  border-radius: 150px;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
  text-transform: uppercase;
  outline: none;
}
.comps__btn__search {
  font-size: 25px !important;
  background-color: transparent;
  border: none;
  color: #19b0ea;
  cursor: pointer;
}
.comps__btn__back {
  font-size: 25px !important;
  background-color: transparent;
  border: none;
  cursor: pointer;
}
.comps__btn__remove {
  font-size: 30px !important;
  background-color: transparent;
  border: none;
  color: var(--app-soft-red);
  cursor: pointer;
}
.comps__btn__add {
  font-size: 25px !important;
  background-color: transparent;
  border: none;
  color: #29b392;
  cursor: pointer;
}
.comps__btn__more {
  font-size: 25px !important;
  background-color: transparent;
  border: none;
  color: var(--app-primary-color);
  cursor: pointer;
}
.comps__btn__more__item {
  font-size: 16px;
  font-family: var(--app-default-font-2);
  cursor: pointer;
}
.comps__btn__more__selected::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f058";
  color: #65e6ab;
  margin-left: 10px;
}
.comps__btn__more__selected {
  font-size: 16px;
  font-family: var(--app-default-font-2);
  color: black;
  font-weight: 700;
  background-color: aliceblue;
  padding-right: 25px;
  padding-left: 25px;
  border-radius: 150px;
}
/*.comps__btn__edit{
    font-size: 25px !important;
    background-color: transparent;
    border: none;
    color: var( --app-soft-blue);
    cursor: pointer;
}*/
.comps__btn__edit {
  font-size: 25px !important;
  background-color: #e5e5e5;
  border: none;
  cursor: pointer;
  border-radius: 4px;
  color: gray;
}
.comps__btn__historic {
  font-size: 25px !important;
  background-color: transparent;
  border: none;
  color: #eaae01;
  cursor: pointer;
}
.comps__btn__Instagram {
  font-size: 25px !important;
  background-color: transparent;
  border: none;
  color: #ef075b;
}
.comps__btn__facebook {
  font-size: 25px !important;
  background-color: transparent;
  border: none;
  color: #0081fa;
}
.comps__btn__twitter {
  font-size: 25px !important;
  background-color: transparent;
  border: none;
  color: #076bef;
}
.comps__btn__filter {
  font-size: 25px !important;
  background-color: transparent;
  border: none;
  color: var(--app-text-color-1);
}
/*===============Acordeon de dição em massa de conteúdo*/
.uk-checkbox:checked {
  background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A);
  background-repeat: no-repeat !important;
  background-position: center !important;
}
/* tamanho de textos padrão do comps */
.comps-text-small {
  font-size: var(--app-text-small);
  font-family: var(--app-default-font-2);
}
.comps-text {
  font-size: var(--app-text-medium);
  font-family: var(--app-default-font-2);
}
.comps-title-medium {
  font-size: var(--app-title-size-medium);
  font-family: var(--app-default-font-2);
  font-weight: 500;
}
.comps-title-small {
  font-size: var(--app-title-size-small);
  font-family: var(--app-default-font-2);
  font-weight: 500;
}
/* =====================================Cards padrão do sistema*/
.comps-card-edit {
  font-size: 22px;
  color: #0099ff;
  background-color: transparent;
  border: none;
  padding: 0;
  transition: 0.6s;
  border-radius: 10px;
}
.comps-card-remove {
  font-size: 22px;
  color: #ff8383;
  background-color: transparent;
  border: none;
  padding: 0;
  transition: 0.6s;
  border-radius: 10px;
}
.comps-card-tag {
  font-size: 22px;
  color: #0ca08c;
  background-color: transparent;
  border: none;
  padding: 0;
  transition: 0.6s;
  border-radius: 10px;
}
.comps-card-save {
  font-size: 32px;
  color: #05d892;
  background-color: transparent;
  border: none;
  padding: 0;
  transition: 0.6s;
  border-radius: 10px;
}
.comps-card-button-text {
  font-size: 12px;
  font-family: var(--app-default-font-2);
}
.comps-card-button-text--employer {
  font-size: 12px !important;
  font-family: var(--app-default-font-2);
  color: #13e6b8;
  font-weight: 700;
  font-size: 16px;
  background-color: rgba(255, 0, 0, 0);
  border: none;
  text-transform: uppercase;
  padding: 5px;
  padding: 0px;
  display: flex;
}
.comps-card-text-action {
  font-size: 16px;
  font-family: var(--app-default-font-2);
  font-weight: 600;
  cursor: pointer;
}
.comps-card-text-action:active {
  background-color: #e9e9e9;
  padding: 5px;
  box-sizing: border-box;
}
.comps-card-footer {
  padding: 5px;
  box-sizing: border-box;
}
.comps-card-footer button {
  cursor: pointer;
  outline: none;
}
.comps-card-footer button i:hover {
  font-size: 25px;
}
.comps-card-title {
  font-size: 16px;
  font-family: var(--app-default-font-2);
  font-weight: 600;
}
/*card com imagem*/
/*badge dos cards*/
.comps-card-badge {
  position: absolute;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 16px;
  text-transform: uppercase;
}
.comps-card-badge-left {
  border-top-left-radius: var(--app-default-radius);
}
.comps-card-badge-right {
  border-top-right-radius: var(--app-default-radius);
  right: 0;
}
.comps-card-price {
  font-size: var(--app-title-size-small);
  font-family: var(--app-default-font-2);
  font-weight: 700;
}
.comps-card-sale {
  font-size: var(--app-text-small);
  font-family: var(--app-default-font-2);
  font-weight: 500;
  text-decoration: line-through;
}
.comps__content__scroll {
  min-height: 330px;
  height: 330px;
  overflow-y: auto;
}
/* ====================================================================
versão 1.1 do comps 
A partir desse ponto estamos adotando a convensão BEM
=====================================================================*/
/* ----------------------------------- hr divider*/
.comps__hr {
  margin-top: 0px;
  margin-bottom: 0px;
  color: black;
  border-bottom: solid 1px #d8d8d8;
}
.hr {
  margin-top: 0px;
  margin-bottom: 0px;
  color: black;
  border-bottom: solid 1px #d8d8d8;
}
.nav__bar--fixed {
  position: fixed;
  z-index: 10;
  left: 0;
  top: 0;
  width: 100%;
}
/*=====================================Off canvas ===========================*/
/* X  mobile*/
@media screen and (min-width: 320px) and (max-width: 680px) {
  .b-offCavanas {
    width: 100%;
  }
  .offcanvas__header {
    width: 100%;
    padding: 8px;
    box-sizing: border-box;
    background-color: #e8e8e8;
  }
  .offcanvas__title {
    font-size: var(--app-default-font-2);
    font-size: 19px;
    font-weight: 600;
    color: var(--app-dark-gray);
    margin: 0;
  }
  .offcanvas__content {
    box-sizing: border-box;
  }
  .offcanvas__nav {
    padding: 8px;
    box-sizing: border-box;
    width: 100%;
    background-color: #e9e8ff;
  }
  .offcanvas__nav__list {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .offcanvas__nav__item {
    padding: 8px;
    box-sizing: border-box;
  }
  .offcanvas__toggle {
    font-size: 22px;
  }
  .offcanvas__toggle__item {
    font-size: 16px;
  }
}
/*=====================================Dropdownl ===========================*/
.dropdown__item {
  margin-top: 5px;
  margin-bottom: 2px;
}
.dropdown__link {
  font-size: var(--app-default-font-2);
  font-size: 14px;
  font-weight: 400;
}
/*=====================================Cards ===========================*/
.comps-card__header__acction {
  display: flex;
  justify-content: space-between;
  padding: 8px;
  padding-top: 0px;
  padding-bottom: 0px;
  box-sizing: border-box;
}
.comps-card__header__button {
  font-size: 22px;
  cursor: pointer;
  transition: 0.6s;
}
.comps-card__header__button:hover {
  background-color: #ffffff;
  color: black;
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.card__section {
  padding: 5px;
  box-sizing: border-box;
  font-size: 16px !important;
  font-family: var(--app-default-font) !important;
}
.comps__card {
  cursor: pointer;
}
.comps-card__section {
  padding: 5px;
  box-sizing: border-box;
  border: solid 0.25px var(--mb-gray-dark);
}
.comps-card__section__box {
  padding: 4px;
  box-sizing: border-box;
}
.comps-card__section__box__label {
  font-size: 14px;
  font-family: var(--app-default-font-2);
  font-weight: 300;
}
.comps-card__section__box__title {
  font-size: 12px;
  font-family: var(--app-default-font-2);
  font-weight: 700;
}
.comps-card__section__box__value {
  font-size: 16px;
  font-family: var(--app-default-font-2);
  font-weight: 700;
}
.comps__card__image {
  width: 40px;
  height: 40px;
  background-size: cover;
  background-position: center;
  margin-right: 5px;
  position: relative !important;
}
.comps-card__title {
  font-size: 18px;
  font-family: var(--app-default-font-2);
  font-weight: 800;
}
.comps__card__title {
  font-size: 12px;
  font-family: var(--app-default-font-2);
  font-weight: 600;
}
.comps__card__primary__action {
  font-family: var(--app-default-font-2);
  font-weight: 700 ;
  margin: 0;
  font-size: 12px;
  text-decoration: none ;
}
.comps__card__secondary__action {
  font-family: var(--app-default-font-2);
  font-weight: 400 !important;
  margin: 0;
  font-size: 15px;
  text-decoration: none !important;
}
.comps__card__primary__action:hover {
  text-decoration: none ;
}
.comps-card__subtitle {
  font-size: 14px;
  font-family: var(--app-default-font-2);
  font-weight: 800;
}
.comps__card__footer {
  padding: 3px ;
  padding-left: 8px;
  padding-right: 8px;
  box-sizing: border-box;
}
.comps-card__inner__card {
  padding: 8px;
  box-sizing: border-box;
}
.comps-card__footer {
  padding-top: 3px ;
  padding-bottom: 3px ;
  box-sizing: border-box;
}
.comps-card__accordion__content {
  margin-top: 0px !important;
}
.comps-card__flag {
  font-size: 12px;
  font-family: var(--app-default-font-2);
  font-weight: 600;
  width: 100%;
  box-sizing: border-box;
  padding: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-left-radius: var(--app-default-radius);
  border-top-right-radius: var(--app-default-radius);
}
.comps__dot__flag {
  width: 15px !important;
  max-width: 15px;
  height: 15px;
  border-radius: 150px;
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
}
.comps-card__image__icon {
  width: 45px;
  height: 45px;
  background-size: cover;
  background-position: center;
  border-radius: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
}
.comps-card__link_area {
  text-decoration: none;
  font-family: var(--app-default-font-2);
  display: block;
}
.comps-card__link_area:hover {
  text-decoration: none;
}
/* ----- Accordion for cards*/
.comps-card__accordion__title {
  font-size: 16px ;
  font-family: var(--app-default-font-2);
  font-weight: 300;
}
.comps-card__app__accordion {
  margin-bottom: 0px;
  margin-top: 0px;
  box-sizing: border-box;
}
/* cards icon */
.card__button__icon {
  width: 50px;
  height: 50px;
  border-radius: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 32px;
  padding: 9px;
  box-sizing: border-box;
}
.comps-card__section__box--button {
  padding: 8px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  cursor: pointer;
}
.card__button__text {
  font-family: var(--app-default-font-2);
  margin-top: 10px;
  font-size: 16px;
  font-weight: 400;
}
/* ===============================================================================================================================================
==========================================================================================================================snippet*/
/*posicionamento das imagens nos cards de produtos*/
.comps-card-img .imageCartSchedule {
  position: inherit !important;
  padding: 0 !important;
}
.text__limiter {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/*=====================================table ==============================*/
/*===================================== Tabs ==============================*/
.comps__title__tabs {
  font-family: var(--app-default-font-2);
  font-weight: 400 ;
  font-size: 14px !important;
}
.comps__tabs {
  margin-top: 20px;
}
.syst__tabs__item {
  font-family: var(--app-default-font-2);
  font-weight: 600 ;
  font-size: 12px  !important;
}
/*===================================== Widgets ===========================*/
.comps__widget__wrap {
  min-width: 130px;
}
@media only screen and (min-width: 300px) and (max-width: 480px) {
  .comps__widget__wrap {
    min-width: 100%;
    box-sizing: border-box;
  }
}
@media only screen and (min-width: 480px) and (max-width: 600px) {
  .comps__widget__wrap {
    min-width: 50%;
    box-sizing: border-box;
  }
}
.comps-widget__card {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.062);
  border-radius: var(--a-default-radius);
}
.comps-widget__card__section {
  padding: 8px;
  box-sizing: border-box;
}
.comps-widget__card--flex {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.062);
  border-radius: var(--a-default-radius);
  display: flex;
}
.comps-widget__body {
  box-sizing: border-box;
  width: 80%;
  max-width: 100%;
}
.comps-widget__body--expand {
  box-sizing: border-box;
  width: 100%;
}
.comps-widget__body--noicon {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
}
.comps-widget__title {
  padding: 5px;
  box-sizing: border-box;
  min-height: 30px;
  display: flex;
  width: 100%;
  border-top-right-radius: var(--a-default-radius);
  font-family: var(--default-font);
  font-weight: 700;
  font-size: 13px;
}
.comps-widget__title--nobreak {
  padding: 5px;
  box-sizing: border-box;
  min-height: 30px;
  width: 100%;
  border-top-right-radius: var(--a-default-radius);
  font-family: var(--default-font);
  font-weight: 700;
  font-size: 13px;
  white-space: nowrap;
  display: flex;
  align-items: center;
}
.comps-widget__icon {
  padding: 5px;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  display: flex;
  border-top-left-radius: var(--a-default-radius);
  border-bottom-left-radius: var(--a-default-radius);
  width: 20%;
}
.comps-widget__value {
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-family: var(--default-font);
  font-weight: 500;
  font-size: 13px;
}
.comps__widgets__titles {
  font-family: var(--default-font);
  font-weight: 500;
  font-size: 16px;
  color: #969696;
  width: 100%;
}
/*filtros com ícons color*/
.filter__item__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  font-size: 32px;
}
/*===================================== funnel ===========================*/
.funnel__marketing {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: column;
}
.funnel__marketing__funnel {
  height: 80px;
  width: 450px;
  justify-content: center;
  transform: translate(0px);
  display: flex;
  align-items: center;
  position: relative;
  transition: 0.6s;
}
.funnel__marketing__label {
  width: 350px;
  height: 60px;
  margin-right: -150px;
}
.funnel__marketing__label {
  font-family: var(--default-font);
  font-weight: 500;
  font-size: 16px;
  display: flex;
  align-items: center;
  padding-left: 20px;
}
.funnel__marketing__icon {
  left: calc(50% - 25px);
  display: block;
  width: 60px;
  height: 60px;
  position: absolute;
  border-radius: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 42px;
}
.funnel__marketing__wrap {
  width: 100%;
  display: flex;
  padding: 20px;
  box-sizing: border-box;
}
.funnel__marketing__conversion {
  width: 30%;
}
.funnel__marketing__row {
  display: flex;
  align-items: center;
}
.funnel__marketing__area {
  width: 70%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.funnel__marketing {
  width: 100%;
}
.funnel__marketing__funnel:hover {
  transform: translate(-30px);
}
.marketing__resume__section {
  display: flex;
  justify-content: space-between;
  padding: 8px;
  box-sizing: border-box;
  align-items: center;
}
.marketing__resume__section__value {
  font-size: 25px;
  font-family: var(--default-font);
  font-weight: 400;
}
.marketing__resume__section__label {
  font-size: 16px;
  font-family: var(--default-font);
  font-weight: 500;
}
.funnel__marketing__arrow {
  width: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
  margin-left: -140px;
}
.line-conecttio {
  border-top: solid 2px #3d3d3d;
  width: 40%;
  margin-left: auto;
  margin-right: 18%;
  position: relative;
  margin-top: 30px;
}
@media (max-width: 992px) {
  .line-conecttio {
    display: none;
  }
}
.line-conecttio-up-left {
  width: 2px;
  height: 50px;
  background-color: #3d3d3d;
  margin-top: 0px;
  position: absolute;
  top: -50px;
}
.line-conecttio-up-right {
  width: 2px;
  height: 50px;
  background-color: #3d3d3d;
  margin-top: 0px;
  position: absolute;
  top: -50px;
  right: 0px;
}
@media only screen and (min-width: 300px) and (max-width: 600px) {
  .funnel__marketing__conversion {
    margin-top: 50px;
  }
  .funnel__marketing__wrap {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px;
    box-sizing: border-box;
  }
  .funnel__marketing__conversion {
    width: 100%;
  }
  .funnel__marketing__area {
    width: 100%;
    display: block;
    overflow-x: auto;
    padding: 0;
  }
  .funnel__marketing {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    flex-direction: column;
  }
}
@media only screen and (min-width: 601px) and (max-width: 992px) {
  .funnel__marketing__conversion {
    margin-top: 50px;
  }
  .funnel__marketing__arrow {
    width: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
    margin-left: -40px;
  }
  .funnel__marketing__wrap {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px;
    box-sizing: border-box;
  }
  .funnel__marketing__conversion {
    width: 100%;
  }
  .funnel__marketing__area {
    width: 100%;
    display: block;
    overflow-x: auto;
    padding: 0;
  }
  .funnel__marketing {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    flex-direction: column;
  }
}
/*===================================== MENU DROP DOWN ===========================*/
.comps-dropmenu__card__value {
  font-size: 16px;
  font-family: var(--default-font);
  font-weight: 600;
  height: 50px;
  width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0px;
  font-size: 22px;
  border-radius: 150px;
}
/*====================================== TAB BAR ===========================*/
.comps__tap__bar {
  width: 100%;
  position: fixed;
  bottom: 0px;
  list-style: none;
  padding: 5px 5px;
  box-sizing: border-box;
  z-index: 98;
  justify-content: space-between;
  margin: 0px;
  align-items: center;
  background-color: white;
  padding-left: 30px;
  padding-right: 30px;
  display: none !important;
}
.tap__bar__wrap__btn {
  font-size: 32px;
}
.tap__bar__wrap__btn--booking {
  font-size: 32px;
  border: solid 0px #010846;
  width: 50px;
  height: 50px;
  border-radius: 150px;
  margin-top: -35px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.15);
}
.tapbar__up__drop__item {
  font-size: 14px;
}
/*====================================== acordeons types ===========================*/
.accordion__title {
  font-size: 16px;
  font-family: var(--default-font);
  font-weight: 600;
}
.accordion__action--schedule {
  display: flex;
  flex-wrap: wrap;
}
/*====================================== Speed Actions ===========================*/
.comps__speed__actions {
  list-style: none;
  padding: none;
  margin: none;
  position: fixed;
  left: 0px;
  top: 150px;
  background-color: white;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.15);
}
.comps__speed__item {
  width: 35px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 22px;
}
/*====================================== DOT screen Suporte ===========================*/
.comps__dot__support__screen {
  width: 50px;
  height: 50px;
  position: fixed;
  top: 50%;
  right: 0px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.15);
  border-radius: var(--app-default-radius);
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  cursor: pointer;
}
.comps__dot__support__screen--inner {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 20%;
  right: 0px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.15);
  border-radius: var(--app-default-radius);
  background-color: #664df8;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  cursor: pointer;
}
.comps__support__canvas {
  font-size: 16px;
  font-family: var(--default-font);
  font-weight: 400;
  background-color: white !important;
  color: var(--app-text-color-1) !important;
  box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.06);
  margin-top: 15px;
  margin-bottom: 16px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.comps__support__step {
  padding: 10px;
  box-sizing: border-box;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.15);
  font-size: 16px;
  font-family: var(--default-font);
  font-weight: 400;
  margin-bottom: 5px;
  margin-bottom: 10px;
  display: flex;
  border-radius: var(--app-default-radius);
}
.comps__support__step__number {
  padding: 10px;
  box-sizing: border-box;
  background-color: var(--app-soft-green);
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  border-radius: var(--app-default-radius);
}
.comps__support__step__title {
  font-size: 16px;
  font-family: var(--app-default-font-2);
  font-weight: 700;
  margin-bottom: 8px;
}
.comps__support__step__des {
  margin: 0px;
}
.comps__dot__support__close {
  position: fixed !important;
  z-index: 1000;
  top: 32px !important;
  padding: 5px;
  right: none;
  left: 307px;
  width: 68px;
  border-radius: 150px !important;
  color: white !important;
  background-color: var(--app-soft-red) !important;
  padding: 8px !important;
  display: flex;
  text-align: left;
  padding-left: 17px !important;
}
.comps__support__canvas__title {
  font-size: 18px;
  font-family: var(--app-default-font-2);
  font-weight: 600;
  color: #5a5a5a !important;
  width: 100%;
  text-align: center;
}
/*====================================== Serviços em Lista  ===========================*/
.comps__list__service__wrap {
  list-style: none;
  padding: 0px;
  box-sizing: border-box;
  margin: 0px;
}
.comps__list__service__list {
  padding: 8px;
  box-sizing: border-box;
}
.comps__list__service__image {
  min-width: 50px;
  min-height: 50px;
  margin-right: 10px;
  background-position: center;
  background-size: cover;
}
.comps__list__service__name {
  margin: 0px;
  font-family: var(--app-default-font-2);
  font-size: 16px;
  max-width: 20ch;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 8px;
  margin-top: 5px;
}
.comps__list__service__name--inner {
  margin: 0px;
  font-family: var(--app-default-font-2);
  font-size: 16px;
}
.comps__list__service__price {
  margin: 0px;
  font-family: var(--app-default-font-2);
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 8px;
}
.comps__list__service__inputData {
  margin-bottom: 8px;
}
.comps__list__service__input {
  font-size: 12px;
  transition: 0.6s;
  border-radius: 50px;
  padding-left: 8px;
}
.comps__list__service__inputData {
  align-items: center;
}
.comps__list__service__inputData i {
  font-size: 16px;
}
.comps__list__service__input {
  width: 100px;
}
.comps__list__service__input:focus {
  font-size: 14px;
  background-color: #f5f5ff;
}
.comps__list__service__returnName {
  margin: 0px;
  font-family: var(--app-default-font-2);
  font-size: 14px;
  font-weight: 400;
}
.comps__list__service__Return {
  margin: 0px;
  font-family: var(--app-default-font-2);
  font-size: 12px;
  padding: 5px;
  box-sizing: border-box;
  background-color: #e4e0ff;
  border-radius: 150px;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.comps__list__service__item {
  display: flex;
  align-items: stretch;
  background-color: #ffffff;
  border-radius: 4px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.062);
  min-height: 50px;
  padding-left: 5px;
}
.comps__list__service__datails {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.comps__list__service__actions {
  display: flex;
}
.comps__list__service__select {
  display: flex;
  background-color: #d1ffd9;
  align-items: center;
  padding-left: 8px;
  padding-right: 8px;
}
.comps__list__service__inner {
  margin: 0px;
}
.comps__list__service__inner__card {
  margin-top: 0px !important;
  background-color: white;
  padding: 8px;
  box-sizing: border-box;
}
/*tarefas*/
.comps__list__job__wrap {
  list-style: none;
  padding: 0px;
  box-sizing: border-box;
  margin: 0px;
}
.comps__list__job__list {
  padding: 8px;
  box-sizing: border-box;
}
.comps__list__job__image {
  min-width: 40px;
  min-height: 40px;
  margin-right: 10px;
  background-position: center;
  background-size: cover;
}
.comps__list__job__name {
  margin: 0px;
  font-family: var(--app-default-font-);
  font-size: 16px;
  margin-bottom: 10px ;
}
.comps__list__job__prof {
  margin: 0px;
  font-family: var(--app-default-font-);
  font-size: 16px;
  margin-bottom: 10px ;
}
.comps__list__job__name--inner {
  margin: 0px;
  font-family: var(--app-default-font-);
  font-size: 16px;
}
.comps__list__job__price {
  margin: 0px;
  font-family: var(--app-default-font-);
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 10px ;
}
.comps__list__job__prof {
  margin: 0px;
  font-family: var(--app-default-font-);
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 10px ;
}
.comps__list__job__Return {
  margin: 0px;
  font-family: var(--app-default-font-);
  font-size: 12px;
  padding: 5px;
  box-sizing: border-box;
  background-color: #e4e0ff;
  border-radius: 150px;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.comps__list__job__item {
  padding: 5px;
  align-items: stretch;
  flex-wrap: wrap;
  border-radius: 4px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.062);
  position: relative;
}
/* flag da tarefa*/
.comps__list__job__flag {
  width: 100%;
  padding: 4px;
  padding-left: 5px;
  box-sizing: border-box;
  margin-bottom: 8px;
  border-radius: 150px;
  margin-top: -5px;
}
.comps__list__job__body {
  display: flex;
}
.comps__list__job__datails {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.comps__list__job__actions {
  display: flex;
  flex-direction: column;
  position: absolute;
  right: 5px;
  background-color: #f3f3f3;
  padding: 10px 0px;
  box-sizing: border-box;
  border-radius: 10px;
  justify-content: center;
}
.comps__list__job__actions button {
  margin: 5px 0px;
}
.comps__list__job__item {
  position: relative;
}
.comps__list__job__select {
  display: flex;
  background-color: #d1ffd9;
  align-items: center;
  padding-left: 8px;
  padding-right: 8px;
}
.comps__list__job__inner {
  margin: 0px;
}
.comps__list__job__inner__card {
  margin-top: 0px !important;
  background-color: white;
  padding: 8px;
  box-sizing: border-box;
}
.comps__job__accordion__content {
  padding: 8px;
  box-sizing: border-box;
}
.comps__grup__flags {
  display: flex;
  padding-left: 10px;
  padding-right: 10px;
  border-top-left-radius: 4px;
  margin-bottom: 8px;
  margin-left: -15px;
}
.comps__grup__flags--desktop {
  display: flex;
  padding-left: 10px;
  padding-right: 10px;
  border-top-left-radius: 4px;
  margin-bottom: 8px;
  flex-wrap: wrap;
}
.comps__flags__item {
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 2px;
  padding-bottom: 2px;
  border-radius: 50px;
  margin-right: 2px;
  font-size: 12px;
  margin-bottom: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-height: 18px;
  display: flex;
  align-items: center;
  color: white;
}
/* ------------------------------------------ Guia de tela */
.comps__IneedHelp {
  position: fixed;
  left: -25px;
  bottom: 50px;
  height: 30px;
  width: 80px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.062);
  border: none;
  transform: rotate(90deg);
  background-color: var(--app-soft-green);
  font-size: 16px;
}
.comps__help__drop__item {
  font-size: 12px !important;
}
.comps__IneedHelp--default {
  position: fixed;
  right: -25px;
  top: 50%;
  height: 30px;
  width: 80px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.06);
  border: none;
  transform: rotate(-90deg);
  background-color: #ffa2be;
  font-size: 16px;
  z-index: 100;
}
.comps__IneedHelp--schedulle {
  position: absolute;
  right: -25px;
  top: 20%;
  height: 30px;
  width: 80px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.06);
  border: none;
  transform: rotate(-90deg);
  background-color: var(--app-soft-blue);
  color: white;
  font-size: 16px;
  z-index: 100;
}
.comps__IneedHelp-Dashboard {
  position: absolute;
  right: -25px;
  top: 200px;
  height: 30px;
  width: 80px;
  max-width: 80px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.06);
  border: none;
  transform: rotate(-90deg);
  background-color: var(--app-soft-blue);
  color: white;
  font-size: 16px;
  z-index: 100;
}
.comps__IneedHelp-Dashboard-consuting {
  position: absolute;
  right: -44px;
  top: 312px;
  height: 30px;
  width: 120px;
  max-width: 120px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.06);
  border: none;
  transform: rotate(-90deg);
  background-color: var(--app-soft-red);
  color: white;
  font-size: 16px;
  z-index: 100;
}
.comps__IneedHelp--schedulle-other {
  position: absolute;
  right: -25px;
  top: 25%;
  height: 30px;
  width: 80px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.06);
  border: none;
  transform: rotate(-90deg);
  background-color: var(--app-soft-red);
  color: white;
  font-size: 16px;
  z-index: 100;
}
/*====================================== Campos  ===========================*/
.comps__input {
  font-size: 13px;
}
.comps__field {
  border-width: 0px !important;
  border-bottom-width: 1px !important;
}
.comps__field__edit {
  border-bottom-width: 2px !important;
  border-color: orange !important;
  background-color: #fffbf6 !important;
}
.comps__field__edit:focus {
  border-bottom-width: 2px !important;
  border-color: orange !important;
  background-color: #ffffff !important;
}
.comps__legend {
  font-family: var(--app-default-font-2);
}
.comps__checkbox {
  display: flex;
  align-items: center;
}
.comps__checkbox__label {
  display: flex;
  align-items: center;
}
.comps__select__options {
  font-size: 16px;
}
.comps__select {
  font-size: 16px !important;
}
.comps__input::placeholder {
  font-size: 16px  ;
}
.comps__select {
  font-size: 16px ;
}
.comps__group__input {
  display: flex;
  align-items: center;
}
.comps__group__input__stack {
  display: flex;
  flex-direction: column;
}
.comps__group__input__stack select {
  font-size: 12px ;
}
.comps__field__section {
  padding: 8px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.12);
  padding: 8px ;
  box-sizing: border-box;
  border-radius: 4px;
  background-color: white;
}
.comps__stepform__item {
  width: 50px;
  height: 50px;
  font-size: 22px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 150px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.12);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 12;
}
.comps__stepform {
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
  z-index: 2;
}
.comps__data__set {
  padding-bottom: 10px;
  padding-top: 10px;
}
/* Header de filtros*/
.comps__header__consulting {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px;
  box-sizing: border-box;
}
/*====================================== Components Modal  ===========================*/
.comps__modal__header {
  margin: 0px;
  font-size: 16px;
  font-family: var(--app-default-font-2);
  padding: 10px;
  box-sizing: border-box;
}
.comps__modal__title {
  margin: 0px;
  font-size: 16px;
  font-family: var(--app-default-font-2);
}
.comps__modal__full {
  min-height: 100vh !important;
  background-color: white;
}
.comps__modal__full__body {
  min-height: 86vh !important;
}
.comps__modal__titles {
  margin: 0px;
  font-size: 16px;
  font-family: var(--app-default-font-2);
  font-weight: 700;
}
.comps__modal__subtitle {
  margin: 0px;
  font-size: 14px;
  font-family: var(--app-default-font-2);
  font-weight: 600;
}
.comps__modal__label {
  margin: 0px;
  font-size: 14px;
  font-family: var(--app-default-font-2);
  font-weight: 300;
  margin-bottom: 8px;
}
.comps__modal__data__group {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: solid 1px #e6e6e6;
}
.comps__modal__text {
  margin: 0px;
  font-size: 13px;
  font-family: var(--app-default-font-2);
  font-weight: 300;
}
/*====================================== Modelos de Listagem  ===========================*/
.comps__get__wrap {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.comps__get__wrap--coll-2l {
  list-style: none;
  margin: 0px;
  padding: 0px;
  display: flex;
  flex-wrap: wrap ;
}
.comps__get__wrap--coll-2l .comps__get__list {
  width: calc(50% - 20px);
}
.comps__get__list {
  padding: 8px;
  box-sizing: border-box;
}
.comps__get__list__item {
  width: 100%;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.062);
  background-color: white;
}
.comps__get__list__header {
  padding: 8px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.comps__get__list__name {
  font-size: 16px;
  font-family: var(--app-default-font-2);
}
.comps__get__list__viste {
  font-size: 16px;
  font-family: var(--app-default-font-2);
}
.comps__get__list__box {
  padding: 8px;
  box-sizing: border-box;
}
.comps__get__list__profileImg {
  width: 40px;
  height: 40px;
  border-radius: 150px;
  background-position: center;
  background-size: cover;
}
.comps__get__list__content {
  justify-content: space-between;
  align-items: center;
}
.comps__get__list__data {
  font-size: 14px;
  font-family: var(--app-default-font-2);
  margin: 0px;
  margin-bottom: 5px;
}
.comps__get__list__footer__data {
  font-size: 14px;
  font-family: var(--app-default-font-2);
  margin: 0px;
  margin-bottom: 10px;
}
.comps__get__list__footer {
  padding: 0px;
  box-sizing: border-box;
}
.comps__get__footer__content {
  font-size: 14px;
  font-family: var(--app-default-font-2);
  margin-top: 0px !important;
  padding: 8px;
  box-sizing: border-box;
}
.comps__get__list__flag {
  padding: 2px;
}
/*====================================== Profile Header  ===========================*/
.comps__profile__header {
  padding: 8px;
  display: flex;
  align-items: center;
  width: 100%;
}
.comps__profile__header__image {
  width: 50px;
  height: 50px;
  background-size: cover;
  background-position: center;
  margin-right: 10px;
  border-radius: 150px;
}
.comps__profile__header__datails {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.comps__profile__header__data {
  font-size: 15px;
  font-family: var(--app-default-font-2);
  margin-bottom: 5px;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
.comps__profile__name {
  font-size: 15px;
  font-family: var(--app-default-font-2);
  margin: 0px;
}
/*====================================== Listagem de horário : Time  ===========================*/
.comps__time__list {
  padding: 0px ;
  margin: 0px;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.comps__time__wrap__scroll .comps__time__list {
  flex-wrap: nowrap;
  overflow: scroll;
}
.comps__time__item {
  padding-left: 4px;
  padding-right: 4px;
  width: 140px;
  min-width: 140px;
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background: white;
  border-top: solid 1px #dbdbdb;
  border-bottom: solid 1px #dbdbdb;
  border-right: solid 1px #dbdbdb;
  font-size: 14px;
  font-weight: 600;
  font-family: var(--app-default-font-2);
  cursor: pointer;
  flex-direction: column;
  transition: 0.6s;
}
.comps__time__item:hover {
  width: 160px;
  min-width: 160px;
}
.comps__time__wrap__scroll .comps__time__item:nth-child(2) {
  margin-left: 140px;
}
.comps__time__dataInfo {
  width: 100%;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  border-bottom: solid 1px #d3d3d3;
  margin-bottom: 5px;
}
.comps__time__item:hover .comps__time__dataInfo {
  width: 100%;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
}
.time__dataInfo__text {
  font-size: 10px;
  transition: 0.6s;
}
.comps__time__item:hover .time__dataInfo__text {
  font-size: 12px;
}
.comps__time__item:hover {
  background: #fffdef;
}
.comps__time__item:first-child {
  background-color: white;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.062);
  border-left: solid 1px #dbdbdb;
}
.comps__time__wrap__scroll .comps__time__item:first-child {
  position: absolute;
  z-index: 10;
}
.comps__time__wrap__scroll .comps__time__list:hover .comps__time__item:first-child {
  position: absolute;
}
.comps__group__time__tag {
  position: absolute;
  top: 0px;
  left: 0px;
  display: flex;
}
.comps__time__tag {
  width: 15px;
  height: 15px;
  border-radius: 80px;
  background: #0081fa;
  margin-right: 8px;
  cursor: pointer;
}
.comps__time__wrap__scroll {
  position: relative;
}
.comps__time__wrap__scroll:hover .comps__group__time__button {
  opacity: 0.9;
}
.comps__group__time__button {
  position: absolute;
  right: 0px;
  top: 0px;
  opacity: 0;
}
#slideLeft__time {
  border: none;
  background: #0081fa;
  font-size: 19px;
  color: white;
}
#slideRight__time {
  border: none;
  background: #0081fa;
  font-size: 19px;
  color: white;
}
.drop__time {
  position: fixed !important;
  border-radius: 10px !important;
}
.drop__time__data {
  font-size: 16px;
}
/* -------------------------------------------------------- smart table*/
.comps__table__smart__status {
  padding: 2px 20px;
  border-radius: 150px;
  text-align: center;
  font-size: 12px;
  max-width: 150px;
}
.smart__table__go .comps__smart__td--flex {
  display: flex !important;
  justify-content: space-between;
  align-items: center;
}
.mode_card {
  border-radius: 50px;
  font-size: 12px;
  border: none;
  padding: 6px 25px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  font-family: var(--mb-default-font);
  font-weight: 500;
  outline: none;
  text-decoration: none;
  text-align: center;
  justify-content: center;
  max-height: 32px;
  cursor: pointer;
  margin-right: 5px;
}
.mode_list {
  border-radius: 50px;
  font-size: 12px;
  border: none;
  padding: 6px 25px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  font-family: var(--mb-default-font);
  font-weight: 500;
  outline: none;
  text-decoration: none;
  text-align: center;
  justify-content: center;
  max-height: 32px;
  cursor: pointer;
  margin-right: 5px;
}
/* -------------------------------------------------------- Componente Filtros*/
/* Filtros rápidos*/
.comps__fast__filters__ul {
  display: flex;
  list-style: none;
  padding: 0px;
  margin: 0px;
  margin-top: 20px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}
.comps__fast__filters__li {
  padding: 8px;
  box-sizing: border-box;
}
.comps__fast__filters__button {
  font-size: 12px;
  font-family: var(--app-default-font-2);
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
}
.comps__search {
  display: flex;
}
/* Accordions de filtros */
.comps__filter__body {
  position: relative;
}
.comps__button__filter {
  position: absolute;
  right: 10px;
  top: 10px;
}
.comps__filters__section__title {
  font-size: 16px !important;
  font-family: var(--app-default-font-2);
  height: 22px;
  font-weight: 600;
}
.comps__filter__bar__action {
  top: 0px;
  position: absolute;
  top: -60px;
  right: 0px;
}
/* -------------------------------------------------------- Help Tooltips*/
.comps_tooltips_content {
  width: 100%;
  position: relative;
  padding: 8px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 8px;
  padding-right: 8px;
  box-sizing: border-box;
}
.comps_tooltips_content {
  font-size: 15px;
}
.comps_tooltips_footer {
  width: 100%;
  padding: 5px;
  box-sizing: border-box;
  background-color: transparent;
  border-top: solid 0.21px #545454;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  display: flex;
  justify-content: space-between;
}
.comps_tooltips__btn {
  border-radius: 150px;
  border: none;
  background-color: transparent;
}
.tooltips__btn__back {
  background-color: var(--app-soft-red);
}
.tooltips__btn__next {
  background-color: var(--app-soft-green);
}
.tippy-box[data-theme~='sistema303'] {
  background-color: #e2dffd;
  color: black;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.062);
}
.tippy-box[data-theme~='sistema303'][data-placement^='top'] > .tippy-arrow::before {
  border-top-color: #e2dffd;
}
.tippy-box[data-theme~='sistema303'][data-placement^='bottom'] > .tippy-arrow::before {
  border-bottom-color: #e2dffd;
}
.tippy-box[data-theme~='sistema303'][data-placement^='left'] > .tippy-arrow::before {
  border-left-color: #e2dffd;
}
.tippy-box[data-theme~='sistema303'][data-placement^='right'] > .tippy-arrow::before {
  border-right-color: #e2dffd;
}
/* ------------------------------- Charts*/
.comps__chart__wrap {
  position: relative;
}
.comps__chart--item-reports {
  width: 100%;
  max-height: 500px;
}
/* ------------------------------- 
Versão 1.2.1 do Comps 
*/
/* Detalhes da versão: 

    1 - A parti dessa versão todos os componentes vão começar a serem pesando para 
    SCSS/Less afi de otimizar o desempenho e de carregamento e diminuir a quantidade de 
    elementos soutos e afins

    2 - Adaptações de comentes/blocos devem seguir a estrutura 100% BEM 
    para preservar o bloco original.

    3 - Evitar usar cascatas para modificar componentes caso seja necessário 
    uma modificação especifica usar o modo BEM cmo enunciado na diretriz [2]

    4 - Sempre inserir a descrição detalha do que e para que o bloco
    de componente serve.

    5 - Usar sempre que possivel o theme-default para compor cores. O recomendo
    porém é o uso de cores em formato inline, dentro do arquivo php/html
    
?*

/* ------------------------------- 
Component Name: Widget de resumos [comps__widget__resume]
Descrição: estes são os elementos  de resumo no rodapé das tabelas e afins
por exemplo: para adicionar os valores totais de uma tabela ou tela
*/
:root {
  --c-default-radius: 5px;
}
.comps__widget__resume {
  position: relative;
}
.comps__widget__resume-title {
  font-size: var(--app-text-small);
  font-family: var(--app-default-font-2);
  font-weight: 700;
  color: var(--app-dark-gray);
}
.comps__widget__resume-value {
  font-size: var(--app-text-medium);
  font-family: var(--app-default-font-2);
  font-weight: 700;
  color: var(--app-dark-gray);
}
.comps__widget__resume-indicator-right {
  position: absolute;
  right: 0px;
  top: 0px;
  font-size: 19px;
  padding: 5px;
  box-sizing: border-box;
  border-top-right-radius: 5px ;
}
/* ------------------------------- 
Component Name: Tamanho de textos  [comps__text]
Descrição: Este componente contra com base no theme-default o tamanho 
das fonts em elementos.

Você pode inserir por exemplo uma das classes de controle para aplicar um tamanho
de texto padrão em um componente.

*/
.comps__text__small {
  font-size: var(--app-text-small);
}
.comps__text__default {
  font-size: var(--app-text-default);
}
.comps__text__medium {
  font-size: var(--app-text-medium);
  font-family: var(--app-default-font-2);
}
.comps__text__large {
  font-size: var(--app-text-large);
  font-family: var(--app-default-font-2);
}
/* ------------------------------- 
Component Name: Raio da Borda Padrão  [default__radius]
Descrição: Classe para controle padrão do arredondamento das bordas
*/
.default__radius {
  border-radius: var(--c-default-radius);
}
.default__radius--top {
  border-top-left-radius: var(--c-default-radius);
  border-top-right-radius: var(--c-default-radius);
}
.default__radius--left-top {
  border-top-left-radius: var(--c-default-radius);
}
.default__radius--right-top {
  border-top-right-radius: var(--c-default-radius);
}
/* ------------------------------- 
Component Name: Card Accordions   [comps__accordion__card]
Descrição: É um tipo de accordion estilizado como Card usando o toggle do
uikit. É usando para ter um estilo de card em um elemento de accordion

Por exemplo, se você tem muitos dados para serem 3exibidos em um card pode usar essa
opção para ocultar o que não for prioritário

*/
.comps__accordion__card {
  position: relative;
}
.comps__accordion__card--header-label {
  font-size: var(--app-text-small);
  font-family: var(--app-default-font-2);
  font-weight: 700;
  color: var(--app-dark-gray);
  max-width: 100px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.comps__accordion__card--header-label {
  font-size: var(--app-text-small);
  font-family: var(--app-default-font-2);
  font-weight: 700;
  color: var(--app-dark-gray);
}
.comps__accordion__card--header-value {
  font-size: var(--app-text-medium);
  font-family: var(--app-default-font-2);
  font-weight: 700;
  color: var(--app-dark-gray);
  max-width: 100px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.comps__accordion__card--actions {
  margin-top: 5px;
  padding-top: 5px;
  border-top-width: 1px;
  border-top-style: solid;
}
.comps__accordion__card-content-label {
  font-size: 14px;
  font-family: var(--app-default-font-2);
  font-weight: 600;
}
.comps__accordion__card--footer-right {
  position: absolute;
  right: -40px;
  top: -10px;
  background-color: #ffffff;
  padding: 10px;
  box-sizing: border-box;
  min-height: 85px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.062);
  font-size: 32px;
}
.comps__accordion__card-content-title {
  font-size: var(--app-text-small);
  font-family: var(--app-default-font-2);
  font-weight: 700;
  color: var(--app-dark-gray);
  display: block;
  font-size: 18px;
}
/* ------------------------------- 
Component Name: Section de conteudo   [comps__section]
Descrição: É um elemento que controla a largura do conteudo da página

Deve ser usado para ter por exemplo uma largura máxima de conteúdo. o valor 
base é de 70% da página. Para personalizar  os valores em páginas especificas
 deve ser usado manipuladores como no exemplo abaixo.

    .comps__section--80{
        max-width:80%
    }

    Dessa forma temos uma largura máxima de 80% da página ou o valor desejado


*/
.comps__section {
  width: 70%;
  max-width: 70%;
  margin-left: auto;
  margin-right: auto;
}
.comps__section__tittle {
  font-family: var(--app-default-font-2);
  font-weight: 700;
  font-size: 16px;
  /*
    padding-bottom: 5px;
    */
}
.comps__section__header {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #e5e5e5;
}
.comps__section--80 {
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 1025px) and (max-width: 1444px) {
  .comps__section {
    width: 90%;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  .comps__section--80 {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 762px) and (max-width: 1024px) {
  .comps__section {
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .comps__section--80 {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 300px) and (max-width: 761px) {
  .comps__section {
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .comps__section__tittle {
    font-family: var(--app-default-font-2);
    font-weight: 700;
    font-size: 12px;
    padding-bottom: 5px;
  }
  .comps__section--80 {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}
/* ------------------------------- 
Component Name: Botões    [comps__button] [cp__btn]
Descrição: É um elemento para botões padrões do sistema 303

*/
.comps__button {
  border-radius: 8px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: none;
  padding-left: 25px;
  padding-right: 25px;
  box-sizing: border-box;
  cursor: pointer;
  outline: none;
  font-family: var(--app-default-font-2);
  font-weight: 600;
}
.cp__btn__squared__icon {
  border: none;
  font-size: 32px;
}
.comps__button__iconizer {
  display: flex;
  align-items: center;
  text-decoration: none;
  border: solid 1px #dbdbdb;
}
.comps__button__iconizer:hover {
  text-decoration: none;
}
.comps__button__iconizer--icon {
  background-color: #d6d6d6;
  font-size: 22px;
  padding: 2px;
  box-sizing: border-box;
  margin-right: 5px;
}
.comps__button__iconizer--label {
  font-size: 14px;
  color: #383838;
}
.comps__button__text {
  font-family: var(--app-default-font-2);
  font-weight: 700;
  background-color: transparent;
  border: none;
  font-size: 15px;
  cursor: pointer;
}
.comps__button__icon i {
  margin-left: 40px;
  font-size: 22px;
}
.comps__button__exports {
  font-size: 32px;
}
.b-button {
  padding-left: 25px;
  padding-right: 25px;
  height: 32px;
  display: flex;
  align-items: center;
  background-color: #f2f2f2;
  width: auto;
  border-radius: 8px;
  font-size: 12px;
}
.b-button__text {
  font-size: var(--app-default-font-2);
  font-size: 12px;
  font-weight: 400;
}
.comps__button {
  position: relative;
}
.comps__button__count {
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0px;
  top: -10px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  font-size: 12px;
}
/* ------------------------------- 
Component Name: Botões    [comps__header__screen]
Descrição: Elemento para titulos de páginas do sistema

exemplo do bloco:

<div class="uk-card uk-card-default comps__padding--10 default__radius comps__screen__tittle">
    Indique e Ganhe
</div>

*/
.comps__screen__tittle {
  font-family: var(--app-default-font-2);
  font-size: var(--app-title-size-small);
  font-weight: 700;
  color: var(--app-text-color-1);
}
@media (max-width: 1366px) {
  .comps__screen__tittle {
    flex-direction: column;
    font-size: 14px;
  }
  .comps__screen__tittle > * {
    justify-content: space-between;
    align-items: center;
  }
  .comps__screen__tittle button {
    margin-bottom: 5px;
    margin-top: 5px;
    width: 100%;
    margin-right: 0px !important;
  }
}
@media (max-width: 992px) {
  .comps__screen__tittle {
    flex-direction: column;
    font-size: 14px;
  }
  .comps__screen__tittle > * {
    justify-content: space-between;
    align-items: center;
  }
  .comps__screen__tittle button {
    margin-bottom: 5px;
    margin-top: 5px;
    width: 100%;
    margin-right: 0px !important;
  }
}
.comps__screen__title {
  font-family: var(--app-default-font-2);
  font-size: var(--app-title-size-small);
  font-weight: 700;
  color: var(--app-text-color-1);
}
.comps__screen__header {
  background-color: #f5f9ff !important;
}
.comps__screen__title-inner {
  font-family: var(--app-default-font-2);
  font-weight: 700;
}
.comps__screen__title--line {
  border-bottom: solid 1px #ebebeb;
  margin-bottom: 20px;
}
.comps__screen__tittle--image {
  width: 80px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.comps__screen__title__img {
  width: 40px;
  min-width: 40px;
  height: 40px;
  border-radius: 150px;
  background-position: center;
  background-size: cover;
  margin-left: 10px;
}
.comps__screen__title__data {
  display: flex;
  align-items: center;
}
.comps__screen__title__label {
  font-family: var(--app-default-font-2);
  font-weight: 300;
  font-size: 14px;
}
.comps__screen__title__value {
  font-family: var(--app-default-font-2);
  font-weight: 700;
  font-size: 14px;
}
.comps__screen__icon {
  font-size: 32px;
  margin-right: 10px;
  line-height: 1;
}
/* ------------------------------- 
Component Name: Botões    [comps__vertical__tabs]
Descrição: tabs tipo accordion verticais

*/
.comps__vertical__tabs .uk-active {
  border-bottom: solid 4px var(--app-dark-blue);
}
/* ------------------------------- 
Component Name: Botões    [comps__acordeon]
Descrição: tabs tipo accordion verticais

*/
.comps__acordeon__title {
  font-family: var(--app-default-font-2);
  font-size: var(--app-text-medium) !important;
  font-weight: 500;
}
/* ------------------------------- 
Component Name: Botões    [comps__accordion__table]
Descrição: O compps acocordeon table é um tipo de acodeon para edição mde conteú
usando o posicionamento semelhante a uma tabela
*/
.comps__accordion__list__value {
  font-family: var(--app-default-font-2);
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 0px;
}
.comps__accordion__list__title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 200px;
}
.comps__accordion__large .comps__accordion__list__title {
  max-width: 200px !important;
}
.comps__accordion__list__label {
  font-family: var(--app-default-font-2);
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 10px;
}
.comps__accordion__list__select {
  position: absolute;
  right: 0px;
  top: 0px;
  background-color: white;
  padding: 8px;
  width: 40px;
  max-width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* ------------------------------- 
Component Name: Botões [comps__modal]
Descrição: Modal de contepudo baseado no uikit
*/
.comps__modal__title {
  font-family: var(--app-default-font-2);
  font-size: var(--app-title-size-small);
  font-weight: 700;
}
@media only screen and (min-width: 300px) and (max-width: 726px) {
  .comps__modal__full__mobile {
    padding: 0px !important;
  }
  .comps__modal__full__mobile .comps__modal__full__mobile--body {
    max-height: calc(100vh - 55px) !important;
  }
  .comps__modal__full__mobile--footer {
    position: fixed;
    bottom: -1px;
    width: 100%;
    background-color: white;
    left: 0px;
    max-width: 100%;
    box-sizing: border-box;
  }
}
.comps__step__count {
  width: 40px;
  height: 40px;
  font-size: 16px;
  font-family: var(--app-default-font-2);
}
/* ------------------------------- 
Component Name: Botões [box__shadow]
Descrição: Box shadow default do comps 
*/
.comps__shadow-orange {
  box-shadow: 0 4px 6px rgba(237, 201, 121, 0.23) !important;
}
/* ------------------------------- 
Versão 1.2.3 do Comps 
*/
/* Detalhes da versão: 

    1 - Estamos reduzindo o nome de controle comps para cp, nosso
    objetivo com isso é reduzir o nome da clases e deixar mais legivel

    2 - Incluindo exemplos de uso reais como link em anexo dos comentários
    do componente

    
?*    
/* ------------------------------- 
Component Name: Botões [cp__card]
Descrição: Box shadow default do comps 
*/
.cp__card__title {
  font-size: 14px;
  font-family: var(--app-default-font-2);
  font-weight: 400;
  color: black;
  margin-bottom: 10px;
}
.cp__card__media {
  width: 100%;
  height: 100px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.cp__card__footer {
  padding: 8px;
  box-sizing: border-box;
}
.cp__card__data {
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 5px;
  box-sizing: border-box;
}
.cp__card__data__value {
  font-size: 14px;
  font-family: var(--app-default-font-2);
  font-weight: 700;
}
/* ---- Versão Swither do cards -- */
.cp__card__switcher {
  margin-top: 0px;
  margin-bottom: 10px;
}
.cp__card__switcher__nav {
  font-size: 12px;
  font-family: var(--app-default-font-2);
}
/* ------------------------------- 
Component Name: Filtros [cp__tab__filter]
Descrição: Um tipo de filtro que utiliza as tabs de do uikit como principais 
geradores de estilo
*/
.cp__tab__filter {
  display: flex !important;
  flex-wrap: nowrap !important;
}
.cp__tab__filter__item {
  font-size: 16px !important;
  font-family: var(--app-default-font-2);
  font-weight: 400;
}
/* ------------------------------- 
Component Name: Filtros de Periodo [cp__fast__date]
Descrição: Um tipo de filtro que utiliza as tabs de do uikit como principais 
geradores de estilo
*/
.cp__fast__date__item {
  font-size: 15px !important;
  font-family: var(--app-default-font-2);
  font-weight: 400;
}
/* ------------------------------- 
Component Name: Filtros de Periodo [cp__screen__header]
Descrição: Um tipo de filtro que utiliza as tabs de do uikit como principais 
geradores de estilo
*/
.cp__screen__header {
  background-color: #f5f9ff;
  padding: 5px;
  box-sizing: border-box;
}
/* ------------------------------- 
Component Name: Filtros de Periodo [cp__screen__header]
Descrição: Um tipo de filtro que utiliza as tabs de do uikit como principais 
geradores de estilo
*/
/* -------------------------------------------------------------------------- */
/*                                Cards do site                               */
/* -------------------------------------------------------------------------- */
.es-card-group {
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.103);
  background-color: white;
  transition: 0.6s;
  border-radius: 8px;
}
.es-card-group:hover {
  box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.308);
  background-color: #0b006e;
  transform: scale(1.2);
  z-index: 999;
}
.es-card-group:hover .es-card-group-footer {
  background-color: #c4f6ff;
}
.es-card-group:hover .es-card-group-footer a {
  color: #0b006e;
}
.es-card-group:hover .es-make-bundle-price {
  color: white !important;
}
@media (max-width: 992px) {
  .es-card-group:hover {
    transform: scale(1.1);
  }
}
.es-card-group-slide {
  padding: 20px;
  box-sizing: border-box;
}
.es-card-group-img {
  padding: 20px;
  box-sizing: border-box;
}
.es-card-group-img img {
  border-radius: 20px;
}
.es-card-group-img .uk-cover-container {
  border-radius: 20px;
}
.es-card-group-body {
  text-align: center;
}
.es-card-group-body h2 {
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  font-size: 22px;
  margin: 0px;
  margin-bottom: 10px;
}
.es-card-group-body p {
  font-family: 'Raleway', sans-serif;
  font-weight: 300;
  font-size: 19px;
  margin: 0px;
  margin-bottom: 20px;
}
.es-card-group-footer {
  background-color: #0b006e;
  box-sizing: border-box;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.es-card-group-footer a {
  padding: 10px 20px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: white;
  font-weight: 700;
  font-size: 2rem;
}
.es-card-group-footer a:hover {
  text-decoration: none;
}
.es-card-group-footer a span {
  width: 35px;
  height: 35px;
  background-color: white;
  color: #0b006e;
  border-radius: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* --------------------------- Cards de categorias -------------------------- */
.es-card-category {
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.103);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
}
.es-card-category:hover {
  text-decoration: none;
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.308);
}
.es-card-category-img {
  width: 100%;
  height: 200px;
  background-position: center;
  background-size: cover;
  border-radius: 8px;
}
.es-card-category-name {
  font-family: 'Raleway', sans-serif;
  font-weight: 600;
  font-size: 20px;
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  background-color: #0b006e;
  color: white;
}
.es-card-category-header {
  padding: 20px;
  box-sizing: border-box;
}
.es-product-card .woocommerce-loop-product__title {
  font-size: 2rem !important;
  font-family: 'Raleway', sans-serif;
  font-weight: 500;
}
/* -------------------------------------------------------------------------- */
/*                           Cards padrão do sistema                          */
/* -------------------------------------------------------------------------- */
.es-card-img {
  width: 100%;
  height: 105px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.es-card-title {
  font-size: 1.9rem;
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
}
.es-card-footer {
  margin-top: 10px;
}
.es-card-description {
  margin-top: 20px;
}
.es-card-description p {
  font-size: 1.6rem;
  font-family: 'Raleway', sans-serif;
  font-weight: 500;
  margin: 0px;
}
.es-card-plan-featured {
  background-color: #0b006e;
}
.es-card-plan-featured .es-card-title {
  color: white;
}
.es-card-plan-featured .es-card-plan-price {
  color: white;
}
.es-card-plan-featured .es-card-description {
  color: white;
  margin-top: 10px !important;
}
.es-card-plan-featured .es-card-description p {
  margin-bottom: 10px;
  margin-top: 10px;
}
.es-card-plan-price {
  font-size: 2.2rem !important;
  font-weight: 900;
}
.es-card-plan-price sup {
  font-size: 1rem;
  font-weight: 300;
}
.es-card-plan {
  position: relative;
}
.es-card-plan .es-card-title {
  font-size: 2.2rem;
}
.es-card-plan .es-card-description {
  margin-top: 10px !important;
}
.es-card-plan-flag {
  position: absolute;
  padding: 8px 15px;
  border-radius: 8px;
  background-color: #ffa600;
  top: -11px;
  line-height: 1;
  font-family: 'Raleway', sans-serif;
  left: -10px;
  color: white;
  font-size: 1.2rem;
}
.es-card-plan-img {
  width: 80px;
  height: 80px;
  background-position: center;
  background-size: cover;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  border-radius: 8px;
}
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/raleway/v27/1Pt_g8zYS_SKggPNyCgSQamb1W0lwk4S4WjNPrQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/raleway/v27/1Pt_g8zYS_SKggPNyCgSQamb1W0lwk4S4ejMPrQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/raleway/v27/1Pt_g8zYS_SKggPNyCgSQamb1W0lwk4S4TbMPrQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/raleway/v27/1Pt_g8zYS_SKggPNyCgSQamb1W0lwk4S4WjMPrQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/raleway/v27/1Pt_g8zYS_SKggPNyCgSQamb1W0lwk4S4VrMPrQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/raleway/v27/1Pt_g8zYS_SKggPNyCgSQamb1W0lwk4S4bbLPrQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/raleway/v27/1Pt_g8zYS_SKggPNyCgSQamb1W0lwk4S4Y_LPrQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/raleway/v27/1Pt_g8zYS_SKggPNyCgSQamb1W0lwk4S4ejLPrQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/raleway/v27/1Pt_g8zYS_SKggPNyCgSQamb1W0lwk4S4cHLPrQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/raleway/v27/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvao4CP.ttf) format('truetype');
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/raleway/v27/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVtaooCP.ttf) format('truetype');
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/raleway/v27/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVuEooCP.ttf) format('truetype');
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/raleway/v27/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaooCP.ttf) format('truetype');
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/raleway/v27/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvoooCP.ttf) format('truetype');
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/raleway/v27/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVsEpYCP.ttf) format('truetype');
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/raleway/v27/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVs9pYCP.ttf) format('truetype');
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/raleway/v27/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVtapYCP.ttf) format('truetype');
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/raleway/v27/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVtzpYCP.ttf) format('truetype');
}
:root {
  font-size: 62.5%;
}
label[for="gift-card-amount"] {
  font-size: 1.6rem;
}
#gift-card-amount {
  font-size: 1.8rem;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
}
.pwgc-field-container input {
  font-size: 1.8rem;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
}
.pwgc-field-container label {
  font-size: 1.6rem;
}
.pwgc-subtitle {
  font-size: 1.6rem;
}
#pwgc-email-preview-button {
  border-radius: 150px;
  border: solid 2px #38b4c2;
  color: #38b4c2;
  font-size: 1.6rem;
  background-color: transparent !important;
}
#pwgc-message {
  display: block;
  height: 100px;
  width: 95%;
  font-size: 1.6rem;
}
.woocommerce div.product form.cart .button.single_add_to_cart_button {
  padding: 18px 40px;
  width: 100%;
  border-radius: 150px;
  font-size: 1.6rem;
  background: #38b4c2 !important;
}
#pwgc-redeem-gift-card-container input[type="text"] {
  font-size: 1.8rem;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  width: 100%;
}
#pwgc-redeem-gift-card-container input[type="submit"] {
  width: 100%;
  background-color: transparent !important;
  border: solid 2px #38b4c2 !important;
  color: #38b4c2 !important;
  border-radius: 150px !important;
  font-size: 1.6rem !important;
}
#pwgc-redeem-gift-card-container label {
  font-size: 1.6rem;
}
#pwgc-redeem-button {
  margin-top: 20px;
  width: 100%;
  border-radius: 150px;
  border: solid 2px #38b4c2;
  color: #38b4c2;
  font-size: 1.6rem;
  background-color: transparent !important;
}
#pwgc-redeem-form input {
  font-size: 1.8rem;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  width: 100%;
}
#pwgc-redeem-form input[type="submit"] {
  margin-top: 20px;
  width: 100%;
  border-radius: 150px;
  border: solid 2px #38b4c2;
  color: #38b4c2;
  font-size: 1.6rem;
  background-color: transparent !important;
}
.my-gifts {
  font-weight: 700 !important;
  font-size: 4rem !important;
  margin-top: 50px !important;
  font-weight: 900 !important;
  color: #38b4c2;
  text-align: center;
  margin-top: 0px !important;
}
.gift-select {
  width: 350px;
  cursor: pointer;
  transition: 0.6s;
}
.gift-select:hover {
  transform: scale(1.1);
}
/**
 * Theme Name:     Astra Child
 * Author:         Brainstorm Force
 * Template:       astra
 * Text Domain:	   astra-child
 * Description:    Astra is fast, fully customizable
 */
/* -------------------------------------------------------------------------- */
/*                                 backgrounds                                */
/* -------------------------------------------------------------------------- */
.es-bg-secondary {
  background-color: #e4fcff;
}
/* -------------------------------------------------------------------------- */
/*                             Titulos do sistema                             */
/* -------------------------------------------------------------------------- */
.es-h2 {
  font-family: 'Raleway', sans-serif;
  font-size: 5.3rem;
  margin: 0px;
  font-weight: 900;
  color: #38b4c2;
}
@media (max-width: 992px) {
  .es-h2 {
    font-size: 4.3rem;
  }
}
.custom-title-45 {
  font-family: 'Raleway', sans-serif;
  font-size: 4rem;
  margin: 0px;
  font-weight: 900;
  color: #38b4c2;
}
.es-h3 {
  font-family: 'Raleway', sans-serif;
  font-size: 2.5rem;
  margin: 0px;
  font-weight: 900;
  color: #38b4c2;
}
.es-h2-featured {
  font-family: 'Raleway', sans-serif;
  font-size: 3rem;
  margin: 0px;
  font-weight: 900;
  color: #fcac18;
}
.es-paragraph {
  font-family: 'Raleway', sans-serif;
  font-size: 19px;
  font-weight: 300;
  margin: 0px;
}
.es-paragraph-large {
  font-family: 'Raleway', sans-serif;
  font-size: 2.3rem;
  font-weight: 300;
  margin: 0px;
}
/* -------------------------------------------------------------------------- */
/*                                  Sections                                  */
/* -------------------------------------------------------------------------- */
.es-section-header {
  margin-bottom: 45px;
  width: 100%;
  text-align: center;
  flex-wrap: wrap;
}
.es-section-width-large {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
/* -------------------------------------------------------------------------- */
/*                                 Woocomemrce                                */
/* -------------------------------------------------------------------------- */
.woocommerce-page.woocommerce-checkout .woocommerce-order ul.order_details {
  margin-bottom: 2em;
  font-size: 1.6rem;
}
/* ----------------------------- Colunas da loja ---------------------------- */
.es-columns li {
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.103);
  border-radius: 8px;
  padding: 20px;
  box-sizing: border-box;
}
.es-section-products {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}
/* -------------------------------------------------------------------------- */
/*                              Cards de produtos                             */
/* -------------------------------------------------------------------------- */
.es-product-card {
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.103);
  border-radius: 8px;
  background-color: white;
  padding: 0px;
  box-sizing: border-box;
}
.es-product-card-img img {
  border-radius: 8px;
}
/* ----------------------------- Product bundle ----------------------------- */
.bundled_product {
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.103);
  border-radius: 8px;
  padding: 20px;
  box-sizing: border-box;
  text-align: center;
  position: relative;
}
.bundled_product .details {
  padding: 20px;
  box-sizing: border-box;
  text-align: center;
  padding-bottom: 108px !important;
  padding-top: 0px;
}
.bundled_product_excerpt {
  font-size: 1.6rem !important;
}
.bundled_product_summary .bundled_product_optional_checkbox {
  margin: 0;
  padding: 0;
  line-height: 1em;
  width: 100%;
  background: rgba(102, 51, 153, 0);
  display: block;
  cursor: pointer;
  padding: 10px;
  box-sizing: border-box;
}
.bundled_product_summary .bundled_product_optional_checkbox {
  margin: 0;
  padding: 0;
  line-height: 1em;
  position: absolute;
  width: 100%;
  left: 0px;
  height: 100%;
  top: 0px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  flex-wrap: wrap;
  padding-bottom: 48px !important;
  color: white;
}
.bundled_product_summary .bundled_product_optional_checkbox bdi {
  font-size: 22px;
  color: #0b006e;
}
.bundled_product_summary .bundled_product_optional_checkbox del bdi {
  width: 100%;
  font-size: 16px;
}
.bundled_product_summary .bundled_product_optional_checkbox ins bdi {
  font-size: 22px;
  color: #0b006e;
}
.product-bundle-img img {
  border-radius: 8px;
}
.bundled_products .price {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.bundled_products span.price::before {
  content: "Adicionar";
  font-size: 1.6rem;
  position: absolute;
  width: 100%;
  background: #0b006e;
  bottom: 0px;
  left: 0px;
  padding: 10px;
  box-sizing: border-box;
  color: white;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.bundled_product_title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.bundled_product_title_link {
  display: none;
}
.bundled_product_summary .bundled_item_price_quantity,
.bundled_product_summary.bundled_item_optional .bundled_product_optional_checkbox span.price,
.single-product div.product .bundled_product_summary.bundled_item_optional .bundled_product_optional_checkbox span.price {
  margin-left: 0.1em;
  display: flex;
}
.bundle_form .bundle_price p.price,
.single-product .bundle_form .bundle_price p.price {
  line-height: 1;
  margin: 0 0 1.5rem;
  font-family: 'Raleway', sans-serif;
  color: #0b006e;
}
.bundle_price .woocommerce-Price-amount {
  font-size: 2.6rem !important;
}
.woocommerce-Price-amount {
  font-family: 'Raleway', sans-serif;
  color: #0b006e;
}
.bundled_product_checkbox {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 40px !important;
  height: 40px;
  opacity: 0;
}
.bundled_product_checkbox::before {
  content: "";
  width: 40px;
  height: 40px;
  top: 0px;
  left: 0px;
  position: absolute;
  background-color: #ffffff;
}
.bundled_product_checkbox:checked {
  opacity: 1;
}
.bundled_product_checkbox:checked::before {
  content: "\f00c";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  width: 60px;
  height: 60px;
  top: -10px;
  left: -10px;
  position: absolute;
  background-color: #0b006e;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  color: white;
}
.es-make-bundle-price {
  font-size: 3.3rem;
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  margin-top: 10px;
}
.es-make-bundle-frequency {
  font-size: 1.3rem;
}
.orange .orange-footer {
  background-color: #FC9208;
}
.bundle_error .woocommerce-info {
  margin: 0rem !important;
  position: fixed;
  bottom: 0px;
  width: 100%;
  left: 0px;
  background: #0b006e;
  z-index: 999;
  font-size: 22px;
  color: white;
}
.es-card-bundle {
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.103);
  border-radius: 8px;
  padding: 20px;
  position: fixed;
  left: 0px;
  right: 0px;
  bottom: 0px;
  width: 100%;
  background: white;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bundle_button .buttons_added {
  display: none !important;
}
.bundle_button .quantity {
  display: none;
}
.bundle_button button {
  padding: 15px 25px;
  box-sizing: border-box;
  border-radius: 150px !important;
  background-color: #0b006e !important;
  color: white !important;
  font-size: 1.6rem !important;
}
.bundle_wrap {
  text-align: center;
}
.bundle_wrap .price {
  color: #0b006e;
}
@media (min-width: 992px) {
  .bundle_wrap {
    width: 20%;
  }
}
.bundle_wrap button {
  width: 100%;
}
.bundled__custom__prince {
  font-size: 3.3rem !important;
  color: #0b006e !important;
  font-weight: 700 !important;
}
.es-product-all-prices-bundle .es-product-old {
  font-size: 1.6rem;
  font-family: 'Raleway', sans-serif;
  font-weight: 600;
  text-decoration: line-through;
  color: #bdbdbd;
}
.es-product-all-prices-bundle .es-product-price {
  font-size: 3.6rem;
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  color: #0b006e;
}
.es-product-price-discount-bund {
  width: 50px;
  height: 50px;
  justify-content: center;
  align-items: center;
  border-radius: 150px;
  border: solid 0px #0b006e;
  font-size: 1.6rem;
  font-family: 'Raleway', sans-serif;
  line-height: 1;
  color: white;
  font-weight: 600;
  display: inline-flex;
  position: absolute;
  top: 30px;
  left: -30px;
  background-color: #8606e7;
}
/* -------------------------- Estilo de categorias -------------------------- */
.es-category-master-header {
  margin-bottom: 40px;
}
.es-category-master-header li {
  border-radius: 8px;
}
.woocommerce-result-count {
  font-size: 1.4rem;
}
.es-category-header {
  margin-bottom: 50px;
}
.es-category-header .page-title {
  font-family: 'Raleway', sans-serif;
  font-weight: 900;
  font-size: 58px;
  color: #0b006e;
  margin-bottom: 0px;
}
.es-category-header .term-description {
  font-family: 'Raleway', sans-serif;
  font-size: 19px;
}
.es-subarea {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}
.es-subarea-img {
  width: 60px;
  height: 60px;
  min-height: 60px;
  border-radius: 150px;
  background-position: center;
  background-size: cover;
}
.es-subarea-name {
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  color: #0b006e;
  font-size: 1.5rem !important;
  margin: 10px 0 0;
  text-align: center;
}
.es-subarea-tag {
  padding: 5px 10px;
  border-radius: 150px;
  line-height: 1;
  font-size: 1.3rem;
  position: absolute;
  top: -5px;
  left: -5px;
}
/* --------------------------- Controle de preços --------------------------- */
.es-product-parcel {
  font-size: 19px;
  font-family: 'Raleway', sans-serif;
  font-weight: 800;
  color: #0b006e;
  line-height: 1;
}
@media (max-width: 792px) {
  .es-product-parcel {
    font-size: 16px;
  }
}
.es-product-parcel-single {
  font-size: 2.6rem;
  font-family: 'Raleway', sans-serif;
  font-weight: 300;
  color: #0b006e;
  line-height: 1;
}
.es-product-all-prices {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 792px) {
  .es-product-all-prices {
    flex-direction: column;
  }
}
.es-product-all-prices-single {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 20px;
}
.es-product-all-prices-single .es-product-price {
  font-size: 2rem;
  font-family: 'Raleway', sans-serif;
  font-weight: 600;
}
.es-product-featured-price {
  font-size: 4.5rem !important;
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  color: #0b006e;
  line-height: 1;
  margin: 0px;
  margin-top: 10px;
  margin-bottom: 10px !important;
}
.es-product-old {
  font-size: 14px;
  font-family: 'Raleway', sans-serif;
  font-weight: 300;
  color: #696969;
  margin-right: 10px;
}
.es-product-price {
  font-size: 16px;
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  color: #202020;
}
.es-product-price-discount {
  position: absolute;
  top: -10px;
  left: -10px;
  width: 50px;
  height: 50px;
  border-radius: 150px;
  background-color: #8606e7;
  font-family: 'Raleway', sans-serif;
  font-weight: 800;
  font-size: 1.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  line-height: 1;
}
.es-product-single-title {
  font-size: 2.5rem !important;
}
.es-product-title {
  font-size: 3rem !important;
  font-family: 'Raleway', sans-serif;
  font-weight: 600;
}
.es-product-single-add-to-card {
  font-size: 20px !important;
  width: 50%;
  padding: 10px 25px !important;
  box-sizing: border-box;
  border-radius: 150px !important;
  background-color: #0b006e !important;
  line-height: 1;
}
.es-product-detail-icon {
  font-size: 3rem;
  color: #0b006e;
}
.es-product-detail-info {
  font-size: 1.6rem;
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
}
.es-product-detail-label {
  font-size: 1.6rem;
  font-family: 'Raleway', sans-serif;
  font-weight: 600;
}
.es-product-related-title {
  font-size: 4rem !important;
  font-family: 'Raleway', sans-serif;
  font-weight: 900;
  color: #0b006e;
  margin-bottom: 40px !important;
}
.es-product-price-only {
  font-size: 3.3rem;
  font-family: 'Raleway', sans-serif;
  font-weight: 900;
  color: #0b006e;
}
.es-product-landing {
  font-size: 1.9rem;
  font-family: 'Raleway', sans-serif;
  margin-bottom: 75px;
  margin-top: 75px !important;
}
.es-product-card .uk-slideshow-items {
  margin-bottom: 0px !important;
}
/* ----------------------------- single product ----------------------------- */
.es-tec-title {
  font-size: 2rem;
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
}
.es-tec-label {
  font-size: 1.6rem;
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
}
.es-tec-value {
  font-size: 1.6rem;
  font-family: 'Raleway', sans-serif;
  font-weight: 300;
}
/* -------------------------------------------------------------------------- */
/*                      Controles nativos do woocommerce                      */
/* -------------------------------------------------------------------------- */
.orderby {
  display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
  font-size: 1.8rem !important;
}
.es-cart-page-title {
  font-size: 3.5rem !important;
}
.woocommerce ul.products li.product {
  display: grid;
}
.bundled_product {
  display: block !important;
}
.bundled_product_summary {
  display: block !important;
}
.woocommerce ul.products li.product .astra-shop-summary-wrap {
  padding-bottom: 70px !important;
}
.woocommerce .woocommerce-message a.button {
  border-radius: 150px !important;
  background-color: #0b006e !important;
  font-size: 1.6rem;
}
.woocommerce-message {
  font-size: 1.6rem;
}
.woocommerce-message,
.woocommerce-info {
  border-top-color: #0b006e !important;
}
.woocommerce ul.products li.product .button {
  display: none;
}
.wc-backward {
  background-color: #0b006e !important;
  border-radius: 150px !important;
  font-size: 1.6rem !important;
}
.custom-pagination .woocommerce-pagination {
  display: flex;
  justify-content: center;
}
.custom-pagination .woocommerce-pagination ul {
  display: flex;
}
.custom-pagination .woocommerce-pagination ul a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  border: solid 1px #0b006e;
  width: 15px;
}
.custom-pagination .woocommerce-pagination ul .current {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  border: solid 1px #0b006e;
  background-color: #0b006e;
  width: 15px;
  color: white;
}
.custom-pagination .woocommerce-pagination ul .next {
  display: none;
}
.custom-pagination .woocommerce-pagination ul .prev {
  display: none;
}
/*
.attachment-woocommerce_thumbnail, .woocommerce-placeholder{
    display: none !important;
    
}
*/
.astra-shop-thumbnail-wrap {
  padding: 20px;
  box-sizing: border-box;
}
.astra-shop-thumbnail-wrap img {
  border-radius: 20px;
}
.woocommerce-pagination {
  font-size: 1.3rem !important;
  font-weight: 700 !important;
}
.woocommerce nav.woocommerce-pagination ul,
.woocommerce nav.woocommerce-pagination ul li {
  border-color: #0b006e !important;
}
.woocommerce nav.woocommerce-pagination ul li span.current {
  background: #0b006e !important;
  color: #ffffff;
}
.woocommerce-product-details__short-description,
.woocommerce-Tabs-panel--description {
  font-family: 'Raleway', sans-serif;
  font-size: 19px;
}
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
  background: var(--ast-global-color-0);
  color: #ffffff;
}
.woocommerce ul.products li.product .button,
.woocommerce-page ul.products li.product .button {
  margin-top: 0.5em;
  margin-bottom: 0px !important;
  white-space: normal;
  line-height: 1.3;
  background-color: #0b006e;
  color: white;
  width: 100%;
  border-bottom-left-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
  font-size: 2rem;
  font-family: 'Raleway', sans-serif;
}
.ast-woo-product-category {
  font-size: 1.5rem !important;
  font-family: 'Raleway', sans-serif;
}
.woocommerce span.onsale,
.wc-block-grid__product .wc-block-grid__product-onsale {
  background-color: var(--ast-global-color-0);
  color: #ffffff;
  display: none;
}
.woocommerce .woocommerce-breadcrumb {
  margin: 0 0 1em;
  padding: 0;
  font-size: 1.5rem !important;
  color: #777;
}
.ast-woocommerce-container {
  margin-top: 30px;
}
.product_title {
  font-size: 2rem;
}
.woocommerce-error {
  font-size: 1.3rem !important;
}
@media (min-width: 992px) {
  .woocommerce-error {
    margin-top: 40px;
    position: fixed;
    right: 0px;
    z-index: 9999;
    width: 300px;
    background: #ff7a7a;
    color: white;
    top: 86px;
  }
}
/* ------------------------- Carrinho do woocommerce ------------------------ */
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
  float: right;
  width: 100%;
  margin-top: 20px;
}
.es-cart .coupon label {
  font-size: 1.6rem !important;
}
.es-cart-update {
  border-radius: 150px !important;
  width: 100% !important;
  background-color: #90fcf6 !important;
  font-size: 1.5rem !important;
  display: none !important;
}
.es-cart-cupon-submit {
  width: 100%;
  background-color: transparent !important;
  border: solid 2px #0b006e !important;
  color: #0b006e !important;
  border-radius: 150px !important;
  font-size: 1.6rem !important;
}
.es-cart-thumb {
  width: 60px;
  min-width: 60px;
  height: 60px;
  border-radius: 150px;
  background-position: center;
  background-size: cover;
}
.es-cart-item {
  display: flex;
}
.es-cart-title {
  width: 50%;
  font-size: 1.6rem;
  padding-left: 10px;
}
.es-cart-title a {
  width: 50%;
  font-size: 1.6rem;
  padding-left: 10px;
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  color: black;
}
.es-cart-price {
  width: 20%;
  font-size: 1.6rem !important;
  font-weight: 700 !important;
}
.es-cart-qtd {
  width: 10%;
  font-size: 1.6rem !important;
  margin-left: 20px;
}
.es-cart-qtd input {
  width: 100% !important;
  font-size: 1.6rem !important;
}
.es-cart-total {
  width: 40%;
  text-align: right;
  font-size: 1.6rem;
  font-weight: 700 !important;
}
.es-cart-types-cards {
  text-align: center;
}
.es-cart-types-cards h2 {
  font-family: 'Raleway', sans-serif;
  font-size: 2rem;
  font-weight: 700;
  color: #0b006e;
}
.es-cart-return-store {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
.es-cart-return-store a {
  font-size: 1.5rem !important;
  line-height: 1;
  color: #0b006e;
  display: flex;
  align-items: center;
  justify-content: center;
}
.es-cart-return-store span {
  font-size: 22px;
  line-height: 1;
}
.es-cart-page-title {
  font-size: 2.9rem;
  font-weight: 700;
  color: #0b006e;
  margin-bottom: 40px;
  margin-top: 40px;
}
.es-cart-arrow-sessions i {
  transform: rotate(90deg);
  font-size: 32px;
  color: #0b006e;
}
.es-cart-table-totails .cart-subtotal {
  font-size: 1.6rem !important;
}
.es-cart-table-totails .order-total {
  font-size: 1.6rem !important;
}
.checkout-button {
  border-radius: 150px !important;
  background-color: #a84dfb !important;
  font-family: 'Raleway', sans-serif;
  color: white;
  font-weight: 700 !important;
  font-size: 1.6rem !important;
}
.bundled_table_item {
  width: 91%;
  float: right;
}
.bundled_table_item .es-cart-price {
  font-size: 1.6rem !important;
}
.bundled_table_item .bundled_table_item_subtotal {
  display: none;
}
.woocommerce a.remove {
  line-height: 0;
  position: relative;
  border: 0px solid #ccc !important;
}
.woocommerce a.remove::before {
  content: "\f2ed";
  width: 30px;
  height: 30px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  position: absolute;
  top: -8px;
  left: -8px;
  font-size: 2.5rem !important;
  color: #0b006e;
}
.es-count-bundle {
  width: 100%;
  background-color: #0b006e;
  padding: 10px 55px;
  box-sizing: border-box;
  border-radius: 150px;
  text-align: center;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-shadow: inset 0px 4px 12px rgba(0, 0, 0, 0.45);
}
.es-count-bundle h2 {
  font-family: 'Raleway', sans-serif;
  font-family: 600;
  color: white;
  font-size: 2rem;
}
.es-count-bundle-total {
  font-size: 6rem;
  line-height: 1;
  font-weight: 900;
}
#pack-progress {
  max-width: 100%;
}
/* ------------------------- Checkout do woocomemrce ------------------------ */
form.woocommerce-checkout .fc-wrapper #order_review table.woocommerce-checkout-review-order-table .product-quantity {
  left: 23px !important;
}
.fc-content .bundled_table_item .bundled_table_item_subtotal {
  display: inherit;
}
.fc-content .bundle_table_item .product-name {
  font-size: 1.6rem !important;
  font-weight: 600;
  color: #0b006e;
}
.fc-content .bundle_table_item,
.fc-content .bundle_table_item td {
  border-bottom: none !important;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.05);
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 8px;
}
.fc-content .cart_item {
  border-bottom: none !important;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.05);
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 8px;
}
.fc-content .cart_item .product-name {
  color: #0b006e;
}
.fc-content .bundled_table_item {
  width: 100%;
  float: none;
  box-shadow: none;
}
.fc-content .bundled_table_item .product-total {
  display: none !important;
}
.fc-content .bundled_table_item .product-name {
  padding-left: 50px !important;
  display: flex;
  align-items: center;
}
.fc-content .bundled_table_item .product-name::before {
  content: "\f3bf";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  transform: rotate(90deg);
  line-height: 1;
  font-size: 22px;
}
.fc-content .bundled_table_item {
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 8px;
}
.fc-content .bundled_table_item .product-details {
  width: 100% !important;
}
.fc-content .bundled_table_item .product-quantity {
  display: none !important;
}
.has-checkout-layout--multi-step .fc-step__actions .fc-step__next-step {
  background-color: #0b006e;
  font-size: 1.6rem;
  border-radius: 150px;
}
.fc-step__substep-save {
  background-color: #0b006e !important;
  font-size: 1.6rem !important;
  border-radius: 150px !important;
}
.woocommerce form .form-row label {
  font-size: 1.2rem !important;
}
.fc-contact-fields__wrapper input {
  border-top-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  font-size: 1.6rem;
}
.fc-contact-fields__wrapper input:focus {
  outline: 2px solid #38b4c2 !important;
}
.fc-checkout-steps input[type="text"] {
  padding: 7px !important;
}
.fc-checkout-steps input[type="tel"] {
  padding: 7px !important;
}
body.theme-astra div.woocommerce form .form-row .select2-selection--single .select2-selection__rendered {
  font-size: 1.6rem !important;
}
.woocommerce-billing-only-fields__field-wrapper {
  display: flex;
  justify-content: space-between;
}
div.woocommerce form .woocommerce-billing-only-fields__field-wrapper:after,
div.woocommerce form .woocommerce-billing-only-fields__field-wrapper:before {
  display: none !important;
}
.payment-method__label-text,
.payment_method_cod {
  font-size: 1.6rem !important;
}
.fc-step__substep-fields-inner input {
  border-top-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  font-size: 1.6rem;
}
.fc-step__substep-fields-inner input:focus {
  outline: 2px solid #38b4c2 !important;
}
.fc-place-order-button {
  border-radius: 150px !important;
  background-color: #0b006e !important;
  font-size: 2rem !important;
}
/* -------------------------------------------------------------------------- */
/*                              Slides do sistema                             */
/* -------------------------------------------------------------------------- */
.es-slide-composer-pack {
  margin-top: 40px;
}
.es-slide-composer-pack li {
  border-radius: 10px;
}
.es-slide-composer-pack li img {
  border-radius: 10px;
}
.es-card-slide {
  padding: 0px;
  box-sizing: border-box;
}
/* ---------------------------- Controles gerais ---------------------------- */
.woocommerce-products-header__title {
  font-size: 6rem;
  font-family: 'Raleway', sans-serif;
  font-weight: 900;
  color: #0b006e;
  margin-bottom: 0px;
}
/* -------------------------------------------------------------------------- */
/*                         Header do site woocommerce                         */
/* -------------------------------------------------------------------------- */
.es-header {
  width: 100%;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.103);
}
.es-header-section {
  width: 70%;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 762px) {
  .es-header-section {
    width: 100%;
  }
}
.es-header-franqeuado a {
  font-size: 1.4rem;
  font-weight: 700;
  color: #0b006e;
  white-space: nowrap;
}
@media (min-width: 762px) {
  .es-header-franqeuado a {
    font-size: 1.6rem;
  }
}
.es-header-content {
  display: flex;
  align-items: center;
  justify-content: center;
}
.es-header-left {
  width: 25%;
  box-sizing: border-box;
  padding: 10px;
}
@media (max-width: 762px) {
  .es-header-left {
    width: 30%;
  }
}
.es-header-center {
  width: 30%;
  box-sizing: border-box;
  padding: 10px;
}
@media (max-width: 762px) {
  .es-header-center {
    display: none;
  }
}
.es-header-right {
  width: 45%;
  box-sizing: border-box;
  padding: 10px;
}
@media (max-width: 762px) {
  .es-header-right {
    width: 70%;
  }
}
.es-header-button {
  width: 100%;
  padding: 8px 25px;
  border-radius: 150px;
  background-color: #0b006e;
  color: white;
  font-family: 'Raleway', sans-serif;
  font-weight: 600;
}
.es-header-button:hover {
  text-decoration: none;
  color: white;
}
.es-header-label {
  font-size: 1.3rem;
}
.es-header-label a {
  color: #0b006e;
}
.es-header-cart {
  line-height: 1;
  color: #0b006e;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.es-header-cart i {
  font-size: 42px;
}
@media (max-width: 992px) {
  .es-header-cart i {
    font-size: 3rem;
  }
}
.es-header-cart .cart-counter {
  font-size: 12px;
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: red;
  color: white;
  border-radius: 150px;
  top: -5px;
  display: flex;
  align-items: center;
  justify-content: center;
  right: -5px;
}
.es-header-whats {
  font-size: 4rem;
  animation: pulse 2s infinite;
  border-radius: 150px;
  line-height: 1;
}
@media (max-width: 992px) {
  .es-header-whats {
    font-size: 3rem;
    margin-left: 10px;
  }
}
.es-header .es-header-what:hover {
  animation: none;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(44, 193, 204, 0.4);
  }
  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(44, 204, 183, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(44, 204, 183, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(44, 204, 204, 0.4);
    box-shadow: 0 0 0 0 rgba(44, 185, 204, 0.4);
  }
  70% {
    -moz-box-shadow: 0 0 0 10px rgba(44, 204, 177, 0);
    box-shadow: 0 0 0 10px rgba(44, 204, 204, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(44, 204, 191, 0);
    box-shadow: 0 0 0 0 rgba(44, 204, 191, 0);
  }
}
.es-header-right {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.es-header-dropAcount {
  display: flex;
  align-items: center;
  color: #0b006e;
}
.es-header-dropAcount i {
  font-size: 32px;
}
.es-header-well {
  font-size: 1.6rem;
  color: #0b006e;
}
@media (max-width: 992px) {
  .es-header .es-header-well {
    display: none !important;
  }
}
.es-header-info ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  border-radius: 8px !important;
}
.es-header-info ul li {
  padding: 8px 0px;
  box-sizing: border-box;
}
.es-header-info .es-header-button {
  font-size: 1.6rem;
  width: 100%;
}
.es-header-info-link {
  font-size: 1.6rem;
  display: flex;
  align-items: center;
}
.es-header-info-link i {
  font-size: 2rem;
  margin-right: 10px;
}
.es-header-info-link:hover {
  text-decoration: none;
}
.es-header-center .is-search-input {
  border-radius: 8px !important;
  height: 53px !important;
}
.es-subheader {
  border-bottom: solid 3px #0b006e;
  position: relative;
}
.share-button {
  position: fixed;
  bottom: 20px;
  left: 20px;
  border-radius: 150px;
  background-color: #ff002b;
  width: 60px;
  height: 60px;
  color: white;
  font-size: 3.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9000;
}
.share-button:hover {
  background-color: #00003c;
}
.es-nav {
  list-style: none;
  margin: 0px;
  padding: 0px;
  display: flex;
  align-items: center;
  width: 100%;
  padding-top: 15px;
  padding-bottom: 0px;
  box-sizing: border-box;
}
.es-nav-icon {
  font-size: 2.8rem;
  line-height: 0;
}
.es-nav > li {
  padding: 8px;
  box-sizing: border-box;
  padding-left: 35px;
  padding-right: 35px;
  padding-top: 18px;
  padding-bottom: 18px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  position: relative;
  /*
    &:before {
      width: 20px;
      height: 20px;
      background-color: rgb(255, 255, 255);
      position: absolute;
      content: " ";
      display: block;
      left: -2rem;
      bottom: 0;
      border-radius: 50%;
      z-index: 100;
    }
    :after {
        width: 10px;
        height: 10px;
        background-color: @color-primary;
        position: absolute;
        content: " ";
        display: block;
        left: -1rem;
        bottom: 0;
    }*/
}
@media (max-width: 992px) {
  .es-nav > li {
    padding-top: 10px;
    padding-bottom: 8px;
  }
}
.es-nav > li a {
  font-size: 1.4rem;
  font-family: 'Raleway', sans-serif;
  color: #0b006e;
  font-weight: 700;
}
@media (max-width: 992px) {
  .es-nav > li a {
    font-size: 0rem;
  }
}
.es-nav > li a:hover {
  text-decoration: none;
  color: #00001e;
}
.es-header-mobile {
  padding: 5px 20px;
  box-sizing: border-box;
}
.es-header-mobile-toggle {
  font-size: 3rem;
  color: #0b006e;
}
.es-header-mobile-action {
  min-width: 25%;
  justify-content: space-between;
}
.es-header-mobile .cart-counter {
  top: 0px;
}
#NavMobile .uk-offcanvas-bar {
  background-color: #0b006e;
}
#NavMobile .uk-offcanvas-bar ul li {
  font-size: 1.6rem;
  font-weight: 700;
  font-family: 'Raleway', sans-serif;
}
.es-footer-header {
  font-size: 2rem;
  font-weight: 700;
  font-family: 'Raleway', sans-serif;
  color: #3f3f3f;
  border-bottom: solid 3px #0b006e;
  margin-bottom: 20px;
}
.es-footer-header ul li a {
  font-size: 1.6rem !important;
  font-weight: 300;
  font-family: 'Raleway', sans-serif;
}
.es-footer-nav-item {
  font-size: 1.6rem !important;
  font-weight: 400;
  font-family: 'Raleway', sans-serif;
}
.es-footer-mark {
  background-color: #0b006e;
  color: #dbfbff;
  padding: 10px 20px;
  font-size: 1.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* -------------------------------------------------------------------------- */
/*                             Minha conta do site                            */
/* -------------------------------------------------------------------------- */
.woocommerce-MyAccount-navigation-link {
  font-size: 1.6rem;
  border: 0px solid rgba(0, 0, 0, 0.1) !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
  float: none;
  width: 100%;
  margin-bottom: 23px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
  display: flex;
  width: 100%;
  overflow-x: auto;
}
.woocommerce-account .woocommerce-MyAccount-content {
  float: none;
  width: 100%;
}
.woocommerce-account .woocommerce-MyAccount-content {
  float: none;
  width: 100%;
  font-size: 1.6rem;
}
.share-thumbail {
  width: 100%;
  height: 80px;
  background-position: center;
  background-size: cover;
}
.card-share {
  font-size: 1.6rem;
  padding: 10px;
  box-sizing: border-box;
}
.wpcss-add-all {
  background-color: #0b006e !important;
  color: white;
  font-size: 1.6rem !important;
  border-radius: 150px;
  margin-top: 20px;
}
.wpcss-btn {
  width: 100%;
  background-color: #63c1c1 !important;
  color: white;
  font-size: 1.6rem !important;
  border-radius: 150px !important;
  margin-top: 20px !important;
}
.es-your-recomendations {
  font-size: 3.6rem;
  color: #0b006e;
  font-weight: 700;
}
.es-go-whatsapp a {
  width: 100%;
  background-color: transparent !important;
  color: #25d366 !important;
  border: solid 3px #25d366;
  font-size: 1.6rem !important;
  border-radius: 150px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  box-sizing: border-box;
  margin-bottom: 20px;
  font-weight: 700;
}
.wpcss-popup-text {
  font-size: 1.6rem;
}
.wpcss-popup-link input {
  font-size: 1.6rem;
}
/* -------------------------------------------------------------------------- */
/*                         Abas de navegação superior                         */
/* -------------------------------------------------------------------------- */
.es-tab-nav {
  border-top: solid 4px #0b006e;
  padding-bottom: 10px;
}
.es-tab-nav ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.es-tab-nav ul li {
  padding: 8px 20px;
  box-sizing: border-box;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.es-tab-nav ul li a {
  font-size: 2rem;
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
}
.es-tab-nav ul li a:hover {
  text-decoration: none;
}
.nav-tab-color a {
  color: #0b006e;
}
/* -------------------------------------------------------------------------- */
/*                               Botões padrões                               */
/* -------------------------------------------------------------------------- */
.es-button {
  position: relative;
}
.es-button-action {
  padding: 10px 25px;
  border-radius: 150px;
  background-color: #fe357b;
  color: white;
  display: inline-block;
  font-size: 1.6rem;
}
.es-button-action:hover {
  text-decoration: none;
}
.es-button-action-2 {
  padding: 10px 25px;
  border-radius: 150px;
  background-color: #fab028;
  color: white;
  display: inline-block;
  font-size: 1.6rem;
}
.es-button-action-2:hover {
  text-decoration: none;
}
.es-fab-button {
  position: fixed;
  width: 120px;
  min-height: 50px;
  border-radius: 150px;
  background-color: #25D366;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 8px;
  box-sizing: border-box;
  font-size: 1.6rem;
  bottom: 20px;
  right: 20px;
  line-height: 1;
  font-weight: 700;
  z-index: 9000;
}
.es-fab-button-link {
  font-size: 1.6rem !important;
  color: #0b006e !important;
  font-weight: 700;
}
.es-fab-button-link:hover {
  text-decoration: none;
  color: #00003c !important;
  font-weight: 700;
}
.es-fab-button-icon {
  position: absolute;
  top: -10px;
  left: -10px;
  width: 35px;
  height: 35px;
  background-color: #075E54;
  color: white;
  border-radius: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
}
.es-header-fab {
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  background-color: #0b006e;
  color: white;
  display: flex;
  align-items: center;
}
.es-header-fab-img {
  min-width: 40px;
  height: 40px;
  border-radius: 150px;
  background-position: center;
  background-size: cover;
  margin-right: 10px;
}
.es-header-fab-well {
  font-family: 'Raleway', sans-serif;
  font-size: 1.6rem;
  line-height: 1;
}
.es-fab-tratment-img {
  min-width: 40px;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  margin-right: 20px;
  background-position: center;
  background-size: cover;
}
.es-fab-tratment-name {
  line-height: 1;
}
.es-patrocinada {
  padding: 2px 5px;
  box-sizing: border-box;
  border-radius: 150px;
  background-color: #ff7300;
  color: white;
  font-weight: 600;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.es-fab-drop-areas {
  max-width: 320px;
}
.female-onlye {
  position: absolute;
  top: -15px;
  right: -15px;
  padding: 8px 25px;
  box-sizing: border-box;
  background-color: pink;
  color: #22000b;
  font-size: 2rem;
  font-weight: 700;
  z-index: 9000;
  border-radius: 150px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
}
/* -------------------------------------------------------------------------- */
/*                                Cestas clubes                               */
/* -------------------------------------------------------------------------- */
.es-cesta-wrap {
  padding: 20px;
  box-sizing: border-box;
}
.es-cesta-img {
  width: 100%;
  height: 400px;
  background-position: center;
  background-size: cover;
  border-radius: 8px;
}
.es-cesta-title {
  position: absolute;
  left: 0px;
  width: 100%;
  bottom: 40px;
  text-align: center;
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  font-size: 2.2rem;
}
.swiper-wrapper {
  position: relative;
  width: 30%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
  margin-bottom: 40px;
}
/* --------------------------- Card de comentarios -------------------------- */
.es-comment {
  box-sizing: border-box;
}
.es-comment-img {
  width: 30%;
  height: 400px;
  background-position: center;
  background-size: cover;
  border-radius: 8px;
}
.es-comment-comment {
  font-family: 'Raleway', sans-serif;
  font-weight: 300;
  font-size: 1.6rem;
  width: 70%;
  padding: 20px;
  box-sizing: border-box;
}
.es-comment-button {
  background-color: #0b006e;
  color: white;
  font-family: 'Raleway', sans-serif;
  font-weight: 500;
  font-size: 1.6rem;
  display: inline-flex;
  padding: 9px 20px;
  border-radius: 8px;
  margin-top: 20px;
}
.es-comment-button:hover {
  color: white;
  text-decoration: none;
}
@media (min-width: 992px) {
  .es-featured-free {
    margin-top: -100px;
  }
}
.es-featured-free h2 {
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  font-size: 2.3rem;
  text-align: center;
  color: #ff93c7;
}
.es-featured-free p {
  font-family: 'Raleway', sans-serif;
  font-weight: 300;
  font-size: 1.6rem;
  text-align: center;
}
.es-featured-free .es-featured-button {
  display: inline-flex;
  margin-left: auto;
  margin-right: auto;
  padding: 8px 15px;
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  background-color: #25D366;
  color: white;
  border-radius: 8px;
  font-size: 1.6rem;
}
.es-featured-free .es-featured-button:hover {
  text-decoration: none;
}
.es-card-free {
  background-color: white;
  border-radius: 8px;
}
.es-card-free:hover {
  box-shadow: 0px 3px 32px rgba(0, 0, 0, 0.1);
}
.es-card-free-icon {
  font-size: 4rem;
  color: #0b006e;
  line-height: 1;
}
.es-card-free-title {
  font-family: 'Raleway', sans-serif;
  font-weight: 300;
  font-size: 2rem;
  color: #0b006e;
  font-weight: 700;
}
.es-card-free-title-number {
  font-family: 'Raleway', sans-serif;
  font-weight: 300;
  font-size: 4rem;
  color: #0b006e;
  font-weight: 700;
  line-height: 1;
}
.es-card-free-description {
  font-family: 'Raleway', sans-serif;
  font-weight: 300;
  font-size: 1.6rem;
  color: #0b006e;
}
.es-free-slider li {
  border-radius: 8px;
}
.es-free-slider li img {
  border-radius: 8px;
}
.es-button-loadmore {
  display: inline-flex;
  padding: 10px 25px;
  font-size: 1.8rem;
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  background-color: #0b006e;
  color: white;
  border-radius: 150px;
}
.es-directory-tab {
  display: none;
}
@media (max-width: 992px) {
  .es-directory-tab {
    display: flex;
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    padding: 10px 20px;
    background-color: transparent;
    z-index: 99;
  }
  .es-directory-tab a {
    font-size: 3rem;
    color: #0b006e;
    text-decoration: none;
  }
  .es-directory-tab a:hover {
    text-decoration: none;
  }
}
.call-whats {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 25px;
  border-radius: 150px;
  background-color: transparent;
  border: solid 2px #25d366;
  color: #25d366;
  font-family: 'Raleway', sans-serif;
  font-weight: 600;
  font-size: 1.3rem;
  margin-top: 15px;
  margin-bottom: 15px;
  position: absolute;
  left: 32px;
  bottom: 0;
}
@media (max-width: 992px) {
  .call-whats {
    font-size: 1rem;
    left: 25px;
    padding: 5px 5px;
  }
}
.call-whats:hover {
  color: #04752e;
  border: solid 2px #04752e;
}
.call-whats i {
  font-size: 2.3rem;
  line-height: 1;
  margin-right: 25px;
}
@media (max-width: 992px) {
  .call-whats i {
    font-size: 2.3rem;
    line-height: 1;
    margin-right: 5px;
  }
}
.call-whats-single {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 25px;
  border-radius: 150px;
  background-color: transparent;
  border: solid 2px #25d366;
  color: #25d366;
  font-family: 'Raleway', sans-serif;
  font-weight: 600;
  font-size: 1.8rem;
  margin-top: 15px;
  margin-bottom: 15px;
}
.call-avaliation {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 25px;
  border-radius: 150px;
  background-color: #cbf8dc;
  border: solid 2px #25d366;
  color: #25d366;
  font-family: 'Raleway', sans-serif;
  font-weight: 600;
  font-size: 1.3rem;
}
@media (max-width: 992px) {
  .call-avaliation {
    margin-top: 20px;
  }
}
.call-avaliation:hover {
  color: #04752e;
  border: solid 2px #04752e;
  text-decoration: none;
  box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.103);
  transform: scale(1.1);
}
.call-avaliation i {
  font-size: 2.3rem;
  line-height: 1;
  margin-right: 25px;
}
.booking-now {
  display: inline-flex;
  padding: 10px 45px;
  font-size: 2rem;
  align-items: center;
  justify-content: space-between;
  background-color: #0b006e;
  color: white;
  border-radius: 150px;
  margin-top: 35px;
  transition: 0.6s;
}
.booking-now:hover {
  text-decoration: none;
  color: #0b006e;
  font-weight: 700;
  background-color: white;
  border: solid 2px #0b006e;
  box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.103);
}
.booking-now i {
  font-size: 3rem;
  line-height: 1;
  margin-right: 20px;
}
.get-app {
  display: inline-flex;
  padding: 10px 45px;
  font-size: 2rem;
  align-items: center;
  justify-content: space-between;
  background-color: white;
  color: #0b006e;
  border-radius: 150px;
  margin-top: 35px;
  transition: 0.6s;
}
.get-app:hover {
  text-decoration: none;
  color: #0b006e;
  font-weight: 700;
  background-color: white;
  border: solid 2px #0b006e;
  box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.103);
}
.get-app i {
  font-size: 3rem;
  line-height: 1;
  margin-right: 20px;
}
/* -------------------------------------------------------------------------- */
/*                             COntrole de imagem                             */
/* -------------------------------------------------------------------------- */
.image-block {
  max-width: 100%;
}
.image-block img {
  max-width: 100%;
}
/* -------------------------------------------------------------------------- */
/*                       Elemtnos com efeitos especiais                       */
/* -------------------------------------------------------------------------- */
.es-point-number {
  position: absolute;
  font-size: 6rem;
  color: #0b006e;
  font-weight: 900;
  top: -50px;
  left: -20px;
}
.es-point-card {
  transition: 0.6s;
}
.es-point-card:hover {
  box-shadow: 0px 3px 32px rgba(0, 0, 0, 0.103);
  transform: scale(1.2);
  z-index: 99;
}
.es-point-card-noscale:hover {
  transform: scale(1);
}
.image-block-vert {
  width: 420px;
  max-width: 420px;
  height: 720px;
  border-radius: 8px;
  box-shadow: 0px 6px 32px rgba(0, 0, 0, 0.103);
  background-position: center;
  background-size: cover;
}
.es-point-card-medium {
  min-height: 300px;
}
.es-point-card-medium .es-paragraph {
  font-weight: 700;
  font-size: 2.3rem;
  margin-top: 50px;
}
.es-point-cover {
  background-position: center;
  background-size: cover;
}
/* -------------------------- Listagem de checagem -------------------------- */
.es-list-check-wrap {
  font-size: 1.6rem;
  font-family: 'Raleway', sans-serif;
}
.es-list-check-wrap .es-list-check-icon {
  font-size: 2.5rem;
  line-height: 1;
  color: #0b006e;
  margin-right: 20px;
}
.novidade {
  padding: 8px;
  box-sizing: border-box;
  border-radius: 8px;
  background-color: white;
  color: #0b006e;
  display: inline-flex;
  margin-top: 20px;
  box-shadow: 5px 6px 3px rgba(255, 0, 128, 0.411);
}
.indique-text {
  color: black;
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  font-size: 2.9rem;
  line-height: 1.3;
}
.bg_trasition {
  background-color: #0b006e;
  animation: example 5s infinite;
}
@keyframes example {
  from {
    background-color: #0b006e;
  }
  to {
    background-color: #ff93c7;
  }
}
.retunr-from-cart {
  display: inline-flex;
  margin: 20px;
  padding: 10px 25px;
  border-radius: 150px;
  background-color: #0b006e;
  color: white;
  font-family: 'Raleway', sans-serif;
  font-weight: 600;
  font-size: 2rem;
  transition: 0.6s;
}
.retunr-from-cart:hover {
  color: #0b006e;
  background-color: white;
  border: solid 2px #0b006e;
}
.es-promotion-infos {
  margin-top: 20px;
  border: solid 2px #0b006e;
  border-radius: 8px;
  padding: 20px;
  box-sizing: border-box;
}
.es-promotion-line {
  font-size: 1.6rem;
  font-family: 'Raleway', sans-serif;
  border-bottom: solid 1px #0b006e;
  padding-top: 10px;
  padding-bottom: 10px;
  box-sizing: border-box;
}
.es-promotion-parcels {
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  font-size: 2.2rem !important;
  line-height: 1;
}
.es-promotion-discount {
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  color: black;
  display: inline-flex;
  padding: 2px 7px;
  border: solid 1px #0b006e;
  border-radius: 150px;
}
.es-promotion-label {
  font-size: 1.3rem;
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  color: black;
}
.es-landing-title {
  font-size: 1.6rem;
  font-family: 'Raleway', sans-serif;
  font-weight: 600;
  color: black;
  margin-bottom: 20px;
  margin-top: 20px;
}
.es-landing-link {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 25px;
  border-radius: 150px;
  background-color: #cbf8dc;
  border: solid 2px #25d366;
  color: #25d366;
  font-family: 'Raleway', sans-serif;
  font-weight: 600;
  font-size: 1.3rem;
}
@media (max-width: 992px) {
  .es-landing-link {
    margin-top: 20px;
  }
}
.es-landing-link:hover {
  color: #04752e;
  border: solid 2px #04752e;
  text-decoration: none;
  box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.103);
  transform: scale(1.1);
}
.es-landing-link i {
  font-size: 2.3rem;
  line-height: 1;
  margin-right: 25px;
}
.es-landing-cover {
  width: 100%;
  height: 200px;
  border-radius: 8px;
  background-position: center;
  background-size: cover;
}
.es-catalog-card .call-whats {
  bottom: 10px !important;
}
.es-catalog-card-body {
  padding-bottom: 60px !important;
}
.es-login-card input {
  width: 100%;
  font-size: 1.6rem;
}
.es-login-card label {
  font-size: 1.6rem;
}
.es-login-card .rcp_login_submit {
  width: 100%;
  font-size: 1.6rem;
  border-radius: 150px !important;
  background-color: #0b006e !important;
}
.es-login-card input[type="submit"] {
  border-radius: 150px !important;
  background-color: #0b006e !important;
}
/* -------------------------------------------------------------------------- */
/*                             Texto personalizado                            */
/* -------------------------------------------------------------------------- */
.es-script-text {
  font-family: "Bad Script", cursive;
  color: #e60737;
}
.es-heart-pulse {
  animation: heart 2s infinite;
}
@-webkit-keyframes heart {
  0% {
    transform: scale(0.5);
  }
  100% {
    transform: scale(0.9);
  }
}
.laser-lover .es-product-price-discount {
  background-color: #e60737 !important;
}
/* -------------------------------------------------------------------------- */
/*                               Hide de preços                               */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                           Conout dow customizado                           */
/* -------------------------------------------------------------------------- */
.es-count-down {
  display: flex;
  align-items: center;
  font-size: 1.9rem;
  color: #0b006e;
}
.es-count-down span {
  margin-right: 20px;
}
.es-count-down .contador {
  font-weight: 700;
  font-size: 3.2rem;
  color: #0b006e;
}
@media (max-width: 992px) {
  .es-count-down .contador {
    font-size: 2.1rem;
  }
}
.img-position-gift {
  position: absolute;
  left: 50px;
  top: 20px;
  width: 200px;
  animation: mymove 8s infinite;
}
@keyframes mymove {
  0% {
    top: 20px;
    transform: scale(1);
  }
  50% {
    top: 300px;
    transform: scale(1.6);
  }
  100% {
    top: 20px;
    transform: scale(1);
  }
}
.words {
  color: #c23866;
  font-size: 0;
  line-height: 1.5;
  font-weight: 700;
}
.words span {
  font-size: 6rem;
  display: inline-block;
  animation: move 3s ease-in-out infinite;
}
@keyframes move {
  0% {
    transform: translate(-30%, 0);
    color: #FE8A95;
  }
  50% {
    text-shadow: 0 25px 50px rgba(0, 0, 0, 0.75);
    color: #c42c3c;
  }
  100% {
    transform: translate(30%, 0);
    color: #FE8A95;
  }
}
.words span:nth-child(2) {
  animation-delay: 0.5s;
}
.words span:nth-child(3) {
  animation-delay: 1s;
}
.words span:nth-child(4) {
  animation-delay: 1.5s;
}
.words span:nth-child(5) {
  animation-delay: 2s;
}
.words span:nth-child(6) {
  animation-delay: 2.5s;
}
.words span:nth-child(7) {
  animation-delay: 3s;
}
.gift-bg {
  background-position: right center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 762px) {
  .gift-bg {
    background-image: none !important;
  }
}
@media (max-width: 992px) {
  .dispositive-img {
    max-width: 200px;
  }
}
.get-section-action {
  position: relative;
  padding: 10px 25px;
  border-radius: 150px;
  background-color: #25D366;
  color: white;
  font-weight: 700;
  font-size: 2rem;
  line-height: 1;
  display: flex;
  align-items: center;
}
.get-section-action:hover {
  text-decoration: none;
  color: white;
}
.get-section-action i {
  margin-left: 20px;
}
.coming {
  display: flex;
}
.coming-left {
  width: 50%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.coming-right {
  width: 50%;
  min-height: 100vh;
  background-position: center;
  background-size: cover;
  background-image: url(https://www.esteticaclube.online/wp-content/uploads/2022/03/COVER_COMING.jpg);
}
.button-coming {
  display: inline-flex;
  padding: 10px 25px;
  font-size: 1.6rem;
  font-weight: 600;
  color: white;
  background-color: #25d366;
  margin-top: 40px;
  border-radius: 150px;
}
/* -------------------------------------------------------------------------- */
/*                               esconder itens                               */
/* -------------------------------------------------------------------------- */
.es-cart-qtd {
  visibility: hidden;
}
.es-promotion-infos {
  display: none;
}
.gift-animate {
  position: absolute;
  width: 400px;
  left: 50px;
}
@media (max-width: 992px) {
  .gift-animate {
    width: 300px;
  }
}
.geta-gift {
  margin-top: 260px !important;
}
.gift-animate-1 {
  animation: Card1 2s infinite;
}
.gift-animate-2 {
  transform: rotate(30deg);
  top: -76px;
  animation: Card2 8s infinite;
}
.gift-animate-3 {
  animation: Card3 5s infinite;
  transform: rotate(90deg);
  top: -113px;
  transition: 0.6s;
}
@keyframes Card1 {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(44, 204, 204, 0.4);
    box-shadow: 0 0 0 0 rgba(44, 185, 204, 0.4);
    transform: scale(1);
  }
  70% {
    -moz-box-shadow: 0 0 0 10px rgba(44, 204, 177, 0);
    box-shadow: 0 0 0 10px rgba(44, 204, 204, 0);
    transform: scale(1.1);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(44, 204, 191, 0);
    box-shadow: 0 0 0 0 rgba(44, 204, 191, 0);
    transform: scale(1);
  }
}
@keyframes Card2 {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(44, 204, 204, 0.4);
    box-shadow: 0 0 0 0 rgba(44, 185, 204, 0.4);
    transform: rotate(0deg);
  }
  70% {
    -moz-box-shadow: 0 0 0 10px rgba(44, 204, 177, 0);
    box-shadow: 0 0 0 10px rgba(44, 204, 204, 0);
    transform: rotate(30deg);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(44, 204, 191, 0);
    box-shadow: 0 0 0 0 rgba(44, 204, 191, 0);
    transform: rotate(0deg);
  }
}
@keyframes Card3 {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(44, 204, 204, 0.4);
    box-shadow: 0 0 0 0 rgba(44, 185, 204, 0.4);
    top: -113px;
  }
  70% {
    -moz-box-shadow: 0 0 0 10px rgba(44, 204, 177, 0);
    box-shadow: 0 0 0 10px rgba(44, 204, 204, 0);
    top: -90px;
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(44, 204, 191, 0);
    box-shadow: 0 0 0 0 rgba(44, 204, 191, 0);
    transform: rotate(-20deg);
    top: -143px;
  }
}
@media (max-width: 992px) {
  @keyframes Card3 {
    0% {
      -moz-box-shadow: 0 0 0 0 rgba(44, 204, 204, 0.4);
      box-shadow: 0 0 0 0 rgba(44, 185, 204, 0.4);
      top: -13px;
    }
    70% {
      -moz-box-shadow: 0 0 0 10px rgba(44, 204, 177, 0);
      box-shadow: 0 0 0 10px rgba(44, 204, 204, 0);
      top: -90px;
    }
    100% {
      -moz-box-shadow: 0 0 0 0 rgba(44, 204, 191, 0);
      box-shadow: 0 0 0 0 rgba(44, 204, 191, 0);
      transform: rotate(90deg);
      top: -13px;
    }
  }
}
.es-image-hover {
  transition: 0.6s;
}
.es-image-hover:hover {
  transform: scale(1.2);
  z-index: 9999 !important;
  border-top-left-radius: 80px;
}
.super-crop-left {
  border-radius: 20px;
  border-bottom-left-radius: 120px !important;
}
.super-crop-left:hover {
  border-bottom-left-radius: 20px !important;
}
.super-crop-right {
  border-radius: 20px;
  border-top-right-radius: 120px !important;
}
.super-crop-right:hover {
  border-bottom-right-radius: 20px !important;
}
.simple-radius {
  border-radius: 20px;
}
.col__img:hover {
  z-index: 999;
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOiCnqEu92Fr1Mu51QrIzc.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TjARc9.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu52xP.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51S7ABc9.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TzBhc9.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TLBBc9.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1MmgWxP.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5vAw.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Me5Q.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9vAw.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlvAw.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtvAw.ttf) format('truetype');
}
/* compatible mode */
html {
  width: 100% !important;
}
:root {
  font-size: 62.5%;
  --primary-color: #38B4C2;
  --primary-soft-color: #c8f8fc;
  --primary-dark-color: #16474d;
  --featured-color: #e40031;
  --store-discount: #8606e7;
  --titles-store: #16474d;
  --cancel-color: #ffb1b1;
  --union-font: 'Roboto', sans-serif;
  --union-font-raleway: 'Raleway', sans-serif;
  --title-color: #292929;
  --subtitle-color: #6e6e6e;
  --feature-primary-color: #ff932d;
  --feature-primary-color-text: #ffeedd;
  --app-height: 100%;
  --un-default-shadow: 0px 3px 6px rgba(0, 0, 0, 0.11);
}
.text-primary-color {
  color: var(--primary-color);
}
.text-alert-color {
  color: orange;
}
.un__modal__cancel {
  background-color: white;
  color: var(--primary-color);
  border: solid 2px var(--primary-color);
}
.set__config {
  position: fixed;
  z-index: 9;
}
/* -------------------------------------------------------------------------- */
/*                              Cards de listagem                             */
/* -------------------------------------------------------------------------- */
.un__card {
  position: relative;
  width: 100%;
  background-color: white;
  border-left-width: 6px;
  border-left-style: solid;
}
border .un__card__employer {
  font-size: 1.7rem;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  color: var(--subtitle-color);
}
.un__card__title {
  font-size: 1.7rem;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  color: var(--title-color);
}
.un__card__datetime {
  font-size: 1.7rem;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  color: var(--subtitle-color);
}
.un__card__list {
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.11);
  border-radius: 10px;
}
.un__card__list__remove {
  font-size: 3.2rem;
  color: #f2305f;
  position: absolute;
  right: 0px;
  top: 0px;
  cursor: pointer;
  z-index: 99;
}
.un__card__list__img {
  width: 80px;
  height: 80px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.11);
  border-radius: 10px;
  background-position: center;
  background-size: cover;
  position: absolute;
  left: -10px;
  top: calc(50% - 40px);
}
.un__card__list__body {
  padding-left: 10px;
  box-sizing: border-box;
  padding-right: 10px;
  padding-top: 10px;
}
.un__card__list__footer {
  padding: 10px;
  padding-left: 10px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.un__card__list__header {
  padding: 10px;
  padding-left: 10px;
  box-sizing: border-box;
}
.un__card__list__header__img {
  width: 80px;
  height: 80px;
  min-width: 80px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.11);
  border-radius: 10px;
  background-position: center;
  background-size: cover;
  margin-right: 10px;
}
.un__card__list__acc {
  padding-top: 15px;
  padding-bottom: 15px;
}
.un__card__list__acc .uk-accordion-title {
  font-size: 16px !important;
}
.un__card__list__employer {
  font-size: 16px;
  font-family: var(--union-font);
}
.un__card__list__employer__img {
  margin-right: 10px;
}
.un__card__list__label {
  font-size: 16px;
  font-family: var(--union-font);
  margin-bottom: 10px;
}
.un__card__list__acc__block {
  box-sizing: border-box;
}
.un__card__list__value {
  font-size: 1.6rem;
  font-family: var(--union-font);
  font-weight: 700;
}
.un__card__list__subvalue {
  font-size: 1.6rem;
  font-family: var(--union-font);
  font-weight: 300;
}
.un__card__list__next {
  display: flex;
  justify-content: space-between;
}
.un__card__list__next__icon {
  width: 40px;
  height: 40px;
  border-radius: 5px;
  background-color: var(--primary-color);
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 3.2rem;
}
.un__card__list__divider {
  width: 100%;
  border-bottom: solid 1px #dfdfdf;
  padding-bottom: 5px;
  padding-top: 5px;
}
.un__card__list__tag {
  padding: 2px 12px;
  border-radius: 150px;
  font-size: 1.6rem;
  font-weight: 700;
  font-family: var(--union-font);
  position: absolute;
  right: 5px;
  top: -15px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.152);
}
.un__card__list .uk-accordion-title::before {
  content: "\f067";
  font-size: 32px;
  color: var(--primary-color);
  background-image: none;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  width: 35px;
  height: 35px;
  border-radius: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--feature-primary-color);
  color: var(--feature-primary-color-text);
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.152);
}
.un__card__list .uk-open > .uk-accordion-title::before {
  content: "\f106";
  background-image: none;
}
.un__card__store {
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.11);
  border-radius: 10px;
  padding: 10px;
  box-sizing: border-box;
}
.un__card__store__title {
  font-size: 2rem;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  padding-top: 00px;
  margin-bottom: 20px;
}
.un__card__store__img {
  border-radius: 10px;
  background-position: center;
  background-size: cover;
  margin-top: 0px;
  margin-bottom: 10px;
  width: 100%;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.11);
}
.un__card__store__price__old {
  text-decoration: line-through;
  color: #cfcfcf;
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
}
.un__card__store__price__current {
  color: #1d1d1d;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
}
.un__card__store__info {
  padding-top: 10px;
  padding-bottom: 10px;
  box-sizing: border-box;
}
.un__card__store__price__featured {
  color: var(--primary-color);
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: 700;
}
.un__card__store__footer {
  padding-top: 10px;
  padding-bottom: 10px;
  box-sizing: border-box;
}
.un__card__store__button {
  display: flex;
  justify-content: center;
  padding: 8px 10px;
  box-sizing: border-box;
  background-color: var(--primary-color);
  color: white;
  font-family: 'Roboto', sans-serif;
  font-weight: 600;
  font-size: 12px;
  border-radius: 150px;
  border: none;
  width: 100%;
  cursor: pointer;
}
.un__card__store__button:hover {
  background-color: var(--primary-dark-color);
  text-decoration: none;
  color: white;
}
.un__card__store__description {
  font-family: 'Roboto', sans-serif;
  color: var(--primary-color);
  font-weight: 700;
}
/* -------------------------------------------------------------------------- */
/*                              Card do Carrinho                              */
/* -------------------------------------------------------------------------- */
.un__card__cart__extra {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
.un__card__cart__session {
  font-family: 'Roboto', sans-serif;
  color: #e0e0e0;
  font-weight: 600;
  font-size: 1.4rem;
}
.un__card__cart__price {
  font-family: 'Roboto', sans-serif;
  color: var(--primary-color);
  font-weight: 600;
  font-size: 16px;
}
.un__card__cart__qtd {
  display: flex;
}
.un__card__cart__qtd button {
  background-color: var(--primary-color);
  color: white;
  border: none;
  font-size: 22px;
  cursor: pointer;
}
.un__card__cart__qtd input {
  width: 50%;
  margin-left: 5px;
  margin-right: 5px;
}
.un__card__product {
  border-left: none;
}
.un__card__no__borded {
  border-left-width: 0px;
}
.un__card__av {
  position: relative;
}
.un__card__av__preview {
  width: 50%;
  height: 230px;
  background-position: center;
  background-size: cover;
  border-top-left-radius: 15px;
  position: relative;
}
.un__card__av__body {
  padding: 10px;
  box-sizing: border-box;
}
.un__card__price__label {
  font-family: var(--union-font);
  font-size: 1.6rem;
  font-weight: 300;
}
.un__card__price {
  font-family: var(--union-font);
  font-size: 1.9rem;
  font-weight: 700;
  color: var(--primary-dark-color);
}
.un__card__accordion__av {
  padding-left: 0px;
  padding-right: 0px;
}
.un__card__av__flag {
  background-color: orange;
  color: white;
  font-weight: 700;
  width: 200px;
  font-size: 1.8rem;
  padding: 5px;
  box-sizing: border-box;
  white-space: nowrap;
  text-overflow: ellipsis;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.152);
  right: -10px;
  padding-right: 20px;
  max-width: 100%;
  position: absolute;
  top: 5px;
}
.un__card__av__body {
  padding-top: 50px;
}
.un__card__av__footer {
  padding-top: 10px;
  padding-bottom: 10px;
  box-sizing: border-box;
  background-color: var(--primary-color);
  color: white;
  padding: 10px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}
.un__card__points {
  font-size: 1.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  width: 50px;
  margin-right: 20px;
  height: 50px;
  border-radius: 8px;
  color: white;
  background-color: #0004ff;
}
.un__card__info__label {
  font-size: 1.6rem;
  font-family: var(--union-font);
  font-weight: 700;
}
.un__card__av .un__button__text {
  color: var(--primary-color);
}
.un__card__av .un__card__title {
  font-size: 1.8rem;
  font-weight: 700;
}
.un__form__stack {
  display: flex;
  flex-wrap: wrap;
}
.un__form__stack .un__form__label {
  width: 100%;
}
.un__form__label {
  font-family: 'Roboto', sans-serif;
  font-size: 1.7rem;
  font-weight: 600;
  color: var(--title-color);
}
.un__form__input {
  height: 32px;
  border-radius: 150px;
  width: calc(100% - 20px);
  max-width: calc(100% - 20px);
  border: solid 1px #d6d6d6;
  font-size: 1.6rem;
}
.un__login__icon {
  font-size: 9rem;
  color: var(--primary-color);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 40px;
  margin-bottom: 40px;
}
/* -------------------------------------------------------------------------- */
/*                             paineis de conteúdo                            */
/* -------------------------------------------------------------------------- */
.un__panel {
  padding: 0px;
  box-sizing: border-box;
  border-radius: 10px;
  background-color: white;
  margin-top: 5px;
  width: 100%;
  position: relative;
}
.un__panel__transparent {
  background-color: transparent;
}
/* -------------------------------------------------------------------------- */
/*                                  Sections                                  */
/* -------------------------------------------------------------------------- */
.un__section__default {
  background-color: #FBFBFB;
  padding: 10px;
  box-sizing: border-box;
  width: 100%;
  position: relative;
  border-radius: 10px;
}
@media (min-width: 1367px) {
  .un__section__default {
    width: 70%;
    margin-left: unset !important;
  }
}
.un__section__inner {
  margin-top: 5px;
}
@media (min-width: 1367px) {
  .un__section__inner {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}
.un__title__primary {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 24px ;
  color: var(--title-color);
  width: 100%;
  text-align: center;
  line-height: 1.2em;
}
.un__title__light {
  font-weight: 300;
}
.un__title__area {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 1.9rem;
  color: var(--title-color);
}
.un__title__section {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 2.2rem;
  color: var(--title-color);
  width: 100%;
  line-height: 1.2em;
}
.un__text {
  font-size: 18px;
  font-family: 'Roboto', sans-serif;
  color: #292929;
  font-weight: 300;
}
.featured__text {
  padding: 0px 10px;
  margin: 0px 5px;
  display: inline-flex;
  border-radius: 5px;
  background-color: var(--primary-color);
  color: white;
  box-sizing: border-box;
}
.un__text {
  font-size: 1.8rem;
}
.un__tab__details li {
  font-size: 1.6rem;
}
.un__tab__details li a {
  font-size: 1.6rem;
}
.un__tab__details .uk-active a {
  border-bottom-width: 6px ;
}
.product__description {
  font-size: 1.6rem;
}
.un__section__text__title {
  font-size: 3rem;
  font-weight: 900;
  font-family: var(--union-font-raleway);
  color: var(--primary-dark-color);
}
.un__section__text__description {
  font-size: 1.8rem;
  font-weight: 300;
  font-family: var(--union-font-raleway);
  color: var(--primary-dark-color);
}
.un__scheduling__action {
  font-size: 1.8rem;
  font-weight: 700;
  color: var(--primary-color);
  font-family: 'Roboto', sans-serif;
  /*padding-left: 27px;*/
}
.un__scheduling__icon {
  font-size: 3rem;
  color: #036a6a;
  margin-right: 15px;
}
.un__scheduling__button {
  width: 100%;
  padding: 10px 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--primary-color);
  border: solid 1px var(--primary-color);
  box-sizing: border-box;
  font-weight: 700;
  font-family: 'Roboto', sans-serif;
  font-size: 2rem;
  border-radius: 10px;
}
.un__scheduling__button:hover {
  text-decoration: none;
  color: var(--primary-dark-color);
}
.un__scheduling__button span {
  font-size: 28px;
  color: orange;
}
.un__button {
  border-radius: 150px;
  border: none;
  padding: 10px 25px;
  box-sizing: border-box;
  cursor: pointer;
  text-decoration: none;
}
.un__button:hover {
  text-decoration: none;
}
.un__button__nested .uk-accordion-content {
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}
.un__button__nested:hover {
  text-decoration: none;
}
.un__button__text {
  background-color: transparent;
  border: none;
  padding: 5px 16px;
  border-radius: 150px;
  font-size: 16px;
  font-weight: 700;
  font-family: var(--union-font);
  cursor: pointer;
}
.un__button__text i {
  margin-right: 16px;
  font-size: 28px;
}
.un__button__text:hover {
  text-decoration: none;
}
.un__button__text__icon__left {
  background-color: transparent;
  border: none;
  padding: 5px 16px;
  border-radius: 150px;
  font-size: 16px;
  font-weight: 700;
  font-family: var(--union-font);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.un__button__text__icon__left i {
  margin-right: 16px;
  font-size: 28px;
}
.un__button__text__icon__left:hover {
  text-decoration: none;
}
.un__button__default {
  background-color: var(--primary-color);
  color: white;
  font-family: var(--union-font);
  font-weight: 700;
  padding: 10px 25px;
  box-sizing: border-box;
  font-size: 1.6rem;
  min-width: 200px;
}
.un__button__default:hover {
  text-decoration: none;
}
.un__button__border {
  background-color: transparent;
  color: var(--primary-color);
  font-family: var(--union-font);
  font-weight: 600;
  border: solid 2px var(--primary-color);
  font-size: 1.6rem;
}
.un__button__border:hover {
  text-decoration: none;
}
.un__button__icon__right {
  background-color: var(--primary-color);
  color: white;
  font-family: var(--union-font);
  font-weight: 600;
  font-size: 1.6rem;
}
.un__button__icon__right i {
  font-size: 28px;
  margin-left: 40px;
}
.un__button__icon__left {
  background-color: var(--primary-color);
  color: white;
  font-family: var(--union-font);
  font-weight: 600;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.un__button__icon__left i {
  font-size: 28px;
  margin-right: 20px;
}
.un__button__icon__left:hover {
  text-decoration: none;
}
.un__button__dash {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px;
  box-sizing: border-box;
  font-size: 2.2rem;
  font-weight: 700;
  color: var(--primary-color);
  font-family: var(--union-font);
}
.un__button__dash:hover {
  text-decoration: none;
}
.un__button__dash i {
  font-size: 32px;
  color: var(--primary-color);
}
.un__button__small {
  border-radius: 150px;
  padding: 0px 20px;
  box-sizing: border-box;
  cursor: pointer;
  text-decoration: none;
}
.float__cart {
  position: fixed;
  bottom: 75px;
  right: 20px;
  background-color: var(--primary-color);
  color: white;
  z-index: 9;
  padding: 8px 25px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.6rem;
  font-weight: 700;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.15);
}
.float__cart__icon {
  font-size: 2.8rem;
  margin-right: 20px;
}
.float__cart__count {
  font-size: 1.8rem;
}
.catalogs__view {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px 8px;
  box-sizing: border-box;
  background-color: var(--primary-color);
  color: white;
  font-family: var(--union-font);
  font-weight: 700;
  border: none;
  border-radius: 150px;
  font-size: 1.6rem;
}
.catalogs__share {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px 8px;
  box-sizing: border-box;
  background-color: white;
  color: var(--primary-color);
  font-family: var(--union-font);
  font-weight: 700;
  border: solid 2px var(--primary-color);
  border-radius: 150px;
  font-size: 1.6rem;
}
.share-button {
  z-index: 90;
}
.es-fab-button {
  z-index: 90;
}
.es-directory-tab {
  z-index: 88;
}
.catalogs__card__natal {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* -------------------------------------------------------------------------- */
/*                  Area de compartilhamento indique e ganhe                  */
/* -------------------------------------------------------------------------- */
.un__gift__icon {
  font-size: 82px;
  line-height: 1;
  color: var(--primary-color);
  margin-bottom: 20px;
}
.un__gift__title {
  font-family: 'Roboto', sans-serif;
  color: black;
  font-size: 22px;
  font-weight: 700;
}
.un__gift__description {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: 300;
  margin-top: 20px;
}
.un__gift__form {
  position: relative;
  display: flex;
  margin-top: 30px;
}
.un__gift__input {
  border: none;
  background-color: #d6d6d6;
  height: 32px;
  width: 100%;
  border-radius: 150px;
}
.un__gift__form__button {
  position: absolute;
  right: 20px;
  z-index: 99;
  color: var(--primary-color);
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  background-color: transparent;
  border: none;
  top: 8px;
}
.un__gift__social__button {
  border: none;
  width: 100%;
  padding: 10px 25px;
  border-radius: 150px;
  font-size: 1.8rem;
  font-weight: 700;
}
/* -------------------------------------------------------------------------- */
/*                          Nav Header do Aplicativo                          */
/* -------------------------------------------------------------------------- */
.un__nav {
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.11);
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 8px;
  padding-bottom: 8px;
  box-sizing: border-box;
  height: 70px;
  display: flex;
  align-items: center;
}
.un__nav__toggle {
  background-color: transparent;
  font-size: 32px;
  padding: 0px;
  color: var(--primary-color);
  border: none;
  margin-right: 10px;
  cursor: pointer;
}
.un__nav__icon {
  font-size: 32px;
  color: var(--primary-color);
  margin-left: 20px;
}
.un__nav__label {
  word-wrap: normal;
  font-size: 12px;
  font-weight: 700;
  font-family: 'Roboto', sans-serif;
}
.un__nav__logo img {
  width: auto;
  /** max-height: 70px; **/
}
.un__section__nav {
  width: 100%;
}
.un__nav__logo {
  width: 100%;
}
/* menu de navegação */
.un__menu__item {
  font-family: var(--union-font);
  font-size: 1.6rem;
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
}
.un__menu__icon {
  font-size: 3.2rem;
  width: 38px;
  height: 38px;
  border-radius: 8px;
  background-color: white;
  color: #535353 !important;
}
.un__menu__divisor {
  font-family: var(--union-font);
  font-size: 1.5rem;
  display: flex;
  align-items: center;
  color: #c9c9c9;
  font-weight: 600;
  margin-top: 30px;
  margin-bottom: 20px;
}
.un__menu__tag {
  padding: 2px 8px;
  box-sizing: border-box;
  border-radius: 105px;
  font-size: 1.3rem;
  position: absolute;
  right: 0px;
}
.un__footer__canva {
  position: relative;
  bottom: 0px;
  left: 0px;
  padding: 0px 0px;
  height: 80px;
  box-sizing: border-box;
  border-top: solid 1px #dbdbdb;
  width: 100%;
  color: #535353 !important;
  padding-left: 20px;
  padding-right: 20px;
  background-color: white;
  display: flex;
  align-items: center;
}
.un__footer__canva .un__canva__pic {
  border-radius: 8px;
  width: 50px;
  height: 50px;
}
/*
.un__canva__content {
    overflow-y: auto;

    margin-bottom: 90px;
    max-height: 86%;
    position: absolute;
   
}
.un__canva{
    overflow: hidden !important;
}
*/
.un__canva__header {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background-color: white;
  z-index: 99;
}
.un__footer__canva {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  background-color: white;
  z-index: 99;
}
/* -------------------------------------------------------------------------- */
/*                      Visualização do aplicativo/telas                      */
/* -------------------------------------------------------------------------- */
.un__app__view {
  padding: 10px;
  box-sizing: border-box;
}
.un__cart__view {
  padding-bottom: 250px;
}
.un__checkout__view {
  padding-bottom: 250px;
}
.un__single__view {
  padding-bottom: 250px;
}
.app__home__page__view {
  padding-bottom: 40px;
}
/* -------------------------------------------------------------------------- */
/*                              grid do diretório                             */
/* -------------------------------------------------------------------------- */
.un__directory__grid {
  margin-top: 40px;
}
/* -------------------------------------------------------------------------- */
/*                                  Paginação                                 */
/* -------------------------------------------------------------------------- */
.un__pagination {
  margin-top: 40px;
  width: 100%;
  display: flex;
  justify-content: center;
}
.un__pagination__wrap {
  list-style: none;
  padding: 0px;
  margin: 0px;
  display: flex;
}
.un__pagination__list {
  padding: 8px;
  box-sizing: border-box;
}
.un__pagination__item {
  display: flex;
  width: 35px;
  height: 35px;
  line-height: 1;
  justify-content: center;
  align-items: center;
  border: solid 2px var(--primary-color);
  color: var(--primary-color);
  border-radius: 150px;
}
.un__pagination__item:hover {
  text-decoration: none;
}
.un__current__page {
  background-color: var(--primary-color);
  color: white;
}
/* -------------------------------------------------------------------------- */
/*                             Carrinho de compras                            */
/* -------------------------------------------------------------------------- */
.un__cart__products {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.un__cart__products__list {
  margin-bottom: 20px;
}
/* -------------------------------------------------------------------------- */
/*                            Seletores de seleção                            */
/* -------------------------------------------------------------------------- */
.un__selector__label {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  line-height: 1;
  color: #535353;
}
.un__selector__radio input {
  width: 25px;
  height: 25px;
}
/* -------------------------------------------------------------------------- */
/*                          breadcrumbs do aplicativo                         */
/* -------------------------------------------------------------------------- */
.un__breadcrumbs {
  display: flex;
  list-style: none;
  margin: 0px;
  padding: 0px;
  margin-bottom: 5px;
}
.un__breadcrumbs__item {
  font-family: 'Roboto', sans-serif;
  font-size: 19px;
  font-weight: 300;
  margin-right: 10px;
  box-sizing: border-box;
}
.un__breadcrumbs__item::after {
  content: "-";
}
.un__breadcrumbs__item:last-child::after {
  content: '';
}
.un__breadcrumbs__current {
  font-family: 'Roboto', sans-serif;
  font-size: 19px;
  font-weight: 700;
  color: var(--primary-color);
}
/* -------------------------------------------------------------------------- */
/*                               Elementos fixos                              */
/* -------------------------------------------------------------------------- */
.AppStoreCartMenuParent {
	width: 100%;
    max-width: 100%;	
}
.un__app__view {
	width: 100%;
    max-width: 100%;
}
@media (min-width: 992px) {
  .un__app__view {
    width: 70%;
    max-width: 70%;
    margin: 0 auto;
  }
  .AppStoreCartMenuParent {
  }
}
.menu__bigger__checkout {
	top: 0px;
	width: 100% !important;
	position: fixed;
	background: rgba(0,0,0,.6);
	z-index: 1010;
	height: 100%;
}
.menu__bigger__checkout div {
	background: white;
}

.un__fixed__actions {
  padding: 20px;
  box-sizing: border-box;
  position: fixed;
  bottom: 0px;
  box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.15);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  width: 100%;
  background-color: white;
  z-index: 99;
}
.un__fixed__title {
  font-family: 'Roboto', sans-serif;
  color: var(--primary-color);
  font-weight: 600;
  font-size: 1.8rem;
}
.un__fixed__info {
  font-family: 'Roboto', sans-serif;
  color: var(--primary-color);
}
.un__fixed__cart__total {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
.un__fixed__label {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: 300;
  color: #292929;
}
.un__fixed__value {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: 700;
}
.un__fixed__cart__cupom__info {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  color: var(--primary-color);
  font-weight: 300;
}
.un__fixed__cart__parcel {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  color: var(--primary-color);
  font-weight: 700;
}
.un__fixed__footer {
  margin-top: 20px;
}
.un__fixed__button {
  display: flex;
  padding: 8px 10px;
  box-sizing: border-box;
  justify-content: space-between;
  align-items: center;
  border-radius: 150px;
  font-weight: 700;
  color: white;
  width: 100%;
  font-size: 1.7rem;
  background-color: var(--primary-color);
}
.un__fixed__button:hover {
  text-decoration: none;
  background-color: var(--primary-dark-color);
  color: white;
}
.un__fixed__button span {
  font-size: 22px;
  width: 28px;
  height: 28px;
  background-color: white;
  border-radius: 150px;
  color: var(--primary-color);
  display: flex;
  align-items: center;
  justify-content: center;
}
.un__fixed__cart__cupom__info {
  margin-top: 20px;
}
/* -------------------------------------------------------------------------- */
/*                                 Pagamentos                                 */
/* -------------------------------------------------------------------------- */
.un__pay__format {
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.11);
  border-radius: 8px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
  box-sizing: border-box;
  font-size: 16px;
  position: relative;
}
.un__pay__radio {
  position: absolute;
  right: 0px;
  width: 20px;
  height: 20px;
}
.un__pay__accordion .uk-accordion-title::before {
  background-image: none;
  content: '\f107';
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: var(--primary-color);
}
.un__pay__accordion .uk-open > .uk-accordion-title::before {
  background-image: none;
  content: '\f106';
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: var(--primary-color);
}
.un__pay__accordion .uk-open a {
  background: #d7f8fa;
  border: solid 3px var(--primary-color);
}
.un__checkout__resume table {
  border-top-left-radius: 10px !important;
  border-top-right-radius: 10px !important;
  background-color: white;
}
.un__checkout__resume thead {
  background: var(--primary-color);
  color: white;
  font-family: 'Roboto', sans-serif;
  border-top-left-radius: 10px !important;
  border-top-right-radius: 10px !important;
}
.un__checkout__resume thead th {
  color: white !important;
}
.un__checkout__resume__img {
  width: 25px;
  min-width: 25px;
  height: 25px;
  border-radius: 150px;
  margin-right: 10px;
  background-position: center;
  background-size: cover;
}
.un__checkout__resume__name {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 12px;
}
.un__checkout__resume__sessions {
  font-size: 10px;
  font-family: 'Roboto', sans-serif;
  color: #d1d1d1;
}
.un__checkout__resume__value {
  font-size: 12px;
  font-weight: 600;
  color: var(--primary-color);
}
.un__checkout__resume__icon {
  color: var(--primary-color);
  font-size: 19px;
}
.un__checkout__resume__cupom {
  display: flex;
  position: relative;
  justify-content: center;
}
.un__checkout__resume__cupom input {
  border-radius: 150px;
  width: 100%;
  height: 32px;
  border: solid 1px #e6e6e6;
  padding-left: 20px;
}
.un__checkout__resume__cupom button {
  position: absolute;
  background-color: transparent;
  color: var(--primary-color);
  border: none;
  right: 20px;
  cursor: pointer;
  height: 32px;
  display: flex;
  align-items: center;
}
.un__checkout__tanks {
  min-height: 90vh;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.un__checkout__tanks__icon {
  font-size: 82px;
  color: var(--primary-color);
}
.un__checkout__tanks__name {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  color: var(--primary-dark-color);
  margin-top: 20px;
  font-size: 32px;
}
.un__single__title {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  color: var(--title-color);
  font-size: 2.4rem;
  margin-top: 30px;
}
.un__single__prices {
  margin-top: 30px;
}
.un__single__price__old {
  font-family: 'Roboto', sans-serif;
  color: #cecece;
  text-decoration: line-through;
  font-size: 1.5rem;
}
.un__single__price__current {
  font-family: 'Roboto', sans-serif;
  color: black;
  font-size: 1.9rem;
}
.un__single__price__featured {
  font-family: 'Roboto', sans-serif;
  font-size: 42px;
  font-weight: 700;
  color: var(--primary-color);
}
.un__single__expecifications {
  list-style: none;
  margin: 0px;
  padding: 0px;
  text-align: left;
}
.un__single__expecifications li {
  font-family: 'Roboto', sans-serif;
  font-size: 19px;
}
.un__single__expecifications li::before {
  content: '\f560';
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 20px;
  color: var(--primary-color);
}
.un__single__price__label {
  font-size: 1.6rem;
}
.un__table__label {
  font-family: 'Roboto', sans-serif;
  font-weight: 600;
  color: black;
}
.un__tab__details {
  flex-wrap: nowrap !important;
}
.fixed__single__price {
  font-family: 'Roboto', sans-serif;
  color: var(--primary-color);
  font-size: 19px;
}
.fixed__single__price span {
  font-size: 24px;
}
.fixed__single__description {
  font-family: 'Roboto', sans-serif;
  color: var(--primary-color);
  font-size: 16px;
  font-weight: 300;
}
/* -------------------------------------------------------------------------- */
/*                                 Meus dados                                 */
/* -------------------------------------------------------------------------- */
.un__prifile__pic {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 40px;
}
.un__profile__pic__img {
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 42px;
  background-position: center;
  background-size: cover;
  border-radius: 150px;
}
.un__profile__pic__instruct {
  font-family: 'Roboto', sans-serif;
  color: var(--primary-color);
  font-size: 16px;
  font-weight: 300;
  margin-top: 20px;
}
/* -------------------------------------------------------------------------- */
/*                        sistema de login da home page                       */
/* -------------------------------------------------------------------------- */
.un__login__button {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 90px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.11);
  background-color: white;
  border-radius: 8px;
  padding: 0px 15px;
  box-sizing: border-box;
  color: var(--primary-color);
}
.un__login__button:hover {
  text-decoration: none;
  color: var(--primary-dark-color);
}
.un__login__button__title {
  font-family: var(--primary-color);
  font-weight: 700;
  font-size: 22px;
}
.un__login__button__icon {
  font-size: 32px;
}
.un__login__button__wrap {
  padding: 5px;
  box-sizing: border-box;
}
.un__login__actions {
  margin-top: -40px;
}
/* -------------------------------------------------------------------------- */
/*                        Off canvas de menu do usuário                       */
/* -------------------------------------------------------------------------- */
.un__canva {
  background-color: white !important;
}
.un__canva__content ul li a, .ob-widget__title, .opening-hour-wrap {
  color: #3f3f3f !important;
}
.un__canva__content {
  padding-left: 30px;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}
.un__canva__pic {
  width: 35px;
  height: 35px;
  background-position: center;
  background-size: cover;
  margin-right: 20px;
  border-radius: 150px;
}
.un__canva__user__name {
  font-size: 16px;
  font-family: 'Roboto', sans-serif;
  font-weight: 600;
}
.un__canva__profile {
  display: flex;
  align-items: center;
}
.un__canva__header {
  margin-bottom: 10px;
}
/* -------------------------------------------------------------------------- */
/*                             Açõesd do dashboard                            */
/* -------------------------------------------------------------------------- */
.un__dash__action {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.11);
  border-radius: 8px;
  height: 63px;
  padding: 0px 25px;
  box-sizing: border-box;
  font-size: 16px;
  font-weight: 700;
  color: var(--primary-color);
}
.un__dash__action__icon {
  font-size: 32px;
}
.un__dash__action:hover {
  text-decoration: none;
  color: var(--primary-dark-color);
}
.apc__modal__drower .uk-modal-dialog {
  margin-bottom: 0px !important;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
@media (min-width: 1280px) {
  .apc__modal__drower .uk-modal-dialog {
    min-width: 70%;
  }
}
.apc__modal__drower__content {
  padding-top: 90px;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  padding-bottom: 40px;
}
.uk-modal-dialog,
.uk-modal {
  transition-duration: 0s;
}
.un__sheet {
  border-radius: 10px;
}
.un__sheet .uk-modal-dialog {
  border-radius: 10px;
}
.un__sheet .uk-modal-body {
  max-height: calc(var(--app-height) - 10%);
  overflow-y: auto;
  position: relative;
  padding-bottom: 82px;
}
.un__sheet__content {
  max-height: calc(var(--app-height) - 10%);
  overflow-y: auto;
  position: relative;
  padding-bottom: 82px;
}
.un__sheet__footer {
  position: sticky;
  width: 100%;
  left: 0px;
  bottom: 0px;
  padding: 10px;
  background-color: white;
  box-sizing: border-box;
  border-top: solid 2px var(--primary-color);
  padding-bottom: 40px;
}
.un__sheet__title {
  font-size: 2rem;
  font-family: 'Roboto', sans-serif;
  font-weight: 600;
  color: var(--subtitle-color);
}
.un__sheet__header {
  margin-bottom: 15px;
}
.un__sheet__aditional {
  font-size: 2rem;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  color: var(--subtitle-color);
}
.un__sheet__app {
  border-radius: 10px;
}
.un__sheet__app .uk-modal-dialog {
  border-radius: 10px;
}
.un__sheet__app__content {
  max-height: calc(var(--app-height) - 10%);
  overflow-y: auto;
  position: relative;
  padding-bottom: 82px;
}
.un__sheet__app__footer {
  position: sticky;
  width: 100%;
  left: 0px;
  bottom: 0px;
  padding: 10px;
  background-color: white;
  box-sizing: border-box;
  border-top: solid 2px var(--primary-color);
}
.un__sheet__app__title {
  font-size: 2rem;
  font-family: 'Roboto', sans-serif;
  font-weight: 600;
  color: var(--subtitle-color);
}
.un__sheet__app__header {
  margin-bottom: 15px;
}
.un__sheet__app__aditional {
  font-size: 2rem;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  color: var(--subtitle-color);
}
.apc__modal__drower__content {
  max-height: calc(var(--app-height) - 40%);
  overflow-y: auto;
}
.apc__pack > li {
  border: solid 1px #b2f0f8;
  border-radius: 20px;
  padding: 20px 10px;
}
.apc__pack__name {
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: var(--primary-color);
}
.apc__pack__price {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: 300;
  display: inline-flex;
}
.apc__pack__label {
  font-family: 'Roboto', sans-serif;
  font-size: 1.8rem;
  font-weight: 300;
}
.apc__pack__value {
  font-family: 'Roboto', sans-serif;
  font-size: 1.6rem;
  font-weight: 700;
}
.apc__pack__header {
  position: relative;
}
.apc__pack__signature__check {
  width: 15px;
  height: 15px;
  border-radius: 150px;
  background-color: var(--primary-color);
  position: absolute;
  left: 0px;
  top: -5px;
}
.apc__pack__signed {
  font-size: 1.9rem;
  font-weight: 400;
  color: #d8d8d8;
}
.apc__pack__notsigned {
  font-size: 1.9rem;
  font-weight: 400;
  color: #ff932d;
}
.apc__pack .uk-accordion-title::before {
  content: "\f067";
  font-size: 32px;
  color: var(--primary-color);
  background-image: none;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  width: 35px;
  height: 35px;
  border-radius: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--feature-primary-color);
  color: var(--feature-primary-color-text);
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.152);
}
.apc__pack .uk-open > .uk-accordion-title::before {
  content: "\f106";
  background-image: none;
}
.apc__pack__sessions__header {
  border-radius: 10px;
  border: solid 1px #e4e4e4;
}
.apc__pack__sessions__list {
  position: relative;
}
.apc__pack__session__header {
  padding: 7px;
  border-radius: 10px;
  border: solid 1px #e4e4e4;
  cursor: pointer;
}
.apc__pack__session__name {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 16px;
}
.apc__pack__session__name span {
  font-family: 'Roboto', sans-serif;
  color: var(--primary-color);
  font-weight: 700;
}
.apc__pack__session__cancel {
  border: solid 1px #ffc0c0;
  color: #ffc0c0;
  border-radius: 150px;
  padding-right: 10px;
  padding-left: 10px;
  font-size: 1.6rem;
  box-sizing: border-box;
  background-color: transparent;
}
.apc__pack__session__date {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: 300;
}
.apc__pack__session__date span {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: 700;
}
.apc__pack__session__signature__label {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 16px;
  margin-top: 15px;
}
.apc__pack__session__signature__render {
  height: 89px;
  border-radius: 20px;
  border: solid 1px #c9c9c9;
  margin-top: 15px;
  padding: 15px;
  box-sizing: border-box;
}
.apc__agendar .apc__pack__session__acttion button {
  background-color: transparent;
  border-radius: 150px;
  padding-left: 10px;
  padding-right: 10px;
  box-sizing: border-box;
  border: solid 1px var(--primary-color);
  font-weight: 700;
  color: var(--primary-color);
  line-height: 1;
  cursor: pointer;
}
.apc__agendar .apc__pack__session__acttion a {
  background-color: transparent;
  border-radius: 150px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  box-sizing: border-box;
  border: solid 1px var(--primary-color);
  font-weight: 700;
  color: var(--primary-color);
  line-height: 1;
  cursor: pointer;
  display: flex;
  font-size: 1.6rem;
}
.apc__agendar .apc__pack__session__acttion a:hover {
  text-decoration: none;
}
.apc__realizado .apc__pack__session__name {
  color: #d4d4d4;
}
.apc__realizado .apc__pack__session__name span {
  color: #d4d4d4;
}
.apc__realizado .apc__pack__session__acttion button {
  background-color: transparent;
  border-radius: 150px;
  padding-left: 10px;
  padding-right: 10px;
  box-sizing: border-box;
  border: solid 0px var(--primary-color);
  font-weight: 700;
  color: #d4d4d4;
  line-height: 1;
}
.apc__realizado .apc__pack__session__acttion a {
  background-color: transparent;
  border-radius: 150px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  box-sizing: border-box;
  border: solid 0px var(--primary-color);
  font-weight: 700;
  color: #d4d4d4;
  line-height: 1;
  display: flex;
  font-size: 12px;
}
.apc__realizado .apc__pack__session__acttion a:hover {
  text-decoration: none;
}
.apc__agendado .apc__pack__session__name {
  color: #ff9f29;
}
.apc__agendado .apc__pack__session__name span {
  color: #ff9f29;
}
.apc__agendado .apc__pack__session__acttion button {
  background-color: transparent;
  border-radius: 150px;
  padding-left: 10px;
  padding-right: 10px;
  box-sizing: border-box;
  border: solid 0px var(--primary-color);
  font-weight: 700;
  color: #ff9f29;
  line-height: 1;
}
.apc__agendado .apc__pack__session__acttion a {
  background-color: transparent;
  border-radius: 150px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  box-sizing: border-box;
  border: solid 0px var(--primary-color);
  font-weight: 700;
  color: #ff9f29;
  line-height: 1;
  display: flex;
  font-size: 12px;
}
.apc__agendado .apc__pack__session__acttion a:hover {
  text-decoration: none;
}
.apc__pack__float__status {
  position: absolute;
  padding: 2px 10px;
  border-radius: 105px;
  top: -10px;
  right: -10px;
  z-index: 99;
  font-size: 1.3rem;
}
.apc__pack__item {
  position: relative;
}
.apc__pack__item .apc__pack__header {
  position: static;
}
.apc__pack__item .apc__pack__price {
  margin-top: 20px;
}
.apc__pack__button {
  padding: 8px 20px;
  box-sizing: border-box;
  border-radius: 150px;
  border: none;
  font-size: 1.5rem;
  font-weight: 600;
}
.apc__pack__button__small {
  padding: 4px 20px;
  box-sizing: border-box;
  border-radius: 150px;
  border: none;
  font-size: 1.4rem;
  font-weight: 600;
}
.apc__pack__button__default {
  padding: 8px 20px;
  box-sizing: border-box;
  border-radius: 150px;
  border: none;
  font-size: 1.4rem;
  font-weight: 600;
  background-color: var(--primary-color);
}
.apc__pack__service__img {
  width: 40px;
  min-width: 40px;
  height: 40px;
  border-radius: 150px;
  background-position: center;
  background-size: cover;
  margin-right: 20px;
}
.apc__pack__service__date {
  font-family: 'Roboto', sans-serif;
  font-size: 1.6rem;
  font-weight: 300;
}
.apc__pack__service__date span {
  font-family: 'Roboto', sans-serif;
  font-size: 1.6rem;
  font-weight: 700;
}
.apc__pack__service__name {
  font-family: 'Roboto', sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis ;
  max-width: 200px;
}
.apc__pack__session__count {
  padding: 5px;
  border-radius: 150px;
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  position: absolute;
  right: -8px;
  top: -8px;
  font-size: 1.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.apc__pack__session__service {
  position: relative;
}
.apc__service__status {
  padding: 2px 16px;
  border-radius: 150px;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 999;
}
.apc__pack__service {
  position: relative;
}
.apc__input {
  font-size: 1.6rem;
}
.apc__service__booked .apc__pack__service__date {
  color: var(--primary-color);
  border-radius: 150px;
  border: solid 1px var(--primary-color);
  padding: 2px 16px;
  box-sizing: border-box;
  display: inline-flex;
  margin-top: 10px;
}
.apc__service__booked .apc__pack__service__img {
  border: solid 2px var(--primary-color);
}
.apc__service__NoBooked .apc__pack__service__date {
  color: orange;
  border-radius: 150px;
  border: solid 1px orange;
  padding: 2px 16px;
  box-sizing: border-box;
  display: inline-flex;
  margin-top: 10px;
}
.apc__service__NoBooked .apc__pack__service__img {
  border: solid 2px orange;
}
.apc__pack__down {
  border-color: #ffdea2;
  border-width: 3px;
  width: 80px;
}
.apc__table thead tr th {
  font-size: 1.6rem;
  font-weight: 400;
}
.apc__pack__cli__img {
  width: 50px;
  height: 50px;
  min-width: 50px;
  border-radius: 150px;
  background-position: center;
  background-size: cover;
}
.apc__pack__cli__name {
  font-size: 1.6rem;
  font-weight: 300;
}
.un__app__calendar {
  padding-bottom: 60px;
}
.un__booking__selects {
  display: flex;
  justify-content: center;
  padding: 10px 20px;
  box-sizing: border-box;
  border-radius: 150px;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  border: var(--primary-dark-color);
  color: var(--primary-dark-color);
  font-size: 1.6rem;
  background: transparent;
  border-width: 1px;
  border: 1px solid;
}
.un__booking__selects:hover {
  color: white;
  text-decoration: none;
}
.un__progress__booking {
  width: 100%;
  display: flex;
  padding: 10px 25px;
  background-color: var(--primary-color);
  color: white;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  text-align: center;
  box-sizing: border-box;
  justify-content: center;
  position: fixed;
  left: 0px;
  bottom: 0px;
  font-size: 1.9rem;
}
.un__progress__booking:hover {
  color: white;
  text-decoration: none;
}
.un__booking {
  /*Calendário*/
  /*seletor de horário*/
  /* CONFIRMAÇÃO DE AGENDAMENTO*/
}
.un__booking__session {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: 300;
  margin-left: 20px;
  font-weight: bold;
}
.un__booking__session span {
  font-size: 14px;
  color: #a1a1a1;
  font-weight: 400;
}
.un__booking__nav {
  margin-bottom: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.un__booking__nav a {
  font-size: 32px;
  color: var(--primary-color);
}
.un__booking__nav a:hover {
  text-decoration: none;
}
.un__booking__nav span {
  font-size: 16px;
  font-weight: 700;
  color: var(--primary-color);
}
.un__booking__list__prof {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.un__booking__list__prof li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 25px;
}
.un__booking__prof__pic {
  width: 50px;
  min-width: 50px;
  height: 50px;
  border-radius: 105px;
  margin-right: 10px;
  background-position: center;
  background-size: cover;
}
.un__booking__prof__name {
  font-family: 'Roboto', sans-serif;
  font-size: 19px;
  font-weight: 700;
  color: var(--primary-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
}
.un__booking__prof__sector {
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
.un__booking__prof__sector::before {
  content: '';
  width: 26px;
  min-width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 150px;
  background-color: white;
  border: solid 1px var(--primary-color);
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
.un__booking__prof__sector:checked::before {
  content: '\f00c';
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 25px;
  line-height: 1;
  width: 26px;
  min-width: 26px;
  height: 26px;
  border-radius: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #e6fffd;
  border: solid 1px var(--primary-color);
  color: var(--primary-color);
}
.un__booking__calendar {
  margin-top: 30px;
}
.un__booking__date {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}
.un__booking__date .current {
  background-color: var(--primary-color);
  color: white;
}
.un__booking__pan__date {
  padding-left: 50px;
  padding-right: 50px;
  box-sizing: border-box;
}
.un__booking__date__label {
  color: var(--primary-color);
   width: 100%;
   height: 30px;
   background: rgb(245, 245, 255);
   display: flex;
   align-items: center;
   justify-content: center;
   font-family: 'Roboto', sans-serif;
   font-size: 14px;
   font-weight: 700;
   color: var(--ob-color-black);
   margin-bottom: 8px;
}
.un__booking__date__number {
  color: var(--primary-color);
    width: 100%;
    height: 30px;
    background: rgb(255, 255, 255);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 700;
}
.un__booking__monthly__label {
  color: var(--primary-color);
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 12px;
}
.un__booking__time__list {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.un__booking__time__list li {
  border-bottom: solid 1px var(--primary-soft-color);
  padding: 8px 0px;
  box-sizing: border-box;
}
.un__booking__time__item {
  display: flex;
  align-items: center;
}
.un__booking__time__selector {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 30px;
  cursor: pointer;
}
.un__booking__time__selector::before {
  content: '';
  width: 30px;
  height: 30px;
  min-width: 30px;
  border-radius: 150px;
  border: solid 1px var(--primary-soft-color);
  background-color: white;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
.un__booking__time__selector:checked::before {
  content: '\f00c';
  width: 30px;
  height: 30px;
  min-width: 30px;
  border-radius: 150px;
  border: solid 1px var(--primary-color);
  background-color: var(--primary-color);
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  line-height: 1;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
.un__booking__time__label {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 16px;
}
.un__booking__confirm {
  margin-top: 30px;
}
.un__booking__confirm__block {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.un__booking__confirm__label {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: 300;
}
.un__booking__confirm__info {
  font-family: 'Roboto', sans-serif;
  font-size: 17px;
  font-weight: 700;
}
.un__booking__confirm__changer {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: var(--primary-color);
}
.un__slider__title {
  font-size: 1.9rem;
  margin-bottom: 20px;
  font-family: var(--union-font);
  font-weight: 600;
}
.un__count__down .uk-countdown-number {
  font-variant-numeric: tabular-nums;
  font-size: 3rem;
  line-height: 2;
  font-weight: 700;
  margin-top: 20px;
}
.un__count__down .uk-countdown-separator {
  font-size: 3rem;
  line-height: 1.6;
}
.un__li__data {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
@media (min-width: 1280px) {
  .un__li__data {
    display: flex;
    flex-wrap: wrap;
  }
}
.un__li__data > li {
  padding: 8px  0px;
  margin-bottom: 30px;
}
@media (min-width: 1280px) {
  .un__li__data > li {
    width: 50%;
    padding: 8px;
    box-sizing: border-box;
  }
}
.un__li__data > li:last-child {
  margin-bottom: 0px;
}
.un__content__nav {
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  box-sizing: border-box;
  box-shadow: var(--un-default-shadow);
  margin-bottom: 20px;
}
.un__content__title {
  font-family: var(--union-font);
  color: var(--title-color);
  font-size: 17px;
  font-weight: 300;
  margin: 0px;
}
.un__content__title span {
  font-weight: 700;
}
.un__accordion .uk-accordion-title {
  font-size: 1.9rem;
}
.un__menssneger__chat {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.un__menssneger__chat li {
  display: flex;
  margin-bottom: 8px;
}
.un__menssneger__avatar {
  width: 40px;
  height: 40px;
  min-width: 40px;
  border-radius: 150px;
  background-position: center;
  background-size: cover;
  margin-right: 10px;
}
.un__menssneger__text {
  background-color: aliceblue;
  border-radius: 8px;
  padding: 20px;
  box-sizing: border-box;
  font-family: var(--union-font);
  font-size: 16px;
}
.un__menssneger .sender .un__menssneger__avatar {
  margin-right: 0px;
  margin-left: 10px;
}
.un__profile__panel__img {
  width: 60px;
  height: 60px;
  background-position: center;
  background-size: cover;
  border-radius: 50%;
  min-width: 60px;
  margin-right: 20px;
}
.un__profile__panel {
  border-radius: 15px;
  padding: 10px;
  box-sizing: border-box;
  display: flex;
  background-color: white;
  align-items: center;
  margin-bottom: 30px;
}
.un__profile__panel__name {
  font-size: 1.9rem;
  font-family: var(--union-font);
  font-family: 600;
  color: var(--primary-dark-color);
}
.un__profile__panel__description {
  display: flex;
  font-size: 1.6rem;
  font-family: var(--union-font);
  font-family: 300;
  color: var(--title-color);
}
.un__profile__panel__description span {
  margin-left: 10px;
  font-size: 2.2rem;
  line-height: 1;
  color: orange;
}
.register__img {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background-position: center;
  background-size: cover;
  margin-left: auto;
  margin-right: auto;
}
.un__credit__title {
  font-size: 1.9rem;
  margin-bottom: 20px;
  font-family: var(--union-font);
  font-weight: 400;
  white-space: nowrap;
}
.un__credit__value {
  font-size: 2.2rem;
  margin-bottom: 00px;
  font-family: var(--union-font);
  font-weight: 700;
}
.un__credit__credit {
  border-top: solid 8px #09d1b0;
}
.un__credit__point {
  border-top: solid 8px #ff9102;
}
.un__shipping__progress {
  list-style: none;
  padding: 0px;
  margin: 0px;
  display: flex;
}
@media (min-width: 992px) {
  .un__shipping__progress {
    overflow-y: auto;
  }
}
@media (max-width: 992px) {
  .un__shipping__progress {
    flex-wrap: wrap;
  }
}
.un__shipping__progress li {
  position: relative;
  width: 16.66%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding-top: 10px;
  padding: 8px;
  box-sizing: border-box;
}
@media (max-width: 992px) {
  .un__shipping__progress li {
    width: 100%;
  }
}
.un__ship__progress__line {
  position: absolute;
  top: 0px;
  width: 100%;
  height: 4px;
  background-color: var(--primary-color);
}
.un__ship__progress__icon {
  z-index: 99;
}
.un__ship__progress__icon i {
  font-size: 3.3rem;
}
.un__ship__progress__label {
  font-family: var(--union-font);
  font-size: 1.4rem;
  font-weight: 300;
  color: #a8a8a8;
}
.un__shipping__current .un__ship__progress__line {
  background-color: orange;
}
.un__shipping__current .un__ship__progress__icon i {
  color: orange;
}
.un__shipping__current .un__ship__progress__label {
  color: orange;
}
.un__pay__status {
  padding: 8px 25px;
  border-radius: 150px;
  font-size: 1.6rem;
}
.es-nav > li a {
  font-size: 1.4rem;
  color: var(--primary-color);
  white-space: nowrap;
}
.es-subheader {
  border-bottom: solid 3px var(--primary-color);
  position: relative;
}
.es-subarea-name {
  color: var(--primary-color);
}
.es-button-loadmore {
  background-color: var(--primary-color);
  color: white;
}
.es-subheader {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background-color: white;
}
.es-header {
  margin-bottom: 2px;
}
.un__store__whats {
  font-size: 1rem;
  border: solid 2px #25d366;
  color: #25d366;
  display: flex;
  position: absolute;
  bottom: 9px;
  left: calc(50% - 83px);
  align-items: center;
}
.un__card__clube {
  border-left: none;
  padding-bottom: 60px;
}
.un__directory__clube {
  margin-top: 0px !important;
}
.es-product-price-discount {
  position: absolute;
  top: -10px;
  left: -10px;
  width: 50px;
  height: 50px;
  border-radius: 150px;
  background-color: #8606e7;
  font-family: 'Raleway', sans-serif;
  font-weight: 800;
  font-size: 1.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  line-height: 1;
}
.es-footer-header {
  border-bottom: solid 3px var(--primary-color);
}
.es-header-fab {
  background-color: var(--primary-color);
}
.es-directory-tab {
  padding: 20px;
  height: 98px;
  box-sizing: border-box;
}
.share-button {
  border: none;
}
.fab__app {
  position: fixed;
  bottom: 0px;
  left: 0px;
  list-style: none;
  z-index: 99;
  display: flex;
  flex-direction: column-reverse;
}
.fab__app button {
  width: 50px;
  height: 50px;
  border-radius: 150px;
  border: none;
  font-size: 3.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.152);
  transition: 0.4s;
}
.fab__app button:hover {
  transform: scale(1.1);
}
.fab__app li {
  display: none;
  margin-bottom: 10px;
  transition: 0.6s;
}
.fab__app li:first-child {
  display: block;
}
.fab__app:hover li {
  display: block;
}
.app__pane__actions {
  width: 100%;
}
.app__pane__secondary__act {
  background-color: #bdbdbd;
  color: #616161;
  font-size: 1.6rem;
  font-weight: 700;
  border-radius: 8px;
  padding: 10px 15px;
  line-height: 1;
  box-sizing: border-box;
  border: none;
  box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.152);
}
.app__pane__primary__act {
  background-color: #00c7b6;
  color: white;
  font-size: 1.6rem;
  font-weight: 700;
  border-radius: 8px;
  padding: 10px 15px;
  line-height: 1;
  box-sizing: border-box;
  border: none;
  width: 100%;
  box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.152);
}
.app__btn__shortcut {
  width: 60px;
  height: 60px;
  border: none;
  border-radius: 150px;
  background-position: center;
  background-size: contain;
  margin-bottom: 10px;
}
.app__shortcuts > * {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.pp__btn__shortcut__label {
  font-family: var(--app-default-font);
  font-size: 1.5rem;
  font-weight: 400;
  text-align: center;
}
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiAyp8kv8JHgFVrJJLmE3tF.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiDyp8kv8JHgFVrJJLmv1plEA.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiDyp8kv8JHgFVrJJLm21llEA.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiGyp8kv8JHgFVrJJLedw.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiDyp8kv8JHgFVrJJLmg1hlEA.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiDyp8kv8JHgFVrJJLmr19lEA.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiDyp8kv8JHgFVrJJLmy15lEA.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiDyp8kv8JHgFVrJJLm111lEA.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiDyp8kv8JHgFVrJJLm81xlEA.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiGyp8kv8JHgFVrLPTedw.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLFj_V1s.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDz8V1s.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrFJA.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9V1s.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6V1s.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7V1s.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDD4V1s.ttf) format('truetype');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLBT5V1s.ttf) format('truetype');
}
:root {
  --cs-color-1: #0b006e;
  --cs-color-2: #f88629;
  --cs-color-medium-gray: #a7a7a7;
  --cs-color-black: #000000;
  --btn-color-primary: #06001f;
  --cs-font-default: 'Poppins', sans-serif;
  --cs-border-radius: 5px;
}
/* -------------------------------------------------------------------------- */
/*                            Header da plataforma                            */
/* -------------------------------------------------------------------------- */
.cs-header {
  background-color: white;
  width: 100%;
}
.cs-header__section {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #efefef;
}
.cs-header__left {
  width: 33.33%;
  min-width: 33.33%;
  display: flex;
  justify-content: flex-start;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 8px;
  padding-bottom: 8px;
  box-sizing: border-box;
}
.cs-header__logo {
  width: 223px;
}
.cs-header__logo img {
  width: 223px;
}
.cs-header__cart {
  font-size: 42px;
}
.cs-header__favorite {
  font-size: 42px;
}
.cs-header__middle {
  width: 33.33%;
  min-width: 33.33%;
  margin-right: 75px;
}
.cs-header__right {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 33.33%;
  min-width: 33.33%;
}
.cs-header__hellow__label {
  font-family: var(--cs-font-default);
  font-size: 18px;
  font-weight: 400;
  color: #000000;
}
.cs-header__hellow__text {
  font-family: var(--cs-font-default);
  font-size: 12px;
  font-weight: 400;
  color: #000000;
}
.cs-login-button {
  text-align: center !important;
  display: flex;
  justify-content: center;
}
.cs-search {
  width: 100%;
  height: 32px;
  margin-right: 75px;
}
/* --------------------------- Navegação primaria --------------------------- */
.cs-nav {
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  width: 100%;
  background-color: #ffffff;
  border-bottom: solid gray 1px;
}
.cs-nav__list {
  display: flex;
  list-style: none;
  padding: 0px;
  margin: 0px;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  align-items: center;
}
.cs-nav__item__wrap {
  padding-left: 16px;
  padding-right: 20px;
  padding-top: 8px;
  padding-bottom: 8px;
  box-sizing: border-box;
}
.cs-nav__item__wrap:first-child {
  padding-left: 0px;
}
.cs-nav__item__wrap:last-child {
  padding-right: 0px;
}
.cs-nav__item {
  font-family: var(--cs-font-default);
  font-size: 15px;
  font-weight: 400;
  color: #383838;
  display: flex;
  align-items: center ;
}
.cs-nav__item:hover {
  text-decoration: none;
  color: var(--cs-color-1);
}
.cs-nav__item i {
  font-size: 25px;
  color: black;
  line-height: 1;
  margin-right: 10px;
}
.cs-header__account {
  font-size: 42px ;
}
/* ------------------------------ Header mobile ----------------------------- */
.cs-header__mobile {
  width: 100%;
  padding: 8px;
  box-sizing: border-box;
}
/* -------------------------------------------------------------------------- */
/*                            Banners de marketing                            */
/* -------------------------------------------------------------------------- */
.cs-banner__count {
  position: relative;
  min-height: 550px;
  background-position: center;
  background-size: cover;
  display: flex;
  align-items: center;
  padding-bottom: 40px;
  padding-top: 00px;
  box-sizing: border-box;
}
.cs-banner__count__bar {
  background-color: var(--cs-color-1);
  font-family: var(--cs-font-default);
  font-size: 25px;
  font-weight: 600;
  text-transform: uppercase;
  padding-top: 5px;
  padding-bottom: 5px;
  box-sizing: border-box;
  text-align: center;
  color: white;
}
.cs-section__banner {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}
.cs-banner__count__bar--text-large {
  font-size: 25px;
}
/* -------------------------------------------------------------------------- */
/*                         Modificadores de contadores                        */
/* -------------------------------------------------------------------------- */
/*
.flip-clock-container [class|="flip-item"] .flip-digit > span::before {
    top: 0;
    line-height: 89px !important;
    border-radius: 10px 10px 0 0;
    border-bottom: 1px solid #000;
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
}
.flip-clock-container [class|="flip-item"] .flip-digit {
    width: 60px !important;
    height: 85px !important;
    position: relative;
    margin: 0 5px;
}
.flip-clock-container [class|="flip-item"]::before {
    content: ":";
    font-family: Consolas;
    font-size: 101px !important;
    color: var(--flip-dots-color);
    line-height: 69px !important;
    margin: 0 -20px;
}*/
.cs-banner__countdown {
  display: flex;
  justify-content: center;
  padding-top: 20px;
  padding-bottom: 20px;
  box-sizing: border-box;
  align-items: center;
  margin-top: 0px;
}
.cs-banner__countdown__motiv {
  font-family: var(--cs-font-default);
  font-size: 32px;
  font-weight: 700;
  color: #ff0481;
}
/* -------------------------------------------------------------------------- */
/*                         Gruid de principais ofertas                        */
/* -------------------------------------------------------------------------- */
.cs-offs__featureds--values {
  display: flex;
}
.cs-offs__featureds {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.cs-offs__featureds--value {
  font-family: var(--cs-font-default);
  font-size: 53px;
  font-weight: 700;
  color: black;
}
.cs-offs__featureds--label {
  background-color: black;
  padding-left: 8px;
  padding-right: 8px;
  box-sizing: border-box;
  line-height: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 40px;
  color: white;
}
.cs-offs__featureds--desc {
  font-family: var(--cs-font-default);
  font-size: 18px;
  font-weight: 300;
}
.cs-offer-button {
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 8px;
  padding-bottom: 8px;
  box-sizing: border-box;
  font-size: 22px;
  font-weight: 800;
  font-family: var(--cs-font-default);
  background-color: black;
  color: white;
  border: none;
  cursor: pointer;
}
/* -------------------------------------------------------------------------- */
/*                           Categorias em destaques                          */
/* -------------------------------------------------------------------------- */
.cs-card__category {
  border-radius: var(--cs-border-radius);
  display: flex;
  min-height: 80px;
  align-items: center;
  cursor: pointer;
}
.cs-card__category__icon {
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f0f0f0;
  border-radius: 20px;
  font-size: 22px;
  color: black;
  margin-right: 20px;
}
.cs-card__category__label {
  font-size: 18px;
  font-weight: 300;
  font-family: var(--cs-font-default);
}
.cs-card__category__fire {
  position: absolute;
  right: 0px;
  top: -10px;
  font-size: 32px ;
  color: red;
}
/* -------------------------------------------------------------------------- */
/*                            sections                            */
/* -------------------------------------------------------------------------- */
.cs-section__title {
  font-size: 35px;
  font-weight: 700;
  color: var(--cs-color-black);
  text-transform: uppercase;
}
.cs-section__subtitle {
  font-size: 22px;
  font-weight: 600;
  color: var(--cs-color-black);
  text-transform: uppercase;
}
.cs-section__full__content {
  width: 90%;
  margin-right: auto;
  margin-left: auto;
  border-radius: var(--cs-border-radius);
  padding-left: 80px;
  padding-right: 80px;
  padding-top: 75px;
  padding-bottom: 75px;
  box-sizing: border-box;
}
.cs-page__title {
  font-size: 2.8rem;
  color: #000000;
  font-weight: 700;
}
/* -------------------------------------------------------------------------- */
/*                           VENDA R�PIDA FAST SALE                           */
/* -------------------------------------------------------------------------- */
.cs-fasts-sale__title {
  font-size: 35px;
  font-weight: 700;
  color: var(--cs-color-black);
  text-transform: uppercase;
}
/* -------------------------------------------------------------------------- */
/*                             ofertas especiaais                             */
/* -------------------------------------------------------------------------- */
.cs-ofers__bar {
  padding: 8px 25px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: var(--cs-border-radius);
}
.cs-ofers__infos {
  background-color: white;
  border-radius: 20px;
  font-size: 22px;
  font-weight: 700;
  color: var(--cs-color-black);
  padding: 8px 25px;
  box-sizing: border-box;
}
.cs-ofers__bar__icons {
  display: flex;
  font-size: 42px;
  color: black;
}
.cs-ofers__subtitle {
  text-transform: uppercase;
  font-weight: 700;
  font-family: var(--cs-font-default);
  font-size: 16px;
}
.cs-ofers__title {
  font-weight: 700;
  font-family: var(--cs-font-default);
  font-size: 22px;
  text-transform: uppercase;
}
/* -------------------------------------------------------------------------- */
/*                      Listagem de categorias recomendas                     */
/* -------------------------------------------------------------------------- */
.cs-categories__recomended__title {
  font-size: 35px;
  font-weight: 700;
  color: var(--cs-color-black);
  text-transform: uppercase;
}
.cs-categories__recomended__list {
  list-style: none;
  margin: 0px;
  padding: 0px;
  display: flex;
}
.cs-categories__recomended__wrap {
  padding: 8px;
  box-sizing: border-box;
  color: #4ef9ff;
}
/* -------------------------------------------------------------------------- */
/*                            Botões de ações fixos                           */
/* -------------------------------------------------------------------------- */
.cs-button__action {
  position: fixed;
  right: 0px;
  bottom: 10px;
}
.cs-button__action__2 {
  position: fixed;
  right: 0px;
  bottom: 62px;
  box-shadow: 0 0 0 0 #ff5252;
  animation: pulse-red 2s infinite;
}
@keyframes pulse-red {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 82, 82, 0.7);
    background: #ff5252;
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(255, 82, 82, 0);
    background: #050000;
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 82, 82, 0);
    background: #ff5252;
  }
}
.cs-button__action__button {
  display: flex;
  padding: 10px;
  box-sizing: border-box;
  font-size: 32px;
}
.cs-button__ascente {
  background-color: #ff8613;
  color: white;
}
.cs-button__ascente:hover {
  color: white;
  text-decoration: none;
}
/* ----------------------------- Footer da loja ----------------------------- */
.cs-powered {
  background-color: #ff8613;
}
.cs-powered a {
  text-decoration: none;
  font-weight: 600;
  font-family: var(--cs-font-default);
  font-size: 16px;
  color: white;
}
.cs-footer__title {
  font-family: 'Quicksand', sans-serif;
  font-size: 16px;
  font-weight: 700;
}
.cs-footer__background {
  background-color: #07001c;
}
/* ----------------------- Ambiente de suporte do site ---------------------- */
.cs-help__icon {
  font-size: 65px;
  color: #ff8613;
}
.cs-help__link:hover {
  text-decoration: none;
}
.cs-help__title {
  font-size: 25px;
  font-weight: 700;
  font-family: 'Quicksand', sans-serif;
  color: #292929;
}
.cs-help__subtitle {
  font-size: 19px;
  font-weight: 300;
  font-family: 'Quicksand', sans-serif;
  color: #292929;
}
.cp-help__search {
  max-width: 50%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  margin-bottom: 50px;
}
@media (max-width: 762px) {
  .cp-help__search {
    max-width: 90%;
  }
}
.cs-help__search__btn {
  border: none;
  background-color: transparent;
  font-size: 32px;
  color: #292929;
}
.cs-helper__header {
  margin-bottom: 50px;
}
.cs-help__text__overlay {
  display: none;
}
.cs-help__card:hover .cs-help__text__overlay {
  position: absolute;
  background-color: white;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.cs-help__text__overlay {
  padding: 8px;
  box-sizing: border-box;
}
.cs-help__text__overlay .cs-help__over__link {
  font-size: 14px;
  color: #292929;
}
.cs-help__list__categories {
  list-style: none;
  margin: 0px;
  padding: 0px;
  display: flex;
  overflow-x: auto;
  width: 100%;
}
.cs-help__list__categories li {
  padding: 12px;
  box-sizing: border-box;
  width: 16.66%;
  min-width: 16.66%;
}
@media (max-width: 762px) {
  .cs-help__list__categories li {
    min-width: 50%;
    max-width: 50%;
  }
}
.cs-help__link__category:hover {
  text-decoration: none;
}
.cs-help__article__body {
  padding-left: 20px;
  padding-right: 20px;
}
.cs-help__article__title {
  font-size: 25px;
  font-weight: 700;
  font-family: 'Quicksand', sans-serif;
  color: #292929;
}
.cs-help__article__text {
  font-size: 16px;
  font-weight: 400;
  font-family: 'Quicksand', sans-serif;
  color: #292929;
}
.cs-button__ascent {
  background-color: #ff8613;
  color: white;
}
.cs-product {
  position: relative;
  background-color: white;
}
.cs-products__add__to__cart {
  display: none;
  position: absolute;
}
.cs-product:hover .cs-products__add__to__cart {
  display: block;
  width: 100%;
  background-color: var(--cs-color-1);
  color: white;
  font-family: var(--cs-font-default);
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  font-weight: 700;
  padding-top: 10px;
  padding-bottom: 10px;
  bottom: 0px;
}
.cs-products__add-to__wrap {
  width: 100%;
  height: 50%;
  position: absolute;
  left: 0px;
  background-color: rgba(255, 255, 255, 0.781);
  z-index: 99;
  bottom: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  display: none;
}
.cs-product:hover .cs-products__add-to__wrap {
  display: flex;
}
.cs-products__add-to__cart {
  display: block;
  width: 100%;
  background-color: var(--cs-color-1);
  color: white;
  font-family: var(--cs-font-default);
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  font-weight: 700;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 20px
;
}
.cs-products__add-to__cart:hover {
  text-decoration: none;
  color: white;
}
.cs-product__name {
  font-family: var(--cs-font-default);
  font-size: 14px;
  font-weight: 500;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  margin-top: 20px;
  color: black;
}
.cs-products__prices {
  display: flex;
  flex-direction: column;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  padding-bottom: 20px;
}
.cs-products__prices-old {
  font-family: var(--cs-font-default);
  font-size: 14px;
  text-decoration: line-through;
}
.cs-products__prices-sale {
  font-size: 28px;
  color: var(--cs-color-1);
  font-family: var(--cs-font-default);
  font-weight: 700;
}
.cs-products__prices__parcel {
  font-family: var(--cs-font-default);
  font-weight: 700;
  font-size: 14px;
  margin-top: 10px;
}
.cs-product__more-info {
  font-family: var(--cs-font-default);
  font-size: 14px;
  font-weight: 700;
  color: var(--cs-color-black);
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  cursor: pointer;
  color: orange;
  margin-top: 10px;
}
/* -------------------------------------------------------------------------- */
/*                         Card de prtoduto fast sale                         */
/* -------------------------------------------------------------------------- */
.cs-fast-sale__card {
  background-color: white;
}
.cs-fast-sale__flag {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 80px;
  background-color: var(--cs-color-2);
  color: white;
  padding-top: 10px;
  padding-bottom: 10px;
  box-sizing: border-box;
  z-index: 99;
  font-family: var(--cs-font-default);
  font-size: 14px;
  font-weight: 700;
}
.cs-fast-sale__prices {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.cs-fast-sale__price {
  font-family: var(--cs-font-default);
  font-size: 16px;
  font-weight: 700;
  margin-right: 10px;
  color: var(--cs-color-1);
}
.cs-fast-sale__price-old {
  font-family: var(--cs-font-default);
  font-size: 12px;
  font-weight: 300;
  text-decoration: line-through;
  color: var(--cs-color-medium-gray);
}
.cs-add-to-cart__overlay {
  position: absolute;
  bottom: 0px;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.863);
  width: 100%;
  z-index: 100;
  left: 0px;
  display: none;
}
.cs-fast-sale__card:hover .cs-add-to-cart__overlay {
  display: flex;
  align-items: center;
  justify-content: center;
}
.cs-add-to-cart__overlay__button {
  width: 90%;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 10px;
  padding-bottom: 10px;
  box-sizing: border-box;
  background-color: var(--cs-color-1);
  font-family: var(--cs-font-default);
  font-size: 16px;
  font-weight: 700;
  color: white;
  border-radius: var(--cs-border-radius);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.6s;
}
.cs-add-to-cart__overlay__button:hover {
  text-decoration: none;
  color: white;
  width: 95%;
}
/* -------------------------------------------------------------------------- */
/*                            Carrosel de produtos                            */
/* -------------------------------------------------------------------------- */
.uk-slidenav-previous svg,
.uk-slidenav-next svg {
  width: 52px;
  color: var(--color-arrow);
}
.cs-product__section__title {
  font-size: 24px;
  font-weight: 500;
  color: var(--cs-color-black);
  text-transform: uppercase;
  position: relative;
}
.cs-product__section__divider {
  width: 30%;
  margin-left: auto;
  margin-right: auto;
  height: 8px;
  background-color: rgba(206, 206, 255, 0.801);
}
/* -------------------------------------------------------------------------- */
/*                              Badge de desconto                             */
/* -------------------------------------------------------------------------- */
.cs-product__badge {
  position: absolute;
  top: 0px;
  left: 0px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 4px;
  padding-bottom: 4px;
  box-sizing: border-box;
  text-transform: uppercase;
  z-index: 9;
  border-bottom-right-radius: 50px;
  font-family: 'Quicksand', sans-serif;
  font-weight: 700;
}
/* -------------------------------------------------------------------------- */
/*                           Barra superior do slice                          */
/* -------------------------------------------------------------------------- */
.cs-bar__slider {
  background-color: #f0f0f0;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 80px;
  padding-right: 80px;
  box-sizing: border-box;
}
.cs-bar__slider__block {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.cs-bar__slider__icon {
  font-size: 42px;
  margin-bottom: 10px;
}
.cs-bar__slider__title {
  font-size: 24px;
  text-transform: uppercase;
  font-weight: 700;
  font-family: var(--cs-font-default);
  color: var(--cs-color-1);
  line-height: 1;
}
.cs-bar__slider__subtitle {
  font-weight: 400;
  font-family: var(--cs-font-default);
  color: var(--cs-color-black);
  line-height: 1;
  font-size: 16px;
  text-transform: uppercase;
}
.cs-bar__slider__grid > div {
  align-items: center;
  display: flex;
  justify-content: center;
  border-right: solid 1px #525252;
}
.cs-bar__slider__grid > div:last-child {
  border-right: solid 0px black;
  display: flex;
  justify-content: center;
}
/* -------------------------------------------------------------------------- */
/*                         Slides superiores da header                        */
/* -------------------------------------------------------------------------- */
.cs-sup__slider {
  background-color: #dbdbdb;
  padding: 5px 20px;
  box-sizing: border-box;
  text-align: center;
  display: flex;
  justify-content: center;
}
.cs-sup__slider__content {
  display: flex;
  width: 100%;
  justify-content: center;
}
.cs-sup__slider__icon {
  margin-right: 10px;
  font-size: 19px;
}
.cs-megamenu__drop {
  width: 100% !important;
  left: 0px !important;
}
@media only screen and (min-width: 300px) and (max-width: 992px) {
  /* -------------------------------------------------------------------------- */
  /*                             Barra de countdown                             */
  /* -------------------------------------------------------------------------- */
  .cs-banner__countdown {
    flex-wrap: wrap;
  }
  /* -------------------------------------------------------------------------- */
  /*                        Categorias em destaque rodapé                       */
  /* -------------------------------------------------------------------------- */
  .cs-categories__recomended__list {
    overflow-x: auto;
  }
  /* -------------------------------------------------------------------------- */
  /*                                  Fast sale                                 */
  /* -------------------------------------------------------------------------- */
  .cs-fasts-sale__extra {
    flex-wrap: wrap;
  }
  .cs-fast__sale_count {
    flex-wrap: wrap;
  }
  .cs-banner__countdown__motiv {
    font-family: var(--cs-font-default);
    font-size: 25px;
    font-weight: 700;
    color: #ff0481;
    margin-bottom: 30px;
  }
  /* -------------------------------------------------------------------------- */
  /*                             Titulos de sections e outros controle                            */
  /* -------------------------------------------------------------------------- */
  .cs-section__title {
    font-size: 28px;
    font-weight: 700;
    color: var(--cs-color-black);
    text-transform: uppercase;
  }
  .cs-section__subtitle {
    font-size: 16px;
    font-weight: 300;
    color: var(--cs-color-black);
    text-transform: uppercase;
  }
  .cs-section__full__content {
    width: 93%;
    margin-right: auto;
    margin-left: auto;
    border-radius: var(--cs-border-radius);
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 75px;
    padding-bottom: 75px;
    box-sizing: border-box;
  }
  /* -------------------------------------------------------------------------- */
  /*                          Barra superior de banners                         */
  /* -------------------------------------------------------------------------- */
  .cs-bar__slider {
    background-color: #f0f0f0;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
  }
  .cs-bar__slider__block {
    display: flex;
    width: 100%;
  }
  .cs-bar__slider__title {
    font-size: 19px;
    text-transform: uppercase;
    font-weight: 700;
    font-family: var(--cs-font-default);
    color: var(--cs-color-1);
    line-height: 1;
  }
  .cs-bar__slider__subtitle {
    font-weight: 400;
    font-family: var(--cs-font-default);
    color: var(--cs-color-black);
    line-height: 1;
    font-size: 13px;
    text-transform: uppercase;
  }
  .cs-bar__slider__grid > div {
    align-items: center;
    display: flex;
    justify-content: center;
    border-bottom: solid 1px #c9c9c9;
    border-right: solid 0px #525252;
  }
  .cs-ofers__bar {
    background-color: var(--cs-color-1);
    padding: 8px 25px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: var(--cs-border-radius);
    flex-wrap: wrap;
    text-align: center;
    flex-direction: column-reverse;
  }
  .cs-ofers__bar__icons {
    display: flex;
    font-size: 42px;
    color: white;
    width: 100%;
    text-align: center;
    justify-content: center;
    margin-bottom: 20px;
  }
  .cs-categories__recomended__title {
    font-size: 28px;
    font-weight: 700;
    color: var(--cs-color-black);
    text-transform: uppercase;
  }
  /* -------------------------------------------------------------------------- */
  /*                         Header mobiçle da aplicação                        */
  /* -------------------------------------------------------------------------- */
  /* ----------------------------- Logo da do site ---------------------------- */
  .cs-header__logo {
    width: auto;
    margin-bottom: 10px;
    margin-top: 10px;
  }
  .cs-header__logo img {
    width: 180px;
  }
  .ci-search__mobile {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-top: solid 1px #c5c5c5;
    padding-bottom: 8px;
    box-sizing: border-box;
  }
  .cs-header__mobile {
    border-bottom: solid 1px #c5c5c5;
  }
  .ci-toggle__menu {
    font-size: 32px;
  }
  .cs-header__cart {
    font-size: 32px;
  }
  .cs-header__account {
    font-size: 32px;
  }
  .cs-header__whatsapp {
    font-size: 32px;
  }
  .cs-header__hellow__text {
    font-size: 12px;
  }
  /* ------------------------------- Off-canvas ------------------------------- */
  .off-canvas__menu {
    padding: 20px 10px;
    box-sizing: border-box;
    color: #5e5e5e !important;
  }
  .ci-toggle__menu a {
    color: #2c2c2c;
  }
  .off-canvas__menu__wrap {
    background-color: white !important;
  }
  .cs-header__account a {
    color: #2c2c2c;
  }
  .off-canvas__menu__wrap .off-canvas__menu ul li a {
    font-size: 16px;
    color: #5e5e5e !important;
  }
  .cs-menu-off__item__parent::after {
    content: '+' !important;
    color: black !important;
  }
  /*final do controle*/
}
.cs-single__product__title {
  font-size: 24px;
  font-weight: 400;
  color: var(--cs-color-black);
  text-align: left;
  font-family: var(--cs-font-default);
}
.cs-single__descr--short {
  font-size: 16px;
  font-weight: 300;
  color: var(--cs-color-black);
  text-align: left;
  font-family: var(--cs-font-default);
}
.cs-single__price__old {
  font-size: 16px;
  font-weight: 400;
  text-decoration: line-through;
  color: #d4d4d4;
  text-align: left;
  font-family: var(--cs-font-default);
}
.cs-signle__price__sale {
  font-size: 25px;
  font-weight: 700;
  color: var(--cs-color-black);
  text-align: left;
  font-family: var(--cs-font-default);
}
.cs-capture__add__cart__wrap {
  display: flex;
  margin-top: 20px;
  align-items: stretch;
}
.cs-single__add-to-cart {
  width: 100%;
  border: none;
  background-color: var(--cs-color-2);
  font-size: 18px;
  font-weight: 700;
  color: white;
  padding: 8px 25px;
  cursor: pointer;
}
.cs-single__secttion__title {
  font-size: 22px;
  font-weight: 600;
  color: var(--cs-color-black);
  text-align: left;
  font-family: var(--cs-font-default);
}
.cs-single_descr p {
  font-family: var(--cs-font-default);
  font-size: 16px;
  font-weight: 300;
  line-height: 28px;
}
/* -------------------------------------------------------------------------- */
/*                          Accordions de adicionais                          */
/* -------------------------------------------------------------------------- */
.cs-single__extra__title {
  font-size: 19px !important;
  font-weight: 400 !important;
  color: var(--cs-color-black);
  text-align: left;
  font-family: var(--cs-font-default) !important;
}
.cs-single__extra__content p {
  font-size: 16px !important;
  font-weight: 300 !important;
  color: var(--cs-color-black);
  text-align: left;
  font-family: var(--cs-font-default) !important;
}
.cs-single__adition {
  padding-top: 10px;
  margin-top: 10px;
  border-top: 1px solid #e6e6e6;
}
/* -------------------------------------------------------------------------- */
/*                        Opcões adicionais do produto                        */
/* -------------------------------------------------------------------------- */
.cs-signle__options {
  margin-top: 20px;
}
.cs-single__flag__sale {
  display: flex;
  width: 80px;
  height: 80px;
  position: absolute;
  right: 0px;
  border-radius: 150px;
  font-size: 2.2rem;
  line-height: 1;
  font-family: 'Quicksand', sans-serif;
  font-weight: 900;
  color: white;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: #f27aba;
  background: linear-gradient(51deg, #f27aba 0%, #0dc6cd 100%);
}
.cs-single__flag__time {
  position: absolute;
  left: 0px;
  border: solid 2px #ff8613;
  padding-left: 10px;
  padding-right: 10px;
  box-sizing: border-box;
  font-family: 'Quicksand', sans-serif;
  font-weight: 600;
  font-size: 14px;
  color: #ff8613;
}
.cs-single__product__note {
  font-size: 2.8rem;
  color: black;
  font-family: 'Quicksand', sans-serif;
  font-weight: 900;
}
.cs-single__product__note span {
  font-size: 2.2rem;
  color: black;
  font-family: 'Quicksand', sans-serif;
  font-weight: 900;
}
.cs-single__product__label {
  font-size: 14px;
  color: black;
  font-family: 'Quicksand', sans-serif;
}
.cs-single__avaliation__header {
  background-color: #f3f3f3;
  padding: 20px;
  margin-bottom: 30px;
  box-sizing: border-box;
}
.cs-single__recomend__percent {
  width: 80px;
  min-width: 80px;
  height: 80px;
  border: solid 4px #ffd000;
  border-radius: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: black;
  font-weight: 700;
  font-size: 2.8rem;
  margin-right: 10px;
}
.cs-single__recomend__percent__label {
  font-size: 14px;
  color: black;
  font-family: 'Quicksand', sans-serif;
  font-weight: 300;
}
.cs-single__comenmt__info {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-size: 14px;
  color: black;
  font-family: 'Quicksand', sans-serif;
  font-weight: 300;
}
.cs-single__comment__star {
  display: flex;
  color: #ffc507;
}
.cs-single__user__commnet {
  font-size: 14px;
  color: black;
  font-family: 'Quicksand', sans-serif;
  font-weight: 300;
}
@media (max-width: 762px) {
  .cs-single__user__commnet {
    text-align: center;
  }
}
.cs-single__comment__content {
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  list-style: none;
  margin: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}
.cs-single__comment__note {
  font-size: 2.8rem;
  color: black;
  font-family: 'Quicksand', sans-serif;
  font-weight: 900;
}
.cs-single__comment__line {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: solid 1px #ebebeb;
}
/* -------------------------------------------------------------------------- */
/*                         Whidgets da loja do cliente                        */
/* -------------------------------------------------------------------------- */
.ci-widgets__block {
  margin-bottom: 20px;
}
.cs-widget__title {
  font-family: 'Quicksand', sans-serif;
  font-size: 19px;
  font-weight: 400;
}
.cs-list__filters {
  list-style: none;
  padding: 0px;
}
.cs-list__filters li {
  padding: 8px 0px;
  box-sizing: border-box;
}
.cs-list__filters__item {
  font-family: 'Quicksand', sans-serif;
  font-size: 14px;
  font-weight: 300;
}
.cs-category__parent {
  font-family: 'Quicksand', sans-serif;
  font-size: 16px;
  font-weight: 300;
  color: var(--cs-color-black) !important;
}
.cs-category__child {
  font-family: 'Quicksand', sans-serif;
  font-size: 14px;
  font-weight: 300;
}
.cs__cart__header {
  background-color: #f7f7f7;
  margin-bottom: 10px;
  border-bottom: solid 1px #cecece;
  padding: 0px 20px;
}
.cs__cart__list {
  padding: 8px 20px;
  box-sizing: border-box;
}
.cs-cart__header__col {
  padding: 8px;
  box-sizing: border-box;
}
.cs-cart__header__col h3 {
  font-size: 16px;
  color: #292929;
  font-weight: 700;
  font-family: 'Quicksand', sans-serif;
}
.cs-cart__preview {
  display: flex;
  align-items: center;
}
.cs-cart__prev__img {
  width: 60px;
  min-width: 50px;
  height: 60px;
  background-position: center;
  background-size: cover;
  margin-right: 10px;
}
@media (max-width: 762px) {
  .cs-cart__prev__img {
    margin-right: 0px;
  }
}
.cs-cart__prev__title {
  font-size: 14px;
  color: #292929;
  font-weight: 700;
  font-family: 'Quicksand', sans-serif;
  margin: 0px;
}
.cs-cart__col__shiping p {
  font-size: 14px;
  font-weight: 300;
  font-family: 'Quicksand', sans-serif;
}
.cs-cart__current__price {
  font-size: 14px;
  font-weight: 300;
  font-family: 'Quicksand', sans-serif;
  text-decoration: line-through;
}
.cs-cart__price__sale {
  font-size: 16px;
  font-weight: 700;
  font-family: 'Quicksand', sans-serif;
  color: #292929;
}
.cs-cart__price__parcel {
  font-size: 12px;
  font-weight: 300;
  font-family: 'Quicksand', sans-serif;
  color: #292929;
}
/* ---------------------------- Calculo de frete ---------------------------- */
.cs-shipp__calc__title {
  margin: 0px;
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 700;
  font-family: 'Quicksand', sans-serif;
}
.cs-cart__resume__title {
  font-size: 19px;
  font-weight: 700;
  font-family: 'Quicksand', sans-serif;
  margin-bottom: 30px;
  color: black;
}
.cs-cart__resume {
  background-color: #F8F8F8;
}
.cs-cart__resume__other__pay {
  text-align: right;
  color: #08af16;
}
.cs-cart__go__btn {
  padding: 15px 25px;
  background-color: #FF8613;
  color: white;
  border: none;
  width: 100%;
}
/* -------------------------------- checkout -------------------------------- */
.cs-checkout__forms__area {
  width: 40%;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 762px) {
  .cs-checkout__forms__area {
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
  }
}
.cs-checkout__title {
  font-size: 2.8rem;
  width: 100%;
  text-align: center;
  color: #292929;
  font-family: 'Quicksand', sans-serif;
  font-weight: 700;
  margin-bottom: 30px;
}
.cs-checkout__title span {
  font-size: 32px;
}
.cs-checkout__header {
  background-color: #0b006e;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 90px;
  width: 100%;
}
.cs-checkout__info {
  text-align: center;
  color: #292929;
  font-family: 'Quicksand', sans-serif;
  font-size: 14px;
}
.cs-checkout__info__privacy {
  margin-top: 20px;
}
.cs-checkout__subtitle {
  font-size: 16px;
  width: 100%;
  text-align: center;
  color: #292929;
  font-family: 'Quicksand', sans-serif;
  font-weight: 400;
}
.cs-submit__register {
  background-color: #ff8613;
  border: none;
  width: 100%;
  padding: 15px 25px;
  box-sizing: border-box;
  color: white;
  font-family: 'Quicksand', sans-serif;
  font-weight: 700;
}
.cs-checkout__formats__tab li a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #292929;
  font-family: 'Quicksand', sans-serif;
  font-weight: 700;
}
.cs-checkout__formats__tab li a span {
  font-size: 42px;
}
/* ---------------------------- Dropdpown header ---------------------------- */
.cs-header__drop__cart {
  max-width: 320px;
  width: 320px;
}
.cs-drop__cart__content {
  position: relative;
  padding: 0px;
  margin: 0px;
}
.cs-drop__cart__list {
  display: flex;
  align-items: center;
  position: relative;
  border-bottom: solid 1px #e4e4e4;
  padding-top: 10px;
  padding-bottom: 10px;
  box-sizing: border-box;
}
.cs-drop__cart__list:last-child {
  border-bottom: none;
}
.cs-drop__cart__remove {
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: #292929;
  background-color: transparent;
  font-size: 16px;
  border: none;
}
.drop__cart__preview {
  width: 80px;
  min-width: 80px;
  height: 80px;
  background-position: center;
  background-size: contain;
  align-items: center;
}
.cs-drop__cart__footer {
  border-top: solid 1px #b6b6b6;
  padding-top: 10px;
}
.cs-drop__button__cart {
  background-color: #ff8613;
  width: 100%;
  color: white;
}
.cs-drop__button__cart:hover {
  text-decoration: none;
  color: white;
}
.cs-drop__cart__totals {
  padding-top: 20px;
  padding-bottom: 20px;
  box-sizing: border-box;
  border-top: solid 1px #b6b6b6;
  font-size: 16px;
  font-size: #292929;
  width: 100%;
  text-align: center;
  font-family: 'Quicksand', sans-serif;
}
/* -------------------------------------------------------------------------- */
/*                  Suporte ao sistema de temas tradicionais                  */
/* -------------------------------------------------------------------------- */
:root {
  --default-font: 'Roboto', sans-serif;
  --a-button-text: 14px;
  --a-button-icon: 22px;
  --a-pri-color: #4A00E0;
  --a-sec-color: #D53354;
  --a-title-1: 12px;
  --a-title-2: 16px;
  --a-title-3: 22px;
  --a-text-color: #1b1b1b;
  --a-text-color-2: #4A00E0;
  --a-text-color-3: #cccccc;
  --a-text-color-4: #e8e9ff;
  --a-black-color-1: #121212;
  --a-black-color-2: #ffffff;
  --a-black-card-1: #161616;
  --a-black-card-2: #ffffff;
  --a-black-header-1: #212121;
  --a-black-header-2: #250071;
  --a-black-color-text-1: #e7e7e7;
  --a-black-color-text-2: #181818;
  --a-box-shadow-1: 0px 3px 6px #1818180c;
  --a-default-radius: 10px;
  /*the update======================================*/
  --app-default-radius: 10px;
  --app-default-font: 'Roboto', sans-serif;
  --app-default-font-2: 'Quicksand', sans-serif;
  --app-primary-color: #4A00E0;
  --app-secondary-color: #D53354;
  --app-soft-green: #ADF8E6;
  --app-light-green: #2dd80e;
  --app-soft-blue: #485BCC;
  --app-dark-blue: #06046c;
  --app-sky-blue: #A6E1F8;
  --app-soft-yellow: #F7E2A6;
  --app-soft-red: #FFA3A3;
  --app-slim-gray: #f7f7f7;
  --app-soft-gray: #dfdfdf;
  --app-dark-gray: #353535;
  --app-text-color-1: #333333;
  --app-dark-black: #141414;
  /*textos e titutos*/
  --app-text-small: 12px;
  --app-text-medium: 16px;
  --app-text-default: 19px;
  --app-text-large: 22px;
  --app-title-size-large: 30px;
  --app-title-size-medium: 25px;
  --app-title-size-small: 18px;
  /* Default Elements */
  --app-hr-color-default: rgba(152, 152, 152, 0.2);
}
/* -------------------------------------------------------------------------- */
/*                             Blocos de elementos                            */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                               Tabs Versão 1.0                              */
/* -------------------------------------------------------------------------- */
.cp__tab .cp__tab__list .cp__tab__nav {
  font-family: 'Quicksand', sans-serif;
  font-size: 1.4rem;
  font-weight: 500;
  color: #292929;
}
.folder_tab:before {
  border-bottom: 0px solid #e5e5e5 !important;
}
.folder_tab li {
  width: 220px;
  margin-right: 20px;
  position: relative;
}
.folder_tab li a {
  background-color: #bdc2c9;
  width: 100%;
  position: relative;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  font-size: 1.2rem;
  color: white;
  text-transform: capitalize;
}
.folder_tab li a span {
  padding-left: 0px;
  width: 100%;
  display: inline-flex;
  justify-content: center;
  height: 40px;
  align-items: center;
}
.folder_tab li a .corner__left {
  position: absolute;
  left: -41px;
  width: 51px;
  top: 0px;
}
.folder_tab li a .corner__left path {
  fill: #bdc2c9;
}
.folder_tab li a .corner__right {
  position: absolute;
  right: -41px;
  width: 51px;
  top: 0px;
}
.folder_tab li a .corner__right path {
  fill: #bdc2c9;
}
.folder_tab li a .folder_tab_icon {
  font-size: 3.2rem;
}
.folder_tab li .cp__remove {
  position: absolute;
  top: -10px;
  right: -10px;
  z-index: 9;
  width: 26px;
  height: 26px;
  font-size: 1.6rem !important;
}
.folder_tab li:hover a {
  background-color: #6060f0;
  border-bottom: solid 1px #6060f0;
  color: white;
}
.folder_tab li:hover .corner__right path {
  fill: #6060f0;
}
.folder_tab li:hover .corner__left path {
  fill: #6060f0;
}
.folder_tab .uk-active {
  z-index: 1;
}
.folder_tab .uk-active a {
  border-bottom: none;
  background-color: #6060f0;
  border-bottom: solid 1px #6060f0 !important;
  color: white !important;
}
.folder_tab .uk-active .corner__right path {
  fill: #6060f0;
}
.folder_tab .uk-active .folder_tab_count {
  margin-right: 0px;
}
.folder_tab .uk-active .corner__left path {
  fill: #6060f0;
}
.folder_tab__nowrap {
  flex-wrap: nowrap;
  overflow-x: auto;
  justify-content: flex-start !important;
}
.folder_tab__nowrap li {
  margin: 0px;
  margin-right: 20px;
  padding: 0px;
}
.folder_tab__nowrap li:first-child {
  padding-left: 60px;
}
/*
.folder_tab__nowrap::-webkit-scrollbar {
  width: 12px;              
}
*/
/*
.folder_tab__nowrap::-webkit-scrollbar-track {
  background: rgba(255,165,0,0.11);         
}
*/
/*
.folder_tab__nowrap::-webkit-scrollbar-thumb {
  background-color: rgba(0,1,255,0);    
  border-radius: 20px;      
  border: 3px solid rgba(255,255,255,0.27);   
}
*/
.desktop__folder__tab {
  overflow-y: hidden;
}
.desktop__folder__tab li {
  margin-top: 10px;
  width: auto;
}
.desktop__folder__tab li a {
  white-space: nowrap;
  margin-bottom: -3px;
}
.desktop__folder__tab .folder_tab_count {
  margin-left: 15px;
  margin-right: 16px;
  font-size: 1.8rem;
  color: white;
  font-weight: 900;
}
.desktop__folder__tab .folder_tab_icon {
  margin-right: 10px;
}
.folder_tab__nowrap {
  overflow-x: hidden;
}
.folder_tab__nowrap:hover {
  overflow-x: auto;
}
@media (min-width: 1280px) {
  /*Scroll bar nav*/
  .folder_tab__nowrap::-webkit-scrollbar {
    width: 12px;
    height: 8px;
  }
  /* Track */
  .folder_tab__nowrap::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #FFF;
  }
  /* Handle */
  .folder_tab__nowrap::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(204, 204, 204, 0.8);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
  }
  .folder_tab__nowrap::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(204, 204, 204, 0.4);
  }
}
.folder_tab .control__tab__lead a {
  background-color: #38b4c2 !important;
  color: white;
  border-bottom: solid 1px #38b4c2 !important;
}
.folder_tab .control__tab__lead span {
  background-color: #38b4c2;
}
.folder_tab .control__tab__lead a .corner__left path {
  fill: #38b4c2;
}
.folder_tab .control__tab__lead a .corner__right path {
  fill: #38b4c2;
}
.folder_tab .control__tab__arquive a {
  background-color: #f1a1a1 !important;
  color: white;
  border-bottom: solid 1px #f1a1a1 !important;
}
.folder_tab .control__tab__arquive span {
  background-color: #f1a1a1;
}
.folder_tab .control__tab__arquive a .corner__left path {
  fill: #f1a1a1;
}
.folder_tab .control__tab__arquive a .corner__right path {
  fill: #f1a1a1;
}
.cp__title {
  font-size: 1.8rem;
  font-weight: 700;
  font-family: 'Quicksand', sans-serif;
  color: #333333;
}
.cp__title__medium {
  font-size: 2.2rem;
  font-weight: 700;
  font-family: 'Quicksand', sans-serif;
  color: #333333;
}
.cp__title__large {
  font-size: 2.8rem;
  font-weight: 700;
  font-family: 'Quicksand', sans-serif;
  color: #333333;
}
.cp__subtitle {
  font-size: 1.8rem;
  font-weight: 500;
  font-family: 'Quicksand', sans-serif;
  color: #333333;
}
.cp__subtitle__medium {
  font-size: 2.2rem;
  font-weight: 500;
  font-family: 'Quicksand', sans-serif;
  color: #333333;
}
.cp__subtitle__large {
  font-size: 2.8rem;
  font-weight: 500;
  font-family: 'Quicksand', sans-serif;
  color: #333333;
}
.cp__view__descr {
  font-size: 1.4rem;
  font-family: 'Quicksand', sans-serif;
  color: #333333;
  font-weight: 400;
}
.cp__text__small {
  font-size: 1.4rem;
  font-family: 'Quicksand', sans-serif;
  color: #292929;
}
/* ------ Suporte provisório a titulos de passos cadastrais do sistema ------ */
.ec-step__title {
  /*font-family: @font-default;
    font-weight: 400;*/
  font-size: 16px !important;
}
/* -------------------------------------------------------------------------- */
/*                               header de telas                              */
/* -------------------------------------------------------------------------- */
.cp__view__header__title {
  font-size: 1.8rem;
  font-weight: 700;
  font-family: 'Quicksand', sans-serif;
  color: #333333;
}
@media (max-width: 992px) {
  .cp__view__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .cp__view__header .cp__title {
    margin-bottom: 10px;
  }
}
.cp__title__icon {
  font-size: 26px;
  border-radius: 5px;
  margin-right: 20px;
}
.cp__pagination {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 992px) {
  .cp__pagination {
    justify-content: center;
    flex-direction: column;
  }
}
.cp__pagination__list {
  align-items: center;
}
.cp__pagination__list li a {
  font-family: 'Quicksand', sans-serif;
  font-size: 1.8rem;
}
.cp__pagination {
  padding: 10px;
  box-sizing: border-box;
  border-top: solid 1px #e7e7e7;
  margin-top: 10px;
}
.cp__pagination__list {
  margin-bottom: 0px !important;
}
.cp__pagination__count {
  font-family: 'Quicksand', sans-serif;
  font-size: 1.4rem;
  font-weight: 500;
}
.cp__pagination__count--total {
  font-family: 'Quicksand', sans-serif;
  font-size: 1.6rem;
  font-weight: 700;
}
.cp__filters__active {
  font-size: 1.6rem;
  color: #5e48db !important;
  font-weight: 700 !important;
}
.cp__filters__active:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f058";
  font-size: 1.9rem;
}
.cp__filters__item {
  font-size: 1.6rem;
  font-weight: 400;
}
.cp__filters__item:hover {
  color: #5e48db !important;
}
/* -------------------------------------------------------------------------- */
/*                        Filtros de botões horizontais                       */
/* -------------------------------------------------------------------------- */
.cp__filter__button__label {
  margin-bottom: 20px;
  font-family: 'Quicksand', sans-serif;
  font-size: 16px;
}
.cp__filter__button__wrap {
  list-style: none;
  display: flex;
  padding: 0px;
  margin: 0px;
}
.cp__filter__button__li {
  padding-left: 8px;
  padding-right: 8px;
}
.cp__filter__button__li:first-child {
  padding-left: 0px;
}
.cp__filter__button__li:last-child {
  padding-right: 0px;
}
.cp__filter__button__item {
  border: solid 1px #e0e0e0;
  border-radius: 150px;
  padding-left: 25px ;
  padding-right: 25px;
  word-wrap: normal;
  background-color: white;
  font-family: 'Quicksand', sans-serif;
  cursor: pointer;
}
.cp__filter__date__ranger {
  display: flex;
  align-items: center;
  justify-content: center;
}
.cp__filter__date__ranger button {
  margin: 0px 10px;
}
.cp__date__ranger {
  font-family: 'Quicksand', sans-serif;
  font-weight: 700;
  font-size: 1.8rem;
}
.cp__drop-buttons__container--large {
  width: 400px;
  min-width: 400px;
}
@media (max-width: 480px) {
  .cp__drop-buttons__container--large {
    width: 320px;
    min-width: 320px;
  }
}
.cp__drop-buttons__link:hover {
  text-decoration: none !important;
}
.cp__drop-buttons__icon {
  font-size: 32px;
  margin-right: 20px;
}
.cp__drop-buttons__item {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 9px ;
  box-sizing: border-box;
  height: 45px;
}
.cp__drop-buttons__label {
  font-size: 1.6rem;
  font-family: 'Quicksand', sans-serif;
  text-decoration: none;
  color: #292929;
}
.cp__drop-buttons__label:hover {
  font-size: 1.6rem;
  font-family: 'Quicksand', sans-serif;
  text-decoration: none !important;
  color: #292929;
}
.cp__drop-buttons__rounded {
  border-radius: 150px !important;
}
.cp__drop-buttons__icon__feature .cp__drop-buttons__icon {
  width: 40px;
  height: 40px;
  border-radius: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #d9d9ff;
  font-size: 22px;
}
/* -------------------------------------------------------------------------- */
/*                           Classes de componentes                           */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                            Modais do Sistema 1.0                           */
/* -------------------------------------------------------------------------- */
.cp__modal .uk-modal-title {
  font-family: 'Quicksand', sans-serif;
  font-size: 1.9rem;
}
.cp__modal .uk-modal-header {
  border-radius: 5px;
}
.cp__modal .cp__modal__large {
  min-width: 100%;
}
.cs-cuppon__shein {
  background-color: #fff5f5;
  padding: 14px;
  box-sizing: border-box;
}
.cs-cupon__shein__title {
  font-size: 16px;
  text-transform: uppercase;
  font-family: 'Quicksand', sans-serif;
  font-weight: 700;
  color: black;
}
.cs-cupon__shein__value {
  font-size: 20px;
  font-family: 'Quicksand', sans-serif;
  font-weight: 700;
  color: black;
}
.cs-cupon__off__courency {
  translate: unset;
  offset-rotate: 20deg;
  transform: rotate(90deg);
  position: absolute;
  font-size: 21px;
  top: 34%;
}
.cs-cupom-sign {
  padding-top: 10px;
  padding-bottom: 10px;
  box-sizing: border-box;
  left: -38px;
  top: 0px;
  width: 40px;
  height: 100%;
  background-color: #000000;
  position: absolute;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cs-cupom-sign__labe {
  writing-mode: vertical-rl;
  font-size: 20px;
  transform: rotate(180deg);
  line-height: 1;
  color: white;
  font-family: 'Quicksand', sans-serif;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
}
.cp-cuppon__col__first__old::after {
  content: "";
  position: absolute;
  width: 2px;
  background-color: black;
  height: 50%;
  top: calc(50% - 25%);
  left: calc(52% - 2px);
}
.cp-cuppon__divider {
  width: 2px;
}
.cs-cupon__home {
  position: fixed;
  top: 50%;
  max-width: 500px;
  left: -499px;
  transition: 0.6s;
}
.cs-cupon__home:hover {
  left: 0px;
}
.cs-cupon__home .cs-cupon__shein__title {
  font-size: 16px;
  text-transform: uppercase;
  font-family: 'Quicksand', sans-serif;
  font-weight: 700;
  color: black;
}
.cs-cupon__home .cp-cuppon__col__first::after {
  content: "";
  position: absolute;
  width: 2px;
  background-color: black;
  height: 20%;
  top: calc(50% - 25%);
  left: calc(54% - 2px);
}
.cs-cupon__home .cs-cupom-sign {
  padding-top: 10px;
  padding-bottom: 10px;
  box-sizing: border-box;
  top: 0px;
  width: 40px;
  height: 100%;
  background-color: #000000;
  position: absolute;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  right: -38px !important;
  left: unset;
}
/* --------------------------------- Curpons -------------------------------- */
.cs-cupons__list {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.cs-cupons__list li {
  padding: 8px;
  box-sizing: border-box;
}
.cs__cupons__preview {
  display: flex;
  flex-wrap: wrap;
}
.cs__cupons__preview li {
  width: 50%;
}
.cs__cupons__preview li .cs-cupon__get {
  display: none;
}
@media (max-width: 762px) {
  .cs__cupons__preview li {
    width: 100%;
  }
}
.cs__cupons__preview li .cs-cupon__title {
  font-size: 18px;
}
.cs__cupons__preview li .cs-cupon__value {
  font-size: 15px;
  font-weight: 500;
}
.cs__cupons__preview li .cs-cupon__description {
  display: none;
}
.cs-cupon__card {
  padding: 10px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 992px) {
  .cs-cupon__card {
    flex-wrap: wrap;
  }
}
@media (max-width: 992px) {
  .cs-cupon__info {
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 30px;
  }
}
.cs-cupon__get {
  position: relative;
  display: flex;
  align-items: center;
}
.cs-cupon__get__btn {
  width: 200px;
  height: 50px;
  border-radius: 10px;
  padding-left: 100px;
  border: solid 2px #ff8800;
  border-style: dotted;
}
.cs-cupon__get__btn__cover {
  width: 150px;
  height: 50px;
  background-color: #ff8800;
  position: absolute;
  top: calc(50% - 25px);
  left: 0px;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
  display: flex;
  align-items: center;
  padding-left: 10px ;
  box-sizing: border-box;
  color: white;
  font-family: 'Quicksand', sans-serif;
  font-weight: 700;
}
.cs-cupon__get__btn__cover:hover {
  text-decoration: none;
  color: white;
}
.cs-cupon__get__btn__cover::after {
  top: 5px;
  right: -17px;
  background-image: -webkit-linear-gradient(306deg, #ceb7a8, #e8ceb8 38%, #e0cdbe 47%, #c0e1b3 51%, rgba(255, 255, 255, 0) 54%) !important;
  background-image: -moz-linear-gradient(54deg, #cebaa8, #e8cbb8 38%, #e0cabe 47%, #e1c2b3 51%, rgba(255, 255, 255, 0) 54%) !important;
  background-image: -o-linear-gradient(306deg, #ceb6a8, #e8cab8 38%, #e0c9be 47%, #e1c2b3 51%, rgba(255, 255, 255, 0) 54%) !important;
  background-image: linear-gradient(36deg, #ceb3a8, #e8c7b8 38%, #e0c9be 47%, #e1beb3 51%, rgba(255, 255, 255, 0) 54%) !important;
  transform-origin: center top;
  box-shadow: -3px 7px 6px 0 rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  transform: rotate(35deg);
  position: absolute;
  margin-right: -27.5px;
  z-index: 3;
  content: "";
  display: block;
  transition: all 0.125s ease-in-out;
  width: 43px;
  height: 55px;
  box-shadow: -2px 8px 7px 0 rgba(0, 0, 0, 0.1);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-width: 0;
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
}
.cs-cupon__content {
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}
.cs-cupon__title {
  font-size: 23px;
  font-weight: 700;
  font-family: 'Quicksand', sans-serif;
  margin-bottom: 10px;
}
.cs-cupon__value {
  font-size: 19px;
  font-weight: 700;
  font-family: 'Quicksand', sans-serif;
  margin-bottom: 10px;
}
.cs-cupon__description {
  font-size: 14px;
  font-weight: 300;
  font-family: 'Quicksand', sans-serif;
  margin-bottom: 10px;
}
.cs-cupon__valid {
  font-size: 12px;
  font-weight: 300;
  font-family: 'Quicksand', sans-serif;
  margin-bottom: 00px;
}
.cs-cupon__logo {
  width: 100px;
  height: 100px;
  min-width: 100px;
  background-position: center;
  background-size: contain;
}
.cs-cupons__title {
  text-transform: capitalize;
  font-size: 29px;
  font-weight: 700;
  font-family: 'Quicksand', sans-serif;
  margin-bottom: 10px;
  color: black;
}
.cs-cupon__section {
  background-color: #f0f0f0;
}
.cs-cupon__section .cs-cupons__title {
  color: #000000;
  text-transform: uppercase;
}
.cs-cupons__subtitle {
  font-size: 16px;
  font-weight: 300;
  font-family: 'Quicksand', sans-serif;
  margin-bottom: 00px;
  color: #000000;
}
/* -------------------------------- gift card ------------------------------- */
.gif-help__icon {
  font-size: 62px;
  color: black;
  width: 70px;
  height: 70px;
  position: absolute;
  top: -20px;
  left: -20px;
  background-color: white;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
}
.gift-help__title {
  font-size: 19px;
  font-family: 'Quicksand', sans-serif;
  color: black;
  font-weight: 700;
  margin-bottom: 15px;
  padding-left: 40px;
  line-height: 1;
}
.gift-help-description {
  font-size: 14px;
  font-family: 'Quicksand', sans-serif;
  color: #5a5a5a;
  font-weight: 400;
}
.gift-help__step {
  font-size: 62px;
}
.cs-gift__card {
  display: flex;
  min-height: 150px;
  align-items: center;
  background: #f5f5f5;
  background: linear-gradient(135deg, #f5f5f5 0%, #c2c2c2 100%);
}
.cs-gif__section__title {
  font-size: 29px;
  font-family: 'Quicksand', sans-serif;
  color: #292929;
  font-weight: 700;
}
.gif-card-value {
  font-size: 19px;
  font-family: 'Quicksand', sans-serif;
  color: #292929;
  font-weight: 700;
  background-color: white;
  width: 80px;
  min-width: 80px;
  min-height: 80px;
  height: 80px;
  border-radius: 150px;
  text-align: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin-right: 20px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
}
.gift__courrency {
  font-size: 16px;
  font-family: 'Quicksand', sans-serif;
  font-weight: 300;
}
.gift-card-description {
  font-size: 17px;
  font-family: 'Quicksand', sans-serif;
  color: #292929;
}
.cs-gift__banner {
  width: 100%;
  height: 500px;
  min-height: 500px;
  background-position: center;
  background-size: cover;
}
.cs-gift__banner__title {
  font-size: 29px;
  font-family: 'Quicksand', sans-serif;
  color: #292929;
  font-weight: 700;
}
.cs-gift__banner__title {
  font-size: 51px;
  font-family: 'Quicksand', sans-serif;
  color: #292929;
  font-weight: 700;
  position: absolute;
  left: 20%;
  top: 40%;
  max-width: 34%;
}
@media (max-width: 762px) {
  .cs-gift__banner__title {
    font-size: 19px;
    font-family: 'Quicksand', sans-serif;
    color: #292929;
    font-weight: 700;
    position: absolute;
    left: 6%;
    top: 64%;
    max-width: 52%;
  }
}
:root {
  --yt-primary-color: #38b4c2;
  --yt-primary-color-text: #ffffff;
  --yt-view-size: 1396px;
  --panel-header-background: #f0f2f5;
  --shadow-rgb: 11,20,26;
  --app-background: #eae6df;
  --app-background-deeper: #d1d7db;
  --search-input-container-background: #fff;
  --search-input-background: #f0f2f5;
  --primary-strong: #111b21;
  --chat-meta: #667781;
  --yt-chat-count: #00da98;
  --yt-chat-count-text: #ffffff;
  --background-default-active: #f0f2f5;
  --rich-text-panel-background: #f0f2f5;
  --sender-background: #d9fdd3;
  --sender-color: #111b21;
  --received-background: #ffffff;
  --received-color: #111b21;
  --received-color-meta: #009e6f;
  /* cores do aplicativo*/
  --yta-primary-color: #121121;
  --yta-primary-color-text: #dbdaff;
  --yta-primary-color-dark: #0a0918;
  --yta-card-bg: #222338;
  --yta-fab-text: #bdbdff;
  --yta-fab-bg: #1a0066;
  --yta-meta-color: #999999;
  --yt-default-font: 'Roboto', sans-serif;
}
/* pagina do chat */
.yt__page {
  position: relative;
  z-index: 100;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-image: linear-gradient(180deg, var(--app-background), var(--app-background-deeper));
}
.yt__view {
  z-index: 100;
  overflow: hidden;
  box-shadow: 0 6px 18px rgba(var(--shadow-rgb), 0.05);
  position: absolute;
  top: 19px;
  width: var(--yt-view-size);
  height: calc(100% - 38px);
  background-color: rebeccapurple;
  margin: 0 auto;
  left: 0;
  right: 0;
  display: flex;
}
.yt__page__header {
  background-color: var(--yt-primary-color);
  height: 200px;
}
.yt__panel__header {
  padding: 10px 16px;
  background-color: var(--panel-header-background);
  position: relative;
  z-index: 1000;
  box-sizing: border-box;
  display: flex;
  flex: none;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  height: 59px;
}
/* colunas */
.yt__col__contacts__chats {
  width: 30%;
  box-sizing: border-box;
  position: relative;
  z-index: 100;
  height: 100%;
  overflow: hidden;
  background-color: #ffffff;
}
.yt__col__extra {
  width: 30%;
  box-sizing: border-box;
  position: relative;
  z-index: 100;
  height: 100%;
  overflow: hidden;
  background-color: #ffffff;
  display: none;
}
.yt__col__extra .uk-tab::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 12px;
  right: 0;
  border-bottom: 1px solid #e5e5e5;
}
.yt__col__extra-show {
  display: flex;
  flex-direction: column;
}
.yt__business__logo {
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.yt__business__logo img {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 50%;
}
.yt__header__logo {
  height: 40px;
  width: 40px;
  cursor: pointer;
  border-radius: 50%;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.yt__header__right {
  display: flex;
}
.yt__btn__plus {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  font-size: 32px;
  border: none;
  display: flex;
  align-items: center;
  background-color: transparent;
  justify-content: center;
  cursor: pointer;
}
.yt__btn__plus:hover {
  background-color: #ececec;
}
.yt__panel__header__profile {
  flex-grow: 1;
  display: flex;
  align-items: center;
}
/* chats */
.yt__search__chat__contact {
  background-color: var(--search-container-background);
  position: relative;
  z-index: 100;
  flex: none;
  height: 49px;
  padding: 0px 20px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  border-bottom: solid 1px #e4e4e4;
  transition: box-shadow 0.18s ease-out, background-color 0.25s ease-out;
}
.yt__search__chat__contact input {
  background-color: var(--search-input-background);
  border-radius: 8px;
  width: 100%;
  border: none;
  height: 32px;
  padding: 0px 10px;
  box-sizing: border-box;
  outline: none;
}
.yt__search__chat__contact input:hover {
  outline: none;
}
.yt__chats__contact {
  list-style: none;
  padding: 0px;
}
.yt__msg__count {
  position: absolute;
  right: 0px;
}
.yt__contact {
  position: relative;
}
.yt__contact__details {
  display: flex;
  justify-content: space-between;
}
.yt__contact__name {
  display: flex;
  flex-grow: 1;
  overflow: hidden;
  font-size: 17px;
  font-weight: 400;
  line-height: 21px;
  color: var(--primary-strong);
  text-align: left;
}
.yt__contact__last__msg {
  flex-grow: 1;
  overflow: hidden;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
  max-width: 80%;
}
.yt__contact__arrow {
  right: 15px;
  font-size: 18px;
  display: none;
}
.yt__contact__info {
  width: 100%;
  padding: 0 13px 0 0px;
}
.yt__contact__info:hover .yt__contact__arrow {
  display: flex;
}
.yt__active__chat {
  background-color: var(--background-default-active);
}
.yt__last__contact__time {
  overflow: hidden;
  line-height: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: none;
  max-width: 100%;
  font-size: 12px;
  line-height: 20px;
  color: var(--chat-meta);
}
.yt__msg__count {
  width: 20px;
  height: 20px;
  background-color: var(--yt-chat-count);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 10px;
  color: var(--yt-chat-count-text);
  position: absolute;
  bottom: 16px;
  right: 10px;
}
.yt__contact__wrap__img {
  display: flex;
  padding: 0 15px 0 13px;
  height: 49px;
  width: 49px;
  border-radius: 50%;
  align-items: center;
}
.yt__contact {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 72px;
  pointer-events: all;
  cursor: pointer;
}
/* botões de configurações*/
.yt__btn__config {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  font-size: 32px;
  border: none;
  display: flex;
  align-items: center;
  background-color: transparent;
  justify-content: center;
  cursor: pointer;
}
.yt__btn__config:hover {
  background-color: #ececec;
}
.yt__config__menu li a {
  font-size: 1.4rem;
  font-family: var(--yt-default-font);
}
/* conversa com o contato */
.yt__col__current__chat {
  width: 70%;
  right: 0px;
  box-sizing: border-box;
  position: relative;
  z-index: 100;
  height: 100%;
  background-color: #e3e3e3;
}
.yt__chat__content {
  background-position: center;
  background-size: cover;
  position: absolute;
  padding-top: 80px;
  padding-bottom: 82px;
  padding-left: 20px;
  padding-right: 20px;
  top: 0;
  z-index: 100;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  transition: background 0.3s ease-out 0.1s;
}
.yt__chat__footer {
  padding: 10px;
  position: absolute;
  z-index: 102;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  max-width: 100%;
  min-height: 62px;
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: var(--rich-text-panel-background);
  bottom: 0px;
  width: 100%;
}
.yt__chat__send {
  padding: 0px;
  box-sizing: border-box;
  width: 60px;
  min-width: 60px;
  display: flex;
  justify-content: center;
  cursor: pointer;
}
.yt__chat__send button {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--yt-primary-color);
  color: var(--yt-primary-color-text);
  border-radius: 50%;
  font-size: 32px;
  border: none;
  cursor: pointer;
}
.yt__chat__text {
  width: 100%;
}
.yt__chat__text textarea {
  width: 100%;
  border-radius: 10px;
  resize: none;
  font-size: 16px;
  outline: none;
  padding: 10px;
  box-sizing: border-box;
  border: none;
}
.yt__chat__anexo button {
  padding: 0px;
  box-sizing: border-box;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  color: var(--yt-primary-color);
  border-radius: 50%;
  border: none;
  font-size: 32px;
  cursor: pointer;
}
/* chat atual */
.yt__msg {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
.yt__msg li {
  margin-bottom: 16px;
}
.yt__msg__sender {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.yt__msg__sender .yt__msg__item {
  padding: 10px;
  box-sizing: border-box;
  background-color: var(--sender-background);
  color: var(--sender-color);
  text-align: right;
}
.yt__msg__sender .yt__msg__time {
  text-align: right;
  left: 2px;
  bottom: 2px;
  font-size: 1rem;
  right: 5px;
}
.yt__msg__received {
  width: 100%;
  display: flex;
  justify-content: flex-start;
}
.yt__msg__received .yt__msg__item {
  padding: 10px;
  box-sizing: border-box;
  background-color: var(--received-background);
  color: var(--received-color);
  text-align: left;
}
.yt__msg__received .yt__msg__time {
  text-align: right;
  position: absolute;
  right: 2px;
  font-size: 1rem;
  bottom: 2px;
}
.yt__msg__item {
  position: relative;
  overflow-wrap: break-word;
  max-width: 70%;
  min-width: 40%;
  border-radius: 7.5px;
  box-shadow: 0 1px 0.5px rgba(var(--shadow-rgb), 0.13);
  font-family: var(--yt-default-font);
  font-weight: 300;
  font-size: 1.4rem;
  line-height: 1.4;
  padding-bottom: 16px !important;
}
.yt__msg__user {
  color: var(--received-color-meta);
  font-family: var(--yt-default-font);
  font-weight: 600;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}
.yt__msg__img {
  width: 30px;
  height: 30px;
  background-position: center;
  background-size: cover;
  margin-right: 10px;
  border-radius: 150px;
}
.yt__msg__sender .yt__msg__user {
  justify-content: flex-end;
  color: #6060f0;
}
.yt__msg__sender .yt__msg__img {
  margin-right: 0px;
  margin-left: 10px;
}
.yt__msg__time {
  font-weight: 300;
  position: absolute;
}
.yt__current__img {
  height: 40px;
  width: 40px;
  cursor: pointer;
  border-radius: 50%;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}
.yt__current__img img {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 50%;
}
.yt__current__name {
  display: flex;
  flex-grow: 1;
  overflow: hidden;
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  color: var(--primary-strong);
  text-overflow: ellipsis;
  white-space: nowrap;
}
.yt__current__status {
  min-height: 20px;
  font-size: 13px;
  line-height: 20px;
  color: var(--secondary);
}
/*
 *  STYLE 4
 */
.yt__chat__content::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.055);
  background-color: #F5F5F5;
  border-radius: 0px;
}
.yt__chat__content::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5;
  border-radius: 0px;
}
.yt__chat__content::-webkit-scrollbar-thumb {
  background-color: #00000013;
  opacity: 0.1;
  border: 0px solid #555555;
  border-radius: 0px;
}
/* conteúdo extra do chat */
.yt__extra__tab {
  width: 100%;
  margin: 0px;
}
.yt__extra__tab li:first-child {
  padding-left: 0px;
}
.yt__extra__tab li a {
  display: flex;
  flex-grow: 1;
  overflow: hidden;
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  color: var(--primary-strong);
  text-overflow: ellipsis;
  white-space: nowrap;
  text-transform: capitalize !important;
}
.yt__alerts__content {
  position: absolute;
  padding-top: 80px;
  padding-bottom: 82px;
  padding-left: 20px;
  padding-right: 20px;
  top: 0;
  z-index: 100;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  transition: background 0.3s ease-out 0.1s;
  background-color: #ffffff;
}
.yt__more__alerts {
  position: absolute;
  left: 0px;
  font-size: 22px;
  color: #ffb3b3;
  bottom: 6px;
  border: none;
  background-color: transparent;
}
.yt__list__alerts {
  list-style: none;
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}
.yt__list__alerts li {
  margin-bottom: 20px;
}
.yt__list__alerts li:last-child {
  margin-bottom: 0px;
}
/* -----------------------------------------------------
Aplicativo
*/
.yta__header {
  background-color: var(--yta-primary-color);
}
.yta__header .uk-tab::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 20px;
  right: 0;
  border-bottom: 0px solid #e5e5e5;
}
.yta__config__menu li a {
  font-size: 1.4rem;
  font-family: var(--yt-default-font);
}
.yta__header__info {
  padding: 10px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.yta__switcher__app {
  margin: 0px;
}
.yta__switcher__app li a {
  color: var(--yt-primary-color-text);
  font-size: 1.3rem;
  font-family: var(--yt-default-font);
  font-weight: 500;
}
.yta__switcher__app li:first-child {
  padding-left: 0px;
}
.yta__switcher__app .uk-active > a {
  color: var(--yt-primary-color-text);
}
.yta__app__content {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  box-sizing: border-box;
}
.yta__header__logo {
  font-size: 1.6rem;
  font-family: var(--yt-default-font);
  color: var(--yt-primary-color-text);
  font-weight: 500;
}
.yta__cogs {
  font-size: 3.2rem;
  color: var(--yt-primary-color-text);
  background-color: transparent;
  border: none;
  padding: 0px;
}
.yt__app {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.yt__app .yt__contact__name {
  color: var(--yt-primary-color-text);
}
.yt__app .yt__last__contact__time {
  color: var(--yt-primary-color-text);
}
.yt__app .yt__contact__last__msg {
  color: var(--yta-meta-color);
}
.yt__app .alt__block__alert {
  background-color: var(--yta-card-bg);
}
.yt__app .alt__block__alert p {
  color: var(--yt-primary-color-text);
  font-size: 1.4rem;
}
.yt__app .yt__current__name {
  color: var(--yt-primary-color-text);
}
.yt__app .yt__msg__item {
  font-size: 1.6rem;
}
.yta__content {
  position: absolute;
  height: 100%;
  background-color: var(--yta-primary-color-dark);
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
/* chat do app */
.yta__chat__footer {
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
  z-index: 101;
  display: flex;
  padding-bottom: 10px;
  padding-top: 10px;
  box-sizing: border-box;
  background-color: var(--yta-primary-color);
}
.yta__chat__content {
  background-position: center;
  background-size: cover;
  padding-bottom: 120px;
  padding-left: 20px;
  padding-right: 20px;
  top: 0;
  z-index: 100;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  padding-top: 20px;
  transition: background 0.3s ease-out 0.1s;
}
.yta__chat__back {
  font-size: 3.2rem;
  color: var(--yt-primary-color-text);
  margin-right: 10px;
  background-color: transparent;
  padding: 0px;
  border: none;
  text-decoration: none;
}
.yta__chat__back:hover {
  text-decoration: none;
}
.yta__chats {
  position: relative;
  height: 90%;
  overflow-y: auto;
  overflow-x: hidden;
}
.yta__fab {
  width: 55px;
  height: 55px;
  background-color: var(--yta-fab-bg);
  color: var(--yta-fab-text);
  font-size: 3.2rem;
  position: absolute;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 40px;
  right: 20px;
}
.yta__new__action .__img {
  font-size: 3.6rem;
  border-radius: 50%;
  background-color: var(--yta-primary-color);
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.yta__search__contacts {
  padding: 10px;
  box-sizing: border-box;
}
.yta__search__contacts input {
  padding: 2px 10px;
  box-sizing: border-box;
  font-size: 1.4rem;
  height: 35px;
  width: 100%;
  border-radius: 10px;
  border: none;
  outline: none;
  background-color: var(--yta-primary-color);
}
.yt__search__contacts {
  padding: 10px;
  box-sizing: border-box;
}
.yt__search__contacts input {
  padding: 2px 10px;
  box-sizing: border-box;
  font-size: 1.4rem;
  height: 35px;
  width: 100%;
  border-radius: 10px;
  border: none;
  outline: none;
  background-color: var(--search-input-background);
}
.yta__next__step {
  width: 55px;
  height: 55px;
  background-color: var(--yta-fab-bg);
  color: var(--yta-fab-text);
  font-size: 3.2rem;
  position: absolute;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 80px;
  right: 20px;
}
.yta__next__step:hover {
  text-decoration: none;
}
.yta__group__step {
  padding: 10px;
  box-sizing: border-box;
}
.yta__group__step input {
  padding: 2px 10px;
  box-sizing: border-box;
  font-size: 1.6rem;
  height: 35px;
  width: 100%;
  border-radius: 10px;
  border: none;
  outline: none;
  margin-bottom: 20px;
  margin-top: 5px;
  color: var(--yta-primary-color-text);
  background-color: var(--yta-primary-color);
}
.yta__group__step label {
  font-family: var(--yt-default-font);
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 8px;
  color: var(--yta-primary-color-text);
}
.yt__group__step {
  padding: 10px;
  box-sizing: border-box;
}
.yt__group__step input {
  padding: 2px 10px;
  box-sizing: border-box;
  font-size: 1.6rem;
  height: 35px;
  width: 100%;
  border-radius: 10px;
  border: none;
  outline: none;
  margin-bottom: 20px;
  margin-top: 5px;
  color: var(--yt-primary-color-text);
  background-color: var(--search-input-background);
}
.yt__group__step label {
  font-family: var(--yt-default-font);
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 8px;
  color: var(--chat-meta);
}
.yta__select__contacts {
  width: 26px;
  height: 26px;
  position: absolute;
  top: calc(50% - 13px);
  right: 20px;
}
.yta__group__img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin: 0 auto;
  background-position: center;
  background-size: cover;
  margin-top: 40px;
}
.yta__select__image__group {
  width: 100%;
  text-align: center;
  padding: 10px 25px;
  box-sizing: border-box;
  border-radius: 50px;
  background-color: var(--yta-fab-bg);
  border: none;
  margin: 0 auto;
  font-size: 1.6rem;
  color: var(--yta-primary-color-text);
}
/* modificador para o sistema */
.sidebar__chat__content .yt__contact__wrap__img {
  display: flex;
  padding: 0 7px 0 6px;
  height: 49px;
  width: 49px;
  min-width: 49px;
  border-radius: 50%;
  align-items: center;
}
.sidebar__chat__content .yt__chats__contact li {
  border-bottom: solid 1px #e5e3e3;
}
.sidebar__chat__content .yt__chats__contact li a:hover {
  text-decoration: none;
}
.sidebar__chat__content .yt__contact__last__msg {
  max-width: 150px;
}
.yt__msg__modal .uk-modal-dialog {
  background-color: #f5f5f5;
}
.yt__msg__modal .cp__modal__header .yt__current__img {
  box-shadow: 0 6px 18px rgba(var(--shadow-rgb), 0.05);
}
.yt__msg__modal .cp__modal__body {
  padding-bottom: 112px;
}
/* -------------------------------------------------------------------------- */
/*                               Tema astro 1.0                               */
/* -------------------------------------------------------------------------- */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5vAw.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Me5Q.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9vAw.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlvAw.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtvAw.ttf) format('truetype');
}
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/quicksand/v29/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkKEo18E.ttf) format('truetype');
}
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/quicksand/v29/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkP8o18E.ttf) format('truetype');
}
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/quicksand/v29/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkM0o18E.ttf) format('truetype');
}
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/quicksand/v29/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkCEv18E.ttf) format('truetype');
}
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/quicksand/v29/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkBgv18E.ttf) format('truetype');
}
/* ---------------------------- Textos do sistema --------------------------- */
/* ------------------------- Cores gerais do sistema ------------------------ */
/* ----------------------------- Cores de Botões ---------------------------- */
/* ---------------------------- Cores dos textos ---------------------------- */
/* --------------------- Cores de background do sistema --------------------- */
/* ----------------------------- Raios de bordas ---------------------------- */
/* -------------------------------- Checkbox -------------------------------- */
.cp__font__bold {
  font-weight: 700;
}
.gfd__page__profile__img {
  min-width: 40px;
  height: 40px;
  width: 40px;
  margin-right: 20px;
  background-position: center;
  background-size: cover;
}
.gfd__page__title {
  font-family: 'Quicksand', sans-serif;
  font-size: 1.3rem;
  font-weight: 700;
}
.gfd__card {
  height: 150px;
  cursor: pointer;
}
.gfd__card__price {
  width: 80px;
  height: 80px;
  border-radius: 150px;
  position: absolute;
  background-color: rebeccapurple;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1;
}
.gfd__card__price span {
  position: absolute;
  top: 1px;
  left: 0px;
  width: 25px;
  height: 25px;
  border-radius: 150px;
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.gfd__card__title {
  font-size: 1.1rem;
  white-space: nowrap;
  position: absolute;
  max-width: 175px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 700;
}
.gfd__card__code {
  font-size: 22px;
  font-weight: 700;
  white-space: nowrap;
  position: absolute;
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: 0.6s;
  display: none;
}
.gfd__card__code:hover {
  filter: blur(0px);
}
.gfd__card__type {
  font-size: 22px;
  font-weight: 700;
  white-space: nowrap;
  position: absolute;
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.gfd__card__logo {
  position: absolute;
}
.gfd__total__label {
  font-size: 1.4rem;
  font-weight: 700;
  font-family: 'Quicksand', sans-serif;
}
.gfd__total__value {
  font-size: 1.3rem;
  font-weight: 400;
  font-family: 'Quicksand', sans-serif;
}
.gfd__switcher li a {
  font-size: 1.4rem;
}
/* -------------------------------------------------------------------------- */
/*                        Botões padrões do sistema 1.0                       */
/* -------------------------------------------------------------------------- */
/* ------------------------ Botoes Padroes do sistema ----------------------- */
/* -------------------------- Controle do jquery UI ------------------------- */
/* TODO: passar controle para uma arquivo especifico de controle */
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: 'Quicksand', sans-serif !important;
}
.cp__button {
  border-radius: 8px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  padding-left: 25px;
  padding-right: 25px;
  box-sizing: border-box;
  cursor: pointer;
  outline: none;
  font-family: 'Quicksand', sans-serif;
  font-weight: 600;
  font-size: 1.4rem;
}
.cp__button__small {
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  padding: 5px 15px;
  box-sizing: border-box;
  cursor: pointer;
  outline: none;
  font-family: 'Quicksand', sans-serif;
  font-weight: 600;
  font-size: -0.6rem;
  line-height: 1;
}
.cp__button__slim {
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  padding: 5px 15px;
  box-sizing: border-box;
  cursor: pointer;
  outline: none;
  font-family: 'Quicksand', sans-serif;
  font-weight: 600;
  font-size: -0.6rem;
  line-height: 1;
}
.cp__button__medium {
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  padding: 8px 15px;
  box-sizing: border-box;
  cursor: pointer;
  outline: none;
  font-family: 'Quicksand', sans-serif;
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 1;
}
.cp__button__large {
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  height: 42px;
  padding: 5px 20px;
  box-sizing: border-box;
  cursor: pointer;
  outline: none;
  font-family: 'Quicksand', sans-serif;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1;
}
.cp__button__hover__white {
  border-radius: 8px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  padding-left: 25px;
  padding-right: 25px;
  box-sizing: border-box;
  cursor: pointer;
  outline: none;
  font-family: 'Quicksand', sans-serif;
  font-weight: 600;
  font-size: 1.4rem !important;
  color: #6060f0;
  background-color: white;
  transition: 0.6s;
}
.cp__button__hover__white:hover {
  background-color: #6060f0;
  color: white;
}
.cp__button__default {
  background-color: #6060f0;
  color: #ffffff;
}
.cp__button__white {
  background-color: white;
  color: #6060f0;
  border: solid 2px #6060f0;
}
.cp__button__remove {
  background-color: #ffbfbf;
  color: #300000;
}
.cp__button__icon {
  border-radius: 8px;
  height: 32px;
  border: none;
  padding-left: 11px;
  padding-right: 2px;
  box-sizing: border-box;
  cursor: pointer;
  outline: none;
  font-family: 'Quicksand', sans-serif;
  font-weight: 600;
  min-width: 160px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #6060f0;
  color: white;
}
.cp__button__icon i {
  font-size: 2.8rem;
  margin-left: 25px;
  margin-right: 5px;
}
.cp__button__icon__borded {
  border-radius: 8px;
  height: 32px;
  border: solid 1px #6060f0;
  padding-left: 25px;
  padding-right: 25px;
  box-sizing: border-box;
  cursor: pointer;
  outline: none;
  font-family: 'Quicksand', sans-serif;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: transparent;
  color: #6060f0;
}
.cp__button__icon__borded i {
  font-size: 2.8rem;
  margin-left: 15px;
  margin-right: 15px;
}
.cp__button__icon__transparent {
  border-radius: 8px;
  height: 32px;
  border: none;
  padding-left: 25px;
  padding-right: 25px;
  box-sizing: border-box;
  cursor: pointer;
  outline: none;
  font-family: 'Quicksand', sans-serif;
  font-weight: 600;
  min-width: 160px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: transparent;
  color: #6060f0;
}
.cp__button__icon__transparent i {
  font-size: 2.8rem;
  margin-left: 25px;
  margin-right: 5px;
}
.cp__button__social {
  border-radius: 5px;
  height: 42px;
  background-color: #6060f0;
  border: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1.4rem;
  cursor: pointer;
  transition: 0.6s;
  color: white;
}
.cp__button__social:hover {
  transform: scale(1.1);
}
.cp__button__social i {
  margin-left: 25px;
  font-size: 2.2rem;
}
.cp__instagram {
  font-weight: 600;
  background-color: #ffe3f4;
  color: #e10240;
  font-family: 'Quicksand', sans-serif;
}
.cp__facebook {
  font-weight: 600;
  background-color: #e3eaff;
  color: #1802e1;
  font-family: 'Quicksand', sans-serif;
}
.btn-primary {
  border-radius: 8px !important;
}
.cp__sms {
  font-weight: 600;
  background-color: #fff5e3;
  color: #e19302;
  font-family: 'Quicksand', sans-serif;
}
.cp__push {
  font-weight: 600;
  background-color: #e3fcff;
  color: #02d2e1;
  font-family: 'Quicksand', sans-serif;
}
.cp__email {
  font-weight: 600;
  background-color: #d1d1d1;
  color: #5e5e5e;
  font-family: 'Quicksand', sans-serif;
}
.cp__whatsapp {
  font-weight: 600;
  background-color: #e3fffa;
  color: #02e18b;
  font-family: 'Quicksand', sans-serif;
}
.cp__button__social-round {
  border-radius: 8px;
  padding-left: 25px;
  padding-right: 25px;
  height: 42px;
  background-color: #6060f0;
  border: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1.4rem;
  cursor: pointer;
  transition: 0.6s;
  color: white;
}
.cp__button__social-round:hover {
  transform: scale(1.1);
}
.cp__button__social-round i {
  margin-left: 25px;
  font-size: 2.2rem;
}
.cp__button__save {
  width: 100%;
  background-color: #11dbbf;
  color: #ffffff;
}
.cp__button__action {
  width: 100%;
  background-color: #D53354;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* ---------------------------- Botões de ícones ---------------------------- */
.cp__search {
  font-size: 25px !important;
  background-color: transparent;
  border: none;
  color: #00cda7;
  cursor: pointer;
  padding: 8px;
  box-sizing: border-box;
}
/* botões de texto */
.cp__button__text {
  font-family: 'Quicksand', sans-serif !important;
  font-weight: 700;
  font-size: 1.4rem !important;
  border: none;
  background-color: transparent;
  color: #6060f0;
  cursor: pointer;
}
.cp__button__text i {
  font-size: 19px;
  margin-left: 10px;
  margin-right: 10px;
}
.cp__button__text:hover {
  text-decoration: none;
  color: #6060f0;
}
.cp__btn__text__search {
  font-family: 'Quicksand', sans-serif !important;
  font-weight: 600;
  font-size: 1.4rem !important;
  border: none;
  background-color: transparent;
  cursor: pointer;
  color: #00cda7;
}
.cp__btn__text__edit {
  font-family: 'Quicksand', sans-serif !important;
  font-weight: 600;
  font-size: 1.4rem !important;
  border: none;
  background-color: transparent;
  cursor: pointer;
  color: #2d0bc2;
}
.cp__btn__text__more {
  font-family: 'Quicksand', sans-serif !important;
  font-weight: 600;
  font-size: 1.4rem !important;
  border: none;
  background-color: transparent;
  cursor: pointer;
  color: #a1a1a1;
}
.cp__btn__text__historic {
  font-family: 'Quicksand', sans-serif !important;
  font-weight: 600;
  font-size: 1.4rem !important;
  border: none;
  background-color: transparent;
  cursor: pointer;
  color: #ffbb00;
}
.cp__btn__remove {
  font-size: 25px !important;
  background-color: transparent;
  border: none;
  color: #ffa3a3;
  cursor: pointer;
}
/* --------------------------- Botões de dropdows --------------------------- */
.cp__more__action li button {
  font-family: 'Quicksand', sans-serif !important;
  font-weight: 600;
  font-size: 1.4rem !important;
  display: flex;
  width: 100%;
  justify-content: space-between;
  height: 32px;
  padding-left: 25px;
  padding-right: 25px;
  align-items: center;
}
/* suporte a botões de exportação*/
.btnExport-ba i {
  font-size: 28px !important;
}
/* ------------------------ Suporte a classes antigas ----------------------- */
@media (max-width: 992px) {
  .btnDialog {
    max-height: 32px !important;
    border-radius: 150px !important;
  }
}
/* -------------------------------------------------------------------------- */
/*                              Botões da Comanda                             */
/* -------------------------------------------------------------------------- */
/* ------------------ Suporte aos botçoes da comanda legacy ----------------- */
.button__ticket {
  border: none;
  cursor: pointer;
  min-height: 45px;
  width: 100%;
}
.button__ticket--icon {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  margin-right: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  color: #09003d;
}
.button__ticket__label {
  font-family: var(--app-default-font-2);
  font-weight: 700;
  font-size: 16px;
}
/* ------------------- Nova versão dos botçoes da comanda ------------------- */
.cp__button__ticket {
  border: none;
  cursor: pointer;
  min-height: 45px;
  width: 100%;
}
.cp__button__ticket__icon {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  margin-right: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  color: #09003d;
}
.cp__button__ticket__label {
  font-family: var(--app-default-font-2);
  font-weight: 700;
  font-size: 16px;
}
/* -------------------------------------------------------------------------- */
/*                           Botões de ações padrão                           */
/* -------------------------------------------------------------------------- */
.cp__edit {
  width: 32px;
  height: 32px;
  border-radius: 5px;
  color: #6060f0;
  background-color: transparent;
  border: none;
  font-size: 24px;
  margin-left: 5px;
  margin-right: 5px;
  cursor: pointer;
  background-color: #e5e5e5;
  color: #494949;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cp__remove {
  width: 32px;
  height: 32px;
  border-radius: 5px;
  color: #ffffff;
  background-color: #f2305f;
  border: none;
  font-size: 24px !important;
  margin-left: 5px;
  margin-right: 5px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cp__add__default {
  width: 40px;
  min-width: 40px;
  color: white;
  background-color: #6060f0;
  border: none;
  font-size: 22px;
  margin-left: 5px;
  margin-right: 5px;
  cursor: pointer;
}
/* -------------------------------------------------------------------------- */
/*                               Icones de ação                               */
/* -------------------------------------------------------------------------- */
.cp__icon__default {
  background-color: transparent;
  border: none;
  color: #6060f0;
}
.cp__icon__small {
  font-size: 22px;
}
.cp__icon__medium {
  font-size: 28px;
}
.cp__icon__large {
  font-size: 32px;
}
.cp__icon__xlarge {
  font-size: 42px;
}
.cp__historic__table {
  border-radius: 3px;
  height: 32px;
  padding: 0px 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
  outline: none;
  font-family: 'Quicksand', sans-serif;
  font-weight: 600;
  font-size: 1.4rem;
  background: #F0BB62;
  color: #000434;
}
.cp__historic__table i {
  margin-left: 10px;
  font-size: 22px;
}
.cp__button__circle__medium {
  width: 38px;
  height: 38px;
  border-radius: 8px;
  border: none;
  background-color: #6060f0;
  color: white;
  cursor: pointer;
}
.cp__button__circle__medium:hover {
  transform: scale(1.1);
}
/* fab button */
.cp__fab__help {
  position: absolute;
  bottom: 65px;
  right: 40px;
  padding: 5px 25px;
  box-sizing: border-box;
  background-color: #ffc6c6;
  border: none;
  border-radius: 8px;
  font-size: 1.6rem;
  color: #38010a;
  z-index: 99;
}
.cp__fab__help i {
  font-size: 2.2rem;
  margin-left: 20px;
}
.cp__button__fit {
  width: fit-content;
}
.protocol__active {
  position: absolute;
  top: -7px;
  font-size: 1.6rem;
  width: 22px;
  height: 22px;
  border: 0;
  border-radius: 8px;
  background: orange;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  left: -3px;
}
.spk__more__itens {
  position: absolute;
  right: 86px;
  top: 15px;
}
.remove__quest {
  position: absolute;
  top: 0px;
  right: 0px;
}
.focus__buttons {
  max-width: 100px;
}
.cp__button__gray {
  background-color: #efefef;
  color: #7e7e7e;
}
.s3-btn-ui {
  background-color: #6060f0 !important;
  color: #ffffff !important;
}
/* botões de filtros */
.cp__button__filter {
  border: solid 2px #6060f0;
  border-radius: 8px;
  background-color: white;
  font-size: 1.4rem !important;
  position: relative;
  font-family: 'Quicksand', sans-serif;
  font-weight: 500;
  color: #6060f0;
  padding: 8px 25px;
  cursor: pointer;
  box-sizing: border-box;
}
.cp__filter__modal__list .uk-accordion-title {
  padding: 7px 25px;
  background-color: #ffffff;
  width: 100%;
  border-radius: 8px;
  color: #6060f0 !important;
  font-size: 1.8rem;
  padding-left: 0px;
}
.cp__filter__modal__list .uk-open > .uk-accordion-title::before {
  background-image: none;
}
.cp__filter__modal__list .uk-accordion-title::before {
  background-image: none;
}
.cp__view__header__action .cp__button__gray {
  background-color: #efefef !important;
  color: #7e7e7e !important;
}
.cp__view__header__action .cp__filter__clear {
  background-color: white !important ;
  color: #7e7e7e !important;
  border: solid 1px #7e7e7e !important;
}
button[class~="btnActive"] {
  background-color: #efefef !important;
  color: #7e7e7e !important;
}
input[class~="btnActive"] {
  background-color: #efefef !important;
  color: #7e7e7e !important;
}
button[class*="btnActive"] {
  background-color: #efefef;
  color: #7e7e7e !important;
}
input[class*="btnActive"] {
  background-color: #efefef;
  color: #7e7e7e !important;
}
.cp__filter__modal__list button[class~="btnActive"] {
  background-color: #efefef;
  color: #7e7e7e !important;
}
.cp__filter__modal__list input[class~="btnActive"] {
  background-color: #efefef;
  color: #7e7e7e !important;
}
.cp__filter__modal__list button[class*="btnActive"] {
  background-color: #efefef;
  color: #7e7e7e !important;
}
.cp__filter__modal__list input[class*="btnActive"] {
  background-color: #efefef;
  color: #7e7e7e !important;
}
.cp__filter__clear {
  background-color: white !important ;
  color: #7e7e7e !important;
  border: solid 1px #7e7e7e !important;
}
.cp__field {
  border-width: 0px !important;
  border-bottom-width: 1px !important;
  background-color: transparent !important;
  font-size: 1.4rem !important;
}
.cp__field[disabled="disabled"] {
  -webkit-text-fill-color: #1b1b1b;
  opacity: 1;
  /* required on iOS */
  color: #1b1b1b;
  /* Override IE font color change */
}
.cp__field[disabled="disabled"] {
  -webkit-text-fill-color: #1b1b1b;
  opacity: 1;
  /* required on iOS */
  color: #1b1b1b;
  /* Override IE font color change */
}
.comps__field[disabled="disabled"] {
  -webkit-text-fill-color: #1b1b1b;
  opacity: 1;
  /* required on iOS */
  color: #1b1b1b;
  /* Override IE font color change */
}
.uk-input:disabled,
.uk-select:disabled,
.uk-textarea:disabled {
  /* Override IE font color change */
  border-color: #e5e5e5;
  -webkit-text-fill-color: #1b1b1b;
  opacity: 1;
  /* required on iOS */
  color: #1b1b1b;
  /* Override IE font color change */
}
.comps__input [disabled="disabled"] {
  -webkit-text-fill-color: #1b1b1b;
  opacity: 1;
  /* required on iOS */
  color: #1b1b1b;
  /* Override IE font color change */
}
[disabled="disabled"] {
  -webkit-text-fill-color: #1b1b1b;
  opacity: 1;
  /* required on iOS */
  color: #1b1b1b;
  /* Override IE font color change */
}
.cp__checkbox {
  display: inline-block;
  place-content: center;
  width: 25px;
  height: 25px;
  cursor: pointer;
  border-radius: 0px !important;
  margin-left: 8px !important;
  margin-right: 8px !important;
}
.cp__checkbox:checked::before {
  content: '\f00c';
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  background-color: #1e87f0;
  width: 25px;
  height: 25px;
  display: grid;
  place-content: center;
  font-size: 22px;
  color: white;
}
.cp__checkbox__green {
  display: inline-block;
  place-content: center;
  width: 25px;
  height: 25px;
  cursor: pointer;
  border-radius: 0px !important;
  margin-left: 8px;
  margin-right: 8px;
}
.cp__checkbox__green:checked::before {
  content: '\f14a';
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  background-color: #00ca76;
  width: 25px;
  height: 25px;
  display: grid;
  place-content: center;
  font-size: 22px;
  color: white;
}
.cp__checkbox__red {
  display: inline-block;
  place-content: center;
  width: 25px;
  height: 25px;
  cursor: pointer;
  border-radius: 0px !important;
  margin-left: 8px !important;
  margin-right: 8px !important;
}
.cp__checkbox__red:checked::before {
  content: '\f14a';
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  background-color: #ff0037;
  width: 25px;
  height: 25px;
  display: grid;
  place-content: center;
  font-size: 22px;
  color: white;
}
.cp__checkbox__blue {
  display: inline-block;
  place-content: center;
  width: 25px;
  height: 25px;
  cursor: pointer;
  border-radius: 0px !important;
  margin-left: 8px;
  margin-right: 8px;
}
.cp__checkbox__blue:checked::before {
  content: '\f14a';
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  background-color: #001aff;
  width: 25px;
  height: 25px;
  display: grid;
  place-content: center;
  font-size: 22px;
  color: white;
}
.cp__form__label {
  display: flex;
  align-items: center;
  font-family: 'Quicksand', sans-serif;
  font-size: 1.4rem !important;
  font-weight: 600;
}
.cp__form__label__slim {
  display: flex;
  align-items: center;
  font-family: 'Quicksand', sans-serif;
  font-size: 1.4rem !important;
  font-weight: 300;
}
.cp__form__label .cp__label__extra {
  font-weight: 1.2rem;
  font-weight: 300;
}
.cp__label__extra {
  font-weight: 1.2rem;
  font-weight: 300;
}
.cp__form__sublabel {
  display: flex;
  align-items: center;
  font-family: 'Quicksand', sans-serif;
  font-size: 12px;
  font-weight: 300;
}
.cp__form__info {
  font-family: 'Quicksand', sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
  color: #616161;
}
.cp__check__control label {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 1.4rem !important;
}
.cp__check__control input[type="checkbox"] {
  margin-left: 5px;
  margin-right: 5px;
}
.cp__form__description {
  font-family: 'Quicksand', sans-serif;
  font-size: 1.1rem;
  font-weight: 300;
  margin: 8px 0px;
}
.cp__form__inline {
  display: flex;
  align-items: center;
  position: relative;
}
.cp__form__inline__icon {
  position: absolute;
  right: 0px;
}
.cp__form__font {
  font-size: 16px;
}
/* -------------------------------------------------------------------------- */
/*                               Radios buttons                               */
/* -------------------------------------------------------------------------- */
.cp__radio__checkbox {
  display: inline-block;
  place-content: center;
  width: 25px;
  height: 25px;
  cursor: pointer;
  border-radius: 0px !important;
  margin-left: 8px !important;
  margin-right: 8px !important;
}
.cp__radio__checkbox::before {
  content: '';
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  background-color: #ffffff;
  width: 25px;
  height: 25px;
  border-radius: 2px;
  display: grid;
  place-content: center;
  font-size: 22px;
  color: white;
  border: solid 1px #6e6e6e;
}
.cp__radio__checkbox:hover {
  border: none !important;
  outline: none !important;
  border-width: 0px !important;
}
.cp__radio__checkbox:checked {
  border: none !important;
}
.cp__radio__checkbox:checked::before {
  content: '\f14a';
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  background-color: #1e87f0;
  width: 25px;
  height: 25px;
  border-radius: 0px;
  display: grid;
  place-content: center;
  font-size: 22px;
  color: white;
  border-color: #1e87f0;
}
/* -------------------------------------------------------------------------- */
/*                           Formulário de filtragem                          */
/* -------------------------------------------------------------------------- */
.form__filters__anchor {
  font-size: 1.6rem !important;
}
.form__filters__button {
  display: flex;
  justify-content: space-between;
}
.form__filters__button i {
  font-size: 22px;
  margin-left: 8px;
}
/* -------------------------------------------------------------------------- */
/*                 Suporte a replaces de formulários do UIkit + Comps                 */
/* -------------------------------------------------------------------------- */
/*
label{
  font-family: @font-default !important;
  font-size:@text-small  !important;
  font-weight: 400 !important;
  color: @titles-color !important;
}*/
.comps__field {
  font-size: -1.4rem !important;
}
.uk-form-label {
  font-family: 'Quicksand', sans-serif !important;
  font-size: 1.4rem !important;
  font-weight: 400 !important;
  color: #131313 !important;
}
.baFilterDate label {
  font-family: 'Quicksand', sans-serif !important;
  font-size: 1.4rem !important;
  font-weight: 400 !important;
  color: #131313 !important;
}
.cp__form__field__icon {
  border: none;
  background-color: #e1e1e1;
  font-size: 14px;
  padding: 0 12px;
  box-sizing: border-box;
}
.cp__form__field__icon i {
  font-size: 22px;
}
.cp__input__ico__text {
  border: none;
  background-color: transparent;
  font-size: 14px;
  padding: 0 12px;
  box-sizing: border-box;
  color: #6060f0;
}
.cp__input__iconizer {
  position: relative;
}
.cp__input__iconizer input {
  padding-right: 70px;
}
.cp__input__iconizer .ps__input__default {
  padding-right: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.cp__input__iconizer .icon__bold {
  font-weight: 700;
  background: white;
}
.cp__input__iconizer span {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: calc(100% - 40px);
  overflow: hidden;
}
.cp__input__iconizer .icon__bold {
  font-weight: 700;
}
.cp__input__iconizer button {
  position: absolute;
  right: 0px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Quicksand', sans-serif;
  cursor: pointer;
}
/* -------------------------------------------------------------------------- */
/*                                   cp__switch                                   */
/* -------------------------------------------------------------------------- */
.cp__switch__field span {
  margin-left: 5px;
}
.cp__switch {
  position: relative;
  display: inline-block;
  width: 46px;
  height: 18px !important;
}
.cp__switch__menu {
  position: relative;
  display: inline-block;
  width: 41px;
  height: 15px !important;
  margin-bottom: 0px;
}
.cp__switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.cp__switch__slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.cp__switch__slider:before {
  position: absolute;
  content: "";
  height: 16px !important;
  width: 16px !important;
  left: 1px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.cp__switch__slider__menu:before {
  position: absolute;
  content: "";
  height: 12px !important;
  width: 12px !important;
  left: 1px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
input:checked + .cp__switch__slider {
  background-color: #2196F3;
}
input:focus + .cp__switch__slider {
  box-shadow: 0 0 1px #2196F3;
}
input:checked + .cp__switch__slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
/* Rounded cp__switch__sliders */
.cp__switch__slider.round {
  border-radius: 34px;
}
.cp__switch__slider.round:before {
  border-radius: 50%;
}
.cp__radio__insta {
  height: 50px !important;
  width: 20px;
  height: 20px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cp__radio__insta::before {
  content: '';
  position: relative;
  top: 0px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  border-radius: 150px;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  border: solid 2px #bebebe;
}
.cp__radio__insta:checked::before {
  background-color: #6b92ff;
  border: solid 2px #6b92ff;
}
.cp__radio__insta:checked::after {
  position: absolute;
  content: '';
  width: 14px;
  height: 14px;
  top: calc(50% - 7px);
  left: calc(50% - 7px);
  background-color: #ffffff;
  border-radius: 150px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.068);
}
.cp__form__toggle {
  font-size: 1.4rem;
  font-weight: 600px;
  color: #3d3d3d;
  font-family: 'Quicksand', sans-serif;
}
.cp__switch__block .cp__switch {
  margin-left: 8px;
  margin-right: 8px;
}
.ps__input__default {
  height: 30px;
  vertical-align: middle;
  max-width: 100%;
  width: 100%;
  border: 0 none;
  padding: 0 10px;
  border-bottom: 1px solid #e5e5e5;
  transition: 0.2s ease-in-out;
  transition-property: color, background-color, border;
  box-sizing: border-box;
  margin: 0;
  border-radius: 0;
  font: inherit;
  display: flex;
  align-items: center;
}
.padding__select {
  padding-right: 24px !important;
}
.cp__color {
  border: none;
  max-width: 80px;
  width: 80px;
  padding: 0px;
}
/* CLasse de edição de campo como no app */
.cp__field__edit {
  background: #f5f2ff !important;
  color: #333 !important;
  border: 2px solid #7C4DFF !important;
}
.comps__field {
  font-size: 1.4rem !important;
}
.s3ui-field-small {
  border-radius: 0px !important;
  border-top-width: 0px !important;
  border-left-width: 0px !important;
  border-right-width: 0px !important;
  font-size: 1.4rem !important;
}
.cp__field__ghost {
  border: none !important;
}
.cp__field__ghost tr td input {
  border: none !important;
}
.cp__field__ghost tr td select {
  border: none !important;
}
.cp__grid__small > div {
  padding: 5px;
  box-sizing: border-box;
}
/* ----------------------- mapa de tamanhos abordados ----------------------- */
/*
@ "resolutions/small-smartphones.less";
@media only screen and (min-width: 300px) and (max-width: 480px) {}

@ "resolutions/large-smartphone.less";
@media only screen and (min-width: 481px) and (max-width: 680px) {}

@ "resolutions/small-tablets.less";
@media only screen and (min-width: 681px) and (max-width: 992px) {}

@ "resolutions/medium-tablets.less";
@media only screen and (min-width: 993px) and (max-width: 1023px) {}

@ "resolutions/large-tablets.less";
@media only screen and (min-width: 1024px) and (max-width: 1360px) {}

@ "resolutions/small-screen.less"; (Não usar)
@media only screen and (min-width: 1124px) and (max-width: 1450px) {}

@ "resolutions/medium-screen.less";
@media only screen and (min-width: 1361px) and (max-width: 1450px) {}

@ "resolutions/large-screen.less";
@media only screen and (min-width: 1451px) and (max-width: 5920px) {}


/* ------------------------------ DESCONTINUADO ----------------------------- */
/* -------------------------------------------------------------------------- */
/*       estrutura personaliza para apara dispositivos de telas grandes       */
/* -------------------------------------------------------------------------- */
@media only screen and (min-width: 1366px) and (max-width: 2920px) {
  .uk-child-width-1-7\@l > * {
    width: 14.2% !important;
    box-sizing: border-box;
  }
  .uk-child-width-1-8\@l > * {
    width: 12.5%;
    box-sizing: border-box;
  }
}
@media only screen and (min-width: 1361px) and (max-width: 1450px) {
  .cp__width__ms__1__1 {
    width: 100% ;
    box-sizing: border-box;
  }
  .cp__width__ms__1__2 {
    width: 50% ;
    max-width: 50%;
    min-width: 50%;
    box-sizing: border-box;
  }
  .cp__width__ms__1__3 {
    width: 33.33%;
    max-width: 33.33%;
    min-width: 33.33%;
    box-sizing: border-box;
  }
  .cp__width__ms__1__4 {
    width: 25% ;
    max-width: 25% ;
    min-width: 25% ;
    box-sizing: border-box;
  }
  .cp__width__ms__1__5 {
    width: 20% ;
    max-width: 20% ;
    min-width: 20% ;
    box-sizing: border-box;
  }
  .cp__width__ms__1__6 {
    width: 16.66%;
    max-width: 16.66%;
    min-width: 16.66%;
    box-sizing: border-box;
  }
}
/* -------------------------------------------------------------------------- */
/*                    Computadores de resolução até 2900px                    */
/* -------------------------------------------------------------------------- */
@media (max-width: 2900px) {
  .uk-child-width-auto\@ld > * {
    width: auto;
    box-sizing: border-box;
  }
  .uk-child-width-1-1\@ld > * {
    width: 100%;
    box-sizing: border-box;
  }
  .uk-child-width-1-2\@ld > * {
    width: 50%;
    box-sizing: border-box;
  }
  .uk-child-width-1-3\@ld > * {
    width: 33.33%;
    box-sizing: border-box;
  }
  .uk-child-width-1-4\@ld > * {
    width: 25%;
    box-sizing: border-box;
  }
  .uk-child-width-1-5\@ld > * {
    width: 20%;
    box-sizing: border-box;
  }
  .uk-child-width-1-6\@ld > * {
    width: 16.66%;
    box-sizing: border-box;
  }
  .uk-child-width-1-7\@ld > * {
    width: 14.28%;
    box-sizing: border-box;
  }
}
/* ------------------------------ tamnhos fixos ----------------------------- */
@media (max-width: 2900px) {
  .uk-width-auto\@ld {
    width: auto;
    box-sizing: border-box;
  }
  .uk-width-1-1\@ld {
    width: 100%;
  }
  .uk-width-1-2\@ld {
    width: 50%;
    box-sizing: border-box;
  }
  .uk-width-1-3\@ld {
    width: 33.33%;
    box-sizing: border-box;
  }
  .uk-width-1-4\@ld {
    width: 25%;
    box-sizing: border-box;
  }
  .uk-width-1-5\@ld {
    width: 20%;
    box-sizing: border-box;
  }
  .uk-width-1-6\@ld {
    width: 16.66%;
    box-sizing: border-box;
  }
  .uk-width-1-7\@ld {
    width: 14.28%;
    box-sizing: border-box;
  }
  .uk-width-1-8\@ld {
    width: 12.5%;
    box-sizing: border-box;
  }
  .uk-width-1-9\@ld {
    width: 11.11%;
    box-sizing: border-box;
  }
  .uk-width-1-10\@ld {
    width: 10%;
    box-sizing: border-box;
  }
}
/* -------------------------------------------------------------------------- */
/*                    Computadores de resolução até 1450px                    */
/* -------------------------------------------------------------------------- */
@media (max-width: 1450px) {
  .uk-child-width-auto\@sd > * {
    width: auto;
    box-sizing: border-box;
  }
  .uk-child-width-1-1\@sd > * {
    width: 100%;
    box-sizing: border-box;
  }
  .uk-child-width-1-2\@sd > * {
    width: 50%;
    box-sizing: border-box;
  }
  .uk-child-width-1-3\@sd > * {
    width: 33.33%;
    box-sizing: border-box;
  }
  .uk-child-width-1-4\@sd > * {
    width: 25%;
    box-sizing: border-box;
  }
  .uk-child-width-1-5\@sd > * {
    width: 20%;
    box-sizing: border-box;
  }
  .uk-child-width-1-6\@sd > * {
    width: 16.66%;
    box-sizing: border-box;
  }
}
/* ------------------------------ tamnhos fixos ----------------------------- */
@media (max-width: 1450px) {
  .uk-width-auto\@sd {
    width: auto;
    box-sizing: border-box;
  }
  .uk-width-1-1\@sd {
    width: 100%;
  }
  .uk-width-1-2\@sd {
    width: 50%;
    box-sizing: border-box;
  }
  .uk-width-1-3\@sd {
    width: 33.33%;
    box-sizing: border-box;
  }
  .uk-width-1-4\@sd {
    width: 25%;
    box-sizing: border-box;
  }
  .uk-width-1-5\@sd {
    width: 20%;
    box-sizing: border-box;
  }
  .uk-width-1-6\@sd {
    width: 16.66%;
    box-sizing: border-box;
  }
  .uk-width-1-7\@sd {
    width: 14.28%;
    box-sizing: border-box;
  }
  .uk-width-1-8\@sd {
    width: 12.5%;
    box-sizing: border-box;
  }
}
/* -------------------------------------------------------------------------- */
/*                       Estruturas de widths do sistema                      */
/* -------------------------------------------------------------------------- */
/* ------------------------ Tablets e screens larges ------------------------ */
@media (max-width: 1366px) {
  .uk-child-width-auto\@i > * {
    width: auto;
    box-sizing: border-box;
  }
  .uk-child-width-1-1\@i > * {
    width: 100%;
    box-sizing: border-box;
  }
  .uk-child-width-1-2\@i > * {
    width: 50%;
    box-sizing: border-box;
  }
  .uk-child-width-1-3\@i > * {
    width: 33.33%;
    box-sizing: border-box;
  }
  .uk-child-width-1-4\@i > * {
    width: 25%;
    box-sizing: border-box;
  }
  .uk-child-width-1-5\@i > * {
    width: 20%;
    box-sizing: border-box;
  }
  .uk-child-width-1-6\@i > * {
    width: 16.66%;
    box-sizing: border-box;
  }
}
/* ------------------------------ tamnhos fixos ----------------------------- */
@media (max-width: 1366px) {
  .uk-width-auto\@i {
    width: auto;
    box-sizing: border-box;
  }
  .uk-width-1-1\@i {
    width: 100%;
  }
  .uk-width-1-2\@i {
    width: 50%;
    box-sizing: border-box;
  }
  .uk-width-1-3\@i {
    width: 33.33%;
    box-sizing: border-box;
  }
  .uk-width-1-4\@i {
    width: 25%;
    box-sizing: border-box;
  }
  .uk-width-1-5\@i {
    width: 20%;
    box-sizing: border-box;
  }
  .uk-width-1-6\@i {
    width: 16.66%;
    box-sizing: border-box;
  }
  .uk-width-expand\@i {
    flex: 1;
    min-width: 1px;
  }
}
/* ------------------- tamanho exclusivo para galaxy fold ------------------- */
@media (max-width: 1104px) {
  .uk-child-width-1-1\@f > * {
    width: 100%;
    box-sizing: border-box;
  }
  .uk-child-width-1-2\@f > * {
    width: 50%;
    box-sizing: border-box;
  }
  .uk-child-width-1-3\@f > * {
    width: 33.33%;
    box-sizing: border-box;
  }
  .uk-child-width-1-4\@f > * {
    width: 25%;
    box-sizing: border-box;
  }
}
@media (max-width: 1104px) {
  .uk-width-auto\@f {
    width: auto;
    box-sizing: border-box;
  }
  .uk-width-1-1\@f {
    width: 100%;
  }
  .uk-width-1-2\@f {
    width: 50%;
    box-sizing: border-box;
  }
  .uk-width-1-3\@f {
    width: 33.33%;
    box-sizing: border-box;
  }
  .uk-width-1-4\@f {
    width: 25%;
    box-sizing: border-box;
  }
  .uk-width-1-5\@f {
    width: 20%;
    box-sizing: border-box;
  }
  .uk-width-1-6\@f {
    width: 16.66%;
    box-sizing: border-box;
  }
  .uk-width-expand\@f {
    flex: 1;
    min-width: 1px;
  }
}
/* -------------------------------------------------------------------------- */
/*                            tamanhos para mobile                            */
/* -------------------------------------------------------------------------- */
@media (max-width: 762px) {
  .uk-child-width-1-1\@p > * {
    width: 100%;
    box-sizing: border-box;
  }
  .uk-child-width-1-2\@p > * {
    width: 50%;
    box-sizing: border-box;
  }
  .uk-child-width-1-3\@p > * {
    width: 33.33%;
    box-sizing: border-box;
  }
  .uk-child-width-1-4\@p > * {
    width: 25%;
    box-sizing: border-box;
  }
}
@media (max-width: 762px) {
  .uk-width-1-1\@p {
    width: 100%;
  }
  .uk-width-1-2\@p {
    width: 50%;
    box-sizing: border-box;
  }
  .uk-width-1-3\@p {
    width: 33.33%;
    box-sizing: border-box;
  }
  .uk-width-1-4\@p {
    width: 25%;
    box-sizing: border-box;
  }
  .uk-width-auto\@p {
    width: auto;
    flex: auto;
  }
}
/* -------------------------------------------------------------------------- */
/*                             Situações de telas                             */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                              Controle de grids                             */
/* -------------------------------------------------------------------------- */
.cp__grid__row__medium > .uk-grid-margin {
  margin-top: 45px;
}
/*Versão de width cp*/
@media (min-width: 763px) {
  .cp__width__expand\@ts {
    flex: 1;
    min-width: 1px;
  }
}
@media (min-width: 992px) {
  .cp__width__1__2 {
    width: 50%;
  }
}
/*
@phone-small:300px;
@phone-large:762px;

@tablet-small:763px;
@tablet-medium:992px;

@screen-fold:1104px;

@tablet-large:1366px;
@desktop-small:1450px;
@large-destop:1800px;
@large-desktop:1800px;
*/
.cp__section {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.cp__section__xlarge {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.cp__section__small {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
@media (max-width: 1076px) {
  .cp__section__small {
    width: 95%;
    box-sizing: border-box;
  }
}
@media (max-width: 1366px) {
  .cp__section {
    width: 90%;
  }
}
@media (max-width: 992px) {
  .cp__section {
    width: 100%;
  }
}
/* -------------------------------------------------------------------------- */
/*                        Paddings padrões do framework                       */
/* -------------------------------------------------------------------------- */
/* ----------------------------- Paddings small ----------------------------- */
.cp__padding__10 {
  padding: 10px;
  box-sizing: border-box;
}
.cp__padding__left__10 {
  padding-left: 10px;
  box-sizing: border-box;
}
.cp__padding__right__10 {
  padding-left: 10px;
  box-sizing: border-box;
}
.cp__padding__bottom__10 {
  padding-left: 10px;
  box-sizing: border-box;
}
.cp__padding__top__10 {
  padding-left: 10px;
  box-sizing: border-box;
}
/* ----------------------------- Paddings medium ---------------------------- */
.cp__padding__20 {
  padding: 20px;
  box-sizing: border-box;
}
.cp__padding__left__20 {
  padding-left: 20px;
  box-sizing: border-box;
}
.cp__padding__right__20 {
  padding-left: 20px;
  box-sizing: border-box;
}
.cp__padding__bottom__20 {
  padding-left: 20px;
  box-sizing: border-box;
}
.cp__padding__top__20 {
  padding-left: 20px;
  box-sizing: border-box;
}
@media (max-width: 300px) {
  .cp__padding__top__20 {
    padding-left: 20px;
    box-sizing: border-box;
  }
}
.cp__padding__remove__top {
  padding-top: 0px !important;
}
.cp__padding__remove__bottom {
  padding-top: 0px !important;
}
.cp__padding__remove__left {
  padding-top: 0px !important;
}
.cp__padding__remove__right {
  padding-top: 0px !important;
}
:root {
  --iw-page-color: #fbfbfb;
  --iw-nav-background: #dcfbff;
  --iw-nav-logo-width: 120px;
  --iw-page-padding-top: 100px;
  --iw-font: 'Quicksand', sans-serif;
  --iw-color-primary: #38b4c2;
  --iw-section-title-size: 18px;
}
.iw__header {
  margin-bottom: 60px;
  background-position: top right;
  background-size: 30%;
  background-repeat: no-repeat;
  background-color: #fff;
  color: #666;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
  position: relative;
  border-radius: 5px;
}
@media (max-width: 992px) {
  .iw__header {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.iw__header__img {
  width: 60px;
  min-width: 60px;
  height: 60px;
  border-radius: 150px;
  margin-right: 20px;
  background-position: center;
  background-size: cover;
}
@media (max-width: 992px) {
  .iw__header__img {
    margin-right: 0px;
    margin-bottom: 0px;
  }
}
.iw__well {
  font-family: 'Quicksand', sans-serif;
  font-size: 22px;
  font-weight: 700;
  word-break: break-word;
}
@media (max-width: 992px) {
  .iw__well {
    text-align: center;
    font-size: 18px;
  }
}
.iw__sender {
  font-family: 'Quicksand', sans-serif;
  font-size: 16px;
  font-weight: 300;
  margin-left: 10px;
}
@media (max-width: 992px) {
  .iw__sender {
    text-align: center;
  }
}
.iw__share {
  padding: 10px 25px;
  border-radius: 150px;
  background-color: #b41a34;
  color: #ffffff;
  display: flex;
  font-family: 'Quicksand', sans-serif;
  font-size: 22px;
  font-weight: 700;
  border: none;
  text-align: center;
}
.iw__share i {
  font-size: 24px;
  margin-left: 30px;
}
.iw__info__line {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 20px;
  border: solid 1px var(--iw-color-primary);
  padding: 10px 10px;
  box-sizing: border-box;
}
.iw__info__value {
  font-family: 'Quicksand', sans-serif;
  font-size: 24px;
  font-weight: 700;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 150px;
  line-height: 1;
  background-color: var(--iw-color-primary);
  color: white;
  margin-right: 20px;
}
@media (max-width: 992px) {
  .iw__info__value {
    font-size: 18px;
  }
}
.iw__info__label {
  font-family: 'Quicksand', sans-serif;
  font-size: 16px;
  font-weight: 500;
}
.iw__divider {
  margin: 0px !important;
  margin-bottom: 20px !important;
  font-size: 18px;
  font-size: 19px;
}
.iw__gift__label {
  font-family: 'Quicksand', sans-serif;
  font-size: 24px;
  font-weight: 700;
}
.iw__product {
  display: flex;
}
.iw__product__price {
  font-size: 12px;
}
.iw__product__img {
  width: 80px;
  height: 80px;
  min-width: 80px;
  border-radius: 8px;
  background-position: center;
  background-size: cover;
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  position: relative;
  font-family: 'Quicksand', sans-serif;
  font-weight: 700;
}
.iw__product__img span {
  position: absolute;
  top: -10px;
  right: 0px;
  font-size: 16px;
  background-color: white;
  width: 32px;
  height: 32px;
  border-radius: 150px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.137);
  display: flex;
  align-items: center;
  justify-content: center;
}
.iw__product__name {
  font-family: 'Quicksand', sans-serif;
  font-size: 16px;
  font-weight: 600;
  /*
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 150px;
        */
}
.iw__cupon__name {
  font-family: 'Quicksand', sans-serif;
  font-size: 16px;
  font-weight: 600;
}
.iw__product__tag {
  padding: 2px 9px;
  line-height: 1;
  font-size: 12px;
  border-radius: 150px;
  position: absolute;
  top: -5px;
  left: -5px;
}
.iw__logo__business {
  display: flex;
  align-items: center;
  justify-content: center;
  /**posição logo **/
  background-size: auto;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 107px;
}
.iw__modal__subtitle {
  font-family: 'Quicksand', sans-serif;
  font-size: 19px;
  font-weight: 700;
}
.iw__modal__header {
  margin-bottom: 40px;
  text-align: center;
  width: 100%;
}
.iw__drop__item a {
  font-size: 14px !important;
  font-family: 'Quicksand', sans-serif;
  white-space: nowrap;
  max-width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ob-alert__primary {
  background: #edf4fb !important;
  color: #6060f0;
  border-radius: 10px !important;
  font-size: 16px;
  font-family: 'Quicksand', sans-serif;
  font-weight: 700;
}
.ob-alert__success {
  background: #edfbf6 !important;
  color: #32d296;
  border-radius: 10px !important;
  font-size: 16px;
  font-family: 'Quicksand', sans-serif;
  font-weight: 700;
}
.ob-alert__warning {
  background: #fff6ee;
  color: #faa05a;
  font-size: 16px;
  font-family: 'Quicksand', sans-serif;
  font-weight: 700;
  border-radius: 10px !important;
}
.ob-alert__danger {
  background: #fef4f6;
  color: #f0506e;
  font-size: 16px;
  font-family: 'Quicksand', sans-serif;
  font-weight: 700;
  border-radius: 10px !important;
}
.ob-lert__pay__description {
  font-family: 'Quicksand', sans-serif;
  font-weight: 500;
}
.ob-lert__pay__title {
  margin-top: -20px;
  font-size: 24px;
}
.ob-lert__pay__action__btns {
  margin-top: 40px;
}
.ob-lert__pay__action {
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 150px;
  border: none;
  font-family: 'Quicksand', sans-serif;
  font-weight: 700;
  cursor: pointer;
}
.inputRequiredError {
  border: 1px solid red !important;
}
.inputRequiredError {
  background: #ffc9c9;
  cursor: pointer;
  box-shadow: 0 0 0 rgba(204, 44, 183, 0.4);
  animation: pulse 2s infinite;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(204, 44, 191, 0.4);
  }
  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(204, 44, 177, 0.4);
    box-shadow: 0 0 0 0 rgba(204, 44, 196, 0.4);
  }
  70% {
    -moz-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
    box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
    box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
  }
}
.loading-spinner,
.loading-spinner-notification,
.loading-spinner-schedue,
.loading-spinner-menu {
  background: #333;
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 99999999999999999999999;
}
.loading-spinner.active,
.loading-spinner-notification.active,
.loading-spinner-schedue.active,
.loading-spinner-menu.active {
  display: block;
  z-index: 99999999999999999999999;
}
.close__link {
  position: absolute;
  top: 8px;
  right: 8px !important;
}
.app__selectedSchedule,
.selected,
.selectedSchedule,
input:not([disabled]):not([type="button"]):not([type=checkbox]):not([type=radio]):focus,
input:not([disabled]):not([type="button"]):not([type=checkbox]):not([type=radio]):hover,
input:not([disabled]):not([type="button"]):not([type=checkbox]):not([type=radio]):active,
select:hover,
select:active,
select:focus {
  background: #f5f2ff;
  color: #333;
  border: 2px solid #7C4DFF;
}
input[type=checkbox]:active, input[type=checkbox]:hover, input[type=checkbox]:focus, 
input[type=checkbox]:active, input[type=checkbox]:hover, input[type=checkbox]:focus,
select:hover,
select:active,
select:focus {
  border: 1px solid #7C4DFF !important;
}
.iw__grid {
  height: 150px;
}
@media (max-width: 992px) {
  .iw__grid {
    height: auto;
  }
}
/*Indique e ganhe nova versão */
html,
body {
  background-color: var(--iw-page-color);
}
.iw__page {
  background-color: var(--iw-page-color);
  padding: 20px;
  box-sizing: border-box;
  padding-top: var(--iw-page-padding-top);
}
.iw__section .uk-container {
  border-radius: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: white;
}
.iw__share__nav {
  position: fixed;
  left: 0px;
  width: 100%;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: var(--iw-nav-background);
  z-index: 99;
}
.iw__share__logo {
  width: var(--iw-nav-logo-width);
}
.iw__share__data {
  padding: 10px 10px;
  box-sizing: border-box;
}
.iw__share__well {
  font-family: var(--iw-font);
  font-size: 22px;
  text-align: center;
  font-weight: 700;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-top: 10px;
  color: var(--iw-color-primary);
}
.iw__share__subwell {
  font-family: var(--iw-font);
  font-size: 16px;
  text-align: center;
  font-weight: 500;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-top: 10px;
  color: var(--iw-color-primary);
}
.iw__share__button__default {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 25px;
  box-sizing: border-box;
  background-color: var(--iw-color-primary);
  margin-top: 20px;
  border-radius: 150px;
  font-family: var(--iw-font);
  font-size: 16px;
  text-align: center;
  font-weight: 700;
}
.iw__share__user {
  font-family: var(--iw-font);
  font-size: 16px;
  font-weight: 400;
  margin-top: 10px;
}
.iw__share__button__form {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 25px;
  box-sizing: border-box;
  background-color: var(--iw-color-primary);
  margin-top: 20px;
  border-radius: 150px;
  font-family: var(--iw-font);
  font-size: 16px;
  text-align: center;
  font-weight: 700;
  border: none;
  width: 100%;
}
.iw__share__form input {
  border-top-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  width: 100%;
}
.iw__share__section__title {
  font-family: var(--iw-font);
  font-size: var(--iw-section-title-size);
  font-weight: 700;
  margin-bottom: 20px;
}
.iw__share__friends__add {
  margin-top: 20px;
}
.iw__share__friends__list {
  padding: 0px;
  box-sizing: border-box;
  margin: 0px;
  list-style: none;
}
.iw__share__friends__list li {
  margin-bottom: 10px;
}
.iw__share__friend {
  font-family: var(--iw-font);
  font-weight: 400;
  color: #333;
  padding: 5px 10px;
  box-sizing: border-box;
  border-radius: 150px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: solid 1px var(--iw-color-primary);
}
.iw__share__friend span {
  font-size: 32px;
  color: var(--iw-color-primary);
}
.iw__share__product {
  width: 100%;
  border: solid 1px var(--iw-color-primary);
  border-radius: 5px;
  padding: 5px 5px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
.iw__share__product label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  display: flex;
  align-items: center;
}
.iw__share__product label input {
  width: 25px;
  min-width: 25px;
  height: 25px;
  margin-right: 20px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.iw__share__product label input:checked::before {
  content: "\f00c";
  width: 25px;
  height: 25px;
  position: absolute;
  background-color: #06ecd9;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 24px;
}
.iw__share__product__img {
  width: 60px;
  min-width: 60px;
  height: 60px;
  border-radius: 5px;
  background-position: center;
  background-size: cover;
  margin-right: 10px;
}
.iw__share__button__sender {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 25px;
  box-sizing: border-box;
  background-color: var(--iw-color-primary);
  margin-top: 20px;
  border-radius: 150px;
  font-family: var(--iw-font);
  font-size: 16px;
  text-align: center;
  font-weight: 700;
  border: none;
  width: 100%;
}
.iw__share__button__sender i {
  font-size: 22px;
}
.iw__share__gift__icon {
  text-align: center;
  font-size: 160px;
  color: var(--iw-color-primary);
  transition: 0.3s;
  line-height: 1;
}
.iw__share__gift__icon:hover {
  font-size: 160px;
  text-shadow: 0px 3px gray;
}
.iw__share__receiver__register {
  padding: 0px !important;
}
.iw__share__register__grid {
  display: flex;
}
.iw__share__register__col__bg {
  width: 20%;
  background-color: var(--iw-color-primary);
  padding: 10px;
  box-sizing: border-box;
  height: 60vh;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  position: relative;
}
.iw__share__register__col__bg span {
  transform: rotate(-90deg);
  display: block;
  color: white;
  width: 100%;
}
.iw__share__register__col__content {
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
}
.iw__share__register__icon {
  color: var(--iw-color-primary);
  font-size: 89px;
  text-align: center;
  margin-bottom: 20px;
  line-height: 1;
}
.super-crop-left {
  border-radius: 20px;
  border-bottom-left-radius: 120px !important;
}
.es-image-hover {
  transition: 0.6s;
}
.es-image-hover:hover {
  transform: scale(1.2);
  z-index: 9999 !important;
  border-top-left-radius: 80px;
}
.simple-radius {
  border-radius: 20px;
}
.super-crop-right:hover {
  border-bottom-right-radius: 20px !important;
}
.super-crop-right {
  border-radius: 20px;
  border-top-right-radius: 120px !important;
}
.sh__magote__title {
  font-family: var(--sh-font-secondary);
  font-weight: 900;
  font-size: 2.5rem;
  color: var(--sh-color-primary);
  margin-bottom: 20px;
  margin-top: 20px;
}
.sh__magote__card {
  padding-left: 10px;
  padding-right: 10px;
  box-sizing: border-box;
}
.sh__magote__cover {
  height: 200px;
  width: 100%;
  background-position: center;
  background-size: cover;
  position: relative;
}
.sh__magote__badge {
  position: absolute;
  width: 48px;
  height: 48px;
  text-align: center;
  background: #7920b0;
  color: #fff;
  top: 0;
  right: 12px;
  z-index: 5;
  font-family: var(--sh-font-secondary);
  font-size: 1.6rem;
  line-height: 1;
  text-transform: uppercase;
  padding: 2px 1px;
}
.sh__magote__badge strong {
  font-size: 2.2rem;
}
.sh__magote__badge::after {
  content: '';
  position: absolute;
  z-index: -1;
  top: 100%;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 13px 30px 0 23px;
  border-color: #7920b0 transparent transparent transparent;
}
.sh__magote__card__body {
  padding: 0px;
  box-sizing: border-box;
}
.sh__magote__name {
  font-family: var(--sh-font-secondary);
  font-size: 1.6rem;
  font-weight: 300;
  margin-top: 10px;
  margin-bottom: 10px;
}
.sh__magote__price {
  font-family: var(--sh-font-secondary);
  font-size: 3rem ;
  font-weight: 700;
  color: var(--sh-color-primary);
}
.sh__magote__price span {
  font-size: 1.4rem;
}
.sh__magote__parcel {
  font-family: var(--sh-font-secondary);
  font-size: 1.6rem;
  font-weight: 500;
  color: gray;
}
.sh__magote__card__footer {
  margin-top: 20px;
  padding: 0px;
  box-sizing: border-box;
}
.sh__magote__toCart {
  padding: 10px 25px;
  box-sizing: border-box;
  font-family: var(--sh-font-secondary);
  font-weight: 700;
  color: white;
  width: 100%;
  font-size: 1.7rem;
  cursor: pointer;
  border: none;
  border-radius: 8px;
  background-color: var(--sh-color-primary);
}
.sh__magote__whats {
  padding: 10px 25px;
  box-sizing: border-box;
  font-family: var(--sh-font-secondary);
  font-weight: 700;
  color: #25D366;
  width: 100%;
  font-size: 1.7rem;
  cursor: pointer;
  border: solid 2px #25D366;
  border-radius: 8px ;
  background-color: white;
  border-radius: 105px;
}
.sh__magote__rank {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.sh__magote__rank .number {
  width: 45px;
  min-height: 33px;
  height: 33px;
  border-radius: 8px;
  border: solid 2px var(--sh-color-primary);
  padding: 2px;
  box-sizing: border-box;
  display: flex;
  font-size: 1.6rem;
  margin-right: 10px;
  align-items: center;
  justify-content: center;
}
.sh__magote__rank .text {
  font-family: var(--sh-font-secondary);
  font-weight: 300;
  font-size: 1.6rem;
}
.sh__magote__header__search {
  font-size: 1.9rem;
}
.sh__magote__header__mult {
  font-size: 1.9rem;
}
.sh__magote__mult-drop {
  max-height: 300px;
  overflow-y: auto;
}
.sh__magote__mult-drop label {
  font-size: 1.6rem;
}
.sh__magote__mult-drop input {
  width: 26px;
  height: 26px;
  margin-right: 10px;
}
.sh__magote__list {
  display: flex;
  flex-wrap: wrap;
}
.sh__magote__list .sh__magote__cover {
  width: 30%;
  height: 100px;
  border-radius: 8px;
}
.sh__magote__list .sh__magote__card__body {
  width: 70%;
  padding-left: 10px;
  box-sizing: border-box;
}
.sh__magote__list .sh__magote__name {
  margin-top: 0px;
}
.sh__magote__off {
  background-color: var(--sh-color-primary);
  color: white;
  font-family: var(--sh-font-secondary);
  font-weight: 300;
  font-size: 1.6rem;
  padding: 4px;
  box-sizing: border-box;
  width: fit-content;
  border-radius: 8px;
}
.sh__magote__more {
  padding: 10px 25px;
  box-sizing: border-box;
  font-family: var(--sh-font-secondary);
  font-weight: 700;
  color: #747474;
  width: 100%;
  font-size: 1.7rem;
  cursor: pointer;
  border: none;
  border-radius: 8px;
}
.sh__magote__search__button {
  background-color: transparent;
  border: none;
  font-size: 2.2rem;
}
.sh__magote__modal__more p {
  font-family: var(--sh-font-secondary);
  font-weight: 300;
  font-size: 1.6rem;
}
.sh__magote__toCart {
  display: flex;
  margin-bottom: 20px;
  text-align: center;
  justify-content: center;
}
.sh__magote__period {
  padding: 6px 16px;
  padding-bottom: 9px;
  box-sizing: border-box;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 2;
  font-size: 1.3rem;
  font-weight: 700;
  border-bottom-right-radius: 20px;
  line-height: 1;
}
.un__switcher li a {
  font-size: 1.9rem;
}
.cs-offs__featureds--value {
  font-family: var(--union-font);
  color: var(--primary-color);
}
.cs-offs__featureds--label {
  background-color: var(--feature-primary-color);
}
.cs-offer-button {
  background-color: var(--feature-primary-color);
}
.card-image-content h2 {
  font-size: 1.9rem;
}
.card-image-type {
  font-weight: 700 !important;
  font-size: 1.6rem;
}
.cs-add-to-cart__overlay__button {
  background-color: var(--primary-color);
}
.cs-fast-sale__price {
  font-size: 2.1rem;
  color: var(--primary-color);
}
.cs-fast-sale__price-old {
  font-size: 1.8rem;
}
.cs-fasts-sale__title {
  color: var(--primary-color) !important;
}
.cs-fast-sale__flag {
  font-size: 1.9rem;
}
/* Modulo de magote */
.sh__magote__toCart {
  font-family: var(--union-font);
  background-color: var(--primary-color);
}
.sh__magote__rank .number {
  border: solid 2px var(--primary-color);
}
.sh__magote__price {
  font-family: var(--union-font);
  color: var(--primary-color);
}
.sh__magote__title {
  font-family: var(--union-font);
  color: var(--primary-color);
}
.sh__magote__card__footer {
  display: block !important;
}
.carrosel-products .swiper-slide {
  width: 80% !important;
}
.carrosel-products .es-product-price-discount {
  top: 3px;
  left: 7px;
  background-color: var(--store-discount);
}
.es-h2 {
  color: var(--titles-store) !important;
}
/*--------------*/
.un__store__search {
  position: relative;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  box-sizing: border-box;
  width: calc(100% - 20px);
}
.un__store__search input {
  height: 44px;
}
.un__store__search input:hover {
  outline: none;
}
.un__store__search button {
  position: absolute;
  color: gray;
  right: 40px;
  width: 40px;
  height: 40px;
  background-color: transparent;
  border: none;
  top: calc(50% - 20px);
  font-size: 2rem;
}
.sh__magote__title {
  text-transform: capitalize;
}
.mode__pipermint {
  padding: 0px;
}
.mode__pipermint ul .uk-card-default {
  background-color: transparent;
  color: #666;
  box-shadow: none;
}
.mode__pipermint ul .uk-accordion-title {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 19px;
  color: #292929;
  border: solid 1px #b1e9ed;
  border-radius: 5px;
}
.mode__pipermint ul .un__card .uk-accordion-title {
  border: solid 0px #b1e9ed;
}
.mode__pipermint .un__content__view {
  padding: 20px;
  box-sizing: border-box;
}
.mode__pipermint .un__title__area {
  text-align: center;
  width: 100%;
  font-size: 22px;
  font-weight: 700;
  color: var(--primary-color);
}
.mode__pipermint .un__app__view {
  padding: 0px;
}
.mode__ghost {
  padding: 0px;
}
.mode__ghost ul .uk-card-default {
  background-color: transparent;
  color: #666;
  box-shadow: none;
}
.mode__ghost ul .uk-accordion-title {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 19px;
  color: #292929;
  border: solid 0px #b1e9ed;
  border-radius: 5px;
  background-color: white;
}
.mode__ghost ul .un__card .uk-accordion-title {
  border: solid 0px #b1e9ed;
}
.mode__ghost .un__content__view {
  padding: 20px;
  box-sizing: border-box;
}
.mode__ghost .un__title__area {
  text-align: center;
  width: 100%;
  font-size: 22px;
  font-weight: 700;
  color: var(--primary-color);
}
.mode__ghost .un__app__view {
  padding: 0px;
}
.mode__throne {
  padding: 0px;
}
.mode__throne .un__app__view {
  padding: 0px;
}
.mode__throne .un__section__default {
  background-color: #ffffff;
}
.mode__throne .un__app__view {
  padding: 0px;
  box-sizing: border-box;
}
.mode__throne .uk-accordion > :nth-child(n+2) {
  margin-top: 0px;
}
.mode__throne .uk-card-default {
  box-shadow: none;
}
/* -------------------------------------------------------------------------- */
/*                               Classe de texto                              */
/* -------------------------------------------------------------------------- */
.un__text__small {
  font-family: var(--union-font);
  font-size: 14px;
  font-weight: normal;
}
.un__text__medium {
  font-family: var(--union-font);
  font-size: 16px;
  font-weight: normal;
}
.un__text__large {
  font-family: var(--union-font);
  font-size: 19px;
  font-weight: normal;
}
.un__text__color__default {
  color: #161616;
}
.un__gift__subtitle {
  font-family: var(--union-font);
  font-size: 2rem;
  font-weight: 300;
}
.un__account__drop ul li a {
  font-family: var(--union-font);
  font-size: 2rem;
  font-weight: 300;
}
/* -------------------------------------------------------------------------- */
/*                            Marcadores especiais                            */
/* -------------------------------------------------------------------------- */
.un-session-complet .service__check {
  color: #e2e2e2;
}
/* -------------------------------------------------------------------------- */
/*                            padding da aplicação                            */
/* -------------------------------------------------------------------------- */
.un__padding__10 {
  padding: 10px;
  box-sizing: border-box;
}
/* -------------------------------------------------------------------------- */
/*                                Data acordion                               */
/* -------------------------------------------------------------------------- */
.un__grid__data__value {
  font-size: 15px;
  font-family: var(--union-font);
  font-weight: 700;
  color: var(--title-color);
  max-width: 150px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.un__grid__data__label {
  font-size: 15px;
  font-family: var(--union-font);
  font-weight: 300;
  color: var(--title-color);
  max-width: 150px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.un__accordion__data__value {
  font-size: 15px;
  font-family: var(--union-font);
  font-weight: 700;
  color: var(--title-color);
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 150px;
}
ul.un__accordion__striped > li:nth-of-type(odd) .uk-accordion-title {
  background-color: #eeeeee;
  padding: 10px;
  box-sizing: border-box;
  border-radius: 5px;
}
ul.un__accordion__striped > li .uk-accordion-title {
  padding: 10px;
  box-sizing: border-box;
  border-radius: 5px;
}
/* -------------------------------------------------------------------------- */
/*                           Serviços do aplicativo                           */
/* -------------------------------------------------------------------------- */
.un__service__detail__title {
  font-family: var(--union-font);
  font-weight: 600;
  font-size: 16px;
  text-transform: uppercase;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: solid 1px var(--primary-color);
}
/* -------------------------------------------------------------------------- */
/*                            Histórico de clinete                            */
/* -------------------------------------------------------------------------- */
.un__app__view__history .un__card__store__img {
  height: 83px;
}
/* -------------------------------------------------------------------------- */
/*                               Indique e ganhe                              */
/* -------------------------------------------------------------------------- */
.un__referral__positive {
  width: 20px;
  height: 20px;
  border-radius: 150px;
  background-color: var(--primary-color);
  color: white;
}
/* preço de itens */
.un__price {
  padding: 2px 15px;
  box-sizing: border-box;
  border: solid 1px var(--primary-color);
  color: var(--primary-color);
  border-radius: 150px;
  font-weight: 600;
}
.yt__app__client .yta__header {
  background-color: white;
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  z-index: 99;
}
.yt__app__client .yta__chat__back {
  color: var(--primary-color);
}
.yt__app__client .yt__app .yt__current__name {
  color: var(--primary-color) !important;
}
.yt__app__client .yta__content {
  background-color: #f7f7f7;
}
.yt__app__client .yta__chat__footer {
  background-color: #e0feff;
}
.uk-border-rounded {
  border-radius: 15px !important;
}
/* regulamentos */
.un__rules__acordions .uk-accordion-title {
  font-size: 1.8rem !important;
  font-weight: 700 !important;
  border: solid 1px var(--primary-color);
  padding: 8px;
  box-sizing: border-box;
  border-radius: 15px;
}
.un__rules__acordions .uk-accordion-content p {
  font-size: 1.8rem;
}
.un__plan__tag {
  position: absolute;
  width: fit-content;
  top: -10px;
  font-size: 1.6rem;
  font-weight: 400;
  left: -10px;
  border-radius: 150px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.152);
  padding: 0px 16px;
  box-sizing: border-box;
  z-index: 8;
}
.un__plan__tag__sup {
  font-size: 1.3rem;
  font-weight: 400;
  text-transform: uppercase;
}
.un__plan__tag__primary {
  text-transform: uppercase;
  position: absolute;
  width: fit-content;
  top: -10px;
  font-size: 1.2rem;
  font-weight: 400;
  right: -5px;
  border-radius: 150px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.152);
  padding: 0px 16px;
  box-sizing: border-box;
  z-index: 8;
}
/* gift cards */
.gfd__card__title {
  font-size: 1.8rem;
}
.gfd__card__price {
  font-size: 1.8rem;
}
/* indique e ganhe */
.un__indicate__title {
  font-family: var(--union-font);
  font-weight: 700;
  font-size: 27px;
  text-align: center;
  color: white;
}
.un__indicate__subtitle {
  font-family: var(--union-font);
  font-weight: 500;
  font-size: 22px;
  text-align: center;
  color: white;
}
.un__indicate__text {
  font-family: var(--union-font);
  font-weight: 400;
  font-size: 13px;
  text-align: center;
  color: white;
  margin: 0;
  margin-bottom: 20px;
}
/* fab button */
.un__fab {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: var(--featured-color);
  color: white;
  z-index: 9;
  padding: 8px 25px;
  border-radius: 150px;
  font-size: 1.6rem;
  font-weight: 700;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.152);
}
.un__fab:hover {
  color: white;
  text-decoration: none;
}
.cs-cupon__home {
  z-index: 10;
}
.cs-cupon__home .cs-cupom-sign {
  background-color: var(--feature-primary-color);
  border-radius: 5px;
}
.un__form__label {
  font-size: 1.6rem;
  font-family: var(--union-font);
  font-weight: 400;
}
/* Catalogo doc ard */
.catalogs__card__img {
  width: 100%;
  height: 100px;
  border-radius: 15px;
  margin-bottom: 10px;
  background-size: cover;
  background-position: center;
}
.catalogs__card__natal {
  font-size: 1.6rem;
  font-family: var(--union-font);
  font-weight: 400;
}
.content__credit__point {
  padding-top: 30px;
  padding-bottom: 30px;
}
.iw__share__friend {
  font-size: 1.6rem;
}
.iw__share__product label {
  font-size: 1.6rem;
}
.un__promotion__title {
  margin-top: 50px;
  margin-bottom: 50px;
  font-size: 3rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.un__promotion__img {
  width: 40px;
  animation: mymove 5s infinite;
}
@keyframes mymove {
  0% {
    width: 30px;
  }
  50% {
    width: 45px;
  }
  100% {
    width: 30px;
  }
}
.un__button__nested > li {
  margin-top: 30px !important;
}
.un__slider__title {
  padding-left: 6px;
}
.un__promotion__title {
  padding-left: 27px;
  padding-right: 27px;
  padding-top: 10px;
  padding-bottom: 10px;
  box-sizing: border-box;
  border-radius: 8px;
  border-top-width: 6px;
  box-shadow: 8px 8px rgba(238, 32, 84, 0.152);
  border: solid 2px var(--featured-color);
  background-color: #ffeff2;
}
.un__form__input {
  padding-left: 10px !important;
}
.uk-tab > .uk-active > a {
  border-bottom-width: 6px;
}
.uk-tab > * > a {
  font-size: 1.4rem;
}
.card__aavaliation {
  border-left-width: 6px;
  border-left-color: var(--primary-color);
  border-left-style: solid;
}
@media (min-width: 1280px) {
  .card__aavaliation {
    width: 458px;
    margin-left: auto;
    margin-right: auto;
  }
}
.card__dot {
  position: absolute;
  top: -9px;
  left: -14px;
  border-radius: 150px;
  background-color: var(--primary-color);
  color: white;
  width: 40px;
  height: 40px;
  font-size: 25px;
  box-shadow: 0px 3px rgba(0, 0, 0, 0.152);
  z-index: 9;
  display: flex;
  align-items: center;
  justify-content: center;
}
.apc__pack__view__historic {
  position: absolute;
  right: 5px;
  top: 5px;
  background-color: var(--primary-color);
  padding: 5px 16;
  box-sizing: border-box;
  border: none;
  font-size: 1.6rem;
  color: white;
  border-radius: 150px;
}
.apc__pack__h__status {
  padding: 2px 8px;
  border-radius: 150px;
}
.apc__pack__session__card {
  /*border: solid 1px #d8d8d8;
    padding: 8px 10px;*/
  border-radius: 15px;
  position: relative;
  box-sizing: border-box;
}
.apc__pack__session__acttion {
  background-color: var(--primary-color);
  color: white !important;
  padding: 8px 16px;
  box-sizing: border-box;
  font-size: 1.6rem;
  font-weight: 600;
  border-radius: 150px;
}
.apc__pack__session__acttion:hover {
  color: white;
  text-decoration: none;
}
.apc__pack__session__acttion a {
  color: white;
}
.apc__pack__session__title__date {
  font-family: 'Roboto', sans-serif;
  font-size: 1.6rem;
  font-weight: 700;
  color: var(--primary-color);
}
.apc__title__primary {
  font-family: 'Roboto', sans-serif;
  font-size: 1.7rem;
  font-weight: 700;
  color: var(--primary-color);
}
.apc__title__extra {
  font-family: 'Roboto', sans-serif;
  font-size: 1.5rem;
  font-weight: 300;
  color: var(--primary-color);
}
.apc__list__booking {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.apc__list__booking li {
  margin-bottom: 20px;
}
.apc__list__service {
  border-radius: 15px;
  border: solid 1px var(--primary-color);
  padding: 8px;
  box-sizing: border-box;
}
.apc__pendente .apc__list__service__status {
  color: orange;
  border-radius: 150px;
  border: solid 1px ;
  font-size: 1.4rem;
  padding: 2px 16px;
  box-sizing: border-box;
  display: inline-flex;
  margin-top: 10px;
  border-color: orange;
}
.apc__pendente .apc__pack__service__img {
  border: solid 2px orange;
}
.apc__agendado .apc__list__service__status {
  color: var(--primary-color);
  border-radius: 150px;
  border: solid 1px ;
  font-size: 1.4rem;
  padding: 2px 16px;
  box-sizing: border-box;
  display: inline-flex;
  margin-top: 10px;
  border-color: var(--primary-color);
}
.apc__agendado .apc__pack__service__img {
  border: solid 2px var(--primary-color);
}
.apc__pack__check__session {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: orange;
  padding-left: 8px;
  border-radius: 15px;
  box-sizing: border-box;
}
.apc__pack__check__session input {
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  border-color: #ff6e39;
  width: 150px;
}
.apc__pack__check__session label {
  font-family: 'Roboto', sans-serif;
  font-size: 1.6rem;
  font-weight: 600;
  color: var(--primary-color);
  color: #131313;
}
.un__sheet .un__sheet__footer {
  position: fixed;
}
/* slide  de profissionais */
.show__professional__img {
  width: 80px;
  height: 80px;
  background-position: center;
  background-size: cover;
  border-radius: 150px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.152);
}
.show__professional__label {
  font-size: 1.4rem;
  margin-top: 15px;
  text-align: center;
  font-family: var(--union-font);
  font-weight: 400;
}
.show__professional {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.search__result {
  width: 95%;
  max-width: 95%;
}
.search__result ul {
  list-style: none ;
  padding: 0px;
  margin: 0px;
}
.search__result ul li {
  display: flex;
  margin-bottom: 10px;
}
.search__result__img {
  border-radius: 8px;
  width: 100px;
  height: 60px;
  background-position: center;
  background-size: cover;
  margin-right: 10px;
}
.search__result__info {
  text-align: left;
}
.search__result__title {
  font-size: 1.5rem;
  margin-bottom: 8px;
  text-align: center;
  font-family: var(--union-font);
  font-weight: 700;
  color: var(--primary-color);
}
.search__result__price {
  font-size: 1.3rem;
  margin-bottom: 15px;
  text-align: left;
  font-family: var(--union-font);
  font-weight: 700;
}
/* regatar cupn */
.get__cupon {
  background-color: transparent;
  border: none;
  text-align: center;
  font-size: 1.3rem;
  margin-bottom: 15px;
  font-family: var(--union-font);
  font-weight: 700;
  color: var(--primary-color);
}

/** CARRINHO DE COMPRAS **/
.sh__content {
    padding-left: 0px;
    padding-right: 0px;
}

.apc__modal__drower__content {
	max-height: 80vh !important;	
}

.promo__alert__modais--remove {
    position: absolute;
    top: 5px;
    right: 5px;
    background-color: white;
    border-radius: 150px;
    height: 40px;
    width: 40px;
}

.comps__btn__remove {
    font-size: 25px !important;
    background-color: transparent;
    border: none;
    color: var(--app-soft-red);
    cursor: pointer;
}
    
 .on-button__select__service-area {
    border-width: 1px;
    padding-top: 10px;
    padding-bottom: 10px;
    min-width: 200px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    font-family: var(--ob-font-default);
    font-weight: 500;
    color: var(--cancel-color);
    align-items: center;
    border-color: var(--ob-color-color);
    background-color: white;
    margin-left: 0px;
}

.button__ticket {
    border: none;
    cursor: pointer;
    width: 100%;
    background-color: #FFCB5C;
    border-radius: 150px !important;
    font-size: 2rem;
}

.es-footer-nav-item {
	color: var(--primary-color);
}

/* CartĆ£o de CrĆ©dito v3*/
.listCredit-Cards {
    list-style: none;
    padding: 0;
    margin: 30px 0 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
}
@media(min-width:992px){
    .listCredit-Cards{
        padding-left: 90px;
        padding-right: 90px ;
    }
}
.creditCardRealitics {
    border-radius: 8px;
    background-color: rgb(3, 0, 44);
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.24);
}

.listCredit-Cards-wrap {
    padding: 8px;
    box-sizing: border-box;
}

.creditCardRealitics-cliente {
    margin: 0;
}

.creditCardRealitics-cliente h1 {
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    margin: 0;
    color: white;
}

.creditCardRealitics-cliente h2 {
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    margin: 0;
    color: white;
}

.creditCard-buy h4 {
    margin: 0;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
}

.creditCard-buy h1 {
    margin: 0;
    font-size: 16px;
}

.creditCard-buy h2 {
    margin: 0;
    font-size: 12px;
}

.creditCard-buy {
    text-align: center;
    margin-top: -50px;
}

.creditCard-receive h4 {
    margin: 0;
    font-size: 16px;
}

.creditCard-receive h1 {
    margin: 0;
    font-size: 50px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    line-height: 1;
}


.creditCard-receive h2 {
    margin: 0;
    font-size: 20px;
    line-height: 1;
}

.creditCard-receive {
    text-align: center;
    margin-top: -50px;
}


.creditCardRealitics-header {
    width: 100%;
    padding: 8px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.creditCardRealitics-circle {
    width: 80px;
    height: 80px;
    border-radius: 180px;
    background-color: white;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.creditCardRealitics-body {
    width: 100%;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    align-items: center;
}

.creditCardRealitics-flag img {
    width: 80px;
    margin-top: 40px;
}
.creditCardRealitics-footer {
    display: flex;
    justify-content: space-between;
}

.un__form__input {
    padding-left: 10px;
}

.un__form__input {
    height: 32px;
    border-radius: 150px;
    width: 100%;
    max-width: 100%;
    border: solid 1px #d6d6d6;
    font-size: 1.6rem;
}

.un__section__text__divider {
	margin-top: 40px;
}

/** DO ANTIGO MEMBERSCLUB **/
.data-header-user {
    display: flex;
    align-items: flex-start;
    padding-left: 5px;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
}
.data-header-user .user-points {
    font-size: 1.6rem;
    font-weight: 600;
    color: var(--mc-color-1-dark);
}
.data-header-user h2 {
    margin: 0 0 5px;
    width: 100%;
}
.header-profile {
    min-height: 200px;
    background-color: #F1F3FF;
    display: flex;
    padding: 8px;
    width: 100%;
    align-items: center;
    box-sizing: border-box;
}
.contentHeaderProfile {
    display: flex;
    justify-content: space-between;
}
.contentHeaderProfile {
    width: 100%;
}
.headerPrifle-left {
    width: 50%;
    display: flex;

}
.headerPrifle-right {
    width: 50%;
    display: flex;

}
.user-pic {
    min-width: 80px;
    min-height: 80px;
    width: 80px;
    height: 80px;
    border-radius: 80px;
    border: white solid 3px;
    background-position: center;
    background-size: cover;
}
.CardLever-pic {
    width: 80px;
    height: 50px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.headerProfile-right {
    display: flex;
    align-items: center;
}
.ActionButtons-profile .wrap-button-profile {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    overflow-x: auto;
}
.ActionButtons-profile .wrap-button-profile button {
    border: none;

}

/*================================================
histórico de usuário
==================================================*/
.user-history-line {
    background-color: #fff3ea !important;
    font-size: 2rem;
}

.user-history-line h4 {

    font-size: 1.5rem;
}
.header-profile-hisotry {
    min-height: 150px;
    background-color: #F1F3FF;
    display: flex;
    padding: 8px;
    width: 100%;
    align-items: center;
    box-sizing: border-box;
}
.AreaCards-profiles .FooterCard-profile .ViewAll-history {
    min-width: 100%;
    border: none;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    background-color: #ebebeb;

}
.user-history-wrap li {
    margin-top: 10px;
}
.user-service-histporic input {
    width: 100%;
    font-size: 2rem;
}
.user-service-histporic {
    width: 100%;
}
.user-service-histporic .uk-search-input {
    width: 100%;
}
.AreaCards-profiles-history {
    width: 100%;
}
.mc-app-header .la-sync-alt {
    font-size: 2.5rem;
    color: white;
}
.mc-app-header .la-reply-all {
    font-size: 2.5rem;
    color: white;
}
.mc-app-header .la-hand-point-left {
    font-size: 2.5rem;
    color: white;
}
.mc-app-header .la-history {
    font-size: 2.5rem;
    color: white;
}