@media (max-width: 756px){
	.headerAreaTotal{
		height: auto;
	}

	.headerAreaTotal > .row:first-of-type{
		height: 100%;
		align-items: unset;
	}

	.headerMenu .logoArea{
		width: 250px;
		height: 60px;
		background-size: auto 60px;
		padding-left: 70px;
		line-height: 60px;
		font-size: 1.75rem;
		margin-left: 25px;
		margin-top: 30px;
	}

	.headerBanner{
		margin-top: 60px;	
	}

	.headerBanner > .row:first-of-type{
		align-items: unset;
	}

	.headerBanner .content{
		margin-left: 25px;
	}

	.headerBanner .principalTitle{
		min-width: calc(100vw - 50px);
		font-size: 3.5rem;
		line-height: 3.8rem;
	}

	.headerBanner .subtitleArea{
		min-width: calc(100vw - 50px);
		font-size: 1.15rem;
		margin-top: 25px;
		font-weight: 500;
		padding: 0px;
		z-index: 9;
	}

	.headerBanner .btnsList{
		margin-top: calc(100vw + 30px);
	}

	.headerBanner .btnsList > .row:first-of-type{
		align-items: unset;
		max-width: calc(100vw - 50px);
		min-width: calc(100vw - 50px);
		width: calc(100vw - 50px);
	}

	.headerBanner .btnsList .btnOne{
		height: 47.5px;
		border-radius: 5px;
		line-height: 47.5px;
		padding-left: 22.5px;
		padding-right: 22.5px;
		color: #fff;
		text-transform: uppercase;
		font-weight: 600;
		font-size: 0.9rem;
		cursor: pointer;
		margin-left: auto !important;
		margin-right: auto !important;
	}

	.headerBanner .btnsList .btnToPlayVideo{
		margin-left: auto !important;
		margin-right: auto !important;
		cursor: pointer;
		margin-top: 17.5px;
	}

	.headerBanner .btnsList .btnToPlayVideo > .row:first-of-type{
		align-items: center;
		height: 100%;
	}

	.headerBanner .btnsList .btnToPlayVideo .icon{
		height: 37.5px;
		width: 37.5px;
		line-height: 37.5px;
		padding: 0px;
		text-align: center;
		padding-left: 2.5px;
		font-size: 0.85rem;
	}

	.headerBanner .btnsList .btnToPlayVideo .text{
		padding: 0px;
		margin-left: 12.5px;
		color: #666;
		font-weight: 600;
	}
	
	.headerBanner .circleItens{
		margin-right: 25px;
		min-height: calc(100vw);
		max-height: calc(100vw);
		height: calc(100vw);
		margin-top: calc(-100vw + (-85px));
		min-width: calc(100vw - 50px);
		width: calc(100vw - 50px);
		max-width: calc(100vw - 50px);
		margin-left: 25px;
	}

	.footer{
		margin-top: 100px;
		max-width: 100vw;
		overflow: hidden;
	}

	.footer .colunmBy{
		margin-left: 25px;
		width: calc(100vw - 50px);
	}

	.footer .colunmBy .text{
		padding: 0px;
		font-size: 0.9rem;
		text-transform: uppercase;
		color: #999;
		font-weight: 600;
	}

	.footer .colunmBy .logoProspera{
		height: 90px;
		background-size: auto 65px;
		background-repeat: no-repeat;
		background-position: left center;
		width: 225px;
	}

	.footer .colunmBy .text.sloganProspera{
		font-weight: 600;
		text-transform: none;
		color: var(--blue-default);
		font-size: 0.95rem;
		line-height: 1.25rem;
	}

	.footer .colunmBy .socialItens{
		margin-top: 22.5px;
	}
	
	.footer .colunmBy .socialItens .item{
		height: 40px;
		width: 40px;
		padding: 0px;
		text-align: center;
		border: 2px solid #ddd;
		margin-left: 7.5px;
		border-radius: 5px;
		line-height: 36px;
		color: #999;
	}

	.footer .colunmBy .socialItens .item:nth-child(1){
		margin-left: 0px;
		font-size: 1.2rem;
	}

	.footer .columnMenu{
		margin-left: 25px;
		width: calc(100vw - 50px);
		min-width: calc(100vw - 50px);
		max-width: calc(100vw - 50px);
	}

	.footer .columnMenu .title{
		font-size: 1.3rem;
		margin-top: 25px;
	}

	.footer .columnMenu .links .item{
		padding: 0px;
		font-size: 0.95rem;
		font-weight: 500;
		color: #666;
		margin-top: 5px;
	}

	.footer .columnContact{
		margin-right: 25px;
		width: calc(100vw - 50px);
		min-width: calc(100vw - 50px);
		max-width: calc(100vw - 50px);
		margin-left: 25px;
	}

	.footer .columnContact .title{
		font-size: 1.3rem;
		margin-top: 25px;
	}

	.footer .columnContact .itensList .item{
		color: #666;
		margin-top: 7.5px;
	}

	.footer .columnContact .itensList .item .icon{
		font-size: 1rem;
	}

	.footer .columnContact .itensList .item .text{
		margin-left: 12.5px;
		font-size: 0.95rem;
	}
	
	.footer .lastLine{
		height: 40px;
		line-height: 40px;
		font-weight: 500;
		font-size: 0.75rem;
		margin-top: 40px;
	}

	.whatsAppBubble{
		width: 55px;
		height: 55px;
		right: 15px;
		bottom: 15px;
		font-size: 2rem;
		line-height: 55px;
	}

	.faqArea{
		margin-top: 30px;
	}

	.faqArea .titleSection{
		font-size: 2.4rem;
		font-family: "Teko";
		line-height: 2.75rem;
		font-weight: 500;
		margin-bottom: 25px;
	}

	.faqArea > .row.l2{
		align-items: unset;
	}

	.faqArea .itemList{
		margin-left: 20px;
		height: fit-content;
		min-width: calc(100vw - 40px);
		width: calc(100vw - 40px);
		max-width: calc(100vw - 40px);
	}

	.faqArea .item{
		margin-top: 7.5px;
	}
	
	.faqArea .itemList .item .questionArea{
		height: auto;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.faqArea .itemList .item .questionArea .text{
		margin-left: 15px;
		font-size: 0.95rem;
	}

	.faqArea .item .questionArea .icon{
		margin-right: 12.5px;
		margin-left: 10px;
	}
	
	.faqArea .itemList .item.open .responseArea{
		padding-bottom: 10px;
	}
	
	.faqArea .itemList .item.open .responseArea .text{
		padding: 0px;
		margin-left: 15px;
		margin-right: 15px;
		color: #666;
		font-size: 0.925rem;
	}
	
	.faqArea .item.open .responseArea > .row:first-of-type .item{
		margin-top: 0px;
	}

	.faqArea .vectorCallToAction{
		width: calc(100vw - 50px);
		margin-right: 25px;
		margin-left: 25px;
		height: fit-content;
	}

	.faqArea .vectorCallToAction .vector{
		height: 175px;
		background-size: auto 175px;
	}

	.faqArea .vectorCallToAction .title{
		font-size: 1.1rem;
		font-weight: 600;
		margin-top: 25px;
	}

	.faqArea .vectorCallToAction .description{
		font-size: 0.95rem;
	}

	.formCallToAction{
		margin-top: 50px;
		padding-bottom: 40px;
		width: calc(100vw - 50px);
		margin-left: 20px;
		margin-right: 20px;
	}

	.formCallToAction .description{
		width: calc(100vw - 40px);
		margin-left: 0px;
		margin-right: 0px;
	}

	.formCallToAction .titleSection{
		padding: 0px;
		font-weight: 600;
		font-size: 2rem;
		line-height: 2.5rem;
	}

	.formCallToAction .description .video{
		border-radius: 10px;
		padding: 0px;
		overflow: hidden;
		height: calc(56.25vw - 20px);
	}

	.formCallToAction .description .video iframe{
		width: 100%;
		height: 100%;
	}
	
	.formCallToAction .description .video.default::before{
		font-size: 4rem;
		line-height: calc(56.25vw - 20px);
	}
	
	.formCallToAction .formArea{
		margin-right: 0px;
		margin-left: 0px;
		margin-top: 30px;
	}

	.formCallToAction .formArea > .row > .text{
		padding: 0px;
		font-size: 2.4rem;
		color: #444;
		font-weight: 500;
		font-family: "Teko";
		line-height: 2.5rem;
	}

	.formCallToAction .formArea .form{
		border: none;
		border-radius: 10px;
		padding-bottom: 0px;
		margin-top: 30px;
	}

	.formCallToAction .formArea .form .inputName{
		margin: 0px 0px 0px 0px;
	}

	.formCallToAction .formArea .form .inputEmail{
		margin: 10px 0px 0px 0px;
	}

	.formCallToAction .formArea .form .inputPhone{
		min-width: calc(100vw - 40px);
		margin: 10px 0px 0px 0px;
	}

	.formCallToAction .formArea .form .inputCep{
		min-width: calc(100vw - 40px);
		max-width: calc(100vw - 40px);
		width: calc(100vw - 40px);
		margin: 10px 0px 0px 0px;
	}

	.formCallToAction .formArea .form .inputContactType{
		margin: 10px 0px 0px 0px;
	}

	.formCallToAction .formArea .form .inputContactType .itensContainer .item{
		font-size: 0.9rem;
	}

	.formCallToAction .formArea .form .inputContactType .itensContainer .item:nth-child(1){
		max-width: 120px;
	}

	.formCallToAction .formArea .form .inputObs{
		margin: 10px 0px 0px 0px;
	}

	.formCallToAction .formArea .form .btnRequest{
		margin-top: 25px;
		margin-right: auto !important;
		margin-left: auto !important;
		cursor: pointer;
	}

	.formCallToAction .formArea .form .btnRequest .text{
		padding: 0px;
		margin-left: 15px;
		color: #fff;
		font-weight: 600;
		font-size: 0.9rem;
	}

	.formCallToAction .formArea .form .btnRequest .icon{
		padding: 0px;
		color: #fff;
		margin-left: 17.5px;
		margin-right: 15px;
		font-size: 0.8rem;
	}

	.formCallToAction .formArea .form .successArea{
		display: none;
	}

	.formCallToAction .formArea .form .successArea .vector{
		height: 150px;
		background-image: url('../images/email.webp');
		background-size: auto 150px;
		background-position: center;
		background-repeat: no-repeat;
		margin-top: 50px;
	}

	.formCallToAction .formArea .form .successArea .text{
		padding: 0px;
		text-align: center;
		font-size: 1.25rem;
		font-weight: 600;
		color: #666;
		margin-top: 25px;
	}

	.formCallToAction .formArea .form .successArea .lorem{
		padding: 0px;
		text-align: center;
		margin-left: 20px;
		margin-right: 20px;
		margin-bottom: 20px;
	}
	
	.testemunials{
		padding-bottom: 20px;

	}

	.testemunials .titleSection{
		font-size: 1.8rem;
		line-height: 2.5rem;
		margin-top: 40px;
		margin-left: 25px;
		margin-right: 25px;
	}

	.testemunials > .row{
		align-items: center;
	}

	.testemunials .navItem{
		color: #fff;
		font-size: 1.3rem;
		cursor: pointer;
		padding: 0px;
	}

	.testemunials .navItem:nth-child(1){
		margin-left: 15px;
	}

	.testemunials .navItem:nth-child(3){
		margin-right: 15px;
	}

	.testemunials .areaToCarousel{
		margin-left: 15px;
		margin-right: 15px;
		overflow: hidden;
		margin-top: 40px;
	}

	.testemunials .areaToCarousel .itemSlider{
		background: #155DF5;
		border-radius: 10px;
		height: fit-content;
		padding-bottom: 25px;
	}
		
	.testemunials .areaToCarousel .itemSlider .logoCompany{
		height: 60px;
		margin-top: 20px;
		width: 275px;
		background-size: auto 45px;
	}

	.testemunials .areaToCarousel .itemSlider .text{
		margin-left: 20px;
		margin-right: 20px;
		margin-top: 12.5px;
		font-size: 0.95rem;
	}

	.testemunials .areaToCarousel .itemSlider .namePerson{
		padding: 0px;
		text-align: center;
		font-size: 0.95rem;
		font-weight: 600;
		color: #eee;
		margin-top: 10px;
	}

	.testemunials .areaToCarousel .itemSlider .carg{
		padding: 0px;
		text-align: center;
		font-weight: 500;
		font-size: 0.85rem;
		color: #eee;
		margin-top: -1px;
	}

	.principalFeatures{
		margin: 40px 25px 0px 25px;
	}

	.principalFeatures .titleSection{
		padding: 0px;
		font-size: 1.7rem;
		line-height: 2.2rem;
		font-weight: 700;
		color: #666;
	}

	.principalFeatures .item{
		margin-top: 40px;
		background: blue;
		border-radius: 12.5px;
		margin-left: 0px;
		background: #F0EDFE;
		height: fit-content;
		padding-bottom: 25px;
	}
	
	.principalFeatures .item .description{
		margin-left: 17.5px;
		margin-right: 17.5px;
	}

	.textLogos{
		text-align: center;
		margin-left: 25px;
		margin-right: 25px;
		margin-top: 47.5px;
		font-size: 0.95rem;
	}
	
	.slider {
		height: 80px;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 12.5px;
	}
	.slider::before, .slider::after {
	  	height: 80px;
	  	width: 180px;
	}
	.slider .slide-track {
	  	width: calc(200px * 12);
	}
	.slider .slide {
	  	height: 80px;
	  	width: 200px;
	}
	.slider .slide img{
	  	height: 80px;
	  	width: 200px;
	}

	.circleFeature{
	    width: 100px;
	    height: 100px;
	}

	.circleFeature .name{
		font-size: 1.3rem;
		font-weight: 500;
		color: #666;
		font-family: "Teko";
		line-height: 1.4rem;
		z-index: 9;
	}

	.circleBox{
		width: 150px;
		height: 150px;
	}
	
	.circleBox .iconProtheus{
		width: 100px;
		height: 65px;
		background-size: auto 65px;
		margin-top: 27.5px;
	}

	.circleBox .title{
		font-family: "Teko";
		font-size: 1.7rem;
	}

	.circleSelect {
	    width: 110px;
	    height: 110px;
	}

	.testemunials .areaToCarousel .itemSlider .person{
		max-width: calc(100vw - 100px);
	}

	.testemunials .areaToCarousel .itemSlider .person .image{
		width: 55px;
		height: 55px;
		margin-left: auto !important;
		margin-right: auto !important;
	}

	.testemunials .areaToCarousel .itemSlider .person .data{
		min-width: calc(100vw - 100px);
	}
}

@media (min-width: 756px) and (max-width: 1600px) {
	html{
		font-size: 15px;
	}

	.headerMenu .logoArea{
		width: 250px;
		height: 75px;
		background-size: auto 75px;
		padding-left: 80px;
		line-height: 75px;
		font-size: 2rem;
		margin-left: 100px;
		margin-top: 30px;
		background-size: blue;
	}

	.headerBanner{
		margin-top: 75px;
	}

	.headerBanner .content{
		margin-left: 100px;
	}

	.headerBanner .principalTitle{
		font-size: 4.7rem;
		line-height: 4.7rem;
	}

	.headerBanner .subtitleArea{
		font-size: 1.05rem;
	}

	.headerBanner .btnsList{
		margin-top: 60px;
	}

	.headerBanner .btnsList > .row:first-of-type{
		height: 100%;
		align-items: center;
	}

	.headerBanner .btnsList .btnToPlayVideo{
		margin-left: 20px;
	}

	.headerBanner .btnsList .btnToPlayVideo .icon{
		height: 40px;
		width: 40px;
		line-height: 40px;
		font-size: 0.9rem;
	}

	.headerBanner .btnsList .btnToPlayVideo .text{
		padding: 0px;
		margin-left: 12.5px;
		color: #666;
		font-weight: 600;
	}

	.headerBanner .circleItens{
		margin-right: 100px;
		min-height: auto;
		margin-left: 35px;
		height: fit-content;
	}

	.circleFeature{
	    width: 120px;
	    height: 120px;
	}

	.circleFeature .name{
		font-size: 1.4rem;
		font-weight: 500;
		color: #666;
		font-family: "Teko";
		line-height: 1.5rem;
		z-index: 9;
	}

	.circleBox{
		width: 150px;
		height: 150px;
	}

	.circleBox .iconProtheus{
		width: 100px;
		height: 65px;
		background-size: auto 65px;
		margin-top: 27.5px;
	}

	.circleBox .title{
		font-family: "Teko";
		font-size: 1.7rem;
	}

	.circleSelect {
	    width: 127.5px;
	    height: 127.5px;
	}

	.principalFeatures{
		margin: 50px 100px 0px 100px;
	}

	.principalFeatures .titleSection{
		padding: 0px;
		text-align: center;
		font-size: 2.2rem;
		line-height: 2.8rem;
		font-weight: 600;
	}

	.principalFeatures .item{
		margin-top: 65px;
		height: 340px;
		border-radius: 10px;
		margin-left: 10px;
		background: #F0EDFE;
		max-width: calc(25% - 7.5px);
	}

	.principalFeatures .item .icon{
		background: #fff;
		margin-left: 50px;
		margin-right: 50px;
		margin-top: -25px;
		height: 125px;
		border-radius: 10px;
		line-height: 125px;
		font-size: 3rem;
	}

	.principalFeatures .item .title{
		padding: 0px;
		text-align: center;
		margin-top: 35px;
		font-weight: 600;
		font-size: 1rem;
		margin-left: 15px;
		margin-right: 15px;
	}

	.principalFeatures .item .description{
		margin-left: 15px;
		margin-right: 15px;
		font-size: 0.85rem;
	}
	
	.footer{
		margin-top: 100px;
	}

	.footer .colunmBy{
		margin-left: 75px;
		width: calc(40vw - 175px);
	}
	
	.footer .colunmBy .text{
		padding: 0px;
		font-size: 0.775rem;
		text-transform: uppercase;
		color: #999;
		font-weight: 600;
	}

	.footer .colunmBy .logoProspera{
		height: 90px;
		background-size: auto 67.5px;
		width: 225px;
	}

	.footer .colunmBy .text.sloganProspera{
		font-weight: 600;
		text-transform: none;
		color: var(--blue-default);
		font-size: 0.8rem;
		line-height: 1.1rem;
	}

	.footer .colunmBy .socialItens{
		margin-top: 30px;
	}

	.footer .colunmBy .socialItens .item{
		height: 35px;
		width: 35px;
		margin-left: 7.5px;
		line-height: 31px;
	}

	.footer .colunmBy .socialItens .item:nth-child(1){
		margin-left: 0px;
		font-size: 1.2rem;
	}

	.footer .colunmBy .socialItens .item:hover{
		border-color: var(--blue-default);
		color: var(--blue-default);
	}

	.footer .columnMenu{
		margin-left: 50px;
	}

	.footer .columnMenu .title{
		font-size: 1.3rem;
		margin-top: 25px;
	}

	.footer .columnMenu .links .item{
		font-size: 0.85rem;
	}
	
 	.footer .columnContact{
		margin-right: 75px;
	}

	.footer .columnContact .title{
		font-size: 1.3rem;
		margin-top: 25px;
	}

	.footer .columnContact .itensList .item .icon{
		font-size: 1rem;
	}

	.footer .columnContact .itensList .item .text{
		font-size: 0.85rem;
	}

	.footer .lastLine{
		height: 40px;
		line-height: 40px;;
		font-size: 0.75rem;
		margin-top: 50px;
	}

	.whatsAppBubble{
		width: 50px;
		height: 50px;
		font-size: 2rem;
		line-height: 50px;
	}
}


@media (max-width: 756px){
	.clientAreaPage .clientPageContainer {
		margin: 7.5px;
		height: calc(100dvh - 60px);
		margin-top: 5px;
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
	}

	.clientAreaPage .clientPageContainer .sidebar{
		display: none;
		width: calc(100vw - 15px);
		height: calc(100dvh - 60px);
		background: #fff;
	}

	.clientAreaPage .clientPageContainer .contentFinal{
/*		height: min-content !important;*/
	}

	.btnAbrirMenuMobile{
		height: 55px;
		background: #fff;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		margin-left: 7.5px;
		margin-right: 7.5px;
		display: block;
	}

	.btnAbrirMenuMobile .logoProspera{
		background-image: url('../images/logos/logoprospera.webp');
		height: 55px;
		background-position: 15px center;
		background-repeat: no-repeat;
		background-size: auto 30px;
		width: 55px;
		padding-left: 55px;
		font-weight: 600;
		line-height: 55px;
		font-size: 0.9rem;
	}

	.btnAbrirMenuMobile .logoProspera span{
		font-weight: 500;
	}

	.btnAbrirMenuMobile .acaoAbrir{
		margin-right: 15px;
		height: 40px;
		margin-top: 7.5px;
		cursor: pointer;
		line-height: 40px;
		margin-right: 7.5px;
		margin-left: 25px;
	}

	.btnAbrirMenuMobile .acaoAbrir .icone{
		padding: 0px;
		margin-right: 10px;
		font-size: 1.2rem;
		color: var(--primary-color);
		margin-left: 12.5px;
	}

	.btnAbrirMenuMobile .acaoAbrir .label{
		padding: 0px;
		font-size: 0.75rem;
		font-weight: 600;
		color: var(--primary-color);
		text-transform: uppercase;
	}

	.indexAreaCliente{
		margin-left: 0px;
		margin-right: 0px;
		padding-bottom: 0px;
		margin-top: 20px;
		max-width: calc(100vw - 15px) !important;
	}

	.indexAreaCliente .headerArea .vector{
		display: none;
	}

	.indexAreaCliente .headerArea .areaText{
		margin-left: 15px;
		margin-right: 15px;
		max-width: calc(100%);
	}

	.indexAreaCliente .headerArea .areaText .wcOne {
		font-size: 0.95rem;
	}

	.indexAreaCliente .headerArea .areaText .wcTwo {
		font-size: 1.5rem;
	}

	.indexAreaCliente .headerArea .areaText .exibindoEstatísticasDe{
		font-weight: 600;
		font-size: 0.85rem;
		margin-top: 20px;
	}

	.indexAreaCliente .areaEstatisticas{
		margin-top: 20px;
		padding-bottom: 0px;
	}

	.indexAreaCliente .areaEstatisticas .cardsArea {
		margin-left: 15px;
		margin-right: 15px;
	}

	.indexAreaCliente .areaEstatisticas .cardsArea .cardItem {
		min-width: calc(100vw - 47.5px) !important;
		margin-left: 0px;
		margin-top: 5px;
	}

	.indexAreaCliente .areaEstatisticas .cardsArea .cardItem .valor {
		height: 45px;
		line-height: 45px;
		margin: 0px;
		margin-top: 15px;
		margin-bottom: 0px;
		background: transparent;
		font-size: 1.75rem;
	}

	.indexAreaCliente .areaEstatisticas .cardsArea .cardItem .titulo {
		margin-top: 0px;
	}

	.indexAreaCliente .areaEstatisticas .cardsArea .cardItem .titulo .icone {
		font-size: 1.1rem;
	}

	.indexAreaCliente .areaEstatisticas .cardsArea .cardItem .titulo .texto {
		font-size: 0.9rem;
	}

	.indexAreaCliente .headerArea .areaText .inputEmpresa {
		min-width: calc(100%);
		margin-right: 0px;
	}

	.indexAreaCliente .headerArea .areaText .inputPeriodoMes {
		min-width: calc(100%);
		margin-right: 0px;
		margin-top: 7.5px;
	}

	.indexAreaCliente .headerArea .areaText .inputProjeto {
		margin-left: 0px;
	}

	.indexAreaCliente .headerArea .areaText .btnFind {
		height: 42.5px;
		width: 42.5px;
		margin-left: 7.5px;
		line-height: 42.5px;
	}

	.indexAreaCliente .areaEstatisticas .areaGrafico.graficoHmp,
	.indexAreaCliente .areaEstatisticas .areaGrafico.graficoTabela {
		margin-top: 25px;
	}

	.indexAreaCliente .areaEstatisticas .areaGrafico.graficoDosn {
		margin-left: 15px;
		display: none;
	}

	.indexAreaCliente .areaAvisoSemDados {
		height: auto !important;
		line-height: 1.2rem;
		font-size: 0.9rem;
		font-weight: 500;
		padding: 15px;
		margin-bottom: 0px;
		margin-left: 15px;
		margin-right: 15px;
	}

	.indexAreaCliente .tabelaResumoOs{
		margin: 0px !important;
		min-width: calc(100vw - 15px);
		margin-top: 15px !important;
	}

	.indexAreaCliente .tabelaResumoOs.pgTableContainer{
		overflow-x: auto;
		max-width: calc(100vw - 15px);
		padding-left: 30px !important;
	}

	.indexAreaCliente .tabelaResumoOs.pgTableContainer > .row{
		min-width: 600px;
		margin-right: 0px;
	}

	.indexAreaCliente .areaEstatisticas .areaGrafico{
		margin-left: 15px;
		margin-right: 15px;
		max-width: calc(100%);
	}

	.indexAreaCliente .areaEstatisticas .areaGrafico.graficoTabela{
		margin-left: 0px;
		margin-right: 0px;
	}

	.indexAreaCliente .areaEstatisticas .areaGrafico.graficoTabela .tituloGrafico{
		margin-left: 15px;
	}

	.indexAreaCliente .areaEstatisticas .areaGrafico.graficoTabela .pgTableContainer::-webkit-scrollbar {
	  display: none;
	}

	.indexAreaCliente .areaEstatisticas .areaGrafico.graficoTabela .pgTableContainer {
	  scrollbar-width: none;
	}

	.downloadsListPage,
	.chamadoListPage,
	.ordensServicoListPage {
		margin-left: 15px;
		margin-right: 15px;
		padding-bottom: 20px;
	}

	.chamadoListPage{
		margin: 0px !important;
	}

	.downloadsListPage{
		margin: 0px !important;
	}

	.downloadsListPage .presentationArea,
	.ordensServicoListPage .presentationArea,
	.chamadoListPage .presentationArea {
	/*		background: #e7e7e7;*/
		border-radius: 5px;
		/*	height: 100px;*/
		border-bottom: 2px dashed #eee;
		margin-top: 15px;
		max-width: calc(100vw - 45px);
		margin-left: 15px;
		margin-right: 15px;
	}

	.downloadsListPage .presentationArea .vector,
	.ordensServicoListPage .presentationArea .vector,
	.chamadoListPage .presentationArea .vector {
		height: 150px;
		background-image: url('../images/chamados.webp');
		background-size: auto 140px;
		background-repeat: no-repeat;
		background-position: top left;
/*		width: 270px;*/
		position: absolute;
		top: 0px;
	}

	.downloadsListPage .presentationArea .titlePage,
	.ordensServicoListPage .presentationArea .titlePage,
	.chamadoListPage .presentationArea .titlePage {
		padding: 0px;
		font-size: 1.5rem;
		color: var(--primary-color);
		font-weight: 700;
		margin-top: 150px;
	}

	.downloadsListPage .presentationArea .lorem,
	.ordensServicoListPage .presentationArea .lorem,
	.chamadoListPage .presentationArea .lorem {
		margin-right: 5px;
		color: #999;
		font-size: 0.9rem;
		padding-bottom: 15px;
	}

	.clientAreaPage .broadcumbs {
		height: 40px;
		padding-left: 30px;
		padding-right: 20px;
		padding-top: 20px;
		/* position: fixed; */
		background: #fff;
	}

	.chamadoListPage .areaFiltros {
		border-bottom: 2px dashed #eee;
		margin-top: 0px;
		padding-bottom: 20px;
		margin-left: 15px;
		max-width: calc(100vw - 45px) !important;
		border-top: 2px dashed #eee;
		padding-top: 15px;
	}

	.chamadoListPage .areaFiltros .inputTermo{
		margin-left: 0px;
		min-width: 100%;
		max-width: 100%;
		width: 100%;
	}

	.chamadoListPage .areaFiltros .inputEmpresa {
		margin-left: 0px;
		min-width: 100%;
		max-width: 100%;
		width: 100%;
		margin-top: 7.5px;
	}

	.chamadoListPage .areaFiltros .inputStatus {
		margin-left: 0px;
		min-width: 100%;
		max-width: 100%;
		width: 100%;
		margin-top: 7.5px;
	}

	.chamadoListPage .areaFiltros .inputCreated {
		margin-left: 0px;
		min-width: calc(100% - 92.5px);
		max-width: calc(100% - 92.5px);
		width: calc(100% - 92.5px);
		margin-top: 7.5px;
	}

	.chamadoListPage .areaFiltros .btnDoSearch,
	.ordensServicoListPage .areaFiltros .btnDoSearch {
		height: 42.5px;
		margin-left: 7.5px;
		line-height: 42.5px;
		font-size: 1rem;
		width: 40px;
	}

	.chamadoListPage .areaFiltros .btnClearFilter,
	.ordensServicoListPage .areaFiltros .btnClearFilter {
		margin-left: 5px;
		height: 42.5px;
		line-height: 42.5px;
		width: 40px;
		font-size: 1.1rem;
	}

	.chamadoListPage .tableListChamados{
		margin: 0px !important;
		min-width: calc(100vw - 15px);
		margin-top: 15px !important;
	}

	.chamadoListPage .pgTableContainer{
		overflow-x: auto;
		max-width: calc(100vw - 52.5px);
		padding-left: 30px !important;
	}

	.chamadoListPage .pgTableContainer > .row{
		min-width: 1366px;
		margin-right: 0px;
	}

	.chamadoListPage .tableListChamados{
		margin-right: -20px;
	}	

	.chamadoListPage .pgTableContainer::-webkit-scrollbar {
	  display: none;
	}

	.chamadoListPage .pgTableContainer {
	  scrollbar-width: none;
	}

	.clientAreaPage .broadcumbs {
		height: 40px;
		padding-top: 0px;
		max-width: calc(100vw - 15px) !important;

		overflow-x: auto;
		padding-left: 35px;
		padding-right: 30px;
		margin-top: 5px;
		overflow-y: hidden;
	}

	.clientAreaPage .broadcumbs::-webkit-scrollbar {
	  display: none;
	}

	.clientAreaPage .broadcumbs::before {
		content: "";
		position: absolute;
		top: -20px;
		background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.9) 85%, rgba(255, 255, 255, 0.7) 90%, rgba(255, 255, 255, 0.0) 95%);
		width: 100%;
		height: 85px;
		left: 0px;
	}

	.clientAreaPage .broadcumbs>.row:first-of-type {
		align-items: center;
		height: 100%;

		width: max-content !important;
	}

	.clientAreaPage .broadcumbs .arrows {
		margin-right: 5px;
	}

	.clientAreaPage .broadcumbs .arrows .arrowItem {
		font-size: 1.1rem;
	}

	.clientAreaPage .broadcumbs .arrows .arrowItem:nth-child(2) {
		margin-left: 10px;
	}

	.clientAreaPage .broadcumbs .item {
		font-size: 0.85rem;
	}

	.clientAreaPage .broadcumbs .itemDiv {
		margin-left: 10px;
		margin-right: 10px;
	}

	.areaAcoesPadrao{
		overflow-x: auto;
	}

	/*.areaAcoesPadrao > .row:first-of-type::before{
		border-bottom: 2px dashed #eee;
		content: "";
		width: calc(100% - 30px);
		height: 100%;
		position: absolute;
		top: 0px;
		left: 15px;
	}*/

	.areaAcoesPadrao::-webkit-scrollbar {
	  display: none;
	}

	.areaAcoesPadrao > .row:first-of-type {
		width: max-content !important;
		padding-left: 15px;
		padding-right: 15px;
	}

	.areaAcoesPadrao .btnDefault {
		height: 40px;
	}

	.areaAcoesPadrao .btnDefault .texto{
		font-size: 0.85rem;
	}

	.areaAcoesPadrao .label{
		font-size: 0.8rem;
	}

	.clientAreaPage .chamadoPage {
		margin-left: 0px;
		margin-right: 0px;
		padding-bottom: 10px;
		margin-top: 15px;
		margin-left: 15px;
		margin-right: 15px;
		width: calc(100vw - 45px);
	}

	.clientAreaPage .chamadoPage .dataColumn {
		width: calc(100vw - 45px);
		position: relative;
	}

	.clientAreaPage .chamadoPage .dataColumn .boxItem {
		margin-top: 7.5px;
	}

	.clientAreaPage .chamadoPage .dataColumn .boxItem .headerArea {
		height: 40px;
	}

	.clientAreaPage .chamadoPage .dataColumn .boxItem .headerArea .icon {
		margin-left: 12.5px;
		font-size: 1.1rem;
	}

	.clientAreaPage .chamadoPage .dataColumn .boxItem .headerArea .title {
		font-size: 0.85rem;
	}

	.clientAreaPage .chamadoPage .dataColumn .boxItem .itemData {
		height: 25px;
	}

	.clientAreaPage .chamadoPage .dataColumn .boxItem .itemData .label {
		font-size: 0.775rem;
	}

	.clientAreaPage .chamadoPage .dataColumn .boxItem .itemData .value {
		font-size: 0.85rem;
		margin-left: 10px;
	}

	.clientAreaPage .chamadoPage .dataColumn .boxItem .itemData.priority .value .tagPriority {
		height: 22.5px;
		line-height: 22.5px;
		margin-left: 15px;
		font-size: 0.7rem;
		padding-left: 7.5px;
		padding-right: 7.5px;
	}

	.clientAreaPage .chamadoPage .contentColumn {
		margin-left: 0px;
		width: calc(100vw - 45px);
		margin-top: 15px;
		border-top: 2px dashed #ddd;
	}

	.clientAreaPage .chamadoPage .contentColumn .titleArea {
		color: #666;
		font-weight: 500;
		margin-top: 20px;
		height: auto;
	}

	.clientAreaPage .chamadoPage .contentColumn .titleArea>.row:first-of-type {
		align-items: start;
		height: fit-content;
	}

	.clientAreaPage .chamadoPage .contentColumn .titleArea .text {
		padding: 0px;
		margin-left: 12.5px;
		font-size: 1.1rem;
		padding-top: 3.5px;
		margin-right: 0px;
	}

	.clientAreaPage .chamadoPage .contentColumn .descriptionArea .titleArea .linkedChamado {
		height: fit-content;
		margin-left: 0px;
		line-height: 1.25rem;
		margin-top: 10px;
	}

	.clientAreaPage .chamadoPage .contentColumn .descriptionArea .titleArea .linkedChamado .iconLink {
		font-size: 0.9rem;
	}

	.clientAreaPage .chamadoPage .contentColumn .descriptionArea .titleArea .linkedChamado .title {
		font-size: 0.9rem;
	}

	.clientAreaPage .chamadoPage .contentColumn .descriptionArea .content * {
		user-select: text !important;
		font-family: "Montserrat";
		font-size: 0.9rem !important;
	}

	.clientAreaPage .chamadoPage .dataColumn .btnsActionChamadoItem {
		height: 42.5px;
		line-height: 42.5px;
		font-size: 0.8rem;
	}

	.clientAreaPage .chamadoPage .contentColumn .timeLineArea {
		margin-top: 0px;
	}

	.clientAreaPage .chamadoPage .contentColumn .timeLineArea .titleArea .text {
		font-size: 1rem;
	}

	.clientAreaPage .chamadoPage .contentColumn .diviserItens {
		border-top: 2px dashed #ddd;
		margin-top: 25px;
	}

	.clientAreaPage .chamadoPage .contentColumn .timeLineContent {
		margin-top: 20px;
	}

	.clientAreaPage .chamadoPage .contentColumn .timeLineContent .timeItem .iconLeft {
		width: 30px;
		height: 30px;
		line-height: 30px;
		font-size: 1rem;
	}

	.clientAreaPage .chamadoPage .contentColumn .timeLineContent .timeItem .containerItem {
		margin-left: 7.5px;
		max-width: calc(100% - 37.5px);
	}

	.clientAreaPage .chamadoPage .contentColumn .timeLineContent .timeItem .containerItem .actionArea {
		height: auto !important;
		margin-left: 10px;
		margin-right: 10px;
		padding-top: 7.5px;
		padding-bottom: 7.5px;
	}

	.clientAreaPage .chamadoPage .contentColumn .timeLineContent .timeItem .containerItem .actionArea>.row:first-of-type {
		align-items: center;
		height: fit-content;
	}

	.clientAreaPage .chamadoPage .contentColumn .timeLineContent .timeItem .containerItem .actionArea .icon {
		color: var(--blue-default);
		font-size: 0.9rem;
		padding: 0px;
	}

	.clientAreaPage .chamadoPage .contentColumn .timeLineContent .timeItem .containerItem .actionArea .text {
		font-size: 0.85rem;
		margin-left: 10px;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		width: calc(100% - 30px);
	}

	.clientAreaPage .chamadoPage .contentColumn .timeLineContent .timeItem .containerItem .actionArea .time {
		font-size: 0.8rem;
		font-weight: 500;
		width: calc(100%);
		text-align: center;
		margin-left: 0px;
		margin-right: 0px;
	}

	.clientAreaPage .chamadoPage .contentColumn .timeLineContent .timeItem .containerItem .finalContent {
		padding: 0px;
		margin-left: 15px;
		margin-right: 15px;
		padding-bottom: 7.5px;
		font-weight: 500;
		color: #666;
		font-size: 0.9rem;
		border-top: 1px dashed #ddd;
		padding-top: 15px;
	}

	.clientAreaPage .chamadoPage .contentColumn .areaToComment .btnList{
		width: 100%;
		margin-left: 0px;
		margin-right: 0px;
	}

	.clientAreaPage .chamadoPage .contentColumn .areaToComment .btnList .btnAction {
		height: 40px;
		width: 100%;
		margin-left: 0px;
	}

	.clientAreaPage .chamadoPage .contentColumn .areaToComment .btnList .btnAction.btnSendReply {
		margin-left: 0px;
	}

	.clientAreaPage .chamadoPage .contentColumn .areaToComment .btnList .btnAction .icon{
		margin-left: auto;
	}


	.clientAreaPage .chamadoPage .contentColumn .areaToComment .btnList .btnAction .text{
		margin-right: auto;
		margin-left: 15px;
	}

	.clientAreaPage .osPage {
		max-width: calc(100vw - 45px);
		margin-left: 15px; 
		margin-right: 15px; 
		padding-bottom: 20px; 
		margin-top: 20px; 
	}

	.clientAreaPage .osPage .dataColumn {
		max-width: calc(100vw - 45px);
		position: relative;
	}

	.clientAreaPage .osPage .dataColumn .boxItem {
		border: 1px solid #ddd;
		border-radius: 5px;
		margin-top: 10px;
		padding-bottom: 7.5px;
	}


	.clientAreaPage .osPage .dataColumn .boxItem .headerArea {
		height: 40px;
	}

	.clientAreaPage .osPage .dataColumn .boxItem .headerArea .icon {
		margin-left: 12.5px;
		font-size: 1.1rem;
	}

	.clientAreaPage .osPage .dataColumn .boxItem .headerArea .title {
		font-size: 0.85rem;
	}

	.clientAreaPage .osPage .dataColumn .boxItem .itemData {
		height: 25px;
	}

	.clientAreaPage .osPage .dataColumn .boxItem .itemData>.row:first-of-type {
		align-items: center;
		height: 100%;
	}

	.clientAreaPage .osPage .dataColumn .boxItem .itemData .label {
		font-size: 0.775rem;
	}

	.clientAreaPage .osPage .dataColumn .boxItem .itemData .value {
		font-size: 0.85rem;
		margin-left: 10px;
	}

	.clientAreaPage .osPage .dataColumn .boxItem .itemData.status .value .tagStatus {
		height: 22.5px;
		line-height: 22.5px;
		margin-left: 15px;
		font-size: 0.7rem;
		padding-left: 7.5px;
		padding-right: 7.5px;
	}

	.clientAreaPage .osPage .dataColumn .boxItem .areaChamadoVinculado .itemData.chamado .iconOpen {
		font-size: 0.925rem;
	}

	.clientAreaPage .osPage .contentColumn {
		margin-left: 0px;
		max-width: calc(100vw - 45px);
		border-top: 2px dashed #ddd;
		margin-top: 15px;
		padding-bottom: 15px;
	}

	.clientAreaPage .osPage .contentColumn .titleArea {
		color: #666;
		font-weight: 500;
		margin-top: 20px;
		height: auto;
	}

	.clientAreaPage .osPage .contentColumn .titleArea>.row:first-of-type {
		align-items: start;
		height: fit-content;
	}

	.clientAreaPage .osPage .contentColumn .titleArea .text {
		padding: 0px;
		margin-left: 12.5px;
		font-size: 1.1rem;
		padding-top: 3.5px;
		margin-right: 0px;
	}

	.clientAreaPage .osPage .contentColumn .descriptionArea .content {
		padding: 0px;
		margin-top: 20px;
	}

	.clientAreaPage .osPage .dataColumn .btnsActionChamadoItem {
		height: 42.5px;
		line-height: 42.5px;
		font-size: 0.8rem;
	}

	.clientAreaPage .osPage .dataColumn .btnImprimirOrdemServico {
		height: 42.5px;
		line-height: 42.5px;
		margin-top: 10px;
	}

	.modalReprovarOrdemServico .descricao{
		font-size: 0.9rem;
	}

	.modalReprovarOrdemServico .descricao span{
		color: var(--red);
		font-weight: 600;
	}

	.modalReprovarOrdemServico .inputMotivo{
		margin-top: 20px;
	}

	.modalReprovarOrdemServico .btnModalItem{
		min-width: 100% !important;
		height: 42.5px;
		margin-top: 7.5px;
		line-height: 42.5px;
	}

	.modalReprovarOrdemServico .btnModalCancel{
		margin-top: 20px;
	}

	.modalReprovarOrdemServico .btnModalConfirm{
		margin-left: 0px;
	}

	.ordensServicoListPage .areaFiltros {
		border-bottom: 2px dashed #eee;
		border-top: 2px dashed #eee;
		margin-top: 0px;
		padding-bottom: 20px;
		max-width: calc(100vw - 47px) !important;
		margin-left: 15px;
		margin-right: 15px;
		padding-top: 15px;
	}

	.ordensServicoListPage .areaFiltros .inputTermo{
		margin-left: 0px;
		min-width: 100%;
		max-width: 100%;
		width: 100%;
	}

	.ordensServicoListPage .areaFiltros .inputEmpresa {
		margin-left: 0px;
		min-width: 100%;
		max-width: 100%;
		width: 100%;
		margin-top: 7.5px;
	}

	.ordensServicoListPage .areaFiltros .inputStatus {
		margin-left: 0px;
		min-width: 100%;
		max-width: 100%;
		width: 100%;
		margin-top: 7.5px;
	}

	.ordensServicoListPage .areaFiltros .inputCreated {
		margin-left: 0px;
		min-width: calc(100% - 92.5px);
		max-width: calc(100% - 92.5px);
		width: calc(100% - 92.5px);
		margin-top: 7.5px;
	}

	.paginaOrdensServico{
		margin-left: 0px;
		margin-right: 0px;
	}

	.paginaOrdensServico .areaAcoesPadrao .listaAcoes{
		margin-left: 0px;
		margin-right: 0px;
	}

	.paginaOrdensServico .areaAcoesPadrao .listaAcoes .btnExportar{
		margin-left: 0px;
		margin-right: 0px;
	}

	.paginaOrdensServico .areaAcoesPadrao .areaBotoesSelecionados{
		margin-left: 30px;
	}

	.paginaOrdensServico .tableListOrdensServico{
		margin: 0px !important;
		min-width: calc(100vw - 15px);
		margin-top: 15px !important;
	}

	.paginaOrdensServico .pgTableContainer{
		overflow-x: auto;
		max-width: calc(100vw - 52.5px);
		padding-left: 30px !important;
	}

	.paginaOrdensServico .pgTableContainer > .row{
		min-width: 1366px;
		margin-right: 0px;
	}

	.paginaOrdensServico .tableListOrdensServico{
		margin-right: -20px;
	}	

	.paginaOrdensServico .pgTableContainer::-webkit-scrollbar {
	  display: none;
	}

	.paginaOrdensServico .pgTableContainer {
	  scrollbar-width: none;
	}

	.ordensServicoListPage .tableListOrdensServico .bubbleStatus {
		height: 22.5px;
		padding-left: 8px;
		padding-right: 8px;
		line-height: 22.5px;
		margin-left: 10px;
		font-size: 0.7rem;
		margin-right: 10px;
	}

	.ordensServicoListPage .tableListOrdensServico .btnSelectAll{
		font-weight: 500;
	}

	.contentFinal{
		height: calc(100dvh - 60px) !important;
	}

	.ordensServicoListPage{
		height: max-content;
	}

	.signInPage .formArea{
		width: calc(100vw - 15px);
		margin-left: 7.5px;
		margin-right: 7.5px;
		padding-bottom: 15px;
	}

	.signInPage .formArea .inputUser{
		margin-left: 15px;
		margin-right: 15px;
	}

	.signInPage .formArea .inputPassword{
		margin-left: 15px;
		margin-right: 15px;
		margin-top: 10px;
	}

	.signInPage .formArea .recoverBtn{
		margin-left: 15px;
	}

	.signInPage .formArea .row.rpbta{
		margin-top: 15px;
	}

	.signInPage .formArea .logo {
		height: 75px;
		background-size: auto 60px;
		margin-top: 20px;
	}

	.signInPage .formArea .btnDoAccess {
		height: 40px;
		line-height: 40px;
		margin-right: 15px;
	}

	.signInPage .formArea .btnDoAccess .icon{
		height: 30px;
		line-height: 30px;
		margin-right: 5px;
	}

	.signInPage .formArea .btnDoAccess.loading{
		height: 40px;
	}

	.signInPage .formArea .btnDoAccess.loading::before {
		height: 40px;
	}

	.clientAreaPage .chamadoPage .contentColumn .areaToComment .areaToReply .ql-container.ql-snow{
		min-height: 100px;
	}

	.modalCriarChamado .inputEmpresa {
		min-width: 100%;
		margin-right: 0px;
	}

	.modalCriarChamado .inputContato {
		min-width: 100%;
		margin-left: 0px;
		margin-top: 10px;
	}

	.modalCriarChamado .inputContatoCopia {
		width: 100%;
	}

	.modalCriarChamado .inputProduto {
		width: 100%;
	}

	.modalCriarChamado .inputDepartamento {
		width: 100%;
	}

	.modalCriarChamado .inputDescription {
		width: 100%;
	}

	.modalCriarChamado .areaDescription {
		width: 100%;
	}
	
	.modalCriarChamado .btnModalConfirm{
		min-width: 100% !important;
		margin-top: -97.5px;
		margin-left: 0px;
	}

	.modalCriarChamado .btnModalCancel{
		min-width: 100% !important;
		margin-top: 65px;
	}

	.modalCriarChamado .areaDescription .ql-container.ql-snow{
		min-height: 100px;
	}

	.clientAreaPage .osPage .contentColumn .mensagemReenvio{
		margin-top: 20px;
		padding-top: 20px;
	}

	.clientAreaPage .osPage .contentColumn .mensagemReenvio .titleArea{
		margin-top: 0px;
	}

	.clientAreaPage .osPage .contentColumn .mensagemReenvio .titleArea .icon{
		font-size: 1rem;
	}

	.clientAreaPage .osPage .contentColumn .mensagemReenvio .titleArea .text{
		font-size: 0.95rem;
		margin-top: -4px;
	}

	.clientAreaPage .osPage .contentColumn .mensagemReenvio .mensagem .identificacao{
		margin-top: 10px;
		font-size: 0.9rem;
	}

	.clientAreaPage .osPage .contentColumn .mensagemReenvio .mensagem .final{
		margin-top: 5px;
		font-size: 0.9rem;
	}

	.paginaPerfil .header{
		margin: 15px 15px 0px 15px;
		padding-bottom: 20px;
	}

	.paginaPerfil .header > .row:first-of-type{
		align-items: start;
	}

	.paginaPerfil .header .imagemPerfil{
		width: 60px;
		height: 60px;
	}

	.paginaPerfil .header .informacoesPrincipais{
		margin-left: 12.5px;
	}

	.paginaPerfil .header .informacoesPrincipais .nome{
		font-size: 1rem;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		width: 1px;
	}

	.paginaPerfil .header .informacoesPrincipais > .row:nth-child(2){
		height: fit-content;
		align-items: center;
		margin-top: 0px;
	}

	.paginaPerfil .header .informacoesPrincipais .item{
		font-size: 0.85rem;
		width: calc(100%);
		padding-top: 5px;
	}

	.paginaPerfil .header .informacoesPrincipais .divisor{
		display: none;
	}

	.paginaPerfil .tabsArea{
		margin-left: 15px;
		margin-right: 15px;
	}

	.paginaPerfil .tabsArea .tabItem:first-of-type{
		margin-left: 0px;
	}

	.paginaPerfil .tabsArea .tabItem{
		width: calc(50%);
		margin-left: 0px;
	}

	.paginaPerfil .tabsArea .tabItem .icon{
		margin-left: 15px;
	}

	.paginaPerfil .contentTabDados{
		margin: 10px 15px 0px 15px;
		width: calc(100% - 30px);
		padding-bottom: 20px;
	}

	.paginaPerfil .contentTabDados .tituloSecao{
		width: 100%;
		margin-top: 20px;
	}


	.paginaPerfil .contentTabDados .tituloSecao .btnEditar > .row:first-of-type{
		align-items: center;
		margin-top: 10px;
	}


	.paginaPerfil .contentTabDados .dadosSecao{
		margin-top: 20px;
	}

	.paginaPerfil .contentTabDados .diviser{
		border-bottom: 2px dashed #eee;
		margin-top: 20px;
	}

	.paginaPerfil .contentTabDados .dadosSecao .item{
		margin-top: 5px;
		min-width: calc(100% - 12.5px);
		max-width: calc(100% - 12.5px);
		margin-left: 12.5px;
	}

	.modalEditarDadosPessoais .inputEmail{
		margin-top: 10px;
		min-width: 100%;
		max-width: 100%;
	}

	.modalEditarDadosPessoais .inputTelefone{
		margin-left: 0px;
		min-width: 100%;
		max-width: 100%;
	}

	.modalEditarDadosPessoais .inputDocumento{
		margin-top: 10px;
		min-width: 100%;
		max-width: 100%;
	}

	.modalEditarDadosPessoais .inputDataNascimento{
		margin-left: 0px;
		min-width: 100%;
		max-width: 100%;
	}

	.paginaPerfil .contentTabNotificacoes{
		margin: 25px 10px 0px 10px;
	}

	.paginaPerfil .contentTabNotificacoes .tabelaConfiguracaoNotificacoes .header{
/*		display: none;*/
	}

	.paginaPerfil .contentTabNotificacoes .tabelaConfiguracaoNotificacoes .header .item:not(.gateway){
		display: none;
	}

	.paginaPerfil .contentTabNotificacoes .tabelaConfiguracaoNotificacoes .header .item.gateway{
		text-align: center;
		padding: 0px;
		margin: 0px;
		width: calc(33.33%);
	}

	.paginaPerfil .contentTabNotificacoes .tabelaConfiguracaoNotificacoes .moduloArea .tituloModulo .icone{
		font-size: 0.875rem;
	}

	.paginaPerfil .contentTabNotificacoes .tabelaConfiguracaoNotificacoes .moduloArea .tituloModulo .texto{
		font-size: 0.8rem;		
	}

	.paginaPerfil .contentTabNotificacoes .tabelaConfiguracaoNotificacoes .areaListaItens .descricao{
		min-width: 100%;
		max-width: 100%;
		padding: 0px;
		font-weight: 600;
		font-size: 0.875rem;
		color: #999;
		text-align: center;
		margin-top: 10px;
		padding-bottom: 2.5px;
	}

	.paginaPerfil .contentTabNotificacoes .tabelaConfiguracaoNotificacoes .areaListaItens .inputAtivo{
		width: 85px;
		margin-top: 0px;
	}

	.paginaPerfil .contentTabNotificacoes .tabelaConfiguracaoNotificacoes .areaListaItens .inputAtivo .containerSwitch .itemToBubble{
		margin-left: 0px;
		margin-right: 0px;
	}

	.paginaPerfil .contentTabNotificacoes .tabelaConfiguracaoNotificacoes .areaListaItens .inputAtivo:first-of-type{
		margin-left: auto !important;
	}

	.paginaPerfil .contentTabNotificacoes .tabelaConfiguracaoNotificacoes .areaListaItens .inputAtivo:last-of-type{
		margin-right: auto !important;
	}

	.downloadsListPage .titleSelect{
		font-size: 1rem;
	}

	.downloadsListPage .areaSelectProduct,
	.downloadsListPage .areaSelectVersion{
		margin-left: 15px;
		margin-right: 15px;
	}

	.downloadsListPage .areaSelectProduct .listProducts .itemProduct{
		min-width: calc(100%);
		height: auto !important;
		padding-top: 12.5px;
		padding-bottom: 12.5px;
	}

	.downloadsListPage .areaSelectProduct .listProducts .itemProduct .logo {
		width: 40px;
		height: 40px;
	}

	.downloadsListPage .areaInfoVersao{
		margin-top: 15px;
		margin-left: 15px;
	}

	.downloadsListPage .areaToShowArquivos .columTypeFile{
		max-width: calc(100%);
		min-width: calc(100%);
		border-left: 0px;
		margin-left: 0px;
	}

	.downloadsListPage .areaToShowArquivos .columTypeFile .titleLine .icon {
		font-size: 1.3rem;
		margin-left: 0px;
	}

	.downloadsListPage .areaToShowArquivos .columTypeFile .putListItens {
		margin-left: 0px;
	}

	.downloadsListPage .areaToShowArquivos .columTypeFile .titleLine .title {
		font-size: 0.9rem;
	}

	.indexAreaCliente .areaEstatisticas {
		max-width: calc(100dvw - 40px);
		margin-left: 10px;
		margin-right: 10px;
		padding-bottom: 15px;
	}

	.indexAreaCliente .areaEstatisticas .inputEmpresa{
		width: 100%;
		margin-right: 10px;
		margin-left: 10px;
	}

	.indexAreaCliente .areaEstatisticas .inputPeriodoMes{
		min-width: 80%;
		margin-top: 5px;
		margin-left: 10px;
		margin-right: 10px;
	}

	.indexAreaCliente .areaEstatisticas .inputProjeto{
/*		min-width: calc(100dvw - 40px - 30px);*/
		margin-top: 5px;
	}

	.indexAreaCliente .dashboardCard{
		max-width: calc(100dvw - 40px);
		margin-left: 10px;
		margin-right: 10px;
	}

	.indexAreaCliente .dashboardCard .itemValor .labelFinal{
		font-size: 0.9rem;
	}

	.indexAreaCliente .dashboardCard .itemValor.menor .labelFinal{
		width: 100%;
		padding: 0px;
		margin-left: 0px;
	}

	.indexAreaCliente .dashboardCard .labelSecundaria{
		font-size: 0.9rem;
	}

	.indexAreaCliente .graficoComparativoAnual{
		max-width: calc(100dvw - 40px);
		margin-left: 10px;
		margin-right: 10px;
	}

	.indexAreaCliente .dashboardCard.cardChamado .itemValor .labelFinal{
		min-width: 100%;
		margin-left: 0px;
		padding: 0px;
		font-size: 0.85rem;
	}

	.indexAreaCliente .rf{
		padding-left: 0px;
	}

	.indexAreaCliente .btnFind {
		height: 42.5px;
		width: 42.5px;
		line-height: 42.5px;
		font-size: 1rem;
	}
}