@media (min-width: 2652px) {
	.container-rbm {
		max-width: 100%;
	}

	.rbm-frames {
		max-width: 100%;
		flex-grow: 1;
	}
}

@media (min-width: 1400px) {
	.container-rbm {
		max-width: 100%;
	}

	.rbm-frames {
		max-width: 100%;
		flex-grow: 1;
	}
}

@media (min-width: 1367px) {
	.container {
		margin-left: 18.75vh;
		margin-right: 18.75vh;
	}

	#rbm_mostrar {
		position: absolute;
		width: 60 px;
		height: 25 px;
		font-family: Poppins;
		font-style: normal;
		font-weight: normal;
		font-size: 12px;
		line-height: 112%;
		margin-top: 4vh;
		margin-left: 10%;
		text-align: right;
		letter-spacing: 0.4px;
		cursor: pointer;
		color: #0092D4;
	}

	#img-login {
		position: absolute;
		width: auto;
		height: 100vh;
		left: 0px;
		top: 0px;
	}

	#img-nuvem {
		position: absolute;
		width: 85px;
		height: 75px;
		left: 3.22%;
		right: 90.92%;
		top: 89.96%;
		bottom: 23.44%;
	}

	#rbm_p-alterar {
		margin-top: 20vh;
		margin-left: 15%;
	}

	#rbm_reenviar_cod {
		position: absolute;
		width: 300px;
		height: 16px;
		/* margin-left: -50vh; */
		/* Poppins/Button - 14 px */
		font-family: Poppins;
		font-style: normal;
		font-weight: 500;
		font-size: 14px;
		line-height: 112%;
		/* identical to box height, or 16px */
		/* Azul / 700 */
		color: var(--bs-primary);
	}

}

/* MAX-WIDTH */

@media (max-width: 900px) {
	.rbm_imgLogin {
		display: none;
	}

	#div-form {
		margin: auto;
	}

	#div-logo {
		margin-left: 20%;
	}
	.sidebar {
		display: none;
	}
	.img-lateral-login {
		display: none;	
	}
	.container-login {
		margin: auto;
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media (max-width: 1366px) {
	#img-login {
		position: absolute;
		width: auto;
		height: auto;
		/*width: 462px;
		height: 768px;*/
		left: 0px;
		top: 0px;
	}

	#rbm_p-alterar {
		margin-top: 15%;
		margin-left: 18%;
	}

	#rbm_reenviar_cod {
		position: absolute;
		width: 300px;
		height: 16px;
		/* margin-left: 35vh; */
		/* Poppins/Button - 14 px */
		font-family: Poppins;
		font-style: normal;
		font-weight: 500;
		font-size: 14px;
		line-height: 112%;
		/* identical to box height, or 16px */
		/* Azul / 700 */
		color: var(--bs-primary);
	}
}

@media (max-width: 1400px) {
	.container-rbm {
		max-width: 100%;
	}

	.rbm-frames {
		max-width: 100%;
		flex-grow: 1;
	}
}

@media (max-width: 2000px) {
	.container-rbm {
		max-width: 100%;
	}

	.rbm-frames {
		max-width: 100%;
		flex-grow: 1;
	}
}


@media only screen and (min-width: 960px) {
	/* styles for browsers larger than 960px; */
	.filter-dias30,
	.filter-dias15 {
		font-size: 15px;
	}

}

@media only screen and (min-width: 1440px) {
	/* styles for browsers larger than 1440px; */
}
@media only screen and (min-width: 1600px) {
	/* styles for browsers larger than 1440px; */
	.data-transf::-webkit-calendar-picker-indicator {
		left: 3.9vw !important;
	}
}

@media only screen and (min-width: 2000px) {
	/* for sumo sized (mac) screens */
}

@media only screen and (max-device-width: 480px) {
	/* styles for mobile browsers smaller than 480px; (iPhone) */
	.img-lateral-login {
		display: none;	
	}
	.container-login {
		margin: auto;
		padding-left: 15px;
		padding-right: 15px;
	}
	#fundo-login {
		height: 100vh;
	}
	.sidebar {
		display: none;
	}
	.tela-cadastro {
		width:0px;
	}
	.buttons-email {
		width: 103%;
		margin-top: 60% !important;
	}
	.tela-email {
		width: 85%;
		height: 80vh;
	}
	#rbm_p_codCadastro {
		width: 95%;
	}
	.token-dig {
		width: 83%;
		margin-left: auto;
    	margin-right: auto
	}
	.rbm_input-cod_cad {
		width: 140%;
	}
	.tela-rep {
		width: 100vw;
		height: 100%;
	}
	.rbm-posicionamentoToast {
		position: absolute;
		right: -8px;
		top: 2vh;
	}
	.base-menu {
		display:none;
	}
	.tela-faturamento {
		width: 100vw;
    	margin-top: 34% !important;
	}
	.rbm_input-money {
		width: 90%;
	}
	.button-faturamento {
		width: 100%;
		margin-top: 119% !important;
	}
	.rbm-modalContas {
		width: 100%;
		height: 70px;
		font-size: 11px;
	}
	.mobile-padding {
		padding: 1%;
	}
	.selectmodal + .select2-container .select2-selection {
		width: 350px;
	}
	.mobile-padding2 {
		padding: 5%;
	}
	.button-envio {
		padding: 0.5rem!important;
	}
	.rbm-chevron-right {
		font-size: 29px !important;
	}
	.titulo {
		margin-left: 0 !important;
	}
	.rbm_btn_vol-confirma,
	.btn_pro-confirma {
		width: 48%;
		font-size: 83%;
	}
	#toast-mobile {
		right: -20%;
	}
	#formOperacao {
		width: 100vw !important;
    	padding: 17px;
	}
	#rbm_centralizaResumo {
		width: 100% !important;
		margin-left: 0 !important;
	}
	.mobile-buttons-operacoes {
		gap: 2rem !important;
	}
	.mobile-detalhes-operacao {
		flex-direction: column;
	}
}
@media only screen and (max-device-width: 600px) {
	/* styles for mobile browsers smaller than 600px; */
	.img-lateral-login {
		display: none;	
	}
	.container-login {
		margin: auto;
		padding-left: 15px;
		padding-right: 15px;
	}
	#fundo-login {
		height: 100vh;
	}
	.sidebar {
		display: none;
	}
	.tela-cadastro {
		width:0px;
	}
	.buttons-email {
		width: 103%;
		margin-top: 60% !important;
	}
	.tela-email {
		width: 85%;
		height: 80vh;
	}
	#rbm_p_codCadastro {
		width: 95%;
	}
	.token-dig {
		width: 83%;
		margin-left: auto;
    	margin-right: auto
	}
	.rbm_input-cod_cad {
		width: 140%;
	}
	.tela-rep {
		width: 100vw;
		height: 100%;
	}
	.rbm-posicionamentoToast {
		position: absolute;
		right: 11px;
		top: 2vh;
	}
	.dados-rep {
		flex-direction: column!important;
	}
	.tamanho-end-repre {
		width: 98vw;
	}
	.margin-rep {
		margin-top: 5%;
	}
	.button-rep {
		width: 100%;
	}
	.rbm_input_representantes {
		width: 92vw;
	}
	.rbm_select {
		width: 92vw;
	}
	.remover-representante {
		width: 40%;
	}
	.add-rep {
		width: 90% !important;
	}
	.tela-faturamento {
		width: 100vw;
    	margin-top: 34% !important;
	}
	.rbm_input-money {
		width: 90%;
	}
	.button-faturamento {
		width: 100%;
		margin-top: 119% !important;
	}
	.base-menu {
		display:none;
	}
	.rbm-modalContas {
		width: 100%;
		height: 70px;
		font-size: 11px;
	}
	.mobile-padding {
		padding: 1%;
	}
	.selectmodal + .select2-container .select2-selection {
		width: 350px;
	}
	.mobile-padding2 {
		padding: 5%;
	}
	.button-envio {
		padding: 0.5rem!important;
	}
	.rbm-chevron-right {
		font-size: 29px !important;
	}
	.titulo {
		margin-left: 0 !important;
	}
	.rbm_btn_vol-confirma,
	.btn_pro-confirma {
		width: 48%;
		font-size: 83%;
	}
	#toast-mobile {
		right: -20%;
	}
	#modalRepresentante {
		width: 102% !important;
	}
	.mobile-modal-excluirRep {
		margin-left: 5%;
	}
	.mobile-container-rep {
		display: block !important;
	}
	.mobile-text-faturamento {
		margin-left: 10%;
	}
	.mobile-rep {
		display: none !important;
	}
	.mobile-senhaMultiConta {
		width: 90vw;
	}
	.mobile-button-multiContas {
		width: 100vw;
	}
	.body-confirmacao {
		top: 83vh !important;
	} 
	.tela-termo-multiconta {
		width: calc(185% - 364px) !important;
		height: 65% !important;
	}
	.mobile-finaliza-multiConta {
		width: 82%!important;
		margin-top: 50%
	}
	.mobile-end-margin {
		margin-top: 10%;
	}
	.mobile-listarRep-multiConta {
		display: none;
	}
	.container-cadastro {
		width: 100vw;
	}
	.mobile-rep-multiConta {
		width: 96vw;
		--bs-gutter-x: 1.5rem;
    	--bs-gutter-y: 0;
    	display: flex;
    	flex-wrap: wrap;
    	margin-top: calc(var(--bs-gutter-y) * -1);
    	margin-right: calc(var(--bs-gutter-x) * -.5);
		margin-top: 3%;
	}
	.mobile-modal-contato-boleto {
		width: 150vw !important;
		padding-right: 0 !important;
	}
	#moduloBoleto {
		width:100vw;
	}
	.mobile-espacamento_vencimento,
	.mobile-datavencimento {
		margin-left: 0px !important;
		padding-left: 0px !important;
	}
	.mobile-datavencimento::-webkit-calendar-picker-indicator {	
		left: -271px;	
	}
	.mobile-rbm_shadow_resumo {
		width: 130vw !important;
	}
	.mobile-dados-valor {
		width: 21vw !important;
	}
	.mobile-dados-multa,
	.mobile-dados-juros {
		width: 32vw !important;
	}
	.mobile-taxa-servico {
		width: 45vw !important;
	}
	.mobile-valor-receber {
		width: 42vw !important;
		margin-left: 60%;
	}
	#progressbar {
		width: 135vw;
		margin-left: -4vh !important;
	}
	.mobile-form-control,
	.mobile-button-dadosBoleto {
		width: 145vw !important;
	}
	.mobile-montaDadosBoleto {
		width:133vw;
	}
	.mobile-button-defina-vencimento {
		width:130vw;
	}
	.mobile-boleto-filter-cep {
		right: -10vw !important;
	}
	.modal-backdrop {
		width: 100% !important;
		height: 100% !important;
	}
	.mobile-rbm_tit-Boleto {
		width: 128vw !important;
    	margin-bottom: 7%;
	}
	.mobile-dados-end-boleto {
		flex-direction: column !important;
	}
	.mobile-boleto-valores {
		--bs-gutter-x: 1.5rem;
    	--bs-gutter-y: 0;
    	display: flex;
    	flex-wrap: wrap;
    	margin-top: calc(var(--bs-gutter-y) * -1);
    	margin-right: calc(var(--bs-gutter-x) * -.5);
    	margin-left: calc(var(--bs-gutter-x) * -.5);
	}
	.mobile-modal-validacao-boleto {
		padding-right: 0px !important;
	}
	#formOperacao {
		width: 100vw !important;
    	padding: 17px;
	}
	#rbm_centralizaResumo {
		width: 100% !important;
		margin-left: 0 !important;
	}
	.mobile-buttons-operacoes {
		gap: 2rem !important;
	}
	.mobile-detalhes-operacao {
		flex-direction: column;
	}
}

@media only screen and (max-device-width: 375px) {
	/* styles for mobile browsers smaller than 375px; (iPhone) */
	.img-lateral-login {
		display: none;	
	}
	.container-login {
		margin: auto;
		padding-left: 15px;
		padding-right: 15px;
	}
	#fundo-login {
		height: 100vh;
	}
	.sidebar {
		display: none;
	}
	.tela-cadastro {
		width:0px;
	}
	.buttons-email {
		width: 103%;
		margin-top: 60% !important;
	}
	.tela-email {
		width: 85%;
		height: 80vh;
	}
	#rbm_p_codCadastro {
		width: 95%;
	}
	.token-dig {
		width: 83%;
		margin-left: auto;
    	margin-right: auto
	}
	.rbm_input-cod_cad {
		width: 140%;
	}
	.tela-rep {
		width: 330px;
		height: 100%;
	}
	.rbm-posicionamentoToast {
		position: absolute;
		right: 11px;
		top: 2vh;
	}
	.dados-rep {
		flex-direction: column!important;
	}
	.tamanho-end-repre {
		width: 306px;
	}
	.margin-rep {
		margin-top: 5%;
	}
	.button-rep {
		width: 100%;
	}
	.rbm_input_representantes {
		width: 284px;
	}
	.rbm_select {
		width: 284px;
	}
	.remover-representante {
		width: 40%;
	}
	.add-rep {
		width: 90% !important;
	}
	.tela-faturamento {
		width: 100vw;
    	margin-top: 34% !important;
	}
	.rbm_input-money {
		width: 90%;
	}
	.button-faturamento {
		width: 100%;
		margin-top: 119% !important;
	}
	.rbm-container-upload {
		margin-top: 10%;
	}
	#iniDoc{
		width: 95%;
	}
	.tamanho_input_cod {
		width: 60px;
	}
	.rbm_btn_vol-confirma,
	.btn_pro-confirma {
		width: 48%;
		font-size: 83%;
	}
	.base-menu {
		display:none;
	}
	.rbm-modalContas {
		width: 100%;
		height: 60px;
		font-size: 11px;
	}
	.mobile-padding {
		padding: 1%;
	}
	.selectmodal + .select2-container .select2-selection {
		width: 350px;
	}
	.mobile-padding2 {
		padding: 5%;
	}
	.button-envio {
		padding: 0.5rem!important;
	}
	.rbm-chevron-right {
		font-size: 29px !important;
	}
	.titulo {
		margin-left: 0 !important;
	}
	#toast-mobile {
		right: -20%;
	}
	#modalRepresentante {
		width: 102% !important;
	}
	.mobile-modal-excluirRep {
		margin-left: 5%;
	}
	.mobile-rep {
		display: none !important;
	}
	.mobile-senhaMultiConta {
		width: 90vw;
	}
	.mobile-button-multiContas {
		width: 100vw;
	}
	.body-confirmacao {
		top: 83vh;
	} 
	.tela-termo-multiconta {
		width: calc(185% - 364px) !important;
		height: 65% !important;
	}
	.mobile-finaliza-multiConta {
		width: 82%!important;
		margin-top: 50%
	}
	.mobile-end-margin {
		margin-top: 10%;
	}
	.mobile-listarRep-multiConta {
		display: none;
	}
	.container-cadastro {
		width: 100vw;
	}
	#formOperacao {
		width: 100vw !important;
    	padding: 17px;
	}
	#rbm_centralizaResumo {
		width: 100% !important;
		margin-left: 0 !important;
	}
	.mobile-buttons-operacoes {
		gap: 2rem !important;
	}
	.mobile-detalhes-operacao {
		flex-direction: column;
	}
}

@media only screen and (device-width: 768px) {
	/* default iPad screens */
	.img-lateral-login {
		display: none;	
	}
	.container-login {
		margin: auto;
		padding-left: 15px;
		padding-right: 15px;
	}
	#fundo-login {
		height: 100vh;
	}
	.sidebar {
		display: none;
	}
	.tela-cadastro {
		width:0px;
	}
	.tela-email {
		width: 85%;
		height: 80vh;
	}
	.buttons-email {
		width: 103%;
		margin-top: 60% !important;
	}
	#rbm_p_codCadastro {
		width: 95%;
	}
	.token-dig {
		width: 83%;
		margin-left: auto;
    	margin-right: auto
	}
	.rbm_input-cod_cad {
		width: 140%;
	}
	.tela-rep {
		width: 100vw;
		height: 100%;
	}
	.rbm-posicionamentoToast {
		position: absolute;
		right: -8px;
		top: 2vh;
	}
	.dados-rep {
		flex-direction: column!important;
	}
	.tamanho-end-repre {
		width: 361px;
	}
	.margin-rep {
		margin-top: 5%;
	}
	.button-rep {
		width: 100%;
	}
	.base-menu {
		display:none;
	}
	.tela-faturamento {
		width: 100vw;
    	margin-top: 34% !important;
	}
	.rbm_input-money {
		width: 90%;
	}
	.button-faturamento {
		width: 100%;
		margin-top: 119% !important;
	}
	.rbm-modalContas {
		width: 100%;
		height: 70px;
		font-size: 11px;
	}
	.mobile-padding {
		padding: 1%;
	}
	.selectmodal + .select2-container .select2-selection {
		width: 350px;
	}
	.mobile-padding2 {
		padding: 5%;
	}
	.button-envio {
		padding: 0.5rem!important;
	}
	.rbm-chevron-right {
		font-size: 29px !important;
	}
	.titulo {
		margin-left: 0 !important;
	}
	.rbm_btn_vol-confirma,
	.btn_pro-confirma {
		width: 48%;
		font-size: 83%;
	}
	#toast-mobile {
		right: -20%;
	}
	.mobile-container-rep {
		display: block !important;
	}
	#formOperacao {
		width: 100vw !important;
    	padding: 17px;
	}
	#rbm_centralizaResumo {
		width: 100% !important;
		margin-left: 0 !important;
	}
	.mobile-buttons-operacoes {
		gap: 2rem !important;
	}
	.mobile-detalhes-operacao {
		flex-direction: column;
	}
}

/* different techniques for iPad screening */
@media only screen and (min-device-width: 360px) and (max-device-width: 1024px) and (orientation:portrait) {
	/* For portrait layouts only */
	.mobile-rep {
		display:none !important;
	}
	.mobile-senhaMultiConta {
		width: 90vw;
	}
	.mobile-button-multiContas {
		width: 100vw;
	}
	.body-confirmacao {
		top: 83vh !important;
	} 
	.tela-termo-multiconta {
		width: calc(185% - 364px) !important;
		height: 65% !important;
	}
	.mobile-finaliza-multiConta {
		width: 82%!important;
		margin-top: 50%
	}
	.mobile-end-margin {
		margin-top: 10%;
	}
	.mobile-listarRep-multiConta {
		display: none;
	}
	.container-cadastro {
		width: 100vw;
	}
	.mobile-rep-multiConta {
		width: 96vw;
		--bs-gutter-x: 1.5rem;
    	--bs-gutter-y: 0;
    	display: flex;
    	flex-wrap: wrap;
    	margin-top: calc(var(--bs-gutter-y) * -1);
    	margin-right: calc(var(--bs-gutter-x) * -.5);
		margin-top: 3%;
	}
	.mobile-modal-contato-boleto {
		padding-right: 0 !important;
		width: 150vw !important;
	}
	#moduloBoleto {
		width:100vw;
	}
	.mobile-espacamento_vencimento,
	.mobile-datavencimento {
		margin-left: 0px !important;
		padding-left: 0px !important;
	}
	.mobile-datavencimento::-webkit-calendar-picker-indicator {	
		left: 297px;	
	}
	.mobile-rbm_shadow_resumo,
	.mobile-button-gerar-boleto {
		width: 130vw !important;
	}
	.mobile-dados-valor {
		width: 21vw !important;
	}
	.mobile-dados-multa,
	.mobile-dados-juros {
		width: 32vw !important;
	}
	.mobile-taxa-servico {
		width: 45vw !important;
	}
	.mobile-valor-receber {
		width: 42vw !important;
		margin-left: 60%
	}
	#progressbar {
		width: 135vw;
		margin-left: -4vh !important;
	}
	.mobile-form-control,
	.mobile-button-dadosBoleto {
		width: 145vw !important;
	}
	.mobile-montaDadosBoleto {
		width:133vw;
	}
	.mobile-button-defina-vencimento {
		width:130vw;
	}
	.mobile-boleto-filter-cep {
		right: -10vw !important;
	}
	.mobile-card-boleto {
		width: 130vw;
	}
	.modal-backdrop {
		width: 100% !important;
		height: 100% !important;
	}
	.mobile-rbm_tit-Boleto {
		width: 128vw !important;
    	margin-bottom: 7%;
	}
	.mobile-dados-end-boleto {
		flex-direction: column !important;
	}
	.mobile-boleto-valores {
		--bs-gutter-x: 1.5rem;
    	--bs-gutter-y: 0;
    	display: flex;
    	flex-wrap: wrap;
    	margin-top: calc(var(--bs-gutter-y) * -1);
    	margin-right: calc(var(--bs-gutter-x) * -.5);
    	margin-left: calc(var(--bs-gutter-x) * -.5);
	}
	.mobile-modal-validacao-boleto {
		padding-right: 0px !important;
	}
	.seis-digitos {
		width: 313px;
	}
	#modalConfirmacao {
		padding-right: 0;
	}
}

@media only screen and (min-device-width: 480px) and (max-device-width: 1024px) and (orientation:landscape) {
	/* For landscape layouts only */
	.sidebar {
		display: none;
	}
	.tela-cadastro {
		width:0px;
	}
	.filter-cep {
		display:none !important;
	}
	.tela-email {
		width: 85%;
	}
	#rbm_p_codCadastro {
		width: 95%;
	}
	.token-dig {
		width: width: 106%;
	}
	.tela-rep {
		width: 0%;
	}
	.img-lateral-login {
		display: none;	
	}
	.container-login {
		margin: auto;
		padding-left: 15px;
		padding-right: 15px;
	}
	.tela-termo {
		/* display: none !important; */
		width: calc(135% - 364px) !important;
		height: 50% !important;
	}
	.tela-termo-multiconta {
		width: calc(135% - 364px) !important;
		height: 35% !important;
	}
	.body-confirmacao {
		top: 60vh !important;
	}
	.menu-esquerda {
		width: 100%;
		height: 100vh;
		overflow-y: auto;
    	overflow-x: hidden !important;
	}
	#mobile-base-main {
		width: 100% !important;
	}
	.mobile-menu-rapido {
		width: 100%;
		flex-direction: column;
	}
	.mobile-cabecalho {
		width: 100%;
	}
	.base-menu {
		/* display: none; */
		width: 40% !important;
	}
	.mobile-title {
		font-size: 65%;
    	margin-top: 10% !important;
		margin-left: 40% !important;
	}
	.mobile-nav {
		font-size: 59%;
		margin-left: 6%;
	}
	.mobile-transf {
		--bs-gutter-x: 1.5rem;
    	--bs-gutter-y: 0;
		width: 100%;
    	display: flex;
    	flex-wrap: wrap;
    	margin-top: calc(var(--bs-gutter-y) * -1);
    	margin-right: calc(var(--bs-gutter-x) * -.5);
    	margin-left: calc(var(--bs-gutter-x) * -.5);
		padding-right: 0rem!important;
	}
	.mobile-filter-tipo {
		width: 8.8em;
	}
	#pesq-nome {
		font-size: 70%;
	}
	.mobile-search {
		font-size: 71%;
    	margin-top: 6%;
	}
	.mobile-search-transf {
    	margin-top: 2%;
	}
	.mobile-filter-transf {
		font-size: 100% !important;
	}
	.filter-geral {
		font-size: 60%;
		height: 0%;
	}
	.filter-dias30,
	.filter-dias15 {
		font-size: 57%;
		height: 0%;
		width: 34% !important;
	}
	.datavencimento::-webkit-calendar-picker-indicator {
		left: 10%;
	}
	.rbm_shadow_resumo {
		width: 100% !important;
	}
	.mobile-valor {
		width: 93%;
	}
	.rbm-posicionamentoToast {
		position: absolute;
		right: 3px;
		top: 23vh;
		width: 40%;
		z-index: 9999;
	}
	.hamburger {
		display: block;
		margin-left: -4px;
		width: 28px;
    	height: 28px;
		z-index: 1020
	}
	.mobile-titulo {
		width: 12% !important;
		margin-top: 0.5rem !important;
	}
	.mobile-hamburguer {
		margin-right: 0 !important;
		display: block;
	}
	#dados-pessoais {
		width: 100%;
	}
	.mobile-menu-buttons {
		margin-left: 0% !important;
		margin-top: 5%;
	}
	#data-inicial,
	#data-final {
		width: 100% !important;
		font-size: 75%;
	}
	#filter-tipo,
	#filter-dias {
		font-size: 65%;
	}
	.filter-pesquisa {
		width: 100%!important;
	}
	#minhas-contas {
		width: 85%;
	}
	.solicitar {
		width: 108%;
	}
	.mobile-contatos {
		padding: 0% !important;
	}
	.mobile-contact-number {
		width: 15%;
	}
	.mobile-contact-cpfcnpj {
		width: 32%;
	}
	.mobile-contact-fone {
		width: 26%;
	}
	.mobile-contact-name {
		width: 42%;
	}
	.mobile-contact-email {
		margin-top: 1rem!important;
		width: 70%;
	}
	.mobile-contact-log {
		width: 60%;
	}
	.mobile-contact-cep {
		width: 30%;
	}
	.mobile-contact-city {
		width: 50%;
	}
	.mobile-container-transf {
		padding: 6%;
	}
	.mobile-centralizar {
		margin-left: 10vh;
	}
	#progressbar2 {
		margin-right: -13vh;
	}
	.mobile-saldo {
		font-size: 123%;
	}
	.rbm-message {
		font-size: 100%;
	}
	.mobile-tipo {
		width: 5.3em;
	}
	.mobile-dias {
		width: 6.3em;
	}
	.mobile-text {
		font-size: 85%;
	}
	.mobile-pesq-boleto {
		width: 80% !important;
	}
	.mobile-dropdown {
		padding-top: 1.0rem!important;
	}
	.mobile-emitirBoleto {
		padding-top: 1.0rem!important;
		margin-right: 0rem!important
	}
	.rbm-select-boleto {
		width: 110%;
	}
	.mobile-filter-boleto {
		font-size: 95% !important;
	}
	.mobile-lupaBoleto {
		font-size: 95%;
    	margin-top: 3%;
	}
	.mobile-button-contact {
		margin-top: 3%;
	}
	.mobile-input-cpfcnpj {
		font-size: 97%;
	}
	.mobile-input-name {
		font-size: 85%;
	}
	.mobile-input-fone {
		font-size: 90%;
	}
	.mobile-toast-contact {
		right: 110px !important;
		top: 7vh !important;
	}
	.mobile-toast-parametrizacao {
		z-index: 4 !important;
	}
	.mobile-multiContas {
		width: 0 !important;
	}
	.mobile-container-multiContas {
		width: 100vw;
	}
	.moduloInfoPagamento {
		width: 80vw;
	}
	#rbm_centralizaResumo_pag {
		width: 80vw;
	}
	.alinha_sair {
		margin-left: 2rem !important;
		width: 15%;
	}
	#mobile-text-linha-digitavel {
		font-size: 10px;
		display: block !important;
	}
	.mobile-div-vencimento {
		margin-left: 5%;
	}
	.mobile-spinner {
		max-width: 100vw !important;
	}
	
}

@media only screen (min-device-width: 1025px) and (max-device-width: 1050px) and (orientation:landscape) {
	/* For landscape layouts only */
	.sidebar {
		width: 26%;
	}
	.tela-cadastro {
		width:0px;
	}	
	.filter-cep {
		display:none !important;
	}
	.tela-email {
		width: 85%;
	}
	#rbm_p_codCadastro {
		width: 95%;
	}
	.token-dig {
		width: 106%;
	}
	.tela-rep {
		width: 0%;
	}
	.img-lateral-login {
		display: none;	
	}
	.container-login {
		margin: auto;
		padding-left: 15px;
		padding-right: 15px;
	}
	#mobile-base-main {
		width: 100% !important;
	}
	.menu-esquerda {
		width: 85%;
	}
	.menu-esquerda {
		width: 100%;
		height: 100vh;
		overflow-y: auto;
    	overflow-x: hidden !important;
	}
	#mobile-base-main {
		width: 100% !important;
	}
	.mobile-menu-rapido {
		width: 100%;
	}
	.mobile-cabecalho {
		width: 100%;
	}
	.base-menu {
		/* display: none; */
		width: 40% !important;
	}
	.mobile-title {
		font-size: 55%;
    	margin-top: 10% !important;
		margin-left: 40% !important;
	}
	.mobile-nav {
		font-size: 55%;
		margin-left: 6%;
	}
	.mobile-transf {
		width: 49%;
	}
	#pesq-nome {
		font-size: 70%;
	}
	.mobile-search {
		font-size: 71%;
    	margin-top: 6%;
	}
	.filter-geral {
		font-size: 60%;
		height: 0%;
	}
	.filter-dias30,
	.filter-dias15 {
		font-size: 57%;
		height: 0%;
		width: 34% !important;
	}
	.rbm-select-boleto {
		width: 125%;
	}
	.datavencimento::-webkit-calendar-picker-indicator {
		left: 10%;
	}
	.rbm_shadow_resumo {
		width: 100% !important;
	}
	.mobile-valor {
		width: 93%;
	}
	.rbm-posicionamentoToast {
		position: absolute;
		right: 15px;
		top: 23vh;
	}
	.hamburger {
		display: block;
		margin-left: -18px;
		width: 28px;
    	height: 28px;
		z-index: 1020
	}
	.mobile-titulo {
		width: 12% !important;
	}
	.mobile-hamburguer {
		margin-right: 0 !important;
		display: block;
	}
	.moduloInfoPagamento {
		width: 80vw;
	}
	#rbm_centralizaResumo_pag {
		width: 80vw;
	}
	.alinha_sair {
		margin-left: 2rem !important;
		width: 15%;
	}
	#mobile-text-linha-digitavel {
		font-size: 10px;
		display: block !important;
	}
	.mobile-div-vencimento {
		margin-left: 5%;
	}
	.mobile-spinner {
		max-width: 100vw !important;
	}
}

@media (min-width: 1200px){ 
	.modal-xl {
    	max-width: 1145px !important;
	}
}

@media (min-width: 1300px) {
	.data-transf::-webkit-calendar-picker-indicator {
		left: 71px;
	} 
	.container-cadastro {	
		width: 60vw;
	}
	#rbm_input-cod_pag {
		width: 60vw !important;
	}
	.linha-digitavel {
		margin-top: 10% !important
	}
	.texto-sucesso,
	.mobile-valor-pagamento {
		width: 60vw !important;
	}
	#rbm_centralizaResumo_pag,
	.button-tela-resumo-pagamento {
		width: 64vw;
	}
	.resumo-transf-media,
	.button-resumo-transf {
		width: 55vw !important;
	}
	.tela-fazer-transf {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.progressbar-transf {
		width: 70vw;
	}
	.tela-sucesso {
		display: flex;
    	flex-direction: column;
    	justify-content: center;
    	align-items: center
	}
	.button-tela-sucesso {
		justify-content: center;
    	align-items: center;
		margin-left: -43px !important;
	}
	.button-sair {
		margin-left: 0;
	}
}
@media (min-width: 1320px) { 
	.data-transf::-webkit-calendar-picker-indicator {
		cursor: pointer;
    	left: 3.6vw;
    	margin: 0;
   		position: absolute;
    	filter: var(--filter);
	}
	.input-tela-transf {
		width: 25vw;
	}
	.button-fazer-transf {
		width: 50vw !important;
	}

}
@media (min-width: 1920px) { 
	.mobile-datavencimento::-webkit-calendar-picker-indicator {
		left: 14vw !important;
		margin: 35vw !important;
	}
	.seis-digitos {
		width: 550px;
	}
	#modalConfirmacao {
		padding-right: 0;
	}

}
@media only screen and (min-width: 720px) and (max-width: 730px)  and (orientation: landscape) {
	.mobile-cabecalho {
		width: 104% !important;
	}
	.mobile-filter-boleto {
		font-size: 80% !important;
	}
	.filter-dias30, .filter-dias15 {
		font-size: 56%;
		height: 0%;
		width: 35% !important;
	}
	.rbm-select-boleto {
		width: 134%;	
	}
}

@media only screen and (min-width: 1835px) and (max-width: 1836px) {
	.seis-digitos {
		width: 313px;
	}
	#modalConfirmacao {
		padding-right: 0;
	}
}

@media (-webkit-device-pixel-ratio: 3) and (max-width: 1200px) and (orientation: landscape) {
	.menu-esquerda {
		width: 100%;
		height: 100vh;
		overflow-y: auto;
		overflow-x: hidden !important;
		-webkit-overflow-scrolling: "touch";
	}
	.base-menu {
		top: 0;
		width: 40% !important;
		height: 100vh;
	}
	.hamburger {
		display: block;
	}
	.mobile-hamburguer {
		margin-right: 20px;
		display: block;
	}
}