[class*="--full"] {
  width: 100%;
}
[class*="--padding-s"] {
  padding: 8px;
  box-sizing: border-box;
}
/* TODO: Alterar para [area de botçoes */
.pro__dashboard__button {
  width: 100%;
}
/* TODO: mudar para uma classe de controle
*/
.schedule__sideBar__mobile {
  top: 70px !important;
}
/* ------------------------------------ Header App Screen*/
.app_header__screen {
  padding: 5px;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.header__screen__button {
  border-radius: 50px;
  font-size: 12px;
  border: none;
  padding: 8px 25px;
  display: flex;
  align-items: center;
  font-family: var(--mb-default-font);
  font-weight: 700;
  outline: none;
  text-decoration: none;
}
.header__screen__button:hover {
  text-decoration: none;
}
/* ------------------------------------ Perfil do negócio*/
.business__profile {
  padding: 8px;
  box-sizing: border-box;
  background-position: center;
  background-size: cover;
}
.business__profile__logo {
  width: 80px;
  height: 80px;
  border-radius: var(--mb-default-radius);
  margin-right: 10px;
  background-position: center;
  background-size: cover;
}
.business__profile__title {
  font-family: var(--mb-default-font);
  font-weight: 700;
  font-size: 16px;
  margin: 0px;
}
.business__profile__subtitle {
  font-family: var(--mb-default-font);
  font-weight: 600;
  font-size: 14px;
  margin: 0px;
}
.business__profile__thirdtitle {
  font-family: var(--mb-default-font);
  font-weight: 600;
  font-size: 12px;
  margin: 0px;
}
/* ------------------------------------------- Toogle de Notificação App*/
.notification__toogle {
  position: fixed;
  left: 0px;
  bottom: 42px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.377);
  background-color: white;
  z-index: 100;
  display: none;
}
.notification__toogle__box {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
}
.notification__toogle__dot {
  width: 20px;
  height: 20px;
  background-color: #ff0000;
  font-size: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  color: white;
  position: absolute;
  margin-top: -15px;
  right: -8px;
}
/* ------------------------------------------- buttons*/
.app__button {
  border-radius: 50px;
  font-size: 12px;
  border: none;
  padding: 8px 25px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  font-family: var(--mb-default-font);
  font-weight: 700;
  outline: none;
  text-decoration: none;
  text-align: center;
  justify-content: center;
  max-height: 32px;
  cursor: pointer;
}
.app__butons__text {
  border-radius: 50px;
  font-size: 15px;
  border: none;
  padding: 2px 10px;
  box-sizing: border-box;
  background-color: transparent;
  display: flex;
  align-items: center;
  font-family: var(--mb-default-font);
  font-weight: 700;
  outline: none;
  text-decoration: none;
}
.app__butons__text:hover {
  text-decoration: none;
}
/* ------------------------------------------- sections*/
.app__section__title {
  font-family: var(--mb-default-font);
  font-weight: 700;
  font-size: var(--mb-title-size-medium);
  margin: 0px;
  margin-bottom: 10px;
  color: var(--mb-gray-soft);
}
/* ------------------------------------------- resumos dropup*/
.app__resume__updrop {
  position: fixed;
  bottom: 35px;
  right: 0px;
  background-color: #e8fffd;
  border: none;
  border: solid 0px #b1b1b1;
  padding: 8px 25px;
  box-sizing: border-box;
  font-family: var(--mb-default-font);
  font-weight: 700;
}
.app__updrop__value {
  font-family: var(--mb-default-font);
  font-weight: 700;
  font-size: 16px;
}
/* ------------------------------------------- User profile*/
.user__profile__image {
  width: 45px;
  height: 45px;
  background-position: center;
  background-size: cover;
  border-radius: 150px;
}
/* ------------------------------------------- Dropdown*/
.dropdown__title {
  margin-top: 10px;
  font-family: var(--mb-default-font);
  font-weight: 700;
  font-size: 16px;
}
.dropdown__label {
  font-family: var(--mb-default-font);
  font-weight: 700;
  font-size: 14px;
}
.dropdown__value {
  font-family: var(--mb-default-font);
  font-weight: 700;
  font-size: 16px;
  color: black !important;
}
/* ------------------------------------------- tab bar*/
.app__tapbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #ffffff;
  position: fixed;
  left: 0px;
  bottom: 0px;
  width: 100%;
  padding: 8px;
  height: 50px;
  box-sizing: border-box;
  box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.07);
}
.app__tapbar__icon {
  font-size: 22px;
}
.tabbar__buton__text {
  font-size: 14px;
  font-family: var(--mb-default-font);
  font-weight: 700;
  text-decoration: none;
  color: var(--mb-ame-primary);
  transition: 0.6s;
}
.tabbar__buton__text:focus {
  text-decoration: none;
  color: var(--mb-ame-primary-other);
  font-size: 16px;
}
/* ------------------------------------------ Component card*/
.card__section {
  padding: 5px;
  box-sizing: border-box;
  border: solid 0px var(--mb-gray-dark);
}
.card__section__box {
  padding: 8px;
  box-sizing: border-box;
}
.card__section__box__label {
  font-size: 14px;
  font-family: var(--mb-default-font);
  font-weight: 300;
}
.card__section__box__title {
  font-size: 12px;
  font-family: var(--mb-default-font);
  font-weight: 700;
}
.card__section__box__value {
  font-size: 16px;
  font-family: var(--mb-default-font);
  font-weight: 700;
}
.card__title {
  font-size: 18px;
  font-family: var(--mb-default-font);
  font-weight: 800;
}
.card__subtitle {
  font-size: 14px;
  font-family: var(--mb-default-font);
  font-weight: 800;
}
.card__inner__card {
  padding: 8px;
  box-sizing: border-box;
}
.card__footer {
  padding-top: 3px;
  padding-bottom: 3px;
}
.card__accordion__content {
  margin-top: 0px !important;
}
.card__flag {
  font-size: 12px;
  font-family: var(--mb-default-font);
  font-weight: 600;
  width: 100%;
  box-sizing: border-box;
  padding: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-left-radius: var(--mb-default-radius);
  border-top-right-radius: var(--mb-default-radius);
}
.card__image__icon {
  width: 45px;
  height: 45px;
  background-size: cover;
  background-position: center;
  border-radius: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
}
.card__link_area {
  text-decoration: none;
  font-family: var(--mb-default-font);
  display: block;
}
.card__link_area:hover {
  text-decoration: none;
}
.app__card__accordion__section {
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  box-sizing: border-box;
  margin-top: 8px;
  border-radius: 150px;
}
/* -------------------------------------------------------- Component card table*/
.app__card__table {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px;
  box-sizing: border-box;
}
.app__card__table__flag {
  padding: 2px;
  border-radius: 50px;
  font-size: 12px;
  width: 100px;
  position: absolute;
  left: calc(50% - 50px);
  top: 0px;
  padding-left: 25px;
  padding-right: 25px;
}
.app__card__table__list {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
.app__card__table__item {
  margin-top: 8px;
}
.app__card__table__header {
  position: relative;
}
.app__cashier__row {
  padding: 5px;
  box-sizing: border-box;
}
.app__cashier_label {
  font-family: var(--mb-default-font);
  font-weight: 700;
  font-size: 12px;
  border-bottom: solid 1px #b8b8b8;
  padding-bottom: 5px;
  margin-bottom: 5px;
}
.app__cashier_value {
  font-family: var(--mb-default-font);
  font-weight: 400;
  font-size: 14px;
}
.cashier__inner__grid {
  display: flex;
}
.cashier__inner__item {
  min-width: 150px;
}
/* ----------------------------------- hr divider*/
.app__hr {
  margin-top: 0px;
  margin-bottom: 0px;
}
/* ------------------------------------ Accordion*/
.accordion__title {
  font-size: 16px !important;
  font-family: var(--mb-default-font);
  font-weight: 300;
}
.app__accordion {
  margin-bottom: 0px;
  margin-top: 0px;
  box-sizing: border-box;
}
/* accordion panel*/
.accordion__panel__header {
  background-color: #f3effd;
  padding: 5px;
  box-sizing: border-box;
  font-size: 14px !important;
  font-family: var(--mb-default-font);
  font-weight: 500;
}
.accordion__panel__number {
  font-size: 16px !important;
  font-family: var(--mb-default-font);
  font-weight: 700;
}
.accordion__panel__content {
  padding: 5px;
  box-sizing: border-box;
}
/* ------------------------------------ Tabs*/
.app__tabs {
  width: 100%;
}
.app__tabs__bar {
  margin-top: 0px !important;
}
/*tab register*/
.app__tab_registers {
  display: flex;
  flex-wrap: nowrap;
}
/* -------------------------------------- forms */
.upload__preview__image__wrap {
  padding: 8px;
  box-sizing: border-box;
}
/*--------------------------------------charts*/
.chart__responsive {
  width: 100%;
  max-width: 100%;
}
.idleness__area {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.idleness__chart {
  width: 120px;
  height: 120px;
  border-radius: 180px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.idleness__title {
  font-size: 16px;
  font-family: var(--mb-default-font);
  font-weight: 800;
  margin: 0px;
}
.idleness__value {
  margin: 0px;
  font-family: var(--mb-default-font);
  font-weight: 700;
}
/* ---------------------------------------------- Feedback*/
.feedback__area {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.feedback__chart {
  width: 50%;
  padding: 8px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.feedback__title {
  font-size: 16px;
  font-family: var(--mb-default-font);
  font-weight: 800;
  margin: 0px;
}
.feedback__value {
  margin: 0px;
  font-family: var(--mb-default-font);
  font-weight: 700;
}
/* ------------------------------------------------- Grid Tiles*/
.card__dash {
  width: 100%;
  border-radius: 4px;
  margin-bottom: 5px;
}
.card__dash--list {
  list-style: none;
  padding: 0px;
  margin: 0px;
  display: flex;
  flex-wrap: wrap;
}
.card__dash__wrap {
  padding: 8px;
  box-sizing: border-box;
  width: 50%;
}
.card__dash--list .card__dash__wrap a {
  text-decoration: none !important;
}
.card__dash--item {
  display: flex;
  background-color: var(--a-black-card-2);
  border-radius: 4px;
  align-items: center;
  justify-content: flex-start;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.07);
}
.img-gridTiles {
  min-width: 50px;
  height: 50px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.img-gridTiles-Actions {
  width: 50px;
}
.card__dash__image {
  min-width: 100%;
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-right-radius: 4px;
}
.card__dash__value {
  font: var(--default-font);
  font-size: 22px;
  color: var(--a-black-color-text-1);
  margin: 0px;
}
.card__dash__image span {
  font-size: 12px;
}
.img-gridTiles {
  font-size: var(--a-button-icon);
  color: white;
}
.card__dash__chart {
  flex-direction: column;
}
.card__dash__description {
  padding: 8px 8px;
  box-sizing: border-box;
}
.card__dash__title {
  font-size: 14px;
  margin: 0px;
  color: #7c7c7c;
}
.card__dash__icon {
  position: absolute;
  margin-left: 150px;
  margin-top: 0px;
  width: 25px;
  height: 25px;
  border-radius: 150px;
  background-color: #ffb74d;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.07);
}
/*Acoddions grid dash subs*/
.card__dash--subs {
  width: 100%;
}
.card__dash--subs .uk-accordion-title {
  padding-left: 8px !important;
}
.griddash-sub-list {
  list-style: none;
  padding: 0px;
  margin: 0px;
  display: flex;
  flex-wrap: wrap;
}
.app__accordion__flex {
  display: flex !important;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
}
/** app layouts*/
.app__footer__bar {
  position: fixed;
  bottom: 0px;
  padding: 8px;
  box-sizing: border-box;
  left: 0px;
  background-color: white;
}
.screen__title {
  font-family: var(--mb-default-font);
  font-size: 19px;
  margin-bottom: 8px;
  font-weight: 700;
}
/* -------------------------------------------------- App function */
.app_coming_function {
  display: block;
  background-color: red;
  color: white;
  font-family: var(--mb-default-font);
  font-size: 11px;
  border-radius: 50px;
  padding: 0px 10px;
}
/* ------------------------------------------------- app float */
.app__whatsapp__float {
  width: 50px;
  height: 50px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  border-radius: 150px;
  font-size: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #10867d;
  color: white;
  border: none;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.07);
  display: none !important;
}
/* ------------------------------------------------- spalsh screen */
.app__splashscreen {
  height: 100vh;
  min-height: 100vh;
  overflow: hidden;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  background-size: cover;
  background-position: center;
}
.app__splashscreen__logo {
  width: 220px;
  margin-top: 50px;
  margin-bottom: -50px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.app__splashscreen__login {
  margin-top: 20px;
  width: 70%;
}
.splash__fotter {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 150px;
  background-color: red;
  bottom: 0px;
}
.splash__fotter__button {
  margin-bottom: 120px;
}
.splash__fotter__rodape {
  padding-bottom: 20px;
}
.login__button__app {
  border-radius: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
}
/* ------------------------------------------------- dash login */
.app__dashicons {
  height: 100vh;
  min-height: 100vh;
  overflow: hidden;
  width: 100%;
  background-size: cover !important;
  background-position: center !important;
  padding-top: 60px !important;
  box-sizing: border-box;
}
.app__dashicons__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px;
  box-sizing: border-box;
}
.app__dashicons__grid {
  padding: 8px;
  box-sizing: border-box;
  margin-top: 0px;
  border-top: solid 1px;
  padding-bottom: 15px;
  padding-top: 15px;
  margin-top: 15px;
}
.app__dashicons__icons {
  border-radius: 150px;
  max-width: 80px;
  min-width: 80px;
  height: 80px;
  max-height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  box-shadow: inset 0 0 20px #000000;
  font-size: 42px;
  text-shadow: 4px 4px rgba(0, 0, 0, 0.349);
  margin-bottom: 10px;
}
.app__dashicons__label {
  font-family: var(--mb-default-font);
  font-size: 14px;
  font-weight: 700;
}
.app__dashicons__wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-decoration: none !important;
}
.app__dashicons__wrap {
  width: 33.33%;
  box-sizing: border-box;
}
.app__dashicons__footer {
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
  margin-top: 5px;
  padding-top: 5px;
  border-top: solid 2px #818181;
}
.app__dashicons__footer__actions {
  border-right: solid 2px #818181;
}
.app__dashicons__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.app__dashicons__footer__wrap {
  padding: 8px;
  box-sizing: border-box;
  text-decoration: none !important;
}
.app__dashicons__footer__icon {
  width: 50px;
  height: 50px;
  font-size: 32px;
  border-radius: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* -------------------------------------------------- Comanda */
.app__selectedSchedule,
.selected,
.selectedSchedule {
  background: #f5f2ff !important;
  color: #333 !important;
  padding: 5px !important;
  border: 2px solid #7C4DFF !important;
}
@media only screen and (min-width: 300px) and (max-width: 600px) {
  /** app layouts*/
  .hide__item__mobile {
    display: none;
  }
  .column__sidebar {
    width: 100%;
  }
  .column__content {
    width: 100%;
    box-sizing: border-box;
  }
  .column__marketing {
    width: 100%;
  }
  .column__padding__small {
    padding: 8px;
    box-sizing: border-box;
  }
  .business__profile {
    display: flex;
  }
  .business__profile {
    margin-bottom: 5px;
  }
  /* -------------------------------------------------------- Component card table*/
  .app__card__table__flag {
    padding: 2px;
    border-radius: 50px;
    font-size: 12px;
    width: 100%;
    position: relative;
    left: -2px;
    top: 0px;
  }
  /* -------------------------------------------------------- smart table
	.smart__table__go {
		display: flex;
		justify-content: center;
		width: 100%;
	}
	.smart__table__go .comps__table__smart__thead {
		display: none;
	}
	.smart__table__go .comps__table__tbody {
		display: flex;
		justify-content: flex-start;
		width: 100%;
		flex-wrap: wrap;
	}
	.smart__table__go .comps__table__smart__tr {
		background: white !important;
		box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.12);
	}
	.smart__table__go .comps__table__smart__tr td:before {
		content: attr(data-table);
		display: block;
		font-weight: 600;
		font-family: var(--mb-default-font);
		font-size: 12px;
	}
	.smart__table__go tr.comps__table__smart__tr {
		display: block;
		float: left;
		width: 100%;
		margin-bottom: 10px;
		margin-left: 18px;
		border-radius: var(--mb-default-radius);
		border: none;
		border: none !important;
	}
	.smart__table__go .comps__table__smart__tr td {
		display: block;
		float: left;
		width: 100%;
		clear: both;
		background: white;
		padding: 10px 5px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding-bottom: 5px !important;
		padding-top: 5px !important;
		border-bottom: solid 1px #e8e6e6;
	}
	.smart__table__go .comps__table__smart__tr td:hover {
		background: #f3f9f7;
	}
	.smart__table__go .comps__table__tbody tr:first-child {
		margin-left: 0px !important;
	}
    .smart__table__go .comps__table__tbody tr {
		margin-left: 0px !important;
	}
	.smart__table__go .comps__table__smart__tr td:first-child {
		padding-bottom: 5px !important;
		border-top-left-radius: var(--mb-default-radius);
		border-top-right-radius: var(--mb-default-radius);
	}
	.smart__table__go .comps__table__smart__tr td:last-child {
		border-bottom-left-radius: var(--mb-default-radius);
		border-bottom-right-radius: var(--mb-default-radius);
		border-bottom: none;
	}

	.comps__table__smart__status{
		padding: 2px 20px;
		border-radius: 150px;

	}*/
  /* -------------------------------------------------------- header screen*/
  .app__header__screen {
    flex-wrap: wrap;
    justify-content: center;
  }
  .app__header__screen__box {
    width: 100%;
    margin-left: 0px !important;
    margin-bottom: 5px;
  }
  .app__header__screen__thumbnail {
    margin-bottom: 10px;
  }
  .app__input__group {
    width: 100%;
    flex-wrap: wrap;
  }
  .app__input__group input {
    margin-bottom: 8px;
  }
}
@media only screen and (min-width: 601px) and (max-width: 992px) {
  .hide__item__mobile {
    display: none;
  }
  .column__sidebar {
    width: 100%;
    box-sizing: border-box;
  }
  .column__content {
    width: 100%;
    box-sizing: border-box;
  }
  .column__marketing {
    width: 100%;
    box-sizing: border-box;
  }
  .column__padding__small {
    padding: 8px;
    box-sizing: border-box;
  }
  /*dashletas*/
  .card__dash__wrap {
    padding: 8px;
    box-sizing: border-box;
    width: 25%;
  }
  .card__dash__icon {
    margin-top: -10px;
    margin-right: 25px;
  }
  .card__dash__wrap {
    width: 33.33%;
  }
  .business__profile {
    display: flex;
  }
  /*login*/
  .app__splashscreen__login {
    margin-top: 20px;
    width: 30%;
  }
  /* painel de ações*/
  .app__dashicons__wrap {
    width: 25%;
    box-sizing: border-box;
  }
  /* -------------------------------------------------------- smart table
	.smart__table__go {
		display: flex;
		justify-content: center;
		width: 100%;
	}
	.smart__table__go .comps__table__smart__thead {
		display: none;
	}
	.smart__table__go .comps__table__tbody {
		display: flex;
		justify-content: center;
		width: 100%;
		flex-wrap: wrap;
	}
	.smart__table__go .comps__table__smart__tr {
		background: white !important;
		box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.12);
	}
	.smart__table__go .comps__table__smart__tr td:before {
		content: attr(data-table);
		display: block;
		font-weight: 600;
		font-family: var(--mb-default-font);
		font-size: 12px;
	}
	.smart__table__go tr.comps__table__smart__tr {
		display: block;
		float: left;
		width: 250px;
		margin-bottom: 10px;
		margin-left: 18px;
		border-radius: var(--mb-default-radius);
		border: none;
		border: none !important;
	}
	.smart__table__go .comps__table__smart__tr td {
		display: block;
		float: left;
		width: 250px;
		clear: both;
		background: white;
		padding: 10px 5px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding-bottom: 5px !important;
		padding-top: 5px !important;
		border-bottom: solid 1px #e8e6e6;
	}
	.smart__table__go .comps__table__smart__tr td:hover {
		background: #f3f9f7;
	}
	.smart__table__go .comps__table__tbody tr:first-child {
		margin-left: 0px !important;
	}
	.smart__table__go .comps__table__smart__tr td:first-child {
		padding-bottom: 5px !important;
		border-top-left-radius: var(--mb-default-radius);
		border-top-right-radius: var(--mb-default-radius);
	}
	.smart__table__go .comps__table__smart__tr td:last-child {
		border-bottom-left-radius: var(--mb-default-radius);
		border-bottom-right-radius: var(--mb-default-radius);
		border-bottom: none;
	}*/
}
@media only screen and (min-width: 993px) and (max-width: 1024px) {
  .hide__item__mobile {
    display: none;
  }
  .hide__item__tablet {
    display: none;
  }
  .column__sidebar {
    width: 100%;
    box-sizing: border-box;
  }
  .column__content {
    width: 100%;
    box-sizing: border-box;
  }
  .column__marketing {
    width: 100%;
    box-sizing: border-box;
  }
  .column__padding__small {
    padding: 8px;
    box-sizing: border-box;
  }
  /*menu*/
  .navigation-menu {
    display: none;
  }
  .header__profile__group {
    display: flex;
    align-items: stretch;
  }
  .profile__professional__area {
    padding-right: 10px;
    box-sizing: border-box;
  }
  .ProfileTimesPoints {
    margin-top: 0px;
  }
  .business__profile {
    display: flex;
  }
  /*dashletas*/
  .card__dash__icon {
    margin-top: -10px;
    margin-right: 25px;
  }
  .card__dash__wrap {
    width: 20%;
  }
  /* painel de ações*/
  .app__dashicons__wrap {
    width: 20%;
    box-sizing: border-box;
  }
  /*login*/
  .app__splashscreen__login {
    margin-top: 20px;
    width: 20%;
  }
  /* -------------------------------------------------------- smart table
	.smart__table__go {
		display: flex;
		justify-content: center;
		width: 100%;
	}
	.smart__table__go .comps__table__smart__thead {
		display: none;
	}
	.smart__table__go .comps__table__tbody {
		display: flex;
		justify-content: center;
		width: 100%;
		flex-wrap: wrap;
	}
	.smart__table__go .comps__table__smart__tr {
		background: white !important;
		box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.12);
	}
	.smart__table__go .comps__table__smart__tr td:before {
		content: attr(data-table);
		display: block;
		font-weight: 600;
		font-family: var(--mb-default-font);
		font-size: 12px;
	}
	.smart__table__go tr.comps__table__smart__tr {
		display: block;
		float: left;
		width: 250px;
		margin-bottom: 10px;
		margin-left: 18px;
		border-radius: var(--mb-default-radius);
		border: none;
		border: none !important;
	}
	.smart__table__go .comps__table__smart__tr td {
		display: block;
		float: left;
		width: 250px;
		clear: both;
		background: white;
		padding: 10px 5px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding-bottom: 5px !important;
		padding-top: 5px !important;
		border-bottom: solid 1px #e8e6e6;
	}
	.smart__table__go .comps__table__smart__tr td:hover {
		background: #f3f9f7;
	}
	.smart__table__go .comps__table__tbody tr:first-child {
		margin-left: 0px !important;
	}
	.smart__table__go .comps__table__smart__tr td:first-child {
		padding-bottom: 5px !important;
		border-top-left-radius: var(--mb-default-radius);
		border-top-right-radius: var(--mb-default-radius);
	}
	.smart__table__go .comps__table__smart__tr td:last-child {
		border-bottom-left-radius: var(--mb-default-radius);
		border-bottom-right-radius: var(--mb-default-radius);
		border-bottom: none;
	}
	.comps__table__smart__status{
		padding: 2px 20px;
		border-radius: 150px;

	}*/
}
@media only screen and (min-width: 1025px) and (max-width: 1366px) {
  .column__sidebar {
    width: 20%;
    box-sizing: border-box;
  }
  .column__content {
    width: 50%;
    box-sizing: border-box;
  }
  .column__marketing {
    width: 30%;
    box-sizing: border-box;
  }
  .column__padding__small {
    padding: 8px;
    box-sizing: border-box;
  }
  /*menu*/
  .navigation-menu {
    display: block;
    padding: 8px;
    box-sizing: border-box;
  }
  .header__profile__group {
    display: flex;
    align-items: stretch;
    flex-direction: column;
  }
  .profile__professional__area {
    padding-right: 10px;
    box-sizing: border-box;
  }
  .ProfileTimesPoints {
    margin-top: 0px;
  }
  .business__profile {
    display: none;
  }
  .profile__professional__area {
    display: none;
  }
  .column__sidebar {
    overflow-y: auto;
    max-height: 100vh;
    padding-bottom: 10px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.205);
  }
  .column__content {
    overflow-y: auto;
    max-height: 100vh;
    padding-bottom: 80px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.205);
  }
  .column__marketing {
    overflow-y: auto;
    max-height: 100vh;
    padding-bottom: 80px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.205);
  }
  /*dashletas*/
  .card__dash__icon {
    margin-top: -10px;
    margin-right: 25px;
  }
  .card__dash__wrap {
    width: 25%;
  }
  .aplication-bar {
    display: flex !important;
  }
  /*card de seleção de serviço*/
  .select__service__booking {
    width: 50% !important;
  }
  /*toogle de notificação*/
  .notification__toogle {
    position: fixed;
    top: 0px;
    bottom: inherit;
    display: none !important;
  }
  /*[28-01 Overflow]*/
  body {
    overflow: hidden;
  }
  /*login*/
  .app__splashscreen__login {
    margin-top: 20px;
    width: 20%;
  }
  /* painel de ações*/
  .app__dashicons__wrap {
    width: 20%;
    box-sizing: border-box;
  }
  /* -------------------------------------------------------- smart table
	.smart__table__go {
		display: flex;
		justify-content: center;
		width: 100%;
	}
	.smart__table__go .comps__table__smart__thead {
		display: none;
	}
	.smart__table__go .comps__table__tbody {
		display: flex;
		justify-content: flex-start;
		width: 100%;
		flex-wrap: wrap;
	}
	.smart__table__go .comps__table__smart__tr {
		background: white !important;
		box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.12);
	}
	.smart__table__go .comps__table__smart__tr td:before {
		content: attr(data-table);
		display: block;
		font-weight: 600;
		font-family: var(--mb-default-font);
		font-size: 12px;
	}
	.smart__table__go tr.comps__table__smart__tr {
		display: block;
		float: left;
		width: 250px;
		margin-bottom: 10px;
		margin-left: 18px;
		border-radius: var(--mb-default-radius);
		border: none;
		border: none !important;
	}
	.smart__table__go .comps__table__smart__tr td {
		display: block;
		float: left;
		width: 250px;
		clear: both;
		background: white;
		padding: 10px 5px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding-bottom: 5px !important;
		padding-top: 5px !important;
		border-bottom: solid 1px #e8e6e6;
	}
	.smart__table__go .comps__table__smart__tr td:hover {
		background: #f3f9f7;
	}
	.smart__table__go .comps__table__tbody tr:first-child {
		margin-left: 0px !important;
	}
	.smart__table__go .comps__table__smart__tr td:first-child {
		padding-bottom: 5px !important;
		border-top-left-radius: var(--mb-default-radius);
		border-top-right-radius: var(--mb-default-radius);
	}
	.smart__table__go .comps__table__smart__tr td:last-child {
		border-bottom-left-radius: var(--mb-default-radius);
		border-bottom-right-radius: var(--mb-default-radius);
		border-bottom: none;
	}
	.comps__table__smart__status{
		padding: 2px 20px;
		border-radius: 150px;

	}*/
}
@media only screen and (min-width: 1367px) and (max-width: 1600px) {
  .column__sidebar {
    width: 20%;
    box-sizing: border-box;
  }
  .column__content {
    width: 60%;
    box-sizing: border-box;
  }
  .column__marketing {
    width: 20%;
    box-sizing: border-box;
  }
  .column__padding__small {
    padding: 8px;
    box-sizing: border-box;
  }
  /*menu*/
  .navigation-menu {
    display: block;
    padding: 8px;
    box-sizing: border-box;
  }
  .header__profile__group {
    display: flex;
    align-items: stretch;
    flex-direction: column;
  }
  .profile__professional__area {
    padding-right: 10px;
    box-sizing: border-box;
  }
  .ProfileTimesPoints {
    margin-top: 0px;
  }
  .business__profile {
    display: none;
  }
  .profile__professional__area {
    display: none;
  }
  .column__sidebar {
    overflow-y: auto;
    max-height: 100vh;
    padding-bottom: 10px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.205);
  }
  .column__content {
    overflow-y: auto;
    max-height: 100vh;
    padding-bottom: 80px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.103);
  }
  .column__marketing {
    overflow-y: auto;
    max-height: 100vh;
    padding-bottom: 80px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.11);
  }
  /*dashletas*/
  .card__dash__icon {
    margin-top: -10px;
    margin-right: 25px;
  }
  .card__dash__wrap {
    width: 20%;
  }
  .aplication-bar {
    display: flex !important;
  }
  /*card de seleção de serviço*/
  /*toogle de notificação*/
  .notification__toogle {
    position: fixed;
    top: 0px;
    bottom: inherit;
    display: none;
  }
  /*[28-01 Overflow]*/
  body {
    overflow: hidden;
  }
  /*login*/
  .app__splashscreen__login {
    margin-top: 20px;
    width: 20%;
  }
  /* painel de ações*/
  .app__dashicons__wrap {
    width: 16.66%;
    box-sizing: border-box;
  }
  /* -------------------------------------------------------- smart table
	.smart__table__go {
		display: flex;
		justify-content: center;
		width: 100%;
	}
	.smart__table__go .comps__table__smart__thead {
		display: none;
	}
	.smart__table__go .comps__table__tbody {
		display: flex;
		justify-content: flex-start;
		width: 100%;
		flex-wrap: wrap;
	}
	.smart__table__go .comps__table__smart__tr {
		background: white !important;
		box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.12);
	}
	.smart__table__go .comps__table__smart__tr td:before {
		content: attr(data-table);
		display: block;
		font-weight: 600;
		font-family: var(--mb-default-font);
		font-size: 12px;
	}
	.smart__table__go tr.comps__table__smart__tr {
		display: block;
		float: left;
		width: 250px;
		margin-bottom: 10px;
		margin-left: 18px;
		border-radius: var(--mb-default-radius);
		border: none;
		border: none !important;
	}
	.smart__table__go .comps__table__smart__tr td {
		display: block;
		float: left;
		width: 250px;
		clear: both;
		background: white;
		padding: 10px 5px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding-bottom: 5px !important;
		padding-top: 5px !important;
		border-bottom: solid 1px #e8e6e6;
	}
	.smart__table__go .comps__table__smart__tr td:hover {
		background: #f3f9f7;
	}
	.smart__table__go .comps__table__tbody tr:first-child {
		margin-left: 0px !important;
	}
	.smart__table__go .comps__table__smart__tr td:first-child {
		padding-bottom: 5px !important;
		border-top-left-radius: var(--mb-default-radius);
		border-top-right-radius: var(--mb-default-radius);
	}
	.smart__table__go .comps__table__smart__tr td:last-child {
		border-bottom-left-radius: var(--mb-default-radius);
		border-bottom-right-radius: var(--mb-default-radius);
		border-bottom: none;
	}
	.comps__table__smart__status{
		padding: 2px 20px;
		border-radius: 150px;

	}*/
}
@media only screen and (min-width: 1601px) and (max-width: 1920px) {
  .aplication-bar {
    display: flex !important;
  }
  .column__sidebar {
    width: 15%;
    box-sizing: border-box;
  }
  .column__content {
    width: 60%;
    box-sizing: border-box;
  }
  .column__marketing {
    width: 25%;
    box-sizing: border-box;
  }
  .column__sidebar {
    overflow-y: auto;
    max-height: 100vh;
    padding-bottom: 0px;
  }
  .column__content {
    overflow-y: auto;
    max-height: 100vh;
    padding-bottom: 80px;
  }
  .column__marketing {
    max-height: 100vh;
  }
  .memberclub-useracount-dash {
    overflow: hidden;
  }
  .card__dash__icon {
    margin-right: -55px;
    margin-top: -10px;
  }
  .app__splashscreen__login {
    margin-top: 20px;
    width: 20%;
  }
  /* painel de ações*/
  .app__dashicons__wrap {
    width: 16.66%;
    box-sizing: border-box;
  }
  .profile__professional__area {
    display: none;
  }
  /* ========================================================= scroll=============*/
  /*
    *  STYLE 4
    */
  .column__content::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(252, 252, 252, 0.3);
    background-color: #F5F5F5;
  }
  .column__content::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
  }
  .column__content::-webkit-scrollbar-thumb {
    background-color: #aaaaaa56;
    border: 2px solid #ffffff;
  }
  /*Marketing */
  .column__marketing::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(252, 252, 252, 0.3);
    background-color: #F5F5F5;
  }
  .column__marketing::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
  }
  .column__marketing::-webkit-scrollbar-thumb {
    background-color: #aaaaaa56;
    border: 2px solid #ffffff;
  }
  /*sidebar */
  .column__sidebar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(252, 252, 252, 0.3);
    background-color: #F5F5F5;
  }
  .column__sidebar::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
  }
  .column__sidebar::-webkit-scrollbar-thumb {
    background-color: #aaaaaa56;
    border: 2px solid #ffffff;
  }
  /* ============================================================ scroll ===============*/
  /*[28-01 Overflow]*/
  body {
    overflow: auto;
  }
  .business__profile {
    display: flex;
    margin-top: 8px;
  }
  /*dashletas*/
  .card__dash__icon {
    margin-top: -10px;
    margin-right: 25px;
  }
  .card__dash__wrap {
    width: 16.66%;
  }
  /* painel de ações*/
  .app__dashicons__wrap {
    width: 20%;
    box-sizing: border-box;
  }
  /* -------------------------------------------------------- smart table
	.smart__table__go {
		display: flex;
		justify-content: center;
		width: 100%;
	}
	.smart__table__go .comps__table__smart__thead {
		display: none;
	}
	.smart__table__go .comps__table__tbody {
		display: flex;
		justify-content: flex-start;
		width: 100%;
		flex-wrap: wrap;
	}
	.smart__table__go .comps__table__smart__tr {
		background: white !important;
		box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.12);
	}
	.smart__table__go .comps__table__smart__tr td:before {
		content: attr(data-table);
		display: block;
		font-weight: 600;
		font-family: var(--mb-default-font);
		font-size: 12px;
	}
	.smart__table__go tr.comps__table__smart__tr {
		display: block;
		float: left;
		width: 250px;
		margin-bottom: 10px;
		margin-left: 18px;
		border-radius: var(--mb-default-radius);
		border: none;
		border: none !important;
	}
	.smart__table__go .comps__table__smart__tr td {
		display: block;
		float: left;
		width: 250px;
		clear: both;
		background: white;
		padding: 10px 5px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding-bottom: 5px !important;
		padding-top: 5px !important;
		border-bottom: solid 1px #e8e6e6;
	}
	.smart__table__go .comps__table__smart__tr td:hover {
		background: #f3f9f7;
	}
	.smart__table__go .comps__table__tbody tr:first-child {
		margin-left: 0px !important;
	}
	.smart__table__go .comps__table__smart__tr td:first-child {
		padding-bottom: 5px !important;
		border-top-left-radius: var(--mb-default-radius);
		border-top-right-radius: var(--mb-default-radius);
	}
	.smart__table__go .comps__table__smart__tr td:last-child {
		border-bottom-left-radius: var(--mb-default-radius);
		border-bottom-right-radius: var(--mb-default-radius);
		border-bottom: none;
	}*/
}
@media (min-width: 1440px) {
  .hide__item__desktop {
    display: none;
  }
  /* -------------------------------------------------------- smart table
	.smart__table__go {
		display: flex;
		justify-content: center;
		width: 100%;
	}
	.smart__table__go .comps__table__smart__thead {
		display: none;
	}
	.smart__table__go .comps__table__tbody {
		display: flex;
		justify-content: flex-start;
		width: 100%;
		flex-wrap: wrap;
	}
	.smart__table__go .comps__table__smart__tr {
		background: white !important;
		box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.12);
	}
	.smart__table__go .comps__table__smart__tr td:before {
		content: attr(data-table);
		display: block;
		font-weight: 600;
		font-family: var(--mb-default-font);
		font-size: 12px;
	}
	.smart__table__go tr.comps__table__smart__tr {
		display: block;
		float: left;
		width: 250px;
		margin-bottom: 10px;
		margin-left: 18px;
		border-radius: var(--mb-default-radius);
		border: none;
		border: none !important;
	}
	.smart__table__go .comps__table__smart__tr td {
		display: block;
		float: left;
		width: 250px;
		clear: both;
		background: white;
		padding: 10px 5px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding-bottom: 5px !important;
		padding-top: 5px !important;
		border-bottom: solid 1px #e8e6e6;
	}
	.smart__table__go .comps__table__smart__tr td:hover {
		background: #f3f9f7;
	}
	.smart__table__go .comps__table__tbody tr:first-child {
		margin-left: 0px !important;
	}
	.smart__table__go .comps__table__smart__tr td:first-child {
		padding-bottom: 5px !important;
		border-top-left-radius: var(--mb-default-radius);
		border-top-right-radius: var(--mb-default-radius);
	}
	.smart__table__go .comps__table__smart__tr td:last-child {
		border-bottom-left-radius: var(--mb-default-radius);
		border-bottom-right-radius: var(--mb-default-radius);
		border-bottom: none;
	}
	.comps__table__smart__status{
		padding: 2px 20px;
		border-radius: 150px;
		text-align: center;

	}*/
}
/* ============================================================ Login do Sistema ===============*/
.login-card {
  padding: 20px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.123);
  background-color: rgba(27, 27, 27, 0.938);
  border-radius: 4px;
  width: 300px;
}
.login-resources {
  width: 100%;
  text-align: center;
  margin-top: 30px;
  font-size: 12px;
}
.login-button-sistema {
  width: 100%;
  margin-top: 30px;
  display: flex;
  flex-direction: column;
}
.app__login__input:focus {
  background-color: #313131 !important;
  color: white !important;
}
.app__login__input {
  background-color: #313131 !important;
  color: white !important;
}
.login-fields input:-webkit-autofill,
.login-fields input:-webkit-autofill:hover,
.login-fields input:-webkit-autofill:focus,
.login-fields input:-webkit-autofill:active {
  background-color: #313131 !important;
  color: white !important;
}
.pass__modal__title {
  font-size: 16px;
  font-family: var(--mb-default-font);
  margin: 0px;
}
.pass__modal__recovery__body {
  background-position: center;
  background-size: cover;
}