.memberclub-useracount-dash {
  width: 100%;
}
/*modo focus*/
.wrap-menu-hide {
  position: absolute;
  left: -800px;
  }
  
  .app-sidebar-hide{
      position: absolute;
      display: none !important;
      right: -1500px; 
  }
  .wrap-primary-full{
      min-width: 100%;
      width: 100%;
  }
@media(min-width:1365px) {
  .mbUserMenu {
      min-height: 100vh;
      overflow-y: auto;
  }
  .MbUserPrymaryContent {
      height: 100vh;
      overflow-y: auto;
  }
  .MbUserSecudaryContent {
      height: 100vh;
  }
}
.z-index-control:hover{
  z-index: 1010;
}

.default-radius {
 
}
.aplication-bar {
  height: 60px;
  width: 100%;
  margin-bottom: 20px;
  align-items: center;
  padding: 0 10px;
  box-sizing: border-box;
  display: none;

}
.menu-off {
  font-size: 32px;
  border: none;
  background-color: transparent;
  outline: none;
  transition: 0.6s;


}
.menu-off:focus {
  font-size: 38px;
}
.all-fullmodal{
  height: 100vh;
}
/*mobile menu*/
.MobileMenu {
  min-width: 100%;
  min-height: 100vh;
  padding: 0;
}
.MobileMenu-wrap {
  padding: 0 !important;
}
.bar-menu-mobile {
  display: flex;
  justify-content: space-between;
}
.mobilemenu-space {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;

}
.mobilemenu-space-list {
  display: flex;
  padding: 8px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  min-width: 33.33%;
  max-width: 33.33%;
  text-align: center;
  margin-bottom: 30px;
}
.mobilemenu-space-item {
  width: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.mobilemenu-item-icon {
  border-radius: 250px;
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 32px;
}
.mobilemenu-item-name {
  font-family: var(--mb-default-font);
  font-size: 14px;
  font-weight: 600;
}
@media(min-width:1500px){
  .mb-product-list{
    width: 20%;
    padding: 8px;
    box-sizing: border-box;
  }
  .mb-product-list-minus{
    width: 16.66%;
  }

}
/*cards de serviõs e atendimentos*/
.openCommandsCard-OpenNow{
  width: 100%;
  height: 32px;
  font-family: var(--mb-default-font);
  border-radius: var(--mb-default-radius);
  font-weight: 700;
  background-color: transparent;
  outline: none;
  cursor:pointer;

}

.select-card-booking:hover{
  box-shadow: 0px 6px 12px rgba(0, 92, 64, 0.226);
  cursor: pointer;
}
.select-card-booking:focus{
  box-shadow: 0px 6px 12px rgba(0, 92, 64, 0.226);
  cursor: pointer;
}
.card-services-title {
  font-size: 14px;
}
.card-services-titleBooking{
  margin-bottom: 10px; 
  font-size: 16px;
  font-family: var(--mb-default-font);
  font-weight: 400;
}
.card-services-body {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.card-services-body {

}
.card-service-height-1{
  min-height: 150px;
  max-height: 150px;
  overflow-y: auto;
}
.mb-card-inner-name {
  font-family: var(--mb-default-font);
  font-size: 13px;
}
.mb-card-inner-name--pack{
  font-family: var(--mb-default-font);
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding-left: 5px;
  padding-right: 5px;
}
.mb-card-inner-name--pack-label{
  font-family: var(--mb-default-font);
  font-size: 16px;
}
.mb-card-inner-name--pack-value{
  font-family: var(--mb-default-font);
  font-size: 16px;
  font-weight: 300;
}
.mb-card-inner-quant {
  background-color: rgb(209, 209, 209);
  height: 20px;
  width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  box-sizing: border-box;
  margin-right: 5px;
  font-family: var(--mb-default-font);
}
.mb-card-inner-courrency {

  height: 30px;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  box-sizing: border-box;
  margin-right: 5px;
  font-family: var(--mb-default-font);
}
.mb-card-inner-courrency i{
  font-size: 22px;
}
.card-inner-product-price{
  font-size: 15px !important;
  width: 100px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  box-sizing: border-box;
  margin-right: 5px;
  font-family: var(--mb-default-font);

}
.mb-card-inner-total {
  font-family: var(--mb-default-font);
  font-size: 14px;
  font-weight: 600;
}
.mb-card-inner-markLine{
  padding: 5px 7px;
  font-size: 14px;
  margin-right: 5px;
  font-family: var(--mb-default-font);
  font-weight: 600;
}
.mb-card-servicesFooter {
  padding-top: 3px !important;
  padding-bottom: 3px !important;


}
.mb-card-PrimaryAction {
  font-family: var(--mb-default-font);
  font-weight: 700 !important;
  margin: 0;
  font-size: 16px;
  text-decoration: none !important;
}
.mb-card-SecudaryAction {
  font-family: var(--mb-default-font);
  font-weight: 400 !important;
  margin: 0;
  font-size: 15px;
  text-decoration: none !important;
}
.count-card-booking{
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-family: var(--mb-default-font);
  font-weight: 700 ;
  border-radius: 150px;
  margin-right: 5px;
  cursor: pointer;

}
.count-card-attendanceReturn{
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-family: var(--mb-default-font);
  font-weight: 700 ;
  border-radius: 150px;
  margin-right: 5px;
  cursor: pointer;
}
.count-card-attendance{
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-family: var(--mb-default-font);
  font-weight: 700 ;
  border-radius: 150px;
  cursor: pointer;
}
.Card-service-oldPrince{
  text-decoration: line-through;
  font-size: 14px;
  font-family: var(--mb-default-font);
}
.Card-service-price{
  font-size: 16px;
  font-family: var(--mb-default-font);
  font-weight: 700 ;
}
.extra-details-acorden-card{
  font-size: 16px !important;
  font-family: var(--mb-default-font);

}

.app-card-inner-totails{
  border-top: 1px solid var(--mb-gray-light);
  padding-top: 5px;
  font-size: 16px !important;
  font-family: var(--mb-default-font) !important;
}
.app-card-inner-totails .mb-card-inner-courrency{
  background-color: rgb(1, 29, 29) !important;
  color: white;
}
.app-card-indicator{
  border-top: 1px solid var(--mb-gray-light);
  padding: 5px;
  box-sizing: border-box;
  font-size: 16px !important;
  font-family: var(--mb-default-font) !important;
}
.app-card-indicator{
  font-size: 16px !important;
  font-family: var(--mb-default-font) ;
}
.app-card-indicator-value{
  font-size: 16px !important;
  font-family: var(--mb-default-font) ;
  font-weight: 700;
}
.nav-card-data-list .uk-nav-header{
  margin-top: 5px !important;
}
.filter-fast-buttons p{
  margin-bottom: 0px !important;
}
.actions-control-card-buttons button{
  border: none;
  font-size: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  cursor: pointer;
}
.app-card-line-op .uk-tab{
  margin-bottom: 5px;
}


.card-imageModeCover{
  height: 150px;
  width: 100%;
  background-position: center;
  background-size: cover;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  
}
.app-card-imagePreview{
  width: 50px;
  height: 50px;
  background-size: cover;
  background-position: center;
  margin-right: 5px;
  position: relative !important;

}
.default-accordion-control .uk-accordion-title{
  font-size: 16px;
  font-family: var(--mb-default-font);
  font-weight: 400;
}
.card-padding-5{
  padding:5px !important;
}
.header-info-tasks{
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid rgb(182, 182, 182);
}
.app-flag-task{
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 150px;
}
@media(max-width:992px){
  .app-card-imagePreview{
    width: 30px;
    height: 30px;
    background-size: cover;
    background-position: center;
  
  }
}
/*Actions Acordeon*/
.actions-acordeon{
  width: 100%;
  display: flex;
  justify-content: space-between;
}
/*widgets reports*/
.widtget-data{
  width: 100%;
  text-align: center;
  font-family: var(--mb-default-font);
  font-weight: 700 ;
  font-size: 22px;
}
.widtget-data span{
  font-size: 16px;
  margin-right: 5px;
}
.widgets-resume{
  box-shadow: 0 5px 15px #f9e3d2 !important;
}
.widgets-resume .uk-card-title{
  font-family: var(--mb-default-font);
  font-weight: 600 ;
  font-size: 16px;


}
.widgets-resume p{
  font-family: var(--mb-default-font);
  font-weight: 700 !important;
  font-size: 18px;
}
/* card imagem default */
.information-card-image h3 {
  font-family: var(--mb-default-font);
  font-weight: 400 !important;
  font-size: 16px;
  margin: 0;
}
.card-image-content {
  margin-top: 10px;
}
.card-image-content h2 {
  font-family: var(--mb-default-font);
  font-weight: 400 !important;
  font-size: 16px;
  margin: 0;
}
.card-image-total {
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: var(--mb-default-font);
  font-weight: 400 !important;
}
.uk-card-media-top img {
  border-top-left-radius: var(--mb-default-radius);
  border-top-right-radius: var(--mb-default-radius);
}
.icon-action-card {
  margin-left: 10px;
  font-size: 22px;
}
.myclubactionsCard-secondary {
  font-size: 12px !important;
}
.myclubactionsCard-primary {
  font-size: 12px !important;
}
.count-services{
  font-family: var(--mb-default-font);
  font-weight: 400 !important;
  font-size: 14px;
}
/*label cards */
.mb-label {
  display: inline-block;
  padding: 0 10px;
  line-height: 1.5;
  font-size: 0.875rem;
  color: #fff;
  vertical-align: middle;
  white-space: nowrap;
  border-radius: 2px;
  text-transform: uppercase;
  margin-top: -30px;
  margin-right: -30px;
  border-top-right-radius: var(--mb-default-radius);
}
.mb-label-left {
  left: 0 !important;
  width: 60px;
  border-top-right-radius: 0 !important;
  border-top-left-radius: var(--mb-default-radius) !important;
}
.card-image-type {
  font-family: var(--mb-default-font);
  font-weight: 700 !important;
  font-size: 14px;
  margin: 0;
}

/*default buttons*/
.app-default-button{
  border-radius: 80px !important;
  height: 32px;
  display: flex;
  align-items: center;
  min-width: 120px;
  text-align: center;
  justify-content: center;
  border: none;
  text-transform: uppercase;
  outline: none;
  cursor: pointer;
  
}
/*resumos rápidos*/
.app-speed-resume{
  width: 100%;
  padding: 8px ;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
}
.app-speed-resume h3{
  font-family: var(--mb-default-font);
  font-weight: 700 !important;
  font-size: 16px;
  margin: 0;

}
.app-speed-resume h4{
  font-family: var(--mb-default-font);
  font-weight: 400 !important;
  font-size: 16px;
  margin: 0;

}
@media(max-width:680px){
  .app-default-button{
    border-radius: 80px !important;
    margin-bottom: 5px;
    margin-top: 5px;
    
  }
}
/*------------------------------------------------ Components Modais*/
.mb-modal-defaul {
  min-width: 100%;
  padding: 0px !important;
}
.mb-modal-defaul .uk-modal-body{
  min-height: 69.5vh !important;
}
.mb-modal-title {
  font-family: var(--mb-default-font);
  font-weight: 400 !important;
  font-size: 16px;
  margin: 0px !important;
}
.mb-modal-header {
  border-top-left-radius: var(--mb-default-radius);
  border-top-right-radius: var(--mb-default-radius);
}
.mb-modal-defaul {
  border-radius: var(--mb-default-radius);
}
.mb-moda-footer {
  border-bottom-left-radius: var(--mb-default-radius);
  border-bottom-right-radius: var(--mb-default-radius);
}
.account-configuration {
  background-color: transparent;
  border: none;
  font-size: 32px;
  transition: 0.6s;
}
.account-configuration:focus {
  background-color: transparent;
  border: none;
  font-size: 36px;
}
.close-modal-menu {
  background-color: transparent;
  border-radius: 50px;
  border: none;
  padding: 5px 20px;
  box-sizing: border-box;

}
.card-client-details .uk-accordion-title{
  font-size: 16px;
  font-family: var(--mb-default-font);
  font-weight: 400;
}
.card-inner-icon{
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.card-inner-text{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* number of lines to show */
  -webkit-box-orient: vertical;
}
.card-inner-widget .uk-card-title{
  font-size: 16px;
  font-family: var(--mb-default-font);
  font-weight: 400;
}
.card-inner-scheduleList-viewAll{
  width: 100%;
  padding:8px 20px;
  width: 100%;
  text-align: center;
  border: none;
  margin-top: 10px;
  outline: none;
  font-family: var(--mb-default-font);
  cursor: pointer;
  font-weight: 600;
  background-color: transparent;
}

/*---------------------------------------- card do profissional*/
.professionalimage img{
margin-top: -50px;
width: 80px;
}
.professionalimage--circle{
  width: 80px;
  height: 80px;
  background-position: center;
  background-size: cover;
  border-radius: 150px;
}

.professionalimage{
  width: 100%;
  display: flex;
  justify-content: center;
}
.app-professional-name{
  font-family: var(--mb-default-font);
  font-size: 14px;
  font-weight: 600;
  margin-top: 10px;
  width: 100%;
  text-align: center;
  margin: 0px;
  margin-top: 20px;
}
.app-card-professional-ExtraInfo-title{
  font-size: 16px !important;

  margin: 0px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  margin-top: 10px;
}
.app-card-professional-select{
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-top: 8px;
  box-sizing: border-box;
  outline: none;
  cursor: pointer;
}
.Actions-cardProfessional{
  margin-top: 10PX;
}
/*level do profissional*/
.pills-professionalLvl{
  width: 100%;
  display: flex;
  flex-wrap: wrap;

}
.the-pills-professionalLvl{
  width: 20px;
  height: 10px;
  border-radius: 50px;

}
.the-pills-professionalLvl{
  margin-right: 5px;
  margin-bottom: 5px;
}
.the-pills-professionalLvl[data-level="0"]{
  background-color: rgb(245, 245, 245);
}
.the-pills-professionalLvl[data-level="1"]{
  background-color: blue;
}
.the-pills-professionalLvl[data-level="2"]{
  background-color: rgb(104, 104, 104);
}
.the-pills-professionalLvl[data-level="3"]{
  background-color: rgb(243, 174, 45);
}
.the-pills-professionalLvl[data-level="4"]{
  background-color: rgb(0, 0, 0);
}

/* ---------------------------------------------------------- Filtros Members*/
.mb-button-search {
  background-color: transparent;
  border: none;
  font-size: 22px;
  outline: none;
  cursor: pointer;
}
.mb-button-addClient{
  background-color: transparent;
  border: none;
  font-size: 22px;
  outline: none;
  cursor: pointer;
}
.mb-button-EditClient{
  background-color: transparent;
  border: none;
  font-size: 22px;
  outline: none;
  cursor: pointer;
}
.section-filter {
  padding-top: 8px;
  padding-bottom: 8px;
  box-sizing: border-box;
  margin-bottom: 8px;
  border-bottom: solid 1px rgb(199, 199, 199);
}
.app__filter__padding{
  padding: 10px ;
}
/*slide de avaliação de serviços*/
.Servivepontuation {

  height: 2em;
  margin-right: 5px;
  border: none;
  margin-left: 10px;
  cursor: pointer;
}
.Servivepontuation:checked {

  height: 2em;
  margin-right: 5px;
  border: none;
  margin-left: 15px;
  margin-right: 15px;
}
.Servivepontuation:before {
  background: rgb(206, 206, 206);
  color: rgb(168, 168, 168);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  width: 30px;
  height: 30px;
  padding: 0;
  margin-right: 0;
  text-align: center;
  border-radius: 80px !important;
  margin-top: -2px;
  margin-left: -2px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f005";
  position: absolute;
  transition: 0.6s;

}
.Servivepontuation:checked::before {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  width: 35px;
  height: 35px;
  padding: 0;
  margin-right: 0;
  text-align: center;
  border-radius: 80px !important;
  color: white;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f007";
}
.confirm-primary-button {
  border-radius: 200px !important;
}
.defaultModal-button {
  border-radius: 200px !important;
}
/*Titulo da section*/
.default-section-title {
  font-family: var(--mb-default-font);
  font-weight: 700;
  font-size: var(--mb-title-size-medium);
}
/*slide de avaliação não marcado*/
.Servivepontuation[value="1"]::before {
  content: "\f567";
  background: rgb(219, 219, 219);
  color: rgb(150, 150, 150);

}
.Servivepontuation[value="2"]::before {
  content: "\f5c8";
  background: rgb(219, 219, 219);
  color: rgb(150, 150, 150);

}
.Servivepontuation[value="3"]::before {
  content: "\f11a";
  background: rgb(219, 219, 219);
  color: rgb(150, 150, 150);

}
.Servivepontuation[value="4"]::before {
  content: "\f587";
  background: rgb(219, 219, 219);
  color: rgb(150, 150, 150);

}
.Servivepontuation[value="5"]::before {
  content: "\f584";
  background: rgb(219, 219, 219);
  color: rgb(150, 150, 150);

}
/* slide de avaliação marcado*/
.Servivepontuation[value="1"]:checked::before {
  content: "\f567";
  background: rgb(0, 0, 0);
  color: white;
  font-size: 32px;
}
.Servivepontuation[value="2"]:checked::before {
  content: "\f5c8";
  background: #ff0000;
  color: white;
  font-size: 32px;
}
.Servivepontuation[value="3"]:checked::before {
  content: "\f11a";
  background: #ff9900;
  color: white;
  font-size: 32px;
}
.Servivepontuation[value="4"]:checked::before {
  content: "\f587";
  background: rgb(43, 187, 50);
  color: white;
  font-size: 32px;
}
.Servivepontuation[value="5"]:checked::before {
  content: "\f584";
  background: #1404a7;
  color: white;
  font-size: 32px;
}

/*===========================================�rea do menu de navegação*/
/*<!--Informações do perfil do usuário-->*/
.bm-userPrifileClient {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

}
.userPrifileClient-img {
  width: 100px;
  height: 100px;
  background-size: cover;
  background-position: center;

}
.userPrifileClient-info {
  text-align: center;
  margin-top: 10px;
}
.userPrifileClient-info h2 {
  margin: 0;
  font-size: 20px;
  font-family: var(--mb-default-font);
  font-weight: 600;
}
.userPrifileClient-info h5 {
  margin: 0;
  font-size: 14px;
  color: var(--mb-gray-light);
}
.cardClientLevel-level {
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cardClientLevel-level h3 {
  margin: 0;
  font-size: 20px;
}
.cardClientLevel-level-label h3 {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  font-family: var(--mb-default-font);
}
.cardClientLevel-points h4 {
  font-size: 14px;
  margin: 0;
  font-family: var(--mb-default-font);
}
.cardClientLevel-points h2 {
  font-size: 22px;
  margin: 0;
  font-family: var(--mb-default-font);
  font-weight: 700;

}
.cardClientLevel-credit h4 {
  font-size: 14px;
  margin: 0;
  font-family: var(--mb-default-font);
}
.cardClientLevel-credit h2 {
  font-size: 22px;
  margin: 0;
  font-family: var(--mb-default-font);
  font-weight: 700;

}
/* <!--menu de navegação-->*/
.mbMenu-bookingNow {
  padding: 10px 0;
  border-radius: 80px;

}
.mbMenu-bookingNow a {
  font-size: 16px;
  display: flex !important;
  align-items: center;
  font-family: var(--mb-default-font);
}
.mbMenu-clientItem {
  margin-bottom: 10px;
}
.mbMenu-bookingNow a i {
  font-size: 22px;
  margin-right: 10px;
}
.mbMenu-clientItem i {
  font-size: 22px;
  margin-right: 10px;
}
.mbMenu-clientItem a {
  font-size: 16px;
  display: flex !important;
  align-items: center;
  font-family: var(--mb-default-font);
}
/*=========================================================================<!----------------�rea do conteúdo primário -->*/

/*Slide de noticias news*/
.newsTexstSlide-news-item {
  display: flex;
}
.newsTexstSlide-img {
  width: 100px;
  min-width: 100px;
  height: 50px;
  background-position: center;
  background-size: cover;
  margin-right: 20px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;

}
.newsTexstSlide-news-content {
  display: flex;
  align-items: center;
}
.newsTexstSlide-news-content p {
  font-family: var(--mb-default-font);
  margin: 0;
  font-weight: 600;
}
/*menu de atalhos da conta de usuário*/
.shortcodeMenu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;

}
.shortcodeMenu-list {
  padding: 8px;
  box-sizing: border-box;
  width: 160px;
}
.shortcodeMenu-item {
  width: 100%;
  display: block;
  padding: 10px;
  text-align: center;
  color: aliceblue;
  font-family: var(--mb-default-font);
  text-decoration: none !important;
}

/*======================================================== Avaliação de serviços */
.avaliationServicesArea .uk-card-title {
  font-family: var(--mb-default-font);
  font-weight: 700;
  font-size: var(--mb-title-size-medium);
}
.service-avaliation-img {
  width: 40px;
  height: 40px;
  background-position: center;
  background-size: cover;
}
/*lista de serviços no card da avaliação*/
.serviceAvaliation-inner {
  list-style: none;
  margin: 0;
  padding: 0;
}
.serviceAvaliation-inner-list {
  display: flex;
  margin-bottom: 5px;
  align-items: center;
}
.mb-card-inner-list{
  display: flex;
  margin-bottom: 5px;
  align-items: center;
  align-items: stretch;
}

/*modal de avaliação de serviços*/

.avaliationServiceDetails-img {
  height: 80px;
  width: 80px;
  background-position: center;
  background-size: cover;
  margin-right: 10px;
}
.avaliationServiceDetails {
  display: flex;
  margin-bottom: 20px;
}
.avaliationServiceDetails-info h2 {
  font-weight: 700;
  font-family: var(--mb-default-font);
  font-size: 18px;
  margin: 0;
  color: black;
}
.avaliationServiceDetails-info h3 {
  font-weight: 700;
  font-family: var(--mb-default-font);
  font-size: 16px;
  margin: 0;
  color: var(--mb-gray-light);
}

.feedback-header {
  display: flex;
  justify-content: space-between;
}
.feedbackServiceSetails-extra {
  padding: 8px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.feedbackServiceSetails-extra h2 {
  margin: 0 0 5px;
  font-family: var(--mb-default-font);
  font-size: 18px;
  padding-bottom: 5px;
}
.feedbackServiceSetails-extra h2 span {
  margin: 0 0 5px;
  font-family: var(--mb-default-font);
  font-size: 14px;
  padding-bottom: 5px;
}
.feedbackServiceSetails-extra h3 {
  margin: 0;
  font-family: var(--mb-default-font);
  font-size: 30px;
  line-height: 1;
}
.feedbackServiceSetails-extra h4 {
  margin: 0;
  font-family: var(--mb-default-font);
  font-size: 14px;
  font-weight: 700;
}

/*formulário de avaliação*/
.FeedbackForm {
  margin-top: 30px;
}
/*<!-- Resumo de cartões presentes e cupons -->*/
.resumeCupons {
  display: flex !important;
  flex-direction: column;
  justify-content: space-between;

  height: 200px;

}
.resumeCuponsGifts-header h1 {
  font-family: var(--mb-default-font);
  font-weight: 700;
  margin: 0;
  font-size: var(--mb-title-size-large);
}
.resumeCupons {
  background-size: 30% !important;
  background-position: 100% 100% !important;
  background-repeat: no-repeat !important;
}
.ActionButtons-resumes {
  font-family: var(--mb-default-font);
  font-weight: 700;
  margin: 0;
  font-size: 18px;
  text-decoration: none !important;
  display: block;
}
.resumeCuponsGifts-body {
  width: 50%;
  justify-content: space-between;
}
.resumeCuponsGifts-valueTotal h4 {
  font-family: var(--mb-default-font);
  font-weight: 700;
  margin: 0;
  font-size: 16px;
}
.resumeCuponsGifts-valueTotal h2 {
  font-family: var(--mb-default-font);
  font-weight: 700;
  margin: 0;
  font-size: 36px;
}
.resumeCuponsGifts-Quantity h4 {
  font-family: var(--mb-default-font);
  font-weight: 700;
  margin: 0;
  font-size: 16px;
}
.resumeCuponsGifts-Quantity h2 {
  font-family: var(--mb-default-font);
  font-weight: 700;
  margin: 0;
  font-size: 36px;
}

/*<!--área de destaque para o cliente serviços e produtos -->*/
.FeaturedForYout .uk-card-title {
  font-family: var(--mb-default-font);
  font-weight: 700;
  font-size: var(--mb-title-size-medium);
}
.card-reconmendation-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.reconmendation-img {
  margin-right: 10px;
  width: 60px;
  min-width: 60px;
  height: 60px;
}
.reconmendation-info h3 {
  font-family: var(--mb-default-font);
  font-weight: 500;
  margin: 0;
  font-size: 14px;
}
.reconmendation-info h4 {
  font-family: var(--mb-default-font);
  font-weight: 700;
  margin: 0;
  font-size: 15px;
}

.reconmendation-bookingNow {
  min-width: 100px;
  display: block;
  text-decoration: none !important;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  border-radius: 50px;
  font-size: 16px;
  font-family: var(--mb-default-font);
  font-weight: 700;
  margin-top: 10px;
}
.share-influencer {
  min-width: 100px;
  display: block;
  text-decoration: none !important;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  border-radius: 50px;
  font-size: 14px;
  font-family: var(--mb-default-font);
  font-weight: 700;
}

/* <!--área de recomendações que o profissional faz para o cliente serviços e produtos -->*/
.ProfessionalRecomendation .uk-card-title {
  font-family: var(--mb-default-font);
  font-weight: 700;
  font-size: var(--mb-title-size-medium);
}
/* área de destaque para o cliente serviços e produtos (Destaques para você)*/
.reconmendation-img {
  height: 90px;
  min-width: 90px;
  border-radius: 10px;
  background-position: center;
  background-size: cover;
}

/* modal informações adicionais do serviço realizado*/
.title-extra-serviceInformation {
  font-family: var(--mb-default-font);
  font-weight: 600;
  font-size: 16px;
  text-transform: uppercase;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: solid 1px var(--mb-gray-light);
}
.totalTable {
  text-transform: uppercase;
}
.serviceProfessionalRecomendation-modal {
  font-family: var(--mb-default-font);
  font-weight: 400;
  font-size: 16px;
}
.serviceOverviewinfo h4 {
  font-family: var(--mb-default-font);
  font-weight: 400;
  font-size: 16px;
  margin: 0;
}
.serviceOverviewinfo h2 {
  font-family: var(--mb-default-font);
  font-weight: 700;
  font-size: 18px;
  margin: 0;
}
.FeedbackForm-title {
  font-family: var(--mb-default-font);
  font-weight: 700;
  font-size: 18px;

}

/* slider de cupons*/
.cupon-slider-image {
  border-radius: var(--mb-default-radius);
}
/* Suas ultimas atividades - Produtos */
/*================================================================================================
Embaixador
====================================================================================================
*/
.app__ambassador__profile{
  padding: 5px ;
  box-sizing: border-box;
}
.app__ambassador__acordion{
  padding: 10px 20px;
  box-sizing: border-box;
  border-radius: var(--mb-default-radius);
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}
.app__ambassador__image{
  width: 80px;
  height: 80px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: var(--mb-default-radius);

  margin-right: 0px;
}
.app__ambassador__banner{
  padding: 10px 25px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  border-radius: var(--mb-default-radius);
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
  margin-bottom: 10px;
}
.app__ambassador__banner__title{
  margin: 0px;
  font-family: var(--mb-default-font);
  font-weight: 700;
  font-size: 16px;
}
.app__ambassador__accordion{
  margin-top: 0px !important;
}
.app__ambassador__objectives__label{
  margin: 0px;
  font-family: var(--mb-default-font);
  font-weight: 700;
  font-size: 14px;
  background-color: rgb(128, 109, 235);
  padding: 2px 2px;
  box-sizing: border-box;
  margin-bottom: 5px;
  color: white;
}

.app__ambassador__objectives__value{
  margin: 0px;
  font-family: var(--mb-default-font);
  font-weight: 600;
  font-size: 16px;
  padding: 2px 2px;
  box-sizing: border-box;

}
.app__ambassador__objectives__item{
  margin-bottom: 5px;
  margin-top: 5px;
}
.app__ambassador__objectives{
  padding: 5px ;
  box-sizing: border-box;
}
.app__ambassador__objectives__item{
  width: 49%;
}
/*==============================================================================<!--�rea do conteúdo secundário (sidebar) -->*/
/* área de marketing*/
.card-advertising {
  border-radius: 10px;
  background-position: center !important;
  background-size: cover !important;
}
/*Dashboard overview*/
.dashboardOverview {
  list-style: none;
  margin: 0;
  padding: 0;
  list-style: none;
}
.dashboardOverview-list {
  margin-bottom: 10px;
}
.dashboardOverview-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 32px;
  padding: 8px;
  box-sizing: border-box;
  border-radius: var(--mb-default-radius);
  margin-right: 10px;

}
.dashboardOverview-info h4 {
  margin: 0;
  font-family: var(--mb-default-font);
  font-weight: 600;
  font-size: 16px;
}
.dashboardOverview-action {}
.dashboardOverview-action button {
  padding: 0;
  border: none;
  background-color: transparent;
  font-size: 22px;
  cursor: pointer;
  outline: none;
}

/* histórico do cliente*/
.title-email-box {
  font-family: var(--mb-default-font);
  font-weight: 600;
  font-size: 16px;
}
.mensage-resume-conent {
  display: flex;
  justify-content: space-between;
}
.mensage-subject-status {
  min-width: 100px;
  padding: 2px;
  box-sizing: border-box;
  text-align: center;
  border-radius: var(--mb-default-radius);
  font-family: var(--mb-default-font);
  font-weight: 700;
  font-size: 14px;

}
/*Mensagens*/
.bp-mensagens-areas {
  list-style: none;
  padding: 0;
  margin: 0;


}
.bp-mensagens-areas-wrap {
  padding: 5px;
  box-sizing: border-box;
  border: solid 1px rgb(189, 189, 189);
  max-height: 400px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow-y: auto;
  border-radius: var(--mb-default-radius);
}
.bp-mensagens-profile-imge {
  min-width: 40px;
  width: 40px;
  height: 40px;
  background-position: center;
  background-size: cover;
  margin-right: 5px;
  border-radius: 50px;


}
.bp-mensagens-areas-item {
  display: flex;
  padding: 0 0 10px;
  margin-bottom: 20px;


}
.boobleBusiness .bp-mensagens-profile-imge {}
.details-CurrentMenssage {
  margin-top: 5px;
}
.boobleBusiness .bp-mensagens-areas-item {
  border: solid 1px rgb(164, 183, 240);
  border-top-right-radius: 20px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 20px;
  padding: 5px;
  box-sizing: border-box;
  background-color: #f7faff;
}
.boobleBusiness .details-CurrentMenssage {
  width: 100%;
  display: flex;
}
.boobleBusiness .menssageCurrent-time {
  border-right: solid 1px rgb(172, 172, 172);
  padding-right: 5px;
  margin-right: 5px;
  font-size: 10px;

}
.boobleBusiness .menssageCurrent-sender {
  font-size: 10px;
}
/* informações da mensagem do cliente*/

.boobleCliente .details-CurrentMenssage {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.boobleCliente .menssageCurrent-time {
  border-left: solid 1px rgb(172, 172, 172);
  padding-left: 5px;
  margin-left: 5px;
  font-size: 10px;

}
.boobleCliente .menssageCurrent-sender {
  font-size: 10px;
}

.boobleCliente .bp-mensagens-profile-imge {}
.boobleCliente .bp-mensagens-profile-imge {
  margin-left: 5px;
  margin-right: 0;
}
.boobleCliente .bp-mensagens-areas-item {
  border: solid 1px rgb(179, 234, 236);
  border-top-right-radius: 0;
  border-top-left-radius: 20px;

  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 0;
  flex-direction: row-reverse;
  padding: 5px;
  box-sizing: border-box;
  background: #f7fffd;
}
.bp-mensagens-send {
  width: 162px;
  border-radius: 50px;
  padding: 4px 10px;
  margin-top: 10px;
  border: none;
  text-transform: uppercase;
  color: white;
  font-family: var(--mb-default-font);
  outline: none;
  cursor: pointer;
}
.bp-mensagens-writer {
  border-radius: 10px !important;
}
.openChat {
  text-decoration: none !important;
}
.mensage-subject {
  font-family: var(--mb-default-font);
  color: rgb(51, 51, 51);
  font-weight: 600;
  font-size: 16px;
}
.sale-value {
  font-family: var(--mb-default-font);
  font-weight: 600;
}
.discount-value {
  font-family: var(--mb-default-font);
  font-weight: 300;
  font-size: 14px;
  margin: 0;
  text-decoration: line-through;
}
.cupons-value-card {
  font-size: 18px;
  font-family: var(--mb-default-font);
  font-weight: 600;
}
.cupon-date-value {
  font-size: 14px;
  font-family: var(--mb-default-font);
  font-weight: 400;
}
.cupons-rules .uk-accordion-title {
  font-size: 14px;
  font-family: var(--mb-default-font);
  font-weight: 400;
}
.usedcupon {
  text-decoration: line-through;
}
.giftcard-value {
  width: 80px;
  height: 80px;
  border-radius: 180px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 22px;
  font-family: var(--mb-default-font);
  font-weight: 700;
  text-align: center;
  flex-direction: column;

}
.giftcard-value h2 {
  font-size: 22px;
  font-family: var(--mb-default-font);
  font-weight: 700;
  margin: 0;
}
.giftcard-value h5 {
  font-size: 14px;
  font-family: var(--mb-default-font);
  font-weight: 700;
  margin: 0;
  width: 100%;
}
.abbout-gift {
  font-size: 14px;
  margin: 0 0 10px;
}
.title-gift {
  margin: 0;
  font-size: 18px !important;
}
.body-gift {
  padding: 8px !important;
}
.image-gift {
  border-top-left-radius: var(--mb-default-radius);
  border-bottom-left-radius: var(--mb-default-radius);
}
.gif-card-qr {
  margin-left: -50px;
  z-index: 999;

}

/*=======================================================Splash Screen*/
.influencer-contentArea {
  min-height: 98vh;
}
.splash-screen {
  padding: 8px;
  box-sizing: border-box;
}
.action-raking-area {
  display: flex;
  justify-content: center;
  align-items: center;
}
.action-raking-button {
  padding: 10px 20px;
  font-family: var(--mb-default-font);
  font-weight: 700;
  background-color: transparent;
  outline: none;
  cursor: pointer;

}
.mbranking-title {
  font-size: 16px;
  margin-bottom: 5px;
  font-family: var(--mb-default-font);
  font-weight: 700;
}
.mbranking-UserName {
  font-size: 14px;
  margin-bottom: 5px;
  font-family: var(--mb-default-font);
  font-weight: 700;
}
.full-off {
  text-decoration: line-through;
}
.botton-bar-notInfluencer {
  height: 80px;
}
.botton-bar-notInfluencer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.botton-bar-notInfluencer-title {
  font-family: var(--mb-default-font);
  font-weight: 700;
  margin: 0;
  font-size: 18px;
}
.botton-bar-notInfluencer-button {
  padding: 10px 30px;
  border-radius: 50px;
  background-color: transparent;
  font-family: var(--mb-default-font);
  outline: none;
  font-size: 16px;
  cursor: pointer;
}
.hero-getInflurcer {
  width: 100%;
  display: flex;
  justify-content: center;
}
.getInfluencer-mkt-content h3 {
  font-family: var(--mb-default-font);
  font-weight: 700;
  margin: 40px 0 0;
}
.getInflurcerAction-button {
  border: none;
  outline: none;
  transition: 0.6s;
  cursor: pointer;
  width: 30%;
}
.getInflurcerAction-button:focus {
  border: none;
  outline: none;
  width: 100%;
}
.influencerNotWant {
  width: 100%;
  text-align: center !important;
}
.prifileGlobalRaking {
  width: 50px;
  height: 50px;
  background-position: center;
  background-size: cover;

}
.rakingglobal .uk-progress {
  margin-top: 10px;
}
.header-global-raking {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.header-global-raking h3 {
  font-family: var(--mb-default-font);
  font-weight: 700;
  margin: 0;
  font-size: 16px;

}
.list-globalRaking {
  list-style: none;
  padding: 0;

}
.list-globalRaking li {
  padding-bottom: 8px;
  margin-bottom: 8px;
  border-bottom: solid 1px rgb(219, 219, 219);
}
.profileRaking-img-wrap {
  justify-content: flex-end;
}
/* =----------================================================================ <!-- Members Club Inbox Lista de conversas do cliente -->*/
.mb-inboxChatRow {
  padding: 10px;
  margin-bottom: 5px;
  box-sizing: border-box;
  border-bottom: solid 1px rgb(218, 218, 218);
  text-decoration: none !important;
  border-radius: 0;
  transition: 0.6s;
  background-color: white;

}
.mb-inboxChatRow:hover {
  background-color: rgb(244, 245, 255);
  border-radius: var(--mb-default-radius);
}
.inboxChat-imgProfile {
  height: 50px;
  width: 50px;
  margin-right: 10px;
  background-size: cover;
  background-position: center;

}
.inboxChat-UserName {
  font-family: var(--mb-default-font);
  font-weight: 600;
  font-size: 16px;
  margin: 0;
}
.inboxChat-ChatLocalization {
  font-family: var(--mb-default-font);
  font-weight: 400;
  font-size: 14px;
  margin: 0;
}
.chat-notread {
  height: 20px;
  width: 20px;
  border: none;
  background-color: var(--mb-ame-primary);
}
.chat-aread {
  height: 20px;
  width: 20px;
  border: none;
  background-color: rgb(197, 197, 197);
}
.inboxChatRow-footer button {
  border-radius: var(--mb-default-radius);
  outline: none;
}
/*==========================================<!--Vitrine virtual -->*/
.mb-tag-list{
  overflow-x: auto;
  list-style: none;
  padding: 0px;
}
.mb-tag-reels button{
  margin-right: 5px;
  padding: 5px 10px;
  border: solid 1px rgb(153, 153, 153);
  border-radius: var(--mb-default-radius);
  cursor: pointer;
  background-color: transparent;
  transition: 0.9s;
  outline: none;
  font-family: var(--mb-default-font);
  font-weight: 600;
  min-width: 50px;
}
.mb-tag-reels button:focus{
  margin-right: 5px;
  padding: 5px 10px;
  border: solid 0px rgb(91, 89, 201);
  border-radius: var(--mb-default-radius);
  cursor: pointer;
  background-color: rgb(76, 90, 214);
  min-width: 150px;
  color: white;
}
.plyr--video{
  border-radius: var(--mb-default-radius) !important;
}
.mb-reels-mosaics{
  list-style: none;
  padding: 0px;
  display: flex;
  flex-wrap: wrap;
}
.video-mosaic{
  border: solid 0.25px white;
  border-radius: var(--mb-default-radius);
  display: flex;
  align-items: center;
  justify-content: center;
}
.video-mosaic i{
  position: absolute;
  font-size: 42px;
  color: white;
}
.mb-reels-overlay{
  position: absolute;
  background-color: rgba(0, 0, 0, 0.226);
  border-radius: var(--mb-default-radius);
  width: 30%;
  height: 110px;
}
.video-mosaic img{
  border-radius: var(--mb-default-radius) 
}
.modal-reels-coments{
  padding: 10px;
  box-sizing: border-box;
}
.custommodalPlayer{
  display: none;
}
.ShowCustommodalPlayer{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  min-height: 100vh;
  z-index: 1010;
  display: block !important;
}
.plyr__video-embed{
  padding-bottom: 0px;
}
.mbReelsVideoPlayer-modal .plyr--full-ui .plyr__video-embed>.plyr__video-embed__container {
padding-bottom: 223%;
position: relative;
transform: translateY(-10.28125%);
}
.reels-comments-list{
  list-style: none;
  padding: 0PX;
}
.modal-reels-coments .post-coment{
  padding-top: 5px;
  border-top: solid 1px rgb(110, 110, 110);
  margin-top: 20px;
}
.post-comment-reels{
  width: 100%;
  border-radius: var(--mb-default-radius);
  border: solid 1px var( --mb-ame-primary);
  margin-top: 20px;
  background-color: transparent;
  color: var( --mb-ame-primary);
  padding: 10px 10px;

}
.reels-comments-listAuthor{
  font-family: var(--mb-default-font);
  font-weight: 700;
  color: var(--mb-gray-dark);
}
.reels-comments-listContent{
  font-family: var(--mb-default-font);
  font-weight: 400;
  color: var(--mb-gray-dark);
  margin-top: 10px;
}
.reels-comments-list{
  border-left: solid 0px rgb(148, 148, 148);
  padding-left: 5px;
  padding-right: 5px;
}
.reels-comments-listAuthor{
  border-top:solid 1px rgb(148, 148, 148);
  padding-top: 10px;
  margin-top: 20px;
}
/* selecionar serviço no agendamento*/
.accordion--section-filters{
  padding: 10px 10px !important;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.226);
}
.accordion--section-filters--wrap{
  margin-top: 5px !important;
}
.buttons-filters{
  display: flex;
  overflow-x: auto; 
  list-style: none;
  padding: 0px;
  border-bottom: solid 1px rgb(211, 211, 211);
}
.buttons-filters--category{
  display: flex;
  overflow-x: auto; 
  list-style: none;
  padding: 0px;
  margin-top: 0px;
  border-bottom: solid 1px rgb(211, 211, 211);
  margin-bottom: 0px;
}
.buttons-filters--local{
  display: flex;
  overflow-x: auto; 
  list-style: none;
  padding: 0px;
  border-bottom: solid 1px rgb(211, 211, 211);
  margin: 0px !important;
  margin-top: 0px !important;
  margin-bottom: 0px;
}
.section-button-filters{
  padding-top: 5px;
  padding-bottom: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.filter-button-list{
  padding: 8px;
  box-sizing: border-box;
}
.filter-button-list button{
white-space: nowrap;
}
.filter-button--local{
  height: 80px;
  width: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  cursor: pointer;
  border-bottom: solid 1px;

}
.label-section-filters{
  padding-left: 10px;
}
/*============================================================Agendamento*/
/*barra de Navegação*/
.booking-footer-button{
  border-radius: 150px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 8px;
  padding-bottom: 8px;
  cursor: pointer;
  outline: none;
  text-transform: uppercase;

}
.Appbooking-actionBar{
  padding-top: 10px;
  margin-top: 10px;
  border-top: solid 1px var(--mb-gray-light);
}
.schedule__conten--control-app{
  overflow-x: scroll;
}
.syst__booking__showSide{
  position: fixed;
  bottom: 102px;
  width: 50px;
  height: 50px;
  border-radius: 150px;
  font-size: 25px;
  border: none;
  right: 9px;
  color: white;
  z-index: 102;
  display: flex;
  justify-content: center;
  align-items: baseline;
}
@media(max-width:992px){
  .schedule__focus__mode{
    display: none !important;
  }
  .schedule__conten--control-app{
    padding-left: 0px !important;
  }
}

/*================================================================================================
new-ticket
====================================================================================================
*/
/*============================================================Comandas*/
.card-staus-ticket{
  text-align: center;
  font-family: var(--mb-default-font);
  font-weight: 700;
}
.icon-tab-title i{
  font-size: 22px;
}
.card-staus-ticket[status*="iniciado"]{
  background-color: rgb(255, 239, 149);
}
.card-staus-ticket[status*="finalizado"]{
  background-color: rgb(149, 255, 211);
}
.card-staus-ticket[status*="cancelado"]{
  background-color: rgb(255, 149, 149);
}
.card-staus-ticket[status*="unificado"]{
  background-color: rgb(203, 129, 238);
}
.app-card-subInformation{
  margin-top: 5px;
  padding-top: 5px;
  border-top: solid 1px rgb(170, 170, 170);
  align-items: center;
}

.app-card-subInformation h3{
  font-size: 14px;
  margin: 0px;
}
.selected-employer-task{
  width: 80px;
  height: 80px;
  background-position: center;
  background-size: cover;
  border-radius: 150px;
}
.Removeselected-employer-task{
  background-color: rgb(236, 126, 126);
  font-size: 22px;
  border-radius: 150px;
  height: 30px;
  width: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  color: white;
  border: none;
}
.selected-employer-task{
  margin-right: 10px;  

}
@media(min-width:1581){
  .video-wrap{
      width:300px;
  }
}

.card__section__box__value--newTicket{
  font-size: 14px;
  font-family: var(--mb-default-font);
  font-weight: 600;
}
.card__section__box__title--newTicket{
  font-size: 16px;
  font-family: var(--mb-default-font);
  font-weight: 700;
}
/*================================================================================================
commission-report
====================================================================================================
*/
.card__section__box__value--typecomission{
  font-size: 14px;
  font-family: var(--mb-default-font);
  font-weight: 600;
}
.card__section__box__title--dashboard-comission{
  font-size: 16px;
  font-family: var(--mb-default-font);
  font-weight: 700;
  margin: 0px;
}
.app__card--dashboard-comission{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.comission__conciliation__action{
  display: flex;

}
.comission__conciliation__button{
  background-color: transparent;
  border: none;
  outline: none;
  font-size: 22px;
  border-radius: 150px;
}
.comission__conciliation__button:focus{
  background-color: var(--mb-color-pallet-5);
}

/*================================================================================================
Shoping pro 
====================================================================================================
*/
.card__section__box__value--shoppingpro{
  font-size: 14px;
  font-family: var(--mb-default-font);
  font-weight: 600;
}
  
/*================================================================================================
Custumer return card__section__box__value--listClients
====================================================================================================
*/
.card__section__box__value--custumerreturn{
  font-size: 14px;
  font-family: var(--mb-default-font);
  font-weight: 600;
}
/*================================================================================================
selected-customers-mkt.html 
====================================================================================================
*/
.card__section__box__value--listClients{
  font-size: 14px;
  font-family: var(--mb-default-font);
  font-weight: 600;
}



/*================================================================================================
select-campaign-items.html
====================================================================================================
*/
.user__profile__image--mktCampan{
  width: 55px;
  height: 55px;
  background-position: center;
  background-size: cover;
  border-radius: 150px;
}
/*================================================================================================
Financeiro
====================================================================================================
*/
.card__section__box__value--financial{
  font-size: 14px;
  font-family: var(--mb-default-font);
  font-weight: 700;
}

/*================================================================================================
Dashboard
====================================================================================================
*/
.ProfileTimesPoints{
  width: 100%;
  display: flex;
  justify-content: space-between;
  background-color: var(--a-pri-color);
  margin-top: 5px;
  border-radius: 4px;
}

.EmployerEvaluation{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 80px;
}
.EmployerEvaluation{
  
  padding: 2px;
  box-sizing: border-box;
  border-radius: 4px;

}
.EmployerEvaluation i{
  font-size:22px ;

}
.employer__score__title{
  margin: 0px;
  font: var(--default-font);
  font-size: 18px;

  font-weight: 700;
}
.EmployerEvaluation h2{
  margin: 0px;
  font: var(--default-font);
  font-size: 16px;
  color: rgb(165, 165, 165);
}
.EmplyerTimes{
 
  padding: 5px;
  box-sizing: border-box;
  border-radius: 4px;

  width: 40%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.EmplyerTimes h1{
  font-size: 16px;
  margin: 0px;
  color: rgb(165, 165, 165);
  font: var(--default-font);
}
.EmplyerTimes h2{
  margin: 0px;
  font-size: 16px;
  color: rgb(224, 224, 224);
}

.EmplyerTimes i{
  font-size: 22px;

}
#checkinEmployer{
  border: none;
  background-color: rgb(2, 0, 105);
  color: white;
  padding: 8px;
}
.EmployerCardGraduation{
  width: 30px;
  height: 150px;
  display: flex;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.notification__toogle__box--client{
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;

}
.notification__toogle__box--store{
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;

}
.profile__professional__image{
  width: 70px;
  height: 70px;
  margin-right: 10px;
  background-position: center;
  background-size: cover;
  border-radius: 150px;
}

.profile__professional__area{
  display: flex;
  width: 100%;
  align-items: center;
  width: 100%;
  justify-content: space-between;
}
.profile__professional__card{
  width: 80%;
}
.profile__professional__card{
  padding: 5px;
  box-sizing: border-box;
}

.card__dash__value--area{
  font: var(--default-font);
  font-size: 16px;
  color: var(--a-black-color-text-1);
  margin: 0px;
}
/*================================================================================================
Register user
====================================================================================================
*/

.app__tab_registers--newCustumer{
  display: flex;
  overflow-x: auto;
  max-width: 100%;
}
.accordion__title--Userregiter{
  font-size: 16px !important;
  font-family: var(--mb-default-font);
  font-weight: 500;
}
/*================================================================================================
Notificações
====================================================================================================
*/
.card__section__box__value--notification{
  font-size: 16px;
  font-family: var(--mb-default-font);
  font-weight: 300;
}
/*================================================================================================
marketing-services.html
====================================================================================================
*/
.card__section__box__value--mktService{
  font-size: 14px;
  font-family: var(--mb-default-font);
  font-weight: 700;
}
.card__link_area--marketingService{
  text-decoration: none;
  font-family: var(--mb-default-font);
  color: black;
  padding: 5px;
  box-sizing: border-box;
  display: block;
}
.card__link_area--marketingService:hover{
  text-decoration: none;
  color: black;
}
.card__section__box__label--marketingService{
  font-family: var(--mb-default-font);
  font-weight: 700;
  font-size: 14px;
}
.card__section__box__value--marketingService{
  font-size: 16px;
  font-family: var(--mb-default-font);
  font-weight: 700;
}
.card__section__box__label--marketingService{
  font-size: 14px;
  font-family: var(--mb-default-font);
  font-weight: 700;
}
/*================================================================================================
Header Screen
====================================================================================================
*/
.app__header__screen{
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.096);
  padding: 5px 10px;
  box-sizing: border-box;
}
.app__header__screen__thumbnail{
  width: 60px;
  height: 60px;
  border-radius: 150px;
  background-position: center;
  background-size: cover;
  margin-right: 10px;
}
.app__header__screen__title{
  font-size: 14px;
  font-family: var(--mb-default-font);
  font-weight: 700;
}
.app__header__screen__subtitle{
  font-size: 14px;
  font-family: var(--mb-default-font);
  font-weight: 700;
}
.app__header__screen__label{
  font-size: 14px;
  font-family: var(--mb-default-font);
  font-weight: 400;
}
.app__header__screen__value{
  font-size: 14px;
  font-family: var(--mb-default-font);
  font-weight: 700;
}
.app__header__screen__box{
  padding-left: 25px;
  padding-right: 25px;
  margin-left: 10px;
  border-radius: 4px;
  padding-top: 5px;
  padding-bottom: 5px;
}

/*================================================================================================
====================================================================================================
Apple Ipad
*/
@media(max-width:1580px) {

  .wrap-menu {
      width: 100% !important;
  }
  .mbUserMenu {
      height: auto;

  }
  .wrap-primary {
      width: 100% !important;
  }
  .profile-videoPlayer{
      display: none !important;
  }

  /*menu de navegação*/
  .mbUserMenu {
      height: auto;

  }
  .MbUserPrymaryContent {
      height: auto;
      overflow-y: none;
  }
  .MbUserSecudaryContent {
      height: auto;
  }
  .shortcodeMenu {
      flex-wrap: wrap;
      justify-content: center;
  }
  .shortcodeMenu-list {
      width: 50%;
      justify-content: center;
      display: flex;
  }
  .shortcodeMenu-item {
      width: 100%;
      max-width: 100px;
  }


  /* barra de menu*/
  .aplication-bar {
      height: 60px;
      width: 100%;
      margin-bottom: 20px;
      display: flex;
      align-items: center;
      padding: 0 10px;
      box-sizing: border-box;
  }
  /*video player reels*/
  .mbReelsVideoPlayer-modal{
      height: 100vh;
      padding: 0px !important;
  }

}
@media(max-width: 1366px) {

  /*core UIKIT */


  .memberclub-useracount-dash {
      width: 100%;
  }

  .MbUserPrymaryContent {
      height: auto;
      overflow-y: none;
  }


  .MbUserSecudaryContent {
      height: auto;
  }

  .aplication-bar {
      height: 60px;
      width: 100%;
      margin-bottom: 20px;
      display: flex;
      align-items: center;
      padding: 0 10px;
      box-sizing: border-box;
  }
  .menu-off {
      font-size: 32px;
      border: none;
      background-color: transparent;
      outline: none;
      transition: 0.6s;

  }
  .menu-off:focus {
      font-size: 38px;
  }
  .navigation-menu {
      
  }

  .mb-modal-defaul {
      min-width: 100%;
      padding: 0 !important;
  }

  /*menu de navegação*/
  .mbUserMenu {
      height: auto;

  }
  .MbUserPrymaryContent {
      height: auto;
      overflow-y: none;
  }
  .MbUserSecudaryContent {
      height: auto;
  }
  .shortcodeMenu {
      flex-wrap: wrap;
      justify-content: center;
  }
  .shortcodeMenu-list {
      width: 50%;
      justify-content: center;
      display: flex;
  }
  .shortcodeMenu-item {
      width: 100%;
      max-width: 100px;
  }


}

/*================================================================================================
====================================================================================================
Mobile
*/

@media(max-width:992px) {

  .aplication-bar {
      height: 60px;
      width: 100%;
      margin-bottom: 20px;
      display: flex;
      align-items: center;
      padding: 0 10px;
      box-sizing: border-box;
  }
  .menu-off {
      font-size: 32px;
      border: none;
      background-color: transparent;
      outline: none;
      transition: 0.6s;

  }
  .menu-off:focus {
      font-size: 38px;
  }

  .mbMenu-client {
      
  }
  .mb-modal-defaul {
      min-width: 100%;
      padding: 0 !important;
  }
  .botton-bar-notInfluencer {
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-direction: column;
  }
  .botton-bar-notInfluencer {
      min-height: 80px;
      height: 200px;
  }
  .getInflurcerAction {
      margin-top: 40px;
  }

  /* Menu de navegação*/
  .mbUserMenu {
      height: auto;
  }
  .MbUserPrymaryContent {
      height: auto;
      overflow-y: none;
  }
  .MbUserSecudaryContent {
      height: auto;
  }
  .shortcodeMenu {
      flex-wrap: wrap;
      justify-content: center;
  }
  .shortcodeMenu-list {
      width: 50%;
      justify-content: center;
      display: flex;
  }
  .shortcodeMenu-item {
      width: 100%;
      max-width: 100px;
  }
}
@media(max-width:480px) {

  .mbUserMenu {
      height: auto;
  }
  .MbUserPrymaryContent {
      height: auto;
      overflow-y: none;
  }
  .MbUserSecudaryContent {
      height: auto;
  }
  .shortcodeMenu {
      flex-wrap: wrap;
      justify-content: center;
  }
  .shortcodeMenu-list {
      width: 50%;
      justify-content: center;
      display: flex;
  }
  .shortcodeMenu-item {
      width: 100%;
      max-width: 100px;
  }
}

/* snippets */

@media only screen and (min-width:1450px) and (max-width:2900px){
  .column__sidebar{
    display: none !important;
  }
  .column__content{
    width: 75% !important;
    box-sizing: border-box;
  }
  .column__marketing{
    width: 25% !important;
    box-sizing: border-box;
  }
}
@media only screen and (min-width:1366px) and (max-width:1449px){
  .column__sidebar{
    display: none !important;
  }
  .column__content{
    width: 75% !important;
    box-sizing: border-box;
  }
  .column__marketing{
    width: 25% !important;
    box-sizing: border-box;
  }
}
@media only screen and (min-width:1024px) and (max-width:1361px){
  .column__sidebar{
    display: none !important;
  }
  .column__content{
    width: 75% !important;
    box-sizing: border-box;
  }
  .column__marketing{
    width: 25% !important;
    box-sizing: border-box;
  }
}
@media only screen and (min-width:300px) and (max-width:1023px){
  .business__profile{
    display: none !important;
  }
  .navigation-menu{
    
  }
  .ProfileTimesPoints {
    display: none;
  }

}