/* -------------------------------------------------------------------------- */
/*                               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;
}
.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;
}
/* ------------------------------- 
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: 992px) {
  .comps__screen__tittle {
    flex-direction: column;
  }
  .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;
}
.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;
}
/* ----------------------- 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;
*/
/* -------------------------------------------------------------------------- */
/*                        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 {
  --modal-max-height: 100%;
}
@media (max-width: 992px) {
  .cp__modal {
    padding: 0px;
    border-radius: 0px !important;
  }
}
.cp__modal__small {
  min-width: 38%;
  max-width: 38% !important;
  width: 38% !important;
}
.cp__modal__small .uk-modal-body {
  min-height: 60vh !important;
}
@media (max-width: 992px) {
  .cp__modal__small {
    min-width: 100%;
    max-width: 100%;
  }
  .cp__modal__small .uk-modal-body {
    min-height: 60vh !important;
  }
}
.cp__modal__medium {
  min-width: 60%;
  width: 60%;
}
.cp__modal__medium .uk-modal-body {
  max-height: 95vh;
  padding-top: 70px;
  padding-bottom: 70px;
  box-sizing: border-box;
  padding-left: 0px !important;
  padding-right: 0px !important;
  overflow: auto;
}
@media (max-width: 992px) {
  .cp__modal__medium .uk-modal-body {
    max-height: 100vh;
    min-height: 100vh;
    min-height: -webkit-fill-available;
  }
}
.cp__modal__medium .uk-modal-header {
  position: absolute;
  width: 100%;
  left: 0px;
  box-sizing: border-box;
  min-height: 8vh;
  max-height: 8vh;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 99;
}
@media (max-width: 992px) {
  .cp__modal__medium .uk-modal-header {
    position: fixed;
    top: 0px;
    left: 0px;
  }
}
.cp__modal__medium .uk-modal-footer {
  position: absolute;
  width: 100%;
  left: 0px;
  bottom: 0px;
  box-sizing: border-box;
  min-height: 8vh;
  max-height: 8vh;
  align-items: center;
  justify-content: space-between;
  z-index: 99;
}
@media (max-width: 992px) {
  .cp__modal__medium .uk-modal-footer {
    position: fixed;
    bottom: 0px;
    left: 0px;
  }
}
@media (max-width: 992px) {
  .cp__modal__medium {
    min-width: 100%;
    max-width: 100%;
  }
}
@media (max-width: 1450px) {
  .cp__modal__medium {
    min-width: 100%;
    max-width: 100%;
  }
}
@media (max-width: 992px) {
  .cp__modal__app .pro__modal__footer {
    position: fixed;
    bottom: 0px;
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 25px;
    box-sizing: border-box;
  }
}
.cp__modal__large {
  min-width: 100%;
  min-height: 95% !important;
  width: 100%;
  padding: 0px !important;
}
.cp__modal__large .uk-modal-body {
  padding-top: 9vh !important;
  padding-bottom: 9vh !important;
  box-sizing: border-box;
  padding-left: 0px !important;
  padding-right: 0px !important;
  min-height: 80vh !important;
}
.cp__modal__large .uk-modal-header {
  position: absolute;
  width: 100%;
  left: 0px;
  box-sizing: border-box;
  min-height: 8vh;
  max-height: 8vh;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 99;
}
.cp__modal__large .uk-modal-footer {
  position: absolute;
  width: 100%;
  left: 0px;
  bottom: 0px;
  box-sizing: border-box;
  min-height: 8vh;
  max-height: 8vh;
  align-items: center;
  justify-content: space-between;
  z-index: 99;
}
@media (max-width: 992px) {
  .cp__modal__large .uk-modal-body {
    height: 100vh;
    max-height: 100vh;
    overflow: auto !important;
    padding-top: 9vh !important;
    padding-bottom: 9vh !important;
    box-sizing: border-box;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .cp__modal__large .uk-modal-header {
    position: fixed;
    top: 0px;
    left: 0px;
  }
  .cp__modal__large .uk-modal-footer {
    position: fixed;
    bottom: 0px;
    left: 0px;
  }
}
@media (min-width: 1104px) {
  .cp__modal__large .uk-modal-body {
    height: auto;
    /*max-height: calc(var(--modal-max-height) - 100px) !important;*/
    height: calc(var(--modal-max-height) - 100px) !important;
    overflow: auto;
  }
}
.cp__modal__xlarge {
  min-width: 100% !important;
  width: 100% !important;
  padding: 0px !important;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
@media (max-width: 992px) {
  .cp__modal__xlarge {
    min-width: 100%;
  }
}
.cp__modal__xlarge > .uk-modal-body {
  height: 100vh;
}
.cp__modal__large__height {
  min-width: 100%;
  width: 100%;
  padding: 0px !important;
}
@media (max-width: 992px) {
  .cp__modal__large__height {
    min-width: 100%;
  }
}
@media (min-width: 1024px) {
  .cp__modal__large__height .uk-modal-body {
    height: 90vh;
    max-height: 90vh !important;
    overflow: auto;
    box-sizing: border-box;
    overflow-x: hidden;
  }
}
.no__header .uk-modal-body {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  box-sizing: border-box;
}
/*.cp__modal__medium{
        
    .uk-modal-body {
        min-height: calc(100vh) !important;
        max-height: calc(100vh - 8vh) !important;
        box-sizing: border-box;
        padding-top: 72px !important;
    }
    
    .uk-modal-footer {
        height: 80px;
        background: rgb(255, 255, 255);
        max-height: 65px;
        bottom: 0px;
        position: absolute;
        width: 100%;
        box-sizing: border-box;
        display: flex;
    }
    .uk-modal-body {
        min-height: 84vh !important;
        box-sizing: border-box;
        padding-bottom: 70px;
    }
}*/
.cp__modal .cp__modal__auto {
  min-width: auto;
  max-width: auto;
  width: auto !important;
}
@media (max-width: 992px) {
  .cp__modal .cp__modal__auto {
    min-width: 100%;
    max-width: 100%;
  }
}
.cp__Modal .cp__modal__1-2 {
  min-width: 50% !important;
  max-width: 50% !important;
  width: 50% !important;
}
@media (max-width: 992px) {
  .cp__Modal .cp__modal__1-2 {
    min-width: 100%;
    max-width: 100%;
    width: 100% !important;
  }
}
.cp__modal .cp__modal__step {
  min-width: 45%;
  max-width: 45%;
  width: 45%;
  min-height: 96vh;
}
@media (max-width: 992px) {
  .cp__modal .cp__modal__step {
    min-width: 100%;
    max-width: 100%;
    width: 45%;
    min-height: 100vh;
  }
}
.cp__modal .uk-modal-title {
  font-family: 'Quicksand', sans-serif;
  font-size: 1.9rem;
}
.cp__modal .uk-modal-header {
  border-radius: 5px;
  background: white;
  background-color: white;
}
.cp__modal .cp__modal__large {
  min-width: 100%;
  min-height: 95%;
}
.cp__modal .cp__modal__boddy {
  padding-bottom: 80px;
}
/* -------------------------------------------------------------------------- */
/*                        Template de modal de registro  canva-right                     */
/* -------------------------------------------------------------------------- */
.cp__modal__register-right {
  padding: 0 !important;
  height: calc(var(--modal-max-height) - 0px) !important;
  overflow: hidden;
}
.cp__modal__register-right .uk-modal-dialog {
  max-width: 650px;
  width: 650px !important;
  margin-right: 0px;
  right: 0;
}
.cp__modal__register-right .uk-modal-dialog {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.cp__modal__register-right .uk-modal-footer {
  display: flow-root;
  padding: 15px 30px;
  background: #ffffff;
  border-top: 1px solid #e5e5e5;
  position: absolute;
  width: 100%;
  bottom: 0;
  box-sizing: border-box;
  flex-wrap: nowrap;
  display: flex;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 0;
  z-index: 99;
}
.cp__modal__register-right .uk-modal-header {
  display: flow-root;
  padding: 15px 30px;
  background: #fff;
  border-bottom: 1px solid #e5e5e5;
  position: absolute;
  width: 100%;
  box-sizing: border-box;
  border-top-left-radius: 20px;
  border-top-right-radius: 0;
  z-index: 99;
}
.cp__modal__register-right .uk-modal-body {
  padding-top: 80px;
  padding-bottom: 80px;
  height: calc(var(--modal-max-height) - 200px) !important;
  box-sizing: border-box;
}
@media (max-width: 680px) {
  .cp__modal__register-right {
    min-width: 100%;
  }
  .cp__modal__register-right .uk-modal-dialog {
    height: 100vh;
    min-width: 100%;
  }
  .cp__modal__register-right .uk-modal-dialog {
    height: 100vh;
  }
  .cp__modal__register-right .uk-modal-dialog {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .cp__modal__register-right .uk-modal-body {
    min-height: calc(100vh) !important;
    height: calc(100vh) !important;
  }
}
.cp__modal__register-right .uk-modal-body {
  padding-top: 80px;
  padding-bottom: 80px;
  height: calc(var(--modal-max-height) - 200px) !important;
  box-sizing: border-box;
  /* max-height: calc(var(--modal-max-height) - 200px) !important;*/
  overflow-y: auto;
}
/* ---------------------------- Modal right task ---------------------------- */
.cp__modal__register-task {
  padding: 0 !important;
}
.cp__modal__register-task .uk-modal-dialog {
  max-width: 428px;
  width: 428px !important;
  position: absolute !important;
  right: 0;
  top: 13px;
  height: 97vh;
}
.cp__modal__register-task .uk-modal-dialog {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.cp__modal__register-task .uk-modal-footer {
  display: flow-root;
  padding: 15px 30px;
  background: #ffffff;
  border-top: 1px solid #e5e5e5;
  position: absolute;
  width: 100%;
  bottom: 0;
  box-sizing: border-box;
  flex-wrap: nowrap;
  display: flex;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 0;
}
.cp__modal__register-task .uk-modal-header {
  display: flow-root;
  padding: 15px 30px;
  background: #fff;
  border-bottom: 1px solid #e5e5e5;
  position: absolute;
  width: 100%;
  box-sizing: border-box;
  border-top-left-radius: 20px;
  border-top-right-radius: 0;
}
.cp__modal__register-task .uk-modal-body {
  padding-top: 80px;
  min-height: calc(97vh) !important;
  height: calc(97vh) !important;
}
/* -------------------------------------------------------------------------- */
/*                           Estilo de modla tooltip                          */
/* -------------------------------------------------------------------------- */
.cp__modal__tool-right {
  padding: 0 !important;
}
.cp__modal__tool-right .uk-modal-dialog {
  max-width: 471px;
  width: 541px !important;
  margin-right: 0;
  right: 0;
  top: 2.5%;
  position: absolute;
}
@media (max-width: 1366px) {
  .cp__modal__tool-right .uk-modal-dialog {
    max-width: 35%;
    width: 35% !important;
  }
}
@media (max-width: 992px) {
  .cp__modal__tool-right .uk-modal-dialog {
    max-width: 70%;
    width: 60% !important;
    top: 60px;
  }
}
@media (max-width: 680px) {
  .cp__modal__tool-right .uk-modal-dialog {
    max-width: 100%;
    width: 100% !important;
    top: 60px;
  }
}
.cp__modal__tool-right .uk-modal-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cp__modal__tool-right .uk-modal-dialog {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.cp__modal__tool-right .uk-modal-footer {
  display: flow-root;
  padding: 15px 30px;
  background: #ffffff;
  border-top: 1px solid #e5e5e5;
  position: absolute;
  width: 100%;
  bottom: 0;
  box-sizing: border-box;
  flex-wrap: nowrap;
  display: flex;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 0;
  z-index: 2;
}
.cp__modal__tool-right .uk-modal-header {
  display: flow-root;
  padding: 15px 30px 15px 97px;
  background: #fff;
  border-bottom: 1px solid #e5e5e5;
  position: absolute;
  width: 100%;
  box-sizing: border-box;
  border-top-left-radius: 20px;
  border-top-right-radius: 0;
  z-index: 92;
}
.cp__modal__tool-right .uk-modal-body {
  padding: 80px 10px 80px 118px !important;
  box-sizing: border-box;
  height: calc(var(--modal-max-height) - 50px) !important;
  max-height: calc(var(--modal-max-height) - 50px) !important;
}
@media (min-width: 992px) and (max-width: 1366px) {
  .cp__modal__tool-right .uk-modal-body {
    min-height: calc(85vh) !important;
    height: calc(85vh) !important;
  }
}
@media (max-width: 991px) {
  .cp__modal__tool-right .uk-modal-body {
    min-height: calc(100vh - 62px) !important;
    height: calc(100vh) !important;
  }
}
.cp__modal__tool-right .uk-comment-body p {
  font-size: 1.4rem;
  font-family: 'Quicksand', sans-serif;
}
.cp__modal__tool-right .uk-textarea {
  font-size: 1.4rem;
  font-family: 'Quicksand', sans-serif;
}
.cp__modal__tool-right input[type="text"] {
  font-size: 1.4rem;
  font-family: 'Quicksand', sans-serif;
}
.cp__modal__tool-right .si-resume-booking__title {
  font-size: 1.4rem;
  font-family: 'Quicksand', sans-serif;
}
.cp__modal__tool-right .uk-nav-header {
  font-size: 1.4rem;
  font-family: 'Quicksand', sans-serif;
  font-weight: 600;
  color: #292929;
}
.cp__modal__tool-right .si-resume-booking__product {
  font-size: 1.4rem;
  font-family: 'Quicksand', sans-serif;
}
.cp__modal__tool-right-nested {
  padding: 0 !important;
}
.cp__modal__tool-right-nested .uk-modal-dialog {
  max-width: 300px;
  width: 300px !important;
  margin-right: 0;
  right: 0;
  top: 13px;
}
@media (max-width: 1366px) {
  .cp__modal__tool-right-nested .uk-modal-dialog {
    max-width: 70%;
    width: 70% !important;
  }
}
@media (max-width: 991px) {
  .cp__modal__tool-right-nested .uk-modal-dialog {
    max-width: 100%;
    width: 100% !important;
  }
}
.cp__modal__tool-right-nested .uk-modal-dialog {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.cp__modal__tool-right-nested .uk-modal-footer {
  display: flow-root;
  padding: 15px 10px;
  background: #ffffff;
  border-top: 1px solid #e5e5e5;
  position: absolute;
  width: 100%;
  bottom: 0;
  box-sizing: border-box;
  flex-wrap: nowrap;
  display: flex;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 0;
  z-index: 2;
}
.cp__modal__tool-right-nested .uk-modal-header {
  display: flow-root;
  padding: 15px 30px;
  background: #fff;
  border-bottom: 1px solid #e5e5e5;
  position: absolute;
  width: 100%;
  box-sizing: border-box;
  border-top-left-radius: 20px;
  border-top-right-radius: 0;
  z-index: 2;
}
.cp__modal__tool-right-nested .uk-modal-body {
  padding: 80px 10px !important;
  box-sizing: border-box;
  min-height: calc(67vh) !important;
  height: calc(67vh) !important;
}
@media (min-width: 992px) and (max-width: 1366px) {
  .cp__modal__tool-right-nested .uk-modal-body {
    min-height: calc(40vh) !important;
    height: calc(40vh) !important;
  }
}
@media (max-width: 991px) {
  .cp__modal__tool-right-nested .uk-modal-body {
    min-height: calc(100vh) !important;
    height: calc(100vh) !important;
  }
}
.cp__modal__tool-right-nested .si-resume-booking__title {
  font-size: 1.4rem;
  font-family: 'Quicksand', sans-serif;
}
.cp__modal__tool-right-nested .uk-nav-header {
  font-size: -0.6rem;
  font-family: 'Quicksand', sans-serif;
  font-weight: 500;
  color: #292929;
}
.cp__modal__tool-right-nested .si-resume-booking__product {
  font-size: 1.4rem;
  font-family: 'Quicksand', sans-serif;
}
.cp__modal__bar__tool {
  background-color: #6060f0;
  /*
    min-height: 150px;
    max-height: 628.75px;
    */
  position: absolute;
  height: 100%;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  padding: 55px 10px 10px;
  box-sizing: border-box;
  top: 0;
  left: 0;
  min-height: 100% !important;
}
.cp__modal__tool__user__img {
  width: 80px;
  height: 80px;
  background-position: center;
  background-size: cover;
  border-radius: 150px;
}
/* -------------------------------------------------------------------------- */
/*                  Remoçãpo de efeitos de animação do modal                  */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/*                     SUporte a alertar e modais anitigos                    */
/* -------------------------------------------------------------------------- */
.ui-dialog {
  box-shadow: 5px 5px 2px rgba(16, 25, 40, 0.2);
  z-index: 5004 !important;
}
.si-alerts__modals {
  border-radius: 10px;
}
.si-alerts__modals p {
  font-size: 19px;
  font-family: "Quicksand", sans-serif;
}
.ui-dialog .ui-dialog-titlebar {
  background: linear-gradient(180deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%), #c4c4c4;
  border-radius: 8px 8px 0 0;
  height: 30px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #242424 !important;
  min-height: 54px !important;
  border: none !important;
  display: flow-root !important;
  padding: 15px 30px !important;
  background: #fff !important;
  border-bottom: 1px solid #e5e5e5 !important;
  box-shadow: none !important;
  font-family: "Poppins", sans-serif !important;
  font-size: 19px !important;
  box-sizing: border-box !important;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
  color: #ababab;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
  top: 13px !important;
  right: 7px !important;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
  font-size: 19px !important;
  line-height: 1;
  color: #6060f0;
}
.ui-dialog .ui-dialog-buttonpane button {
  margin: 0.5em 0.4em 0.5em 0 !important;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 150px !important;
  padding: 5px 25px !important;
}
.ui-dialog .ui-dialog-buttonpane .avancar-btn {
  justify-content: center !important;
}
.ui-dialog-titlebar-close::after {
  content: "\f00d";
  width: 49px;
  height: 40px;
  background-color: white;
  position: absolute;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
/* -------------------------------------------------------------------------- */
/*                        Estilo de modal de steps                        */
/* -------------------------------------------------------------------------- */
/* ----------------------- mapa de tamanhos abordados ----------------------- */
/* -------------------------------------------------------------------------- */
/*                           Passo 1 do agendamento                           */
/* -------------------------------------------------------------------------- */
.cp__modal__bar {
  padding-left: 10px;
  padding-right: 10px;
  box-sizing: border-box;
}
@media (min-height: 763px) {
  .cp__modal__bar {
    min-height: 80vh;
    height: 80vh;
    max-height: 80vh;
    padding-bottom: 150px;
  }
  .cp__modal__bar:hover {
    overflow-y: auto;
  }
}
.cp__modal__bar__step {
  height: 98;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.cp__modal__bar__step:hover {
  background-color: #786cf9;
}
.cp__modal__bar__step:active {
  background-color: #6b5efc;
}
.scheduling__form__step {
  display: flex;
  flex-direction: column;
  height: 98;
  justify-content: center;
}
.cp__modal__bar__icon {
  font-size: 32px;
  color: #cac4ff;
  width: 50px;
  min-width: 50px;
  height: 50px;
  border-radius: 150px;
  background-position: center;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cp__modal__step__left__col {
  width: 60%;
  box-sizing: border-box;
}
.cp__modal__bar__labe {
  font-family: 'Quicksand', sans-serif;
  font-size: 12px;
  color: #ffffff;
}
.scheduling__tab .uk-active > a {
  background-color: #ffa500;
  color: #ffffff;
  border-radius: 150px;
  padding-left: 25px;
  padding-right: 25px;
  font-weight: 700;
}
.scheduling__tab .cp__tab__nav {
  font-weight: 700 !important;
  color: #a1a1a1;
}
.scheduling__form_label {
  font-family: 'Quicksand', sans-serif;
  font-size: 1.4rem !important;
  font-weight: 700;
}
.scheduling__field__action {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 0;
  bottom: 2px;
  font-size: 25px;
  background-color: white;
  color: #cfcfcf;
  border: none;
}
.cp__modal__step__content {
  padding-right: 20px;
  box-sizing: border-box;
}
.step__content__customer {
  padding-top: 45px !important;
}
.scheduling__modal {
  padding-top: 0px !important;
  padding-bottom: 10px !important;
}
.scheduling__modal .cp__modal__auto {
  border-radius: 20px !important;
}
.scheduling__modal .uk-modal-body {
  height: calc(var(--modal-max-height) - 46px);
}
@media (max-width: 1280px) {
  .scheduling__modal .uk-modal-body {
    height: calc(var(--modal-max-height) - 0px);
  }
}
.scheduling__modal .scheduling__content {
  padding-top: 45px;
}
@media (min-width: 1281px) {
  .scheduling__modal .scheduling__content {
    overflow: auto;
    height: calc(var(--modal-max-height) - 204px);
    padding-bottom: 50px;
  }
}
@media (max-width: 1280px) {
  .scheduling__modal .scheduling__content {
    overflow: auto;
    min-height: calc(var(--modal-max-height) - 70px);
    max-height: calc(var(--modal-max-height) - 70px);
  }
}
@media (min-width: 304px) {
  .scheduling__modal .scheduling__selecteds {
    overflow: auto;
    max-height: 760px;
    padding-bottom: 100px;
  }
}
@media (max-width: 992px) {
  .scheduling__modal .cp__modal__bar {
    min-height: 100%;
    max-height: 100%;
  }
}
.scheduling__modal .ticket__services__modal {
  max-height: calc(var(--modal-max-height) - 200px);
}
/* -------------------------------------------------------------------------- */
/*                       modal de restrições do sistema                       */
/* -------------------------------------------------------------------------- */
.cp__modal .cp__modal__restrict {
  width: 60%;
  max-width: 60%;
}
@media (min-width: 1024px) {
  .cp__modal .cp__modal__restrict {
    width: 60%;
    max-width: 60%;
  }
}
.cp__modal .cp__modal__restrict p {
  font-family: 'Quicksand', sans-serif;
  font-size: 1.9rem;
  font-weight: 700;
}
.cp__modal .si-restrict__author {
  padding-bottom: 10px;
  border-bottom: solid 1px #c7c7c7;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.cp__modal .si-restrict__author__img {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  margin-right: 10px;
  background-position: center;
  background-size: cover;
}
.cp__modal .si-restrict__author__name {
  font-family: 'Quicksand', sans-serif;
  font-size: 1.4rem;
  font-weight: 700;
}
.cp__modal .si-restrict__author__area {
  font-family: 'Quicksand', sans-serif;
  font-size: 1.4rem;
  font-weight: 500;
}
.cp__modal .si-restrict__descriptio {
  font-family: 'Quicksand', sans-serif;
  font-size: 1.9rem;
  font-weight: 300;
}
.cp__zindex__modal {
  z-index: 9999;
}
/** Suporte a modal antigos **/
.remove__scroll {
  overflow-y: hidden;
}
@media (max-width: 2900px) {
  .remove__scroll\@l {
    overflow-y: hidden;
  }
  .remove__scroll-y\@l {
    overflow-y: hidden;
  }
  .remove__scroll-x\@l {
    overflow-y: hidden;
  }
}
@media (max-width: 1450px) {
  .remove__scroll\@sd {
    overflow-y: hidden;
  }
  .remove__scroll-y\@sd {
    overflow-y: hidden;
  }
  .remove__scroll-x\@sd {
    overflow-y: hidden;
  }
}
@media (max-width: 1366px) {
  .remove__scroll\@i {
    overflow-y: hidden;
  }
  .remove__scroll-y\@i {
    overflow-y: hidden;
  }
  .remove__scroll-x\@i {
    overflow-y: hidden;
  }
}
@media (max-width: 1104px) {
  .remove__scroll\@f {
    overflow-y: hidden;
  }
  .remove__scroll-y\@f {
    overflow-y: hidden;
  }
  .remove__scroll-x\@f {
    overflow-y: hidden;
  }
}
.old__max__scroll-y {
  max-height: calc(var(--modal-max-height) - 250px);
  overflow-y: auto;
}
.old__max__scroll-y .old__inne__max__scroll-y {
  max-height: calc(var(--modal-max-height) - 100px);
  overflow-y: auto;
}
.cp__modal__step__content {
  padding-right: 20px;
  box-sizing: border-box;
  overflow: scroll;
  max-height: calc(var(--modal-max-height) - 200px);
  padding-bottom: 80px;
}
.cp__modal__step__right {
  max-height: calc(var(--modal-max-height) - 200px);
  overflow-y: auto;
}
/* -------------------------------------------------------------------------- */
/*                           Nova estrutura de modal                          */
/* -------------------------------------------------------------------------- */
.cp__modal .support__drop {
  margin-right: 40px;
}
@media (max-width: 992px) {
  .cp__modal .support__drop {
    margin-right: 0px;
  }
}
.cp__modal__content__bar {
  padding-left: 90px !important;
}
.cp__modal__bar__default {
  width: 80px;
  padding-top: 60px;
  box-sizing: border-box;
  position: absolute;
  height: 100%;
  min-height: 100%;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  top: 0px;
  left: 0px;
  box-shadow: 0px 3px 6px rgba(16, 25, 40, 0.2);
  background-color: #6060f0;
}
.cp__modal__bar__list {
  list-style: none;
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}
.cp__modal__bar__list li {
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cp__modal__bar__ico {
  width: 60px;
  height: 60px;
  background-color: #a9a9ff;
  color: #000038;
  background-position: center;
  background-size: cover;
  border-radius: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cp__modal__content__bar {
  padding-left: 90px;
}
.cp__modal__bar__label {
  font-family: 'Quicksand', sans-serif;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  color: white;
  margin-top: 8px;
}
.cp__modal__default {
  overflow: hidden;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.cp__modal__default .uk-modal-dialog {
  border-radius: 10px !important;
  width: 60%;
  min-height: 95%;
}
.cp__modal__default .cp__modal__body {
  min-height: calc(95% - 50px);
  max-height: calc(var(--modal-max-height) - 100px);
  overflow: auto;
  border-radius: 10px !important;
  margin-top: 60px;
  padding-bottom: 60px;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}
.cp__modal__auto {
  overflow: hidden;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.cp__modal__auto .uk-modal-dialog {
  border-radius: 10px !important;
  width: 60%;
  min-height: auto;
}
.cp__modal__auto .cp__modal__body {
  min-height: 100px;
  max-height: calc(var(--modal-max-height) - 100px);
  overflow: auto;
  border-radius: 10px !important;
  margin-top: 60px;
  padding-bottom: 60px;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}
.cp__modal__xmall .cp__modal__body {
  min-height: calc(45% - 50px);
  max-height: calc(var(--modal-max-height) - 300px);
  overflow: auto;
  border-radius: 10px !important;
  margin-top: 60px;
  padding-bottom: 60px;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}
.cp__modal__xmall .uk-modal-body {
  border-radius: 20px;
}
.cp__modal__header {
  height: 50px;
  background-color: #ffffff;
  border-bottom: solid 1px #dadada;
  z-index: 99;
  position: fixed;
  top: 0px;
  width: 100%;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  font-family: 'Quicksand', sans-serif;
  font-size: 1.9rem;
  color: #6060f0;
  display: flex;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  line-height: 1;
}
.cp__modal__header .support__drop {
  margin-right: 40px;
}
@media (max-width: 992px) {
  .cp__modal__header .support__drop {
    margin-right: 0px;
  }
}
.cp__modal__footer {
  height: 50px;
  background-color: #ffffff;
  z-index: 99;
  position: fixed;
  bottom: 0px;
  width: 100%;
  border-top: solid 1px #dadada;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}
@media (max-width: 1104px) {
  .cp__modal__default {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .cp__modal__default .uk-modal-dialog {
    border-radius: 10px !important;
    min-width: 100%;
  }
  .cp__modal__default .cp__modal__body {
    min-height: calc(100% - 60px);
    max-height: calc(var(--modal-max-height) - 100px);
    box-sizing: border-box;
    border-radius: 0px !important;
  }
  .cp__modal__footer {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }
  .cp__modal__header {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
  }
}
.cp__modal__no-header {
  overflow: hidden;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.cp__modal__no-header .uk-modal-dialog {
  border-radius: 10px !important;
  width: 95%;
  min-height: 95%;
  max-height: calc(var(--modal-max-height) - 100px);
}
.cp__modal__no-header .cp__modal__body {
  min-height: calc(95%);
  max-height: calc(var(--modal-max-height) - 100px);
  overflow: auto;
  border-radius: 10px !important;
  margin-top: 20px;
  padding-bottom: 60px;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}
.cp__modal__xlarge {
  overflow: hidden;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.cp__modal__xlarge .uk-modal-dialog {
  border-radius: 10px !important;
  width: 95%;
  min-height: 95%;
  max-height: calc(var(--modal-max-height) - 100px);
}
.cp__modal__xlarge .cp__modal__body {
  min-height: calc(95% - 50px);
  max-height: 90%;
  overflow: auto;
  border-radius: 10px !important;
  margin-top: 60px;
  padding-bottom: 60px;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  max-height: calc(var(--modal-max-height) - 200px);
}
.cp__modal__xlarge .cp__modal__register-right {
  margin-right: -48px !important;
}
.cp__modal__xlarge .cp__modal__register-right .uk-modal-footer {
  bottom: 0px;
}
.cp__modal__xlarge .cp__modal__register-right .uk-modal-body {
  padding-top: 80px;
  padding-bottom: 80px;
  height: calc(var(--modal-max-height) - 200px) !important;
  overflow: auto;
  box-sizing: border-box;
}
.cp__modal__xlarge .cp__modal__register-right .uk-modal-dialog {
  min-height: none !important;
}
@media (max-width: 1104px) {
  .cp__modal__xlarge {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .cp__modal__xlarge > .uk-modal-dialog {
    border-radius: 10px !important;
    min-width: 100%;
    min-height: 100%;
    max-height: calc(var(--modal-max-height) - 100px);
  }
  .cp__modal__xlarge > .cp__modal__body {
    min-height: calc(100% - 60px);
    box-sizing: border-box;
    border-radius: 0px !important;
  }
  .cp__modal__footer {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }
  .cp__modal__header {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
  }
}
/* -----------------------------------------------------------------------
Fifit modal 
*/
.cp__modal__fit {
  overflow: hidden;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.cp__modal__fit .uk-modal-dialog {
  border-radius: 10px !important;
  width: 30%;
  height: calc(var(--modal-max-height) - 100px);
}
.cp__modal__fit .cp__modal__body {
  overflow: auto;
  border-radius: 10px !important;
  margin-top: 60px;
  padding-bottom: 60px;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  height: calc(var(--modal-max-height) - 200px);
}
.cp__modal__fit .cp__modal__register-right {
  margin-right: -48px !important;
}
.cp__modal__fit .cp__modal__register-right .uk-modal-footer {
  bottom: 0px;
}
.cp__modal__fit .cp__modal__register-right .uk-modal-body {
  padding-top: 80px;
  padding-bottom: 80px;
  height: calc(var(--modal-max-height) - 200px) !important;
  overflow: auto;
  box-sizing: border-box;
}
.cp__modal__fit .cp__modal__register-right .uk-modal-dialog {
  min-height: none !important;
}
@media (max-width: 1104px) {
  .cp__modal__fit {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .cp__modal__fit > .uk-modal-dialog {
    border-radius: 10px !important;
    min-width: 100%;
    min-height: 100%;
    max-height: calc(var(--modal-max-height) - 100px);
  }
  .cp__modal__fit > .cp__modal__body {
    min-height: calc(100% - 60px);
    box-sizing: border-box;
    border-radius: 0px !important;
  }
  .cp__modal__footer {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }
  .cp__modal__header {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
  }
}
/*-----------------------------------------------------------------------
    Full Modal
------------------------------------------------------------------------*/
.cp__modal__full {
  overflow: hidden;
  padding-bottom: 0px !important;
  padding-top: 0px !important;
  padding: 0px !important;
}
.cp__modal__full .uk-modal-dialog {
  border-radius: 10px !important;
  width: 100%;
  min-height: var(--modal-max-height);
  max-height: calc(var(--modal-max-height) - 0px);
}
.cp__modal__full .cp__modal__body {
  min-height: calc(95% - 50px);
  max-height: 90%;
  overflow: auto;
  border-radius: 10px !important;
  margin-top: 60px;
  padding-bottom: 60px;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  max-height: calc(var(--modal-max-height) - 120px);
}
.cp__modal__full .cp__modal__register-right {
  margin-right: -48px !important;
}
.cp__modal__full .cp__modal__register-right .uk-modal-footer {
  bottom: 0px;
}
.cp__modal__full .cp__modal__register-right .uk-modal-body {
  padding-top: 80px;
  padding-bottom: 80px;
  height: calc(var(--modal-max-height) - 200px) !important;
  overflow: auto;
  box-sizing: border-box;
}
.cp__modal__full .cp__modal__register-right .uk-modal-dialog {
  min-height: none !important;
}
@media (max-width: 1104px) {
  .cp__modal__fulle {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .cp__modal__fulle > .uk-modal-dialog {
    border-radius: 10px !important;
    min-width: 100%;
    min-height: 100%;
    max-height: calc(var(--modal-max-height) - 100px);
  }
  .cp__modal__fulle > .cp__modal__body {
    min-height: calc(100% - 60px);
    box-sizing: border-box;
    border-radius: 0px !important;
  }
  .cp__modal__footer {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }
  .cp__modal__header {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
  }
}
/* -------------------------------------------------------------------------- */
/*                                Modal Medium                                */
/* -------------------------------------------------------------------------- */
.cp__modal__size__medium {
  overflow: hidden;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.cp__modal__size__medium .uk-modal-dialog {
  border-radius: 10px !important;
  width: 79%;
  min-height: 95%;
  max-height: calc(var(--modal-max-height) - 100px);
}
@media (max-width: 1366px) {
  .cp__modal__size__medium .uk-modal-dialog {
    border-radius: 10px !important;
    width: 100%;
    min-height: 95%;
    max-height: calc(var(--modal-max-height) - 100px);
  }
}
.cp__modal__size__medium .cp__modal__body {
  min-height: calc(87% - 50px);
  max-height: calc(var(--modal-max-height) - 180px);
  overflow: auto;
  border-radius: 10px !important;
  margin-top: 60px;
  padding-bottom: 60px;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}
@media (max-width: 1104px) {
  .cp__modal__size__medium {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .cp__modal__size__medium .uk-modal-dialog {
    border-radius: 10px !important;
    min-width: 100%;
    min-height: 100%;
    max-height: calc(var(--modal-max-height) - 100px);
  }
  .cp__modal__size__medium .cp__modal__body {
    min-height: calc(100% - 60px);
    box-sizing: border-box;
    border-radius: 0px !important;
  }
  .cp__modal__footer {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }
  .cp__modal__header {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
  }
}
/* ------------------- Modal posicionado a direira da tela ------------------ */
.cp__modal__right {
  overflow: hidden;
  padding-right: 0px !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.cp__modal__right .uk-modal-dialog {
  border-radius: 10px !important;
  width: 30%;
  min-height: 95%;
  max-height: 95%;
  margin-right: 0px;
}
.cp__modal__right .cp__modal__body {
  min-height: calc(85% - 50px);
  max-height: 87%;
  overflow: auto;
  border-radius: 10px !important;
  margin-top: 60px;
  padding-bottom: 60px;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}
.cp__modal__right [size-modal="medium"] {
  border-radius: 10px !important;
  width: 50%;
  min-height: calc(var(--modal-max-height) - 100px);
  max-height: calc(var(--modal-max-height) - 200px);
  margin-right: 0px;
}
@media (max-width: 1366px) {
  .cp__modal__right [size-modal="medium"] {
    width: 70%;
  }
}
.cp__modal__right [size-modal="medium"] .cp__modal__body {
  min-height: calc(var(--modal-max-height) - 200px);
  max-height: calc(var(--modal-max-height) - 200px);
  overflow: auto;
  border-radius: 10px !important;
  margin-top: 60px;
  padding-bottom: 60px;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}
.cp__modal__right [size-modal="large"] {
  border-radius: 10px !important;
  width: 70%;
  min-height: calc(var(--modal-max-height) - 100px);
  max-height: calc(var(--modal-max-height) - 200px);
  margin-right: 0px;
}
@media (max-width: 1366px) {
  .cp__modal__right [size-modal="large"] {
    width: 100% !important;
  }
}
.cp__modal__right [size-modal="large"] .cp__modal__body {
  min-height: calc(var(--modal-max-height) - 200px);
  max-height: calc(var(--modal-max-height) - 200px);
  overflow: auto;
  border-radius: 10px !important;
  margin-top: 60px;
  padding-bottom: 60px;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}
.cp__modal__right [size-modal="small"] {
  border-radius: 10px !important;
  width: 30%;
  min-height: calc(var(--modal-max-height) - 100px);
  max-height: calc(var(--modal-max-height) - 200px);
  margin-right: 0px;
}
@media (max-width: 1366px) {
  .cp__modal__right [size-modal="small"] {
    width: 100% !important;
  }
}
.cp__modal__right [size-modal="small"] .cp__modal__body {
  min-height: calc(var(--modal-max-height) - 200px);
  max-height: calc(var(--modal-max-height) - 200px);
  overflow: auto;
  border-radius: 10px !important;
  margin-top: 60px;
  padding-bottom: 60px;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}
@media (max-width: 1104px) {
  .cp__modal__right {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .cp__modal__right .uk-modal-dialog {
    border-radius: 10px !important;
    min-width: 50%;
    width: 50%;
    min-height: 100%;
    max-height: 100%;
  }
  .cp__modal__right .cp__modal__body {
    min-height: calc(100% - 60px);
    box-sizing: border-box;
    border-radius: 0px !important;
  }
  .cp__modal__footer {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }
  .cp__modal__header {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
  }
}
@media (max-width: 762px) {
  .cp__modal__right {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .cp__modal__right .uk-modal-dialog {
    border-radius: 10px !important;
    min-width: 100%;
    width: 100%;
    min-height: 100%;
    max-height: 100%;
  }
  .cp__modal__right .cp__modal__body {
    min-height: calc(100% - 60px);
    box-sizing: border-box;
    border-radius: 0px !important;
  }
  .cp__modal__footer {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }
  .cp__modal__header {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
  }
}
/* ------------------- Modal de filtro ------------------ */
.cp__modal__filter {
  overflow: hidden;
  padding-right: 0px !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.cp__modal__filter .uk-modal-dialog {
  border-radius: 10px !important;
  width: 30%;
  min-height: 95%;
  max-height: 95%;
  margin-right: 0px;
}
.cp__modal__filter .cp__modal__body {
  min-height: calc(85% - 50px);
  max-height: 87%;
  overflow: auto;
  border-radius: 0px !important;
  margin-top: 60px;
  padding-bottom: 60px;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}
.cp__modal__filter [size-modal="medium"] {
  border-radius: 10px !important;
  width: 50%;
  height: calc(var(--modal-max-height) - 100px);
  max-height: calc(var(--modal-max-height) - 200px);
  margin-right: 0px;
}
@media (max-width: 1280px) {
  .cp__modal__filter [size-modal="medium"] {
    width: 70%;
  }
}
.cp__modal__filter [size-modal="medium"] .cp__modal__body {
  height: calc(var(--modal-max-height) - 200px);
  max-height: calc(var(--modal-max-height) - 200px);
  overflow: auto;
  border-radius: 0px !important;
  margin-top: 60px;
  padding-bottom: 60px;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}
.cp__modal__filter [size-modal="large"] {
  border-radius: 10px !important;
  width: 491px;
  height: calc(var(--modal-max-height) - 0px);
  max-height: calc(var(--modal-max-height) - 0px);
  margin-right: 0px;
}
@media (max-width: 1280px) {
  .cp__modal__filter [size-modal="large"] {
    width: 70%;
  }
}
.cp__modal__filter [size-modal="large"] .cp__modal__body {
  height: calc(var(--modal-max-height) - 100px);
  max-height: calc(var(--modal-max-height) - 100px);
  overflow: auto;
  border-radius: 0px !important;
  margin-top: 60px;
  padding-bottom: 60px;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}
.cp__modal__filter [size-modal="large"] .cp__modal__header {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.cp__modal__filter [size-modal="large"] .cp__modal__footer {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.cp__modal__filter [size-modal="small"] {
  border-radius: 10px !important;
  width: 30%;
  height: calc(var(--modal-max-height) - 100px);
  max-height: calc(var(--modal-max-height) - 200px);
  margin-right: 0px;
}
@media (max-width: 1366px) {
  .cp__modal__filter [size-modal="small"] {
    width: 100% !important;
  }
}
.cp__modal__filter [size-modal="small"] .cp__modal__body {
  height: calc(var(--modal-max-height) - 200px);
  max-height: calc(var(--modal-max-height) - 200px);
  overflow: auto;
  border-radius: 10px !important;
  margin-top: 60px;
  padding-bottom: 60px;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}
@media (max-width: 1104px) {
  .cp__modal__filter {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .cp__modal__filter .uk-modal-dialog {
    border-radius: 10px !important;
    min-width: 50%;
    width: 50%;
    min-height: 100%;
    max-height: 100%;
  }
  .cp__modal__filter .cp__modal__body {
    min-height: calc(100% - 60px);
    box-sizing: border-box;
    border-radius: 0px !important;
  }
  .cp__modal__footer {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }
  .cp__modal__header {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
  }
}
@media (max-width: 762px) {
  .cp__modal__filter {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .cp__modal__filter .uk-modal-dialog {
    border-radius: 10px !important;
    min-width: 100%;
    width: 100%;
    min-height: 100%;
    max-height: 100%;
  }
  .cp__modal__filter .cp__modal__body {
    min-height: calc(100% - 60px);
    box-sizing: border-box;
    border-radius: 0px !important;
  }
  .cp__modal__footer {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }
  .cp__modal__header {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
  }
}
.modal__zindex {
  z-index: 999999 !important;
}
.cp__modal__size__auto {
  min-width: auto;
  max-width: auto;
}
@media (max-width: 1104px) {
  .cp__modal__size__auto {
    padding: 0px;
  }
}
.cp__modal__size__auto .cp__modal__header {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.cp__modal__size__auto .cp__modal__body {
  padding-bottom: 70px;
  padding-top: 70px;
  border-radius: 5px;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}
.cp__modal__size__auto .uk-modal-body {
  border-radius: 5px;
}
@media (min-width: 1105px) {
  .cp__modal__size__auto .cp__modal__body {
    max-height: calc(var(--modal-max-height) - 200px);
    overflow-y: auto;
  }
  .cp__modal__size__auto [size-modal="medium"] {
    width: 50%;
    min-width: 50%;
  }
}
@media (max-width: 1104px) {
  .cp__modal__size__auto [size-modal="medium"] {
    width: 98%;
    min-width: 98%;
  }
  .cp__modal__size__auto .cp__modal__body {
    max-height: calc(var(--modal-max-height) - 0px);
    overflow-y: auto;
  }
}
.slp__modal {
  overflow-y: hidden;
}
.slp__modal .uk-modal-dialog {
  padding: 0px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.slp__modal .spl__pay__content {
  width: 100%;
  height: auto;
  padding-top: 20px;
}
.slp__modal .slp__modal__content {
  padding: 10px 10px;
  box-sizing: border-box;
  height: calc(var(--modal-max-height) - 200px);
  overflow: auto;
  padding-bottom: 80px;
}
.slp__modal .slp__modal__footer {
  height: 50px;
  background-color: #ffffff;
  z-index: 99;
  position: fixed;
  bottom: 0px;
  width: 100%;
  border-top: solid 1px #dadada;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}
/* -------------------------------------------------------------------------- */
/*                         Menu de contexto do Sistema                        */
/* -------------------------------------------------------------------------- */
.si__context {
  padding-right: 0px !important;
}
.si__context .uk-modal-dialog {
  margin-right: 0px !important;
  max-width: 420px !important;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.si__context .app__book__context__icon {
  width: 35px;
  height: 35px;
  font-size: 20px;
  margin-right: 10px;
}
.si__context__content {
  height: var(--modal-max-height);
  max-height: calc(var(--modal-max-height) - 200px);
  overflow-y: auto;
}
.si__context .app__book__context__wrap:hover .app__book__context__item {
  box-shadow: 0 5px 22px rgba(147, 96, 19, 0.22);
  background: #ffcb5c;
  color: white;
  font-weight: 700;
}
/* -------------------------------------------------------------------------- */
/*                         Modal do ticket do sistema                         */
/* -------------------------------------------------------------------------- */
.cp__ticket__modal .cp__modal__step__content {
  max-height: calc(var(--modal-max-height) - 200px);
  overflow-y: auto;
  padding-top: 25px;
}
/* -------------------------------------------------------------------------- */
/*                            Fizer modal da agenda                           */
/* -------------------------------------------------------------------------- */
@media (max-width: 1104px) {
  .scheduling__modal {
    padding-top: 0 !important;
    padding-bottom: 0px !important;
    padding: 0px !important;
    min-height: calc(var(--modal-max-height) - 0px);
  }
}
/* suporte modal antigos*/
.cp__modal .cp__modal {
  overflow: hidden;
}
.clm__modal__base {
  z-index: 1050 !important;
}
.clm__modal__lv2 {
  z-index: 1060 !important;
}
.clm__modal__lv3 {
  z-index: 1070 !important;
}
.clm__modal__lv4 {
  z-index: 1080 !important;
}
.clm__modal__lv5 {
  z-index: 1090 !important;
}
.clm__modal__lv6 {
  z-index: 2000 !important;
}
.clm__modal__lv7 {
  z-index: 2010 !important;
}
.clm__modal__lv8 {
  z-index: 2020 !important;
}
.clm__modal__lv9 {
  z-index: 2030 !important;
}
.modal__chat__color {
  background-color: #f0f2f5;
  margin-top: 42px !important;
  height: calc(var(--modal-max-height) - 100px);
}
.modal__chat__color .yta__chat__footer {
  border-bottom-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
}
.cp__modal__xmall__ultra .uk-modal-dialog {
  width: 460px;
  max-width: 460px  !important;
}
.cp__modal__xmall__ultra .cp__modal__body {
  min-height: calc(20% - 50px);
  max-height: calc(var(--modal-max-height) - 0px);
}
/** ------------------------------------------------controle de sizes globais */
.cp__modal__full__height [size-modal="medium"] {
  height: calc(var(--modal-max-height) - 0px);
  max-height: calc(var(--modal-max-height) - 0px);
}
.cp__modal__full__height [size-modal="medium"] .cp__modal__body {
  max-height: calc(var(--modal-max-height) - 100px);
}
.cp__modal__full__height [size-modal="small"] {
  height: calc(var(--modal-max-height) - 0px);
  max-height: calc(var(--modal-max-height) - 0px);
}
.cp__modal__full__height [size-modal="small"] .cp__modal__body {
  max-height: calc(var(--modal-max-height) - 100px);
}
.cp__modal__full__height [size-modal="large"] {
  height: calc(var(--modal-max-height) - 0px);
  max-height: calc(var(--modal-max-height) - 0px);
}
.cp__modal__full__height [size-modal="large"] .cp__modal__body {
  max-height: calc(var(--modal-max-height) - 100px);
}
.cp__modal__footer button {
  top: auto !important;
}
.cp__modal__footer [class*=uk-modal-close-] {
  top: auto !important;
}
@media (min-width: 1366px) {
  .modal-width-medium\@l .uk-modal-dialog {
    width: 60% ;
    min-width: 60%;
  }
}
.modal-width-medium\@l .app__pane__content {
  width: 100% !important;
  margin-left: auto;
  margin-right: auto;
}
.slp__app__main {
  padding: 10px;
  box-sizing: border-box;
}
.slp__app__main .spl__pay__content {
  width: 100%;
  padding: 0px;
  height: auto;
}
.slp__app__menu__icon {
  font-size: 3.7rem;
}
.slp__app__header {
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  height: 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: white;
  box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.152);
  margin-bottom: 40px;
}
.slp__off__menu li a {
  font-size: 1.6rem;
}
.slp__off__menu li a span {
  margin-right: 10px;
  font-size: 2.6rem;
}
.slp__off__name {
  font-family: 'Roboto', sans-serif;
  font-size: 1.3rem;
  font-weight: 600;
  padding-right: 21px;
  box-sizing: border-box;
}
.slp__off__header {
  display: flex;
  margin-bottom: 20px;
}
.slp__off__img {
  width: 50px;
  min-width: 50px;
  height: 50px;
  margin-right: 10px;
  border-radius: 150px;
  background-position: center;
  background-size: cover;
}
@media (max-width: 992px) {
  .spl__list__item {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .spl__price {
    width: 100%;
    padding-top: 0px;
    justify-content: space-between;
    position: static;
  }
  .spl__info {
    padding-bottom: 0px;
  }
}
.spl__login {
  background-position: center !important;
  background-size: cover !important;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 0px 20px;
  padding-bottom: 0px;
  box-sizing: border-box;
}
.spl__login input {
  border-radius: 8px;
  height: 42px;
  font-size: 1.6rem;
}
.spl__login .cp__form__label {
  color: #818181;
}
.containerlogin {
  padding: 20px;
  box-sizing: border-box;
  /* From https://css.glass */
  background: rgba(255, 255, 255, 0.48);
  border-radius: 16px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border: 1px solid rgba(255, 255, 255, 0.3);
}
@media (min-width: 992px) {
  .containerlogin {
    max-width: 58% ;
    margin-right: 0px;
  }
}
@media (min-width: 992px) {
  .inlineScreen .containerlogin {
    max-width: 100% ;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    margin-right: auto;
  }
}
.inlineScreen .cp__form__label {
  font-size: 1.8rem !important;
}
.containerlogin__title {
  font-size: 4rem;
  color: #059d9a;
  font-weight: 900;
  box-sizing: border-box;
  text-align: right;
}
.slp__login__button {
  width: 100%;
  padding: 10px;
  border-radius: 8px;
  box-sizing: border-box;
}
.slp__login__button {
  background-color: #059d9a;
  font-size: 2rem;
  border: none;
  color: white;
  font-weight: 700;
  display: inline-block;
  text-align: center;
}
.slp__login__button:hover {
  text-decoration: none;
  color: #ffffff;
}
.logo-float {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 150px;
}
:root {
  --frame-max-height: 100%;
  --primary-checkout: #38b4c2;
  --primary-checkout-label: #38b4c2;
}
.spl__active .spl__price {
  background-color: #ffffff;
  color: #00643a;
}
.spl__active .spl__price::after {
  content: 'Ativo';
  background-color: #0fda74;
  color: white;
  position: absolute;
  padding: 2px 16px;
  border-radius: 150px;
  top: -10px;
  right: 10px;
  font-size: 1.2rem;
  font-weight: 400;
  text-transform: uppercase;
}
.spl__pago .spl__price {
  background-color: #ffffff;
  color: #00643a;
}
.spl__pago .spl__price::after {
  content: 'Pago';
  background-color: #0fda74;
  color: white;
  position: absolute;
  padding: 2px 16px;
  border-radius: 150px;
  top: -10px;
  right: 10px;
  font-size: 1.2rem;
  font-weight: 400;
  text-transform: uppercase;
}
.spl__pending .spl__price {
  background-color: #ffffff;
  color: #643500;
}
.spl__pending .spl__price::after {
  content: 'Pendente';
  background-color: #da9a0f;
  color: white;
  position: absolute;
  padding: 2px 16px;
  border-radius: 150px;
  top: -10px;
  right: 10px;
  font-size: 1.2rem;
  font-weight: 400;
  text-transform: uppercase;
}
.spl__inactive .spl__price::after {
  content: 'Inativo';
  background-color: #999999;
  color: #333333;
  position: absolute;
  padding: 2px 16px;
  border-radius: 150px;
  top: -10px;
  right: 10px;
  font-size: 1.2rem;
  font-weight: 400;
  text-transform: uppercase;
}
.spl__list__item {
  display: flex;
  justify-content: space-between;
}
.spl__info {
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 10px;
  padding-top: 10px;
  box-sizing: border-box;
}
.spl__title {
  font-family: 'Roboto', sans-serif;
  font-size: 1.4rem;
  font-weight: 500;
  color: #1d1d1d;
  margin: 0px;
}
.spl__date {
  font-family: 'Roboto', sans-serif;
  font-size: 1.3rem;
  font-weight: 600;
  color: #8d8d8d;
  margin: 0px;
}
.spl__price {
  position: relative;
  background-color: #ffffff;
  color: #c2c2c2;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  box-sizing: border-box;
  font-size: 1.6rem;
  border-bottom-right-radius: 15px;
  border-top-right-radius: 15px;
}
.spl__icon {
  position: relative;
  background-color: #ffffff;
  color: #6060f0;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  box-sizing: border-box;
  font-size: 2.8rem;
  border-bottom-left-radius: 15px;
  border-top-left-radius: 15px;
}
.spl__new {
  padding: 15px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f0f0f0;
  border-style: dotted;
  border-width: 2px;
  border-color: #bebebe;
  margin-bottom: 30px;
}
.spl__pay__fuor .spl__icon {
  margin-right: 0px;
}
.spl__pay__fuor .spl__list__item {
  justify-content: flex-start;
}
.modal__spl [size-modal="small"] {
  width: 320px;
}
.spl__pay__frame {
  width: 444px;
  height: 800px !important;
  height: 620px;
  position: relative;
  margin: 0 auto;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 762px) {
  .spl__pay__frame {
    width: auto;
  }
}
.spl__pay__mockup {
  position: absolute;
  top: 0px;
  width: 400px;
  z-index: 0;
}
.spl__pay__content {
  width: 70%;
  z-index: 1;
  padding-top: 15%;
  margin: 0 auto;
}
@media (max-width: 762px) {
  .spl__pay__content {
    width: 80%;
  }
}
.spl__form__footer {
  position: absolute;
  bottom: 40px;
  width: 100%;
  left: 23%;
  width: 60%;
  z-index: 1;
}
@media (max-width: 762px) {
  .spl__form__footer {
    width: 80%;
  }
}
.spl__pay__content {
  height: var(--frame-max-height);
}
.spl__pay__description {
  font-family: 'Roboto', sans-serif;
  font-size: 1.4rem;
  font-weight: 600;
  margin-bottom: 30px;
}
.spl__product__image {
  width: 100px;
  height: 100px;
  border-radius: 8px;
  background-position: center;
  background-size: cover;
}
.spl__pay__title {
  font-family: 'Roboto', sans-serif;
  font-size: 1.6rem;
  font-weight: 700;
  color: #141414;
  margin-bottom: 30px;
  text-align: center;
}
.spl__check__link {
  font-size: 5.2rem;
  text-align: center;
  color: #02f3b7;
  line-height: 1;
  margin-bottom: 30px;
}
.spl__view__link {
  padding: 15px 20px;
  border-radius: 150px;
  background-color: #d8d8d8;
  text-align: center;
  font-size: 1.6rem;
  font-weight: 700;
  color: #8d8d8d;
  word-wrap: break-word;
}
.spl__view__img {
  width: 300px;
  max-width: 300px;
  height: 300px;
  background-position: center;
  background-size: cover;
  border-radius: 8px;
}
@media (max-width: 992px) {
  .spl__view__img {
    width: 180px;
    max-width: 180px;
    height: 180px;
    margin: 0 auto;
  }
}
.spl__logo {
  background-position: center;
  background-size: contain;
  width: 120px;
  height: 50px;
  background-repeat: no-repeat;
}
.spl__business {
  font-family: 'Roboto', sans-serif;
  font-size: 1.8rem;
  font-weight: 500;
}
.spl__link__total {
  padding: 10px;
  box-sizing: border-box;
  border-radius: 10px;
}
.spl__link__item__price {
  font-family: 'Roboto', sans-serif;
  font-size: 1.6rem;
  font-weight: 700;
  min-width: 120px;
  text-align: right;
}
.spl__link__item__name {
  font-family: 'Roboto', sans-serif;
  font-size: 1.6rem;
  font-weight: 300;
}
.spl__link__total {
  background-color: #dadada;
  padding: 10px;
  box-sizing: border-box;
}
.spl__link__label {
  font-family: 'Roboto', sans-serif;
  font-size: 1.7rem;
  font-weight: 300;
  color: black;
}
.spl__link__value {
  font-family: 'Roboto', sans-serif;
  font-size: 2.1rem;
  font-weight: 900;
  color: black;
}
.spl__resume {
  min-height: 400px;
}
.spl__resume__title {
  font-family: 'Roboto', sans-serif;
  font-size: 2rem;
  font-weight: 300;
  color: black;
}
.spl__resume__title {
  font-family: 'Roboto', sans-serif;
  font-size: 2.8rem;
  font-weight: 300;
  color: #303030;
}
.spl__resume__product__value {
  font-family: 'Roboto', sans-serif;
  font-size: 2.4rem;
  font-weight: 900;
  color: #303030;
}
.spl__resume__product__date {
  font-family: 'Roboto', sans-serif;
  font-size: 1.3rem;
  font-weight: 300;
  color: #303030;
}
.spl__resume__next {
  font-family: 'Roboto', sans-serif;
  font-size: 2rem;
  font-weight: 700;
  margin-top: 20px;
  min-width: 220px;
  text-align: center;
  padding: 20px 25px;
  border-radius: 8px;
  border: none;
  background-color: var(--primary-checkout);
  cursor: pointer;
  display: inline-block;
  width: fit-content;
  color: white;
}
@media (max-width: 992px) {
  .spl__resume__next {
    width: 100%;
  }
}
.spl__step__checkout .spl__resume__title {
  font-size: 2rem;
}
.slp__checkout__label {
  font-family: 'Roboto', sans-serif;
  font-size: 2.4rem;
  font-weight: 900;
  color: var(--primary-checkout-label);
}
.slp__checkout__description {
  font-family: 'Roboto', sans-serif;
  font-size: 1.6rem;
  font-weight: 300;
  color: #303030;
}
.step__checkout__form .slp__checkout__label {
  font-size: 1.8rem;
  font-weight: 700;
}
.vertical__move {
  height: 100%;
  background-color: white;
}
.vertical__move li a {
  padding: 10px 25px;
  box-sizing: border-box;
}
.vertical__move .uk-active {
  background-color: #e1e1e1;
}
.vertical__move .uk-active a {
  font-weight: 700;
  color: #38b4c2;
}
.gateway__logo {
  width: 120px;
  margin-right: 20px;
}
.slp__checkout__user__profile {
  width: 100px;
  height: 100px;
  background-position: center;
  background-size: cover;
  border-radius: 150px;
  font-size: 3rem;
  margin: 0 auto;
  margin-bottom: 30px;
}
.slp__primary__button {
  padding: 10px 25px;
  box-sizing: border-box;
  border-radius: 8px;
  background-color: #059d9a;
  color: white;
  border: none;
  display: inline-block;
  font-family: 'Roboto', sans-serif;
  font-size: 2rem;
  font-weight: 900;
  cursor: pointer;
}
.slp__text__button {
  padding: 10px 25px;
  box-sizing: border-box;
  border-radius: 8px;
  background-color: #ebebeb;
  color: #059d9a;
  border: none;
  display: inline-block;
  font-family: 'Roboto', sans-serif;
  font-size: 2rem;
  font-weight: 900;
  cursor: pointer;
}
@media (max-width: 992px) {
  .slp__login__modal {
    padding: 0px !important;
    width: 100%;
  }
  .slp__login__modal .uk-modal-body {
    margin: 0px !important;
    padding: 0px !important;
    width: 100%;
  }
  .slp__login__modal .cp__modal__body {
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-top: 0px;
  }
}
.uk-input {
  font-size: 1.4rem !important;
}
.iframe-wrap {
  padding-top: 0px;
  box-sizing: border-box;
  border: solid 3px ;
  border-radius: 8px;
  position: relative;
}
.iframe-wrap iframe {
  width: 100%;
  height: 100%;
}
.iframe__content {
  padding: 10px;
  box-sizing: border-box;
  height: 620px;
  overflow-y: auto;
  border-radius: 8px;
}
.iframe__header {
  padding: 10px;
  box-sizing: border-box;
  height: 40px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #dadada;
  margin-bottom: 10px;
  font-family: 'Roboto', sans-serif;
  font-size: 2rem;
  font-weight: 300;
}
.iframe__header i {
  font-size: 4rem;
}
.payment__type__tabs li a {
  font-size: 2rem !important;
}
.sucess__area {
  margin-bottom: 20px;
  text-align: center;
}
.sucess__area__icon {
  margin: 0 auto;
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
}
.sucess__area__title {
  font-family: 'Roboto', sans-serif;
  font-size: 3rem;
  font-weight: 600;
  color: #059d9a;
}
.sucess__area__description {
  font-family: 'Roboto', sans-serif;
  font-size: 1.7rem;
  font-weight: 300;
  color: #059d9a;
}
.erro__pay .spl__login {
  height: 100vh;
  width: 100%;
  box-sizing: border-box;
  align-items: center;
}
.erro__description {
  font-family: 'Roboto', sans-serif;
  font-size: 2.2rem;
  font-weight: 300;
  color: #e07789;
  text-align: center;
}
.erro__icon {
  font-size: 4rem;
}
.erro__pay .containerlogin__title {
  color: #e07789;
}
.erro__pay .containerlogin {
  min-width: 100%;
}
.share__pay__footer {
  width: 100%;
  padding: 50px 20px;
  box-sizing: border-box;
  border-top: solid 3px #059d9a;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.share__pay__footer .logo__footer {
  width: 150px;
  margin-bottom: 20px;
}
.share__pay__footer .text__footer {
  font-family: 'Roboto', sans-serif;
  font-size: 1.6rem;
  font-weight: 300;
}
.share__pay__footer .text__h2__footer {
  font-family: 'Roboto', sans-serif;
  font-size: 2rem;
  font-weight: 400;
}


.expired__link .containerlogin__title {
  color: #c0c0c0;
  text-align: center;
}
.expired__link .erro__description {
  margin-top: 10px;
  color: #585858;
  font-weight: 600;
  margin-bottom: 0px;
}
.expired__link .erro__icon {
  color: #c0c0c0;
}
@media (min-width: 762px) {
  .expired__link .containerlogin {
    max-width: 400px !important;
  }
}
.get__new__link {
  border: none;
  background-color: #25D366;
  color: #ffffff;
  padding: 10px 25px;
  display: flex;
  border-radius: 8px;
  margin-top: 20px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1;
  align-items: center;
  margin: 0 auto;
  cursor: pointer;
}
.get__new__link i {
  margin-left: 30px;
  font-size: 3.2rem;
  line-height: 1;
}
.get__new__method {
  border: solid 2px gray;
  background-color: #f7f7ff;
  color: #3d3d3d;
  padding: 10px 25px;
  display: flex;
  border-radius: 8px;
  margin-top: 30px;
  font-size: 1.6rem;
  font-weight: 300;
  text-transform: uppercase;
  line-height: 1;
  align-items: center;
  margin: 0 auto;
  cursor: pointer;
}
.get__new__method i {
  margin-left: 30px;
  font-size: 3.2rem;
  line-height: 1;
}
.erro__expired__link {
  font-size: 1.6rem;
  word-break: break-all;
  color: #b8b8b8;
}
.expired__description {
  font-family: 'Roboto', sans-serif;
  font-size: 2.2rem;
  font-weight: 300;
  color: #7c7c7c;
  text-align: center;
  margin-top: 0px !important;
}
.alert__laravel__right {
  position: absolute !important;
  top: 33px;
  width: 82%;
  left: calc(50% - 41%);
}