/* ============================================= Posições default para controle de falhas*/

@media (max-width:1366px) {
	.Mobile-appNavSistema303 {
		display: block;
		position: fixed;
		left: 60px;
		width: calc(100% - 60px);
	}
}


/* Low Smartphones ==================================== Resolutions */

@media only screen and (min-width: 300px) and (max-width: 480px) {
	.display__item--medium {
		display: block;
	}
	.hide__item--mobile {
		display: none;
	}
	.nav__bar--mobile {
		display: block;
	}
	/* ----------------------- -------------------------- header  do sistema  */
	/* menu mobile*/
	.Mobile-appNavSistema303 {
		display: block;
		left: 0px;
		width: 100%;
	}
	/* menu desktop*/
	.nav-desktop {
		display: none !important;
	}
	/* menu lateral*/
	.menucurto {
		display: none;
	}
	/*contra á area das abas*/
	#tabs {
		top: 47px;
		left: 0px;
		height: calc(100vh - 65px);
		overflow: auto;
		min-width: 100%;
		max-width: 100%;
	}
	/*menu do Sistema*/
	.headerAppContent {
		display: flex;
		justify-content: flex-start;
	}
	#menuBlock {
		max-height: 100vh;
	}
	.vertical-image-menu {
		max-height: 100vh;
	}
	.ShowMenuSmall {
		max-height: 100vh;
	}
	/* header do sistema*/
	.menuoperations i {
		font-size: 22px;
	}
	.titleIndexPage {
		max-width: 200px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		padding-left: 0 !important;
	}
	.group-bar-icon {
		display: none;
	}
	.HeaderAppRight {
		display: none;
	}
	.comps__tap__bar {
		display: flex;
		padding-left: 20px;
		padding-right: 20px;
	}
	.tap__bar__wrap__btn--booking {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	/*   schedule COntrole de de side bar*/
	.schedule__sideBar {
		position: fixed;
		left: -9150px;
	}
	.schedule__sidebar__content {
		overflow-y: auto;
		max-height: 94vh;
	}
	.schedule__focus__mode {
		display: none;
	}
	.schedule__content {
		padding: 0;
		box-sizing: border-box;
	}
	.schedule__sideBar__mobile {
		position: fixed;
		z-index: 97;
		width: 70%;
		max-width: 100vh;
		top: 0;
		left: -15px;
	}
	.schedule__sideBar__mobile--app {
		position: fixed;
		z-index: 97;
		width: 70% !important;
		max-width: 100vh;
		top: 72px;
		left: -15px;
	}
	/* ------------------- fab button*/
	.fab {
		position: fixed;
		bottom: 84px;
		right: 7px;
		z-index: 99;
	}
	.fab button.main {
		position: relative;
		width: 60px;
		height: 60px;
		border-radius: 30px;
		background-color: #010847;
		right: 0;
		bottom: 0;
		z-index: 20;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.fab button {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	/* ------------------------- tab bar*/
	.tap__bar__wrap__btn {
		font-size: 32px;
	}
	.tap__bar__wrap__btn--booking {}
	/* abas de navegação globais*/
	.globalnavegation-tabs {
		margin: 0;
		padding: 0.2em 0.2em 0;
		display: flex;
		flex-wrap: wrap;
	}
	.globalnavegation-tabs li {
		list-style: none;
		float: left;
		position: relative;
		top: 0;
		margin: 1px 0.2em 0 0;
		border-bottom-width: 0;
		padding: 0;
		white-space: nowrap;
		display: flex;
		justify-content: space-between;
	}
	.globalnavegation-tabs li {
		width: 49% !important;
	}
	.globalnavegation-tabs li .ui-tabs-anchor {
		width: 100% !important;
		overflow: hidden;
		text-overflow: unset;
		display: inline-block;
		-webkit-line-clamp: 52;
		-webkit-box-orient: vertical;
		box-sizing: border-box;
	}
	.ui-tabs .ui-tabs-nav li {
		width: 48% !important;
		overflow: hidden;
		text-overflow: unset;
		display: inline-block;
		-webkit-line-clamp: 52;
		-webkit-box-orient: vertical;
		box-sizing: border-box;
	}
	/* ----------------------- ---------------------------------------  schedule */
	/* Seleção de serviços agendamento*/
	.selecao-servicos-right {
		border-left: 0 solid #A3A3A3;
	}
	.card__service__list--openTicket .Select-Service-card {
		max-width: 128px;
		width: 128px;
	}
	/*destaques no agendamento*/
	.feautured__acordeon {
		width: 100%;
		padding: 5px;
	}
	.accordion__action--schedule {
		justify-content: space-between;
	}
	/*recomendados no agendamento*/
	.recommended__acordeon {
		width: 100%;
		padding: 5px;
		margin-top: 10px;
	}
	.filter__area--serach {
		padding: 8px !important;
	}
	.searchEmentSchedule {
		padding-left: 0;
		margin-top: 0;
	}
	.footerSerachHeaderclient {
		justify-content: space-between;
	}
	.schedule__time-date__change {
		width: 100%;
		margin-bottom: 10px;
	}
	/*COntrole de de side bar*/
	.form-div {
		width: 95%;
	}
	/* ---------------------------------------- fechamento da comanda */
	.viewCustumerServicePaymentLoading {
		padding-top: 12px;
	}
	.col__grid--payments--adictional {
		display: none !important;
	}
	/* ----------------------- -------------------------- AÇÕES DE SRC */
	/* controles de campos antigos*/
	.midleHeaderParam {
		width: 100%;
		padding-top: 10px;
		margin-top: 20px;
	}
	.midleHeaderParam .inpublockID {
		width: 20%;
		box-sizing: border-box;
	}
	.midleHeaderParam .inpublockname {
		width: 80%;
		box-sizing: border-box;
	}
	.crc__form__wrap {
		width: 100%;
	}
	.ButtoncardFilter2 {
		margin-bottom: 10px;
	}
	/* ----------------------- -------------------------- Camapnha de marketing Simples */
	.mkt__easy__congratulation {
		width: 95%;
	}
	.mkt__easy__congratulation__wrap {
		width: 100%;
	}
	.mkt__easy__congratulation__actions {
		width: 90%;
		margin-top: 30px !important;
	}
	.mkt__easy__congratulation__title {
		font-size: 22px;
	}
	/* ----------------------- --------------------------CMS de conteúdo */
	.cms__nav__desktop {
		display: none;
	}
	.cms__content {
		width: 95%;
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 40px;
	}
	.cms__footer__content {
		width: 95%;
		margin-left: auto;
		margin-right: auto;
		padding-top: 45px;
		padding-bottom: 45px;
	}
	.cms__nav {
		width: 95%;
	}
	.cms__Post {
		width: 95%;
	}
	.cms__post__sidebar {
		width: 95%;
	}
	.cms__slide__desktop {
		display: none;
	}
	.cms__slide__mobile {
		display: block;
	}
	/*post*/
	.cms__post__view {
		flex-direction: column;
	}
	/*menu splash*/
	.syst__mobile__dash__items {
		padding-left: 25px;
		padding-right: 25px;
	}
	.mobile__header__news {
		padding-left: 25px;
		padding-right: 25px;
		margin-top: 20px;
	}
	.syst__mobile__dash_shortcode {
		display: none;
	}
	.mobile__card__news {
		align-items: center;
	}
	.mobile__thumb__news__image {
		min-width: 80px;
		margin-left: 10px;
	}
	.syst__mobile__notification {
		bottom: 50px !important;
	}
	.syst__mobile__notification__list {
		min-width: 150px;
		max-width: 150px;
	}
	.syst__ofcanvas__control .uk-offcanvas-bar {
		max-width: 250 !important;
	}
	.syst__wrap-menu-size {
		width: 270px;
	}
	.syst__wrap-menu-size--internal {
		width: 250px !important;
	}
	/* ----------------------- -------------------------- Schedule */
	.booking__section__actions {
		margin-top: 10px !important;
	}
	.syst__booking__section {
		margin-top: 24px;
	}
	.comps__tabs .syst__tabs__wrap {
		width: 50%;
	}
	/* ----------------------- -------------------------- comps global */
	.comps__screen__content {
		padding: 10px;
		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;
	}
	.comps__smart__table__preview {
		font-size: 12px;
		font-family: var(--app-default-font-2);
		font-weight: 700;
	}
	.comps__smart__table__preview img {
		width: 50px;
		border-radius: 150px;
		margin-right: 10px;
	}
	.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;
		text-align: center;
		font-size: 12px;
		max-width: 150px;
	}
	/* ----------------------- ---------------------------------------  Component Card Liter */
	.comps__get__wrap--coll-2l {}
	.comps__get__wrap--coll-2l .comps__get__list {
		width: 100%;
	}
	/* ----------------------- ---------------------------------------  schedule Desktop */
	.schedulle-grid {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.schedulle__coll__step--1 {
		width: 100%;
		box-sizing: border-box;
	}
	.schedulle__coll__step--1-note {
		width: 100%;
		box-sizing: border-box;
	}
	.schedulle__coll__step--2 {
		width: 100%;
		box-sizing: border-box;
	}
	.schedulle__coll__step {
		width: 50%;
		box-sizing: border-box;
	}
	.schedulle__coll__services {
		width: 100%;
		box-sizing: border-box;
	}
	.schedulle__coll__services--selected {
		width: 50%;
		box-sizing: border-box;
	}
	/* ----------------------- ---------------------------------------  component inputs */
	.comps__search {
		display: flex;
		flex-wrap: wrap;
	}
	.comps__search input {
		margin-bottom: 10px;
	}
	/*
* ---- ------ ---- ----------------------------------------------------CustomerService
* 
*/
	.task-manager__product__preview {
		width: 80px;
		border-radius: 150px;
	}
	.CustomerService__task-manager__section {
		flex-wrap: wrap;
	}
	.CustomerService__task-manager__section>div {
		width: 100%;
	}

		/*
* ---- ------ ---- ----------------------------------------------------Pipe Marketing
* 
*/
	.pipe-marketing__subheader{
		overflow-x: auto;
	}
	.pipe__new__entry{
		min-width: 162px;
	}
	.pipe__content--edit-col-next{
		width: 100%;
		min-width: 100%;
	}
	.pipe__content--edit-col {
		padding: 8px;
		box-sizing: border-box;
		min-width: 100%;
		width: 100%;
	}
	.pipe-marketing__header{
		flex-direction: column;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.pipe__share--screen{
		margin-top: 10px;
		width: 100%;
	}
}

@media only screen and (min-width: 481px) and (max-width: 680px) {
	.display__item--medium {
		display: block;
	}
	.hide__item--mobile {
		display: none;
	}
	.nav__bar--mobile {
		display: block;
	}
	/* ----------------------- -------------------------- header  do sistema  */
	/* menu mobile*/
	.Mobile-appNavSistema303 {
		display: block;
		left: 0px;
		width: 100%;
	}
	/* menu desktop*/
	.nav-desktop {
		display: none !important;
	}
	/* menu lateral*/
	.menucurto {
		display: none;
	}
	/*contra á area das abas*/
	#tabs {
		top: 47px;
		left: 0px;
		height: calc(100vh - 65px);
		overflow: auto;
		min-width: 100%;
		max-width: 100%;
	}
	/*menu do Sistema*/
	.headerAppContent {
		display: flex;
		justify-content: flex-start;
	}
	#menuBlock {
		max-height: 100vh;
	}
	.vertical-image-menu {
		max-height: 100vh;
	}
	.ShowMenuSmall {
		max-height: 100vh;
	}
	/* header do sistema*/
	.menuoperations i {
		font-size: 22px;
	}
	.titleIndexPage {
		max-width: 200px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		padding-left: 0 !important;
	}
	.group-bar-icon {
		display: none;
	}
	.HeaderAppRight {
		display: none;
	}
	.comps__tap__bar {
		display: flex;
		padding-left: 20px;
		padding-right: 20px;
	}
	.tap__bar__wrap__btn--booking {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	/*   schedule COntrole de de side bar*/
	.schedule__sideBar {
		position: fixed;
		left: -9150px;
	}
	.schedule__sidebar__content {
		overflow-y: auto;
		max-height: 94vh;
	}
	.schedule__focus__mode {
		display: none;
	}
	.schedule__content {
		padding: 0;
		box-sizing: border-box;
	}
	.schedule__sideBar__mobile {
		position: fixed;
		z-index: 97;
		width: 70%;
		max-width: 100vh;
		top: 0;
		left: -15px;
	}
	.schedule__sideBar__mobile--app {
		position: fixed;
		z-index: 97;
		width: 70% !important;
		max-width: 100vh;
		top: 72px;
		left: -15px;
	}
	/* ------------------- fab button*/
	.fab {
		position: fixed;
		bottom: 84px;
		right: 7px;
		z-index: 99;
	}
	.fab button.main {
		position: relative;
		width: 60px;
		height: 60px;
		border-radius: 30px;
		background-color: #010847;
		right: 0;
		bottom: 0;
		z-index: 20;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.fab button {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	/* ------------------------- tab bar*/
	.tap__bar__wrap__btn {
		font-size: 32px;
	}
	.tap__bar__wrap__btn--booking {}
	/* abas de navegação globais*/
	.globalnavegation-tabs {
		margin: 0;
		padding: 0.2em 0.2em 0;
		display: flex;
		flex-wrap: wrap;
	}
	.globalnavegation-tabs li {
		list-style: none;
		float: left;
		position: relative;
		top: 0;
		margin: 1px 0.2em 0 0;
		border-bottom-width: 0;
		padding: 0;
		white-space: nowrap;
		display: flex;
		justify-content: space-between;
	}
	.globalnavegation-tabs li {
		width: 49% !important;
	}
	.globalnavegation-tabs li .ui-tabs-anchor {
		width: 100% !important;
		overflow: hidden;
		text-overflow: unset;
		display: inline-block;
		-webkit-line-clamp: 52;
		-webkit-box-orient: vertical;
		box-sizing: border-box;
	}
	.ui-tabs .ui-tabs-nav li {
		width: 48% !important;
		overflow: hidden;
		text-overflow: unset;
		display: inline-block;
		-webkit-line-clamp: 52;
		-webkit-box-orient: vertical;
		box-sizing: border-box;
	}
	/* ----------------------- ---------------------------------------  schedule */
	/* Seleção de serviços agendamento*/
	.selecao-servicos-right {
		border-left: 0 solid #A3A3A3;
	}
	.card__service__list--openTicket .Select-Service-card {
		max-width: 128px;
		width: 128px;
	}
	/*destaques no agendamento*/
	.feautured__acordeon {
		width: 100%;
		padding: 5px;
	}
	.accordion__action--schedule {
		justify-content: space-between;
	}
	/*recomendados no agendamento*/
	.recommended__acordeon {
		width: 100%;
		padding: 5px;
		margin-top: 10px;
	}
	.filter__area--serach {
		padding: 8px !important;
	}
	.searchEmentSchedule {
		padding-left: 0;
		margin-top: 0;
	}
	.footerSerachHeaderclient {
		justify-content: space-between;
	}
	/*COntrole de de side bar*/
	.form-div {
		width: 95%;
	}
	/* ---------------------------------------- fechamento da comanda */
	.viewCustumerServicePaymentLoading {
		padding-top: 12px;
	}
	.col__grid--payments--adictional {
		display: none !important;
	}
	/* ----------------------- -------------------------- AÇÕES DE SRC */
	/* controles de campos antigos*/
	.midleHeaderParam {
		width: 100%;
		padding-top: 10px;
		margin-top: 20px;
	}
	.midleHeaderParam .inpublockID {
		width: 20%;
		box-sizing: border-box;
	}
	.midleHeaderParam .inpublockname {
		width: 80%;
		box-sizing: border-box;
	}
	.crc__form__wrap {
		width: 100%;
	}
	.ButtoncardFilter2 {
		margin-bottom: 10px;
	}
	/* ----------------------- -------------------------- Camapnha de marketing Simples */
	.mkt__easy__congratulation {
		width: 95%;
	}
	.mkt__easy__congratulation__wrap {
		width: 100%;
	}
	.mkt__easy__congratulation__actions {
		width: 90%;
		margin-top: 30px !important;
	}
	.mkt__easy__congratulation__title {
		font-size: 22px;
	}
	/* ----------------------- --------------------------CMS de conteúdo */
	.cms__nav__desktop {
		display: none;
	}
	.cms__content {
		width: 95%;
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 40px;
	}
	.cms__footer__content {
		width: 95%;
		margin-left: auto;
		margin-right: auto;
		padding-top: 45px;
		padding-bottom: 45px;
	}
	.cms__nav {
		width: 95%;
	}
	.cms__Post {
		width: 95%;
	}
	.cms__post__sidebar {
		width: 95%;
	}
	.cms__slide__desktop {
		display: none;
	}
	.cms__slide__mobile {
		display: block;
	}
	/*post*/
	.cms__post__view {
		flex-direction: column;
	}
	/*menu splash*/
	.syst__mobile__dash__items {
		padding-left: 25px;
		padding-right: 25px;
	}
	.mobile__header__news {
		padding-left: 25px;
		padding-right: 25px;
		margin-top: 20px;
	}
	.syst__mobile__dash_shortcode {
		display: none;
	}
	.mobile__card__news {
		align-items: center;
	}
	.mobile__thumb__news__image {
		min-width: 80px;
		margin-left: 10px;
	}
	.syst__mobile__notification {
		bottom: 50px !important;
	}
	.syst__mobile__notification__list {
		min-width: 150px;
		max-width: 150px;
	}
	.syst__ofcanvas__control .uk-offcanvas-bar {
		max-width: 250 !important;
	}
	.syst__wrap-menu-size {
		width: 270px;
	}
	.syst__wrap-menu-size--internal {
		width: 250px !important;
	}
	/* ----------------------- -------------------------- Schedule */
	.booking__section__actions {
		margin-top: 10px !important;
	}
	.syst__booking__section {
		margin-top: 24px;
	}
	.comps__tabs .syst__tabs__wrap {
		width: 50%;
	}
	/* ----------------------- -------------------------- comps global */
	.comps__screen__content {
		padding: 10px;
		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;
	}
	.comps__smart__table__preview {
		font-size: 12px;
		font-family: var(--app-default-font-2);
		font-weight: 700;
	}
	.comps__smart__table__preview img {
		width: 50px;
		border-radius: 150px;
		margin-right: 10px;
	}
	.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;
		text-align: center;
		font-size: 12px;
		max-width: 150px;
	}
	/* ----------------------- ---------------------------------------  Component Card Liter */
	.comps__get__wrap--coll-2l {}
	.comps__get__wrap--coll-2l .comps__get__list {
		width: 100%;
	}
	/* ----------------------- ---------------------------------------  schedule Desktop */
	.schedulle-grid {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.schedulle__coll__step--1 {
		width: 100%;
		box-sizing: border-box;
	}
	.schedulle__coll__step--1-note {
		width: 100%;
		box-sizing: border-box;
	}
	.schedulle__coll__step--2 {
		width: 100%;
		box-sizing: border-box;
	}
	.schedulle__coll__step {
		width: 50%;
		box-sizing: border-box;
	}
	.schedulle__coll__services {
		width: 50%;
		box-sizing: border-box;
	}
	.schedulle__coll__services--selected {
		width: 50%;
		box-sizing: border-box;
	}
	/*
* ---- ------ ---- ----------------------------------------------------CustomerService
* 
*/
	.task-manager__product__preview {
		width: 80px;
		border-radius: 150px;
	}
}


/* medium Smartphones ==================================== Resolutions */

@media only screen and (min-width: 681px) and (max-width: 992px) {
	/* ----------------------- -------------------------- comps global */
	.comps__screen__content {
		padding: 10px;
		box-sizing: border-box;
	}
	.comps__tabs .syst__tabs__wrap {
		width: 50%;
	}
	.display__item--medium {
		display: block;
	}
	.hide__item--mobile {
		display: none;
	}
	.nav__bar--mobile {
		display: block;
	}
	/* ----------------------- -------------------------- header  do sistema  */
	/* menu mobile*/
	.Mobile-appNavSistema303 {
		display: block;
		left: 0px;
		width: 100%;
	}
	/* menu desktop*/
	.nav-desktop {
		display: none !important;
	}
	/* menu lateral*/
	.menucurto {
		display: none;
	}
	/*contra á area das abas*/
	#tabs {
		top: 47px;
		left: 0px;
		height: calc(100vh - 65px);
		overflow: auto;
		min-width: 100%;
		max-width: 100%;
	}
	.headerAppContent {
		display: flex;
		justify-content: flex-start;
	}
	#menuBlock {
		max-height: 100vh;
	}
	.vertical-image-menu {
		max-height: 100vh;
	}
	.ShowMenuSmall {
		max-height: 100vh;
	}
	/* header do sistema*/
	.menuoperations i {
		font-size: 22px;
	}
	.titleIndexPage {
		max-width: 200px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		padding-left: 0 !important;
	}
	.group-bar-icon {
		display: none;
	}
	.HeaderAppRight {
		display: none;
	}
	/* ----------------------------- Taps bar*/
	.comps__tap__bar {
		display: flex;
	}
	.tap__bar__wrap__btn--booking {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	/* -------------------------------- fab button*/
	.fab {
		position: fixed;
		bottom: 46px;
		right: 7px;
		z-index: 99;
	}
	/* ---------------------- abas de navegação globais*/
	.globalnavegation-tabs {
		margin: 0;
		padding: 0.2em 0.2em 0;
		display: flex;
		flex-wrap: wrap;
	}
	.globalnavegation-tabs li {
		list-style: none;
		float: left;
		position: relative;
		top: 0;
		margin: 1px 0.2em 0 0;
		border-bottom-width: 0;
		padding: 0;
		white-space: nowrap;
		display: flex;
		justify-content: space-between;
	}
	.globalnavegation-tabs li .ui-tabs-anchor {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		box-sizing: border-box;
	}
	/* ----------------------- Seleção de serviços agendamento*/
	.selecao-servicos-right {
		border-left: 0 solid #A3A3A3;
	}
	.card__service__list--openTicket .Select-Service-card {
		max-width: 128px;
		width: 128px;
	}
	/*destaques no agendamento*/
	.feautured__acordeon {
		width: 100%;
		padding: 5px;
	}
	.accordion__action--schedule {
		justify-content: space-between;
	}
	.card__item--featured {
		width: 25% !important;
	}
	/*recomendados no agendamento*/
	.recommended__acordeon {
		width: 100%;
		padding: 5px;
		margin-top: 10px;
	}
	.filter__area--serach {
		padding: 8px !important;
	}
	.searchEmentSchedule {
		padding-left: 0;
		margin-top: 0;
	}
	.footerSerachHeaderclient {
		justify-content: space-between;
	}
	/*--------------------- Form div*/
	.form-div {
		width: 95%;
	}
	/* ----------------------- --------------------------CMS de conteúdo */
	.cms__nav__desktop {
		display: none;
	}
	.cms__content {
		width: 95%;
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 40px;
	}
	.cms__footer__content {
		width: 95%;
		margin-left: auto;
		margin-right: auto;
		padding-top: 45px;
		padding-bottom: 45px;
	}
	.cms__nav {
		width: 95%;
	}
	.cms__Post {
		width: 95%;
	}
	.cms__post__sidebar {
		width: 95%;
	}
	.cms__slide__desktop {
		display: none;
	}
	.cms__slide__mobile {
		display: block;
	}
	/*post*/
	.cms__post__view {
		flex-direction: column;
	}
	.cms__post__grid__wrap {
		width: 50% !important;
		box-sizing: border-box;
	}
	/* ------------------------------ schedule r*/
	/* schedule COntrole de de side bar*/
	.schedule__sideBar {
		position: fixed;
		left: -9150px;
	}
	.schedule__sidebar__content {
		overflow-y: auto;
		max-height: 94vh;
	}
	.schedule__focus__mode {
		display: none;
	}
	.schedule__content {
		padding: 0;
		box-sizing: border-box;
	}
	.schedule__sideBar__mobile {
		position: fixed;
		z-index: 97;
		width: 50%;
		max-width: 100vh;
		top: 0;
		left: -15px;
	}
	/* -------------------------------------------------------- smart table*/
	.smart__table__go {
		display: flex;
		justify-content: center;
		width: 100%;
	}
	.smart__table__go .comps__table__smart__thead {
		display: none;
	}
	.comps__smart__table__preview {
		font-size: 12px;
		font-family: var(--app-default-font-2);
		font-weight: 700;
	}
	.comps__smart__table__preview img {
		width: 50px;
		border-radius: 150px;
		margin-right: 10px;
	}
	.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: flex;
		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;
		align-items: center;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.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;
		font-size: 12px;
		max-width: 150px;
	}
	/* ----------------------- ---------------------------------------  schedule Desktop */
	.schedulle-grid {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.schedulle__coll__step--1 {
		width: 100%;
		box-sizing: border-box;
	}
	.schedulle__coll__step--1-note {
		width: 100%;
		box-sizing: border-box;
	}
	.schedulle__coll__step--2 {
		width: 100%;
		box-sizing: border-box;
	}
	.schedulle__coll__step {
		width: 50%;
		box-sizing: border-box;
	}
	.schedulle__coll__services {
		width: 33.33%;
		box-sizing: border-box;
	}
	.schedulle__coll__services--selected {
		width: 33.33%;
		box-sizing: border-box;
	}
	/*
* ---- ------ ---- ----------------------------------------------------CustomerService
* 
*/
	.task-manager__product__preview {
		width: 80px;
		border-radius: 150px;
	}
}


/* large Smartphones ==================================== Resolutions */

@media only screen and (min-width: 993px) and (max-width: 1023px) {
	/* ----------------------- -------------------------- header  do sistema  */
	/* menu mobile*/
	.Mobile-appNavSistema303 {
		display: block;
		left: 0px;
		width: 100%;
	}
	/* menu desktop*/
	.nav-desktop {
		display: none !important;
	}
	/* menu lateral*/
	.menucurto {
		display: none;
	}
	/*contra á area das abas*/
	#tabs {
		top: 47px;
		left: 0px;
		height: calc(100vh - 65px);
		overflow: auto;
		min-width: 100%;
		max-width: 100%;
	}
	/* ----------------------- -------------------------- comps global */
	.comps__screen__content {
		padding: 10px;
		box-sizing: border-box;
	}
	.comps__tabs .syst__tabs__wrap {
		width: 50%;
	}
	.display__item--medium {
		display: block;
	}
	.hide__item--mobile {
		display: none;
	}
	.nav__bar--mobile {
		display: block;
	}
	/*------------------------------------- menu do Sistema*/
	#menuBlock {
		max-height: 100vh;
	}
	.vertical-image-menu {
		max-height: 100vh;
	}
	.ShowMenuSmall {
		max-height: 100vh;
	}
	.menuoperations i {
		font-size: 22px;
	}
	/* header do sistema*/
	.headerAppContent {
		display: flex;
		justify-content: space-between;
	}
	.titleIndexPage {
		max-width: 200px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		padding-left: 0 !important;
	}
	.group-bar-icon {
		display: flex;
	}
	.HeaderAppRight {
		display: flex;
	}
	/* -------------------------------- tap bar*/
	.comps__tap__bar {
		display: none;
	}
	.tap__bar__wrap__btn--booking {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	/* -------------------------------- fab button*/
	.fab {
		position: fixed;
		bottom: 46px;
		right: 7px;
		z-index: 99;
	}
	/* ---------------------- abas de navegação globais*/
	.globalnavegation-tabs {
		margin: 0;
		padding: 0.2em 0.2em 0;
		display: flex;
		flex-wrap: wrap;
	}
	.globalnavegation-tabs li {
		list-style: none;
		float: left;
		position: relative;
		top: 0;
		margin: 1px 0.2em 0 0;
		border-bottom-width: 0;
		padding: 0;
		white-space: nowrap;
		display: flex;
		justify-content: space-between;
	}
	.globalnavegation-tabs li .ui-tabs-anchor {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		box-sizing: border-box;
	}
	/* ----------------------- Seleção de serviços agendamento*/
	.selecao-servicos-right {
		border-left: 0 solid #A3A3A3;
	}
	.card__service__list--openTicket .Select-Service-card {
		max-width: 128px;
		width: 128px;
	}
	/*destaques no agendamento*/
	.feautured__acordeon {
		width: 100%;
		padding: 5px;
	}
	.accordion__action--schedule {
		justify-content: space-between;
	}
	.card__item--featured {
		width: 25% !important;
	}
	/*recomendados no agendamento*/
	.recommended__acordeon {
		width: 100%;
		padding: 5px;
		margin-top: 10px;
	}
	.filter__area--serach {
		padding: 8px !important;
	}
	.searchEmentSchedule {
		padding-left: 0;
		margin-top: 0;
	}
	.footerSerachHeaderclient {
		justify-content: space-between;
	}
	/* speed dots do agendamento*/
	.comps__speed__actions--schedule {
		display: none;
	}
	/*--------------------- Form div*/
	.form-div {
		width: 95%;
	}
	/* ----------------------- --------------------------CMS de conteúdo */
	.cms__nav__desktop {
		display: none;
	}
	.cms__nav__mobile {
		display: block;
	}
	.cms__content {
		width: 95%;
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 40px;
	}
	.cms__footer__content {
		width: 95%;
		margin-left: auto;
		margin-right: auto;
		padding-top: 45px;
		padding-bottom: 45px;
	}
	.cms__nav {
		width: 95%;
	}
	.cms__Post {
		width: 95%;
	}
	.cms__post__sidebar {
		width: 95%;
	}
	.cms__slide__desktop {
		display: block;
	}
	.cms__slide__mobile {
		display: none;
	}
	/*post*/
	.cms__post__view {
		flex-direction: column;
	}
	.cms__post__grid__wrap {
		width: 50% !important;
		box-sizing: border-box;
	}
	/* ------------------------------ schedule r*/
	/* schedule COntrole de de side bar*/
	.schedule__sideBar {
		width: 27%;
	}
	/* -------------------------------------------------------- smart table*/
	.smart__table__go {
		display: flex;
		justify-content: center;
		width: 100%;
	}
	.smart__table__go .comps__table__smart__thead {
		display: none;
	}
	.comps__smart__table__preview {
		font-size: 12px;
		font-family: var(--app-default-font-2);
		font-weight: 700;
	}
	.comps__smart__table__preview img {
		width: 50px;
		border-radius: 150px;
		margin-right: 10px;
	}
	.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;
		font-size: 12px;
		max-width: 150px;
	}
	/* ----------------------- ---------------------------------------  schedule Desktop */
	.schedulle-grid {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.schedulle__coll__step--1 {
		width: 50%;
		box-sizing: border-box;
	}
	.schedulle__coll__step--1-note {
		width: 100%;
		box-sizing: border-box;
	}
	.schedulle__coll__step--2 {
		width: 50%;
		box-sizing: border-box;
	}
	.schedulle__coll__step {
		width: 50%;
		box-sizing: border-box;
	}
	.schedulle__coll__services {
		width: 50%;
		box-sizing: border-box;
	}
	.schedulle__coll__services--selected {
		width: 50%;
		box-sizing: border-box;
	}
	/*
* ---- ------ ---- ----------------------------------------------------CustomerService
* 
*/
	.task-manager__product__preview {
		width: 80px;
		border-radius: 150px;
	}
}


/* Desktop ==================================== Medium Resolution */

@media only screen and (min-width: 1024px) and (max-width: 1360px) {
	/* controles de visualizações de item*/
	.display__item--medium {
		display: block;
	}
	.comps__tabs .syst__tabs__wrap {
		width: 50%;
	}
	.hide__item--medium {
		display: none;
	}
	.nav__bar--mobile {
		display: none;
	}
	/*------------------------------------- menu do Sistema*/
	#menuBlock {
		max-height: 100vh;
	}
	.vertical-image-menu {
		max-height: 100vh;
	}
	.ShowMenuSmall {
		max-height: 100vh;
	}
	/* header do sistema*/
	.menuoperations i {
		font-size: 22px;
	}
	.headerAppContent {
		display: flex;
		justify-content: space-between;
	}
	.titleIndexPage {
		max-width: 200px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		padding-left: 0 !important;
	}
	.group-bar-icon {
		display: flex;
	}
	.HeaderAppRight {
		display: flex;
	}
	/* log 17/06 movido o controle de menu mobile
       /* menu mobile*/
	.Mobile-appNavSistema303 {
		display: none !important;
		position: fixed;
		width: 100%;
		left: 0;
	}
	.nav-desktop {
		padding: 8px 20px;
		width: calc(100% - 0px);
		margin-left: 0;
		box-sizing: border-box;
		float: right;
		height: auto;
	}
	.ShoMiniMenu-60 {
		padding: 8px 20px;
		width: calc(100% - 60px);
		margin-left: 0;
		box-sizing: border-box;
		float: right;
		height: 65p
	}
	/* menu desktop*/
	.nav-desktop {
		display: flex !important;
	}
	.widgets-trigers-action-icon {
		margin-right: 5px;
	}
	.DesktopNavHeader__logo {
		display: block;
		width: 140px !important;
	}
	.widgets-trigers-action {
		width: auto !important;
	}
	.Action-baricon {
		display: none !important;
	}
	.dateFieldHour {
		font-size: 1.2em !important;
		font-weight: bold;
	}
	/* menu lateral*/
	.menucurto {
		display: none;
	}
	/* log 17/06 movido o de tabs
  /*contra á area das abas*/
	#tabs {
		top: 0px;
		left: 0;
		height: calc(100vh - 65px);
		/*min-width: calc(100% - 70px);
    max-width: calc(100% - 70px);*/
		overflow: auto;
		min-width: 100%;
		max-width: 100%;
	}
	/*----------------------------- tap bar */
	.comps__tap__bar {
		display: none;
	}
	.tap__bar__wrap__btn--booking {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	/* -------------------------------- fab button*/
	.fab {
		position: fixed;
		bottom: 46px;
		right: 7px;
		z-index: 99;
	}
	/* ---------------------- abas de navegação globais*/
	.globalnavegation-tabs {
		margin: 0;
		padding: 0.2em 0.2em 0;
		display: flex;
		flex-wrap: wrap;
	}
	.globalnavegation-tabs li {
		list-style: none;
		float: left;
		position: relative;
		top: 0;
		margin: 1px 0.2em 0 0;
		border-bottom-width: 0;
		padding: 0;
		white-space: nowrap;
		display: flex;
		justify-content: space-between;
	}
	.globalnavegation-tabs li .ui-tabs-anchor {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		box-sizing: border-box;
	}
	/* ----------------------- Seleção de serviços agendamento*/
	.selecao-servicos-right {
		border-left: 0 solid #A3A3A3;
	}
	.card__service__list--openTicket .Select-Service-card {
		max-width: 128px;
		width: 128px;
	}
	/*destaques no agendamento*/
	.feautured__acordeon {
		width: 100%;
		padding: 5px;
	}
	.accordion__action--schedule {
		justify-content: space-between;
	}
	.card__item--featured {
		width: 25% !important;
	}
	/*recomendados no agendamento*/
	.recommended__acordeon {
		width: 100%;
		padding: 5px;
		margin-top: 10px;
	}
	.filter__area--serach {
		padding: 8px !important;
	}
	.searchEmentSchedule {
		padding-left: 0;
		margin-top: 0;
	}
	.footerSerachHeaderclient {
		justify-content: space-between;
	}
	/* speed dots do agendamento*/
	.comps__speed__actions--schedule {
		display: none;
	}
	/*--------------------- Form div*/
	.form-div {
		width: 95%;
	}
	/*coluna de pagamento*/
	.col__grid--paymentsFormats {}
	.col__grid--paymentsFormats {
		width: 60% !important;
	}
	.col__grid--payments--adictional {
		width: 40%;
	}
	/* ----------------------- --------------------------CMS de conteúdo */
	.cms__nav__desktop {
		display: block;
	}
	.cms__nav__mobile {
		display: none;
	}
	.cms__content {
		width: 95%;
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 40px;
	}
	.cms__footer__content {
		width: 95%;
		margin-left: auto;
		margin-right: auto;
		padding-top: 45px;
		padding-bottom: 45px;
	}
	.cms__nav {
		width: 95%;
	}
	.cms__Post {
		width: 95%;
	}
	.cms__post__sidebar {
		width: 95%;
	}
	.cms__slide__desktop {
		display: block;
	}
	.cms__slide__mobile {
		display: none;
	}
	/*post*/
	.cms__post__view {
		flex-direction: column;
	}
	.cms__post__grid__wrap {
		width: 50% !important;
		box-sizing: border-box;
	}
	/* ------------------------------ schedule r*/
	/* schedule COntrole de de side bar*/
	.schedule__sideBar {
		width: 20% !important;
	}
	.schedule__sideBar--ModeApp {
		width: 30% !important;
	}
	/* ----------------------- -------------------------- app do profissional
	----------------------------------------------------------------- schedule */
	.syst__booking__showSide {
		display: none;
	}
	/* -------------------------------------------------------- smart table*/
	.smart__table__go {
		display: flex;
		justify-content: center;
		width: 100%;
	}
	.smart__table__go .comps__table__smart__thead {
		display: none;
	}
	.comps__smart__table__preview {
		font-size: 12px;
		font-family: var(--app-default-font-2);
		font-weight: 700;
	}
	.comps__smart__table__preview img {
		width: 50px;
		border-radius: 150px;
		margin-right: 10px;
	}
	.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;
		font-size: 12px;
		max-width: 150px;
	}
	/* ----------------------- ---------------------------------------  schedule Desktop */
	.schedulle-grid {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.schedulle__coll__step--1 {
		width: 50%;
		box-sizing: border-box;
	}
	.schedulle__coll__step--1-note {
		width: 100%;
		box-sizing: border-box;
	}
	.schedulle__coll__step--2 {
		width: 50%;
		box-sizing: border-box;
	}
	.schedulle__coll__step {
		width: 50%;
		box-sizing: border-box;
	}
	.schedulle__coll__services {
		width: 50%;
		box-sizing: border-box;
	}
	.schedulle__coll__services--selected {
		width: 50%;
		box-sizing: border-box;
	}
	/*
* ---- ------ ---- ----------------------------------------------------CustomerService
* 
*/
	.task-manager__product__preview {
		width: 40px;
		border-radius: 150px;
	}
}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
controle responsivo especifico  
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/* tablest */

@media only screen and (min-width: 1124px) and (max-width: 1450px) {
	/* menu desktop*/
	.nav-desktop {
		display: flex;
	}
	/*contra á area das abas*/
	.booking-calendar {
		overflow-x: auto;
	}
}


/*final do responsive tablets*/


/* Schedule 
versão 2.8
*/


/*Novo Agendamento*/

.user-profile-ticket {
	width: 50px;
	height: 50px;
	border-radius: 100px;
	background-position: center;
	background-size: cover;
}

.b-calendar__new__booking .ui-datepicker-inline {
	width: 100%;
}

.b-calendar__new__booking .ui-datepicker .ui-datepicker-header {
	padding: 10px 0;
	top: 0;
	width: 100%;
	left: 0;
}

.b-calendar__new__booking .ui-widget-header {
	border: 1px solid #aaaaaa;
	background: white;
	color: #222222;
	font-weight: bold;
}

.b-calendar__new__booking .ui-state-default {
	border: 1px solid #d3d3d3;
	background: white;
	font-weight: normal;
	color: #000000;
	height: 41px;
	width: 100%;
	transition: 0.6s;
}

.b-calendar__new__booking .ui-state-default:hover {
	height: 50px;
	width: 100%;
}


/*
.time-row{
    display: flex !important;
    overflow-x: auto;
    align-items: center;
}
*/


/*
.start-block-time{
    background: rgb(41, 0, 88);
    color: white;
    width: 50px;
    height: 40px;
    padding: 5px;
    display: flex !important;
    align-items: center !important;

}
*/


/*calendário*/

.short-col .section-day {
	background-color: red;
	width: 0;
	position: absolute;
	left: -8000px;
}

.short-col .section-time {
	background-color: red;
	width: 0;
	position: absolute;
	left: -8000px;
}

.short-col .section-profition {
	width: 33.3% !important;
}

.short-col .section-service {
	width: 33.3% !important;
}

.short-col .section-task {
	width: 33.3% !important;
}

.short-col .section-profition .list-prof-novo-age {
	display: flex;
	flex-wrap: wrap;
}

.short-col .section-profition .list-prof-novo-age li {
	width: 50%;
}

.selected .card-prof-novo-agen {
	background-color: rgb(216, 177, 255);
}

.content-coluna-novo-agen {
	border-left: none !important;
}

.short-col .tasks-list {
	display: flex;
	flex-wrap: wrap;
}

.short-col .tasks-list li {
	width: 50%;
	padding: 5px;
	box-sizing: border-box;
}


/* Tablets ==================================== resolution */

@media only screen and (min-width: 1361px) and (max-width: 1450px) {
	/* ----------------------- -------------------------- header  do sistema  */
	/* menu mobile*/
	.Mobile-appNavSistema303 {
		display: none;
		position: fixed;
		width: 100%;
		left: 0;
	}
	/* menu desktop*/
	.nav-desktop {
		height: auto;
	}
	/* menu lateral*/
	.menucurto {
		display: block;
	}
	/* tabs*/
	#tabs {
		position: fixed;
		top: 0px;
		left: 65px;
		height: calc(100vh - 41px);
		min-width: calc(100% - 70px);
		max-width: calc(100% - 70px);
		overflow: auto;
	}
	/* ----------------------- -------------------------- comps global */
	.comps__screen__content {
		padding: 10px;
		box-sizing: border-box;
	}
	.comps__tabs .syst__tabs__wrap {
		width: 25%;
	}
	.display__item--medium {
		display: block;
	}
	.nav__bar--mobile {
		display: none;
	}
	/* fab button*/
	.fab {
		position: fixed;
		bottom: 46px;
		right: 7px;
		z-index: 99;
	}
	.comps__tap__bar {
		display: none;
	}
	/* ----------------------- --------------------------CMS de conteúdo */
	.cms__nav__desktop {
		display: block;
	}
	.cms__nav__mobile {
		display: none;
	}
	.cms__content {
		width: 70%;
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 40px;
	}
	.cms__footer__content {
		width: 70%;
		margin-left: auto;
		margin-right: auto;
		padding-top: 45px;
		padding-bottom: 45px;
	}
	.cms__nav {
		width: 70%;
	}
	.cms__Post {
		width: 66%;
	}
	.cms__post__sidebar {
		width: 34%;
	}
	.cms__slide__desktop {
		display: block;
	}
	.cms__slide__mobile {
		display: none;
	}
	/*post*/
	.cms__post__view {
		flex-direction: row;
	}
	.cms__post__grid__wrap {
		width: 50% !important;
		box-sizing: border-box;
	}
	/* ----------------------- -------------------------- header  do sistema  */
	/* menu mobile*/
	.Mobile-appNavSistema303 {
		display: none;
		position: fixed;
		width: 100%;
		left: 0;
	}
	/* menu lateral*/
	.menucurto {
		display: block;
	}
	/* tabs*/
	#tabs {
		position: fixed;
		top: 0px;
		left: 65px;
		height: calc(100vh - 41px);
		min-width: calc(100% - 70px);
		max-width: calc(100% - 70px);
		overflow: auto;
	}
	/* menu desktop*/
	.nav-desktop {
		height: auto;
	}
	/* ----------------------- -------------------------- schedule */
	.card__item--featured {
		width: 25% !important;
	}
	.list-servicos-novo-age ul li {
		width: 23% !important;
		box-sizing: border-box;
	}
	/* ----------------------- -------------------------- app do profissional schedule */
	.syst__booking__showSide {
		display: none;
	}
	/* -------------------------------------------------------- smart table*/
	.smart__table__go {
		display: flex;
		justify-content: center;
		width: 100%;
	}
	.smart__table__go .comps__table__smart__thead {
		display: none;
	}
	.comps__smart__table__preview {
		font-size: 12px;
		font-family: var(--app-default-font-2);
		font-weight: 700;
	}
	.comps__smart__table__preview img {
		width: 50px;
		border-radius: 150px;
		margin-right: 10px;
	}
	.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;
		font-size: 12px;
		max-width: 150px;
	}
	/* ----------------------- ---------------------------------------  schedule Desktop */
	.schedulle-grid {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.schedulle__coll__step--1 {
		width: 50%;
		box-sizing: border-box;
	}
	.schedulle__coll__step--1-note {
		width: 100%;
		box-sizing: border-box;
	}
	.schedulle__coll__step--2 {
		width: 50%;
		box-sizing: border-box;
	}
	.schedulle__coll__step {
		width: 50%;
		box-sizing: border-box;
	}
	.schedulle__coll__services {
		width: 33.33%;
		box-sizing: border-box;
	}
	.schedulle__coll__services--selected {
		width: 33.33%;
		box-sizing: border-box;
	}
	/*
* ---- ------ ---- ----------------------------------------------------CustomerService
* 
*/
	.task-manager__product__preview {
		width: 40px;
		border-radius: 150px;
	}
}


/* Desktop ==================================== Large Resolution */

@media only screen and (min-width: 1451px) and (max-width: 5920px) {
	/* ----------------------- -------------------------- comps global */
	.comps__screen__content {
		padding: 10px;
		box-sizing: border-box;
	}
	/* controles de visualizações de item*/
	.display__item--large {
		display: block;
	}
	.hide__item--large {
		display: none;
	}
	.nav__bar--mobile {
		display: none;
	}
	/*menu*/
	.comps__tap__bar {
		display: none;
	}
	.tap__bar__wrap__btn--booking {
		display: none;
		align-items: center;
		justify-content: center;
	}
	.group-bar-icon {
		display: flex;
	}
	/* payment loadding*/
	.searchEmentSchedule {
		width: 100%;
		font-size: 13px;
		padding-left: 10px;
		margin-top: 5px;
	}
	.comps__speed__actions--paymentLoad {
		display: none;
	}
	.footerSerachHeaderclient {
		justify-content: flex-end;
	}
	/* fab button*/
	.fab {
		position: fixed;
		bottom: 46px;
		right: 7px;
		z-index: 99;
	}
	/* ----------------------- -------------------------- AÇÕES DE SRC */
	/* controles de campos antigos*/
	.midleHeaderParam {
		width: 90%;
	}
	.crc__form__group {
		display: flex;
	}
	.crc__form__wrap {
		width: 30%;
		box-sizing: border-box;
	}
	.crc__form__wrap--actiongo {
		width: 10%;
		box-sizing: border-box;
	}
	/* ----------------------- --------------------------Campanhas de marketing */
	.mkt__easy__template__wrap {
		width: 33.33%;
	}
	.mkt__easy__congratulation {
		width: 50%;
	}
	.mkt__easy__congratulation__actions {
		width: 50%;
		margin-top: 30px !important;
	}
	/* ---------------------------------------------- off-canvas de suporte*/
	.comps__support__canvas {
		width: 454px !important;
	}
	.comps__dot__support__close {
		left: 414px;
	}
	/* ----------------------- --------------------------CMS de conteúdo */
	.cms__nav__desktop {
		display: block;
	}
	.cms__slide__desktop {
		display: block;
	}
	.cms__slide__mobile {
		display: none;
	}
	/*post*/
	.cms__nav__mobile {
		display: none;
	}
	/*menu splash*/
	.syst__mobile__dash__items {
		padding-left: 150px;
		padding-right: 150px;
	}
	.syst__mobile__dash_shortcode {
		padding-left: 150px;
		padding-right: 150px;
		margin-top: 20px;
	}
	.mobile__header__news {
		padding-left: 150px;
		padding-right: 150px;
		margin-top: 20px;
	}
	.syst__mobile__dash__items {
		margin-top: 20px;
	}
	/* ----------------------- -------------------------- schedule */
	.syst__booking__view {
		width: 40%;
		margin-left: auto;
		margin-right: auto;
	}
	.syst__booking__section__group {
		display: flex;
		align-items: stretch;
	}
	.booking__section__actions {
		margin-left: 10px;
	}
	.booking__section__actions {
		margin-left: 10px;
		display: flex;
	}
	.syst__booking__section__group {
		margin-top: 24px;
	}
	.syst__booking__selected {
		margin-bottom: 24px;
	}
	.card__item--featured {
		width: 18% !important;
	}
	.list-servicos-novo-age ul li {
		width: 18% !important;
		box-sizing: border-box;
	}
	/* ----------------------- -------------------------- app do profissional schedule */
	.syst__booking__showSide {
		display: none;
	}
	/* -------------------------------------------------------- smart table*/
	.smart__table__go {
		display: flex;
		justify-content: center;
		width: 100%;
	}
	.smart__table__go .comps__table__smart__thead {
		display: none;
	}
	.comps__smart__table__preview {
		font-size: 12px;
		font-family: var(--app-default-font-2);
		font-weight: 700;
	}
	.comps__smart__table__preview img {
		width: 50px;
		border-radius: 150px;
		margin-right: 10px;
	}
	.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: flex;
		float: left;
		flex-wrap: wrap;
		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;
		justify-content: space-between;
	}
	.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;
		font-size: 12px;
		max-width: 150px;
	}
	/* ----------------------- ---------------------------------------  schedule Desktop */
	.schedulle-grid {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.schedulle__coll__step--1 {
		width: 50%;
		box-sizing: border-box;
	}
	.schedulle__coll__step--1-note {
		width: 100%;
		box-sizing: border-box;
	}
	.schedulle__coll__step--2 {
		width: 50%;
		box-sizing: border-box;
	}
	.schedulle__coll__step {
		width: 50%;
		box-sizing: border-box;
	}
	.schedulle__coll__services {
		width: 20%;
		box-sizing: border-box;
	}
	.schedulle__coll__services--selected {
		width: 25%;
		box-sizing: border-box;
	}
	/* ----------------------- ---------------------------------------  menu*/
	.menu__drop__width--40 {
		min-width: 32% !important;
	}
	/*
* ---- ------ ---- ----------------------------------------------------CustomerService
* 
*/
	.task-manager__product__preview {
		width: 30px;
		border-radius: 150px;
	}
}