:root {
    --color-primary: #00bf5d;;
    --color-secundary: #182951;;
    --color-primary-oscuro: #27bf5d;;
    --color-txt-subtitle: #1e2432;
    --color-txt-input: #bec2ce;
    --color-txt-button: #fff;
    --color-orange: #f0ba64;
    --color-gray: #2e4765;
    --color-gray2: #242021;
    --color-white: #fff;
    --color-white2: #f5f6fa;
}


#header_container {
    display: flex;
    position: initial;
    top: 0px;
    width: -moz-available;
    width: -webkit-fill-available;
    height: auto;
    margin-left: 280px;
    padding-left: 90px;
    padding-right: 50px;
    margin-right: 0px !important;
    background: #f5f6fa;
    border-top-left-radius: 106px;
    justify-content: space-between;
	flex-wrap: wrap;
}


header{
	padding-left: 90px;
	margin-right: 250px;
	padding-top:30px;
	height: 100%;
	display: flex;
	color: var(--color-primary);
	background-color: transparent;
	/*justify-content: space-between;*/
	/*flex-wrap: wrap;*/
}

#cont_cuenta {
    width: fit-content;
    min-width: 25%;
    padding-left: 0px;
}

#cont_rol {
    width: fit-content;
    min-width: 30%;
}

#cont_rol_mov {
    width: fit-content;
    min-width: 100%;
	display: none;
}

.header2{
	display: none !important;
	transition: all 0.5s ease;
}

.seccion_header--titulo-contenido {
	margin-left: -14px !important;
}

.modal_info_header{
	display: flex;
	flex-direction: column;
	padding: 15px 20px 15px 10px !important;
	background-color: #fff;
	border-radius: 27px;
	box-shadow: 30px 20px 20px 0 rgba(46, 71, 101, 0.08);
	color: black;
	/* word-break: break-all; */
}

.modal_info_header_rol{
	display: none;
}

.modal_info_header-movil{
	display: none;
}

.seccion_header{
	display: flex;
	-ms-align-items: center;
	align-items: center;
	padding-left: 40px !important;
	padding-top: 0px!important;
}

.seccion_header--titulo{
	width: fit-content !important;
}

.seccion_header--controles{
	width: 350px;
}

.header_info .w50{
	width: none !important;
}



#contenedor_principal{
	width: -moz-available;
	height: 100%;
	padding: 0px 50px 0px 90px !important;
	margin: -1px 0px 0px 280px !important;
	border-bottom-left-radius: 106px;
	background: var(--color-white2);
	overflow-x: clip;
	overflow-y: scroll;
	scrollbar-width: initial !important;
}


 /*Oculta el panel lateral derecho*/
.panel_seccion{
	display: none !important;
}

#panel_container{
	display: none;
}



.header_info{
	flex-direction: row;
	background-color: #182951;
	border-radius: 27px;
	box-shadow: 30px 20px 20px 0px rgba(46, 71, 101, 0.08);
	color: white;
	margin: 10px 50px 10px 0px !important;
	/* padding: 22 0; */
	align-items: center;
	gap: 10px;
}

.header_content_info{
	flex-direction: row;
	color: white;
	margin: 0px 0px 10px -10px !important;
	/* padding: 22 0; */
	align-items: center;
}

.header_section1{
	flex-direction: row;
	color: white;
	margin: 0px 0px 10px -10px !important;
	/* padding: 22 0; */
	align-items: center;
}

#misClientes_hitorial{
	display: grid;
	grid-template-columns: auto auto auto auto;
	justify-content: space-evenly;
	background-color: #182951;
	border-radius: 27px;
	box-shadow: 30px 20px 20px 0px rgba(46, 71, 101, 0.08);
	color: white;
	margin: 10px -15px 10px -20px !important;
	align-items: center;
	gap: 0px;
}

.modal_info{
	display: flex;
	flex-direction: row;
	background-color: #fff;
	border-radius: 27px;
	box-shadow: 30px 20px 20px 0px rgba(46, 71, 101, 0.08);
	color: black;
	margin: 10px 10px 10px 10px;
	padding: 20px 10px 10px 10px;
	padding-right: 0px !important;
}

#w100-modal-info .btn-primary {
    width: 100%;
}


.subtema{
	color: #1e2432;
	padding: 10px 10px;
	margin-left: -36px !important;
	padding-right: 40px !important;
}

.contenido{
	display: flex;
	flex-direction: row;
	text-align: center;
	background-color: #fff;
	border-radius: 27px;
	box-shadow: 30px 20px 20px 0px rgba(46, 71, 101, 0.08);
	color: black;
	margin: 10px 50px 10px 0px !important;
	padding: 10px;
}

.contenido-2{
	display: flex;
	flex-direction: row;
	text-align: center;
	background-color: #fff;
	border-radius: 27px;
	box-shadow: 30px 20px 20px 0px rgba(46, 71, 101, 0.08);
	color: black;
	margin: 10px 0px 10px 0px !important;
	padding: 25px 0px;
	margin-left: -35px !important;
}

.content_estatus{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.contenido-2-btn{
	display: flex;
	flex-direction: row;
	border-radius: 27px;
	margin: 10px 50px 10px 0px !important;
	gap: 10px;
}

.contenido-3{
	display: flex;
	flex-direction: row;
	text-align: center;
	background-color: rgba(255, 255, 255, 0);
	border-radius: 27px;
	margin: 10px 0px 10px 0px !important;
	padding: 0px;
	margin-left: -20px !important;
}

.cont_pago_escritorio{
	display: block;
}
@media (min-width: 540px) {
	.cont_pago_escritorio{
		
	}
}

.contenedor_soporte{
	display: flex;
    flex-direction: row !important;
	width: auto !important;
    height: auto;
    padding: 0px !important;
	margin: 45px 0px 30px 0px !important;
    border: 0px !important;
	text-align: initial;
    background-color: rgba(255, 255, 255, 0);
	
	
}

.button_soporte {
    grid-area: plan;
    justify-content: center;
    display: grid;
    border-radius: 10px;
    background-color: #182951;
    color: #fff;
    height: 180px;
    align-items: center;
    width: 157px;
    margin-left: -20px;
    margin-top: 5px;
	box-shadow: 10px 10px 30px 0 rgb(0 0 0 / 20%);
}
@media (min-width: 540px) {
	.button_soporte{
		width: 100%;
	}
}

.button_soporte0 {
	border-radius: 10px;
	background-color: #182951;
	color: #fff;
	height: 180px;
	align-items: center;
	width: 157px;
	margin-left: -5px;
	margin-top: 5px;
	box-shadow: 10px 10px 30px 0 rgb(0 0 0 / 20%);
	text-align: left;
	padding: 10px 0px 10px 15px !important;
  }
  @media (min-width: 540px) {
	.button_soporte0{
		width: 100%;
	}
}

.button_soporte_img {
	text-align: left;
	padding: 10px 0px 10px 15px !important;
	  	
	background-size: cover; /* Usamos cover para que nuestra imagen no se deforme al adaptarse a cada pantalla */
  	background-position: center; /* Para centrar la imagen horizontal y verticalmente en el contenedor */
  	background-repeat: no-repeat; /* Para que no repita la imagen */
}
@media (min-width: 540px) {
	.button_soporte_img{
		width: 100%;
	}
}

.cont_height{
	display: grid;
	height: 130px;
	z-index: 5000;
}

#soporte_fondobutton1{
	background-image: url("/assets/img/new_imagenes/soporte_fondobutton1.png"); /* La imagen y su ruta */
	margin: 0px;
	height: 190px;
	filter: brightness(0.5);
}

#soporte_fondobutton2{
	background-image: url("/assets/img/new_imagenes/soporte_fondobutton2.png"); /* La imagen y su ruta */
	margin: 0px;
	height: 190px;
	filter: brightness(0.5);
}

#soporte_fondobutton3{
	background-image: url("/assets/img/new_imagenes/soporte_fondobutton3.png"); /* La imagen y su ruta */
	margin: 0px;
	height: 190px;
	filter: brightness(0.5);
}

.formul{
    display: flex !important;
    flex-direction: row !important;
	position: fixed !important;
	width: auto !important;
    height: auto;
    padding: 0px !important;
	margin: 145px 0px 30px 0px !important;
    border: 0px !important;
    border-radius: 36px !important;
	text-align: initial;
    box-shadow: 10px 10px 40px 0 rgb(0 0 0 / 16%);
    background-color: #fff;
	top: 0px;
	bottom: 0px;
	left: 370px;
	right: 60px;
}

.formul_land{
	width: 80%;
    height: auto;
    border: 0px !important;
    border-radius: 36px !important;
	text-align: initial;
    box-shadow: 10px 10px 40px 0 rgb(0 0 0 / 16%);
    background-color: #fff;
	top: 100px;
}
@media (max-width:991.8px){
	.formul_land{
	  width:100%;
	}
}

.formul_full {
    display: flex !important;
    flex-direction: row !important;
	position: fixed !important;
	width: auto !important;
    height: auto;
    padding: 0px !important;
	margin: 170px 0px 30px 0px !important;
    border: 0px !important;
    border-radius: 36px !important;
	text-align: initial;
    box-shadow: 10px 10px 40px 0 rgb(0 0 0 / 16%);
    background-color: #fff;
	top: 0;
	bottom: 0;
	left: 370px;
	right: 60px;
}

.formul_full_noshadow {
    display: flex !important;
    flex-direction: row !important;
	position: fixed !important;
	width: auto !important;
    height: auto;
    padding: 0px !important;
	margin: 170px 0px 30px 0px !important;
    border: 0px !important;
    border-radius: 36px !important;
	text-align: initial;
    
    background-color: #fff;
	top: 0;
	bottom: 0;
	left: 370px;
	right: 60px;
	margin: 220px 0px 100px 0px !important;		
		box-shadow: 0px;
		padding: 0px 20px 0px 20px !important;
		top: 30px !important;
		bottom: 90px !important;
		left: 0 !important;
		right: 0 !important;
}

.formul_full_form{
    display: flex !important;
    flex-direction: row !important;
	position: fixed !important;
	width: auto !important;
    height: auto;
    padding: 0px !important;
	margin: 170px 0px 30px 0px !important;
    border: 0px !important;
    border-radius: 36px !important;
	text-align: initial;
    box-shadow: 10px 10px 40px 0 rgb(0 0 0 / 16%);
    background-color: #fff;
	top: 0;
	bottom: 0;
	left: 370;
	right: 60;
}

.head_full{
    display: flex !important;
    flex-direction: row !important;
	position: fixed !important;
	width: auto !important;
    height: auto;
    padding: 0px !important;
	margin: 120px 0px 30px 0px !important;
    border: 0px !important;
    border-radius: 36px !important;
	text-align: initial;
   
	top: 0;
	bottom: 0;
	left: 70px;
	right: 60px;
}

#formul_agregarCliente{
	max-height: 650px;
}

#formul_editarCliente{
	max-height: 600px;
}

/* #formul_colaborar{
	max-height: 510px;
} */

.formul-cont{
	display: flex;
	flex-direction: column;
	gap: 10px 0px;
	padding: 20px 30px 10px 40px;
	overflow-y: scroll;
    overflow-x: clip;
	scrollbar-width: none;
}

.formul-cont-mitad{
	display: flex;
	flex-direction: column;
	
	padding: 20px 30px 70px 30px;
	overflow-y: scroll;
    overflow-x: clip;
	scrollbar-width: none;
	background-color: #fff;
	border-radius: 36px !important;
    box-shadow: 10px 10px 40px 0px rgb(0 0 0 / 16%);
}

.formul-cont-pilar{
	position:relative;
	display: flex;
	flex-direction: column;
	
	padding: 10px 30px 70px 30px;
	overflow-y: scroll;
    overflow-x: clip;
	scrollbar-width: none;
	background-color: #fff;
	border-radius: 36px !important;
    box-shadow: 10px 10px 40px 0px rgb(0 0 0 / 16%);
	margin-top: -80px;
}

.formul-cont-mitad2{
	display: flex;
	flex-direction: column;
	
	padding: 20px 30px 30px 30px;
	overflow-y: scroll;
    overflow-x: clip;
	scrollbar-width: none;
	background-color: #fff;
	border-radius: 36px !important;
    box-shadow: 10px 10px 40px 0px rgb(0 0 0 / 16%);
	display: block;
}

.formul p{
	color: gray;
}

.cont_btn_dbClientes {
	display: flex;
    align-items: baseline;
    gap: 5%;
    justify-content: center;
}


.content-footer{
	display: flex;
	height: fit-content;
	margin: 10px;
	justify-content: end;
	margin-top: 50px !important;
	margin-bottom: 30px !important;
}

.content-space{
	display: flex;
	height: fit-content;
	margin: 10px;
	justify-content: end;
	margin-top: 90px !important;
	margin-bottom: 30px !important;
}

.content-center{
	display: flex;
	height: fit-content;
	margin: 10px;
	justify-content: center;
		margin-top: 20px !important;
		margin-bottom: 10px !important;
		
}

.content-center-0{
	display: flex;
	height: fit-content;
	margin: 0px;
	justify-content: center;
		margin-top: 20px !important;
		margin-bottom: 10px !important;
		
}

.content-center-btn{
	display: flex;
	height: fit-content;
	margin: 10px;
	justify-content: center;
		margin-top: 20px !important;
		margin-bottom: 10px !important;
		display: none;
}

.content-footer2{
	justify-content: center !important;
	width: 100%;
	padding: 2% 30% 0% ;
}

.modal_azul{
	width: 314.3px;
	height: 155px;
	margin: 10px 12px 10px 8px;
	padding: 30px 69.3px 50.1px 68px;
	border-radius: 27px;
	box-shadow: 20px 40px 20px 0px rgba(0, 0, 0, 0.08);
	background-color: #EDEDED;
	margin-top: -40px !important;
	color: #2E4765;
  }

  .modal_ejemplo_logo{
	flex-direction: row;
	  background-color: #F5F6FA;
	  border-radius: 27px;
	  color: black;
	  margin: 0px !important;
	  padding: 0px;
	  align-items: center;
	width: 100%;
	height: 80px;
  }

  .modal_combo_gray{
	flex-direction: row;
	  background-color: #F5F6FA;
	  border-radius: 27px;
	  color: black;
	  margin: 10px !important;
	  padding: 15px;
	  align-items: center;
	width: 70%;
	height: 60px;
  }

  .modal_combo_white{
	flex-direction: row;
	  background-color: #fff;
	  border-radius: 27px;
	  color: black;
	  margin: 10px !important;
	  padding: 15px;
	  align-items: center;
	width: 70%;
	height: 60px;
  }

  .modal_verde{
	
  }

	

	.mostrar{
		display: none;
	}

  .Rectngulo-5 {
	width: 100%;
	height: 130px;
	margin: 138.8px 122.3px 36.7px 0px;
	padding: 20px 10px 10px 10px;
	border-radius: 27px;
	background-color: #fff;
  }

  .Rectngulo-azul {
	width: 100%;
	height: 130px;
	margin: 138.8px 122.3px 36.7px 0px;
	padding: 0px 0px 0px 0px;
	border-radius: 27px;
	background-color: #4678eb;
	color: #fff;
	z-index: 40 !important;
  }

  .Rectngulo-azul-110 {
	position: relative;
	width: 109%;
	height: 90px;
	margin: 138.8px 122.3px 26.7px 0;
	padding: 0px 0px 0px 0px;
	border-radius: 27px;
	
	background-color: #4678eb;
	color: #fff;
	z-index: 50 !important;
  }

  .Rectngulo-azul2 {
	width: 100%;
	height: 130px;
	margin: 138.8px 122.3px 36.7px 0px;
	padding: 0px 0px 0px 0px;
	border-radius: 27px;
	background-color: #4678eb;
	color: #fff;
	
  }

  .Rectngulo-grafica {
	width: 100%;
    height: auto;
    margin: 138.8px 122.3px 0px 0px;
    padding: 30px 20px 20px 20px;
    border-radius: 27px;
    background-color: rgba(255, 255, 255, 0);
    display: block;
  }

.tabla_factura {
	margin-top: 0px !important;
}


.mostrar_rfc, .sin_rfc, .alert_sin_rfc{
	display: none;
}

.option_menu_cuenta {
	position: fixed;
    background-color: white;
    top: 80px;
    padding: 5px 10px 10px 10px;
    flex-direction: column;
    margin-left: -70px;
	display: none;
	border-radius: 8px;
	box-shadow: 0px 10px 15px grey;
	z-index: 50;
	width: fit-content;
}

.option_menu_cuenta > ul > li { padding: 5px; border-bottom: 1px solid #ccc;}
.option_menu_cuenta > ul > li > a {color: #2e4765; text-decoration: none; font-size: 11px;}
.option_menu_cuenta > ul > li:hover { background: white;}
.option_menu_cuenta > ul > li:hover > a { color: #27bf5d;}

.option_menu_cuenta  > ul > li:nth-last-child(1){
	border-bottom: 0px solid #ccc;
}

/*Responsive---------------------------------------------------*/
@media (min-width: 1530px){
	#contenedor_principal{
		scrollbar-width: none;
	}
}

@media (max-width: 1403px){
	.cont_btn_dbClientes {
		flex-direction: column;
		align-items: center;
	}
}

@media (max-width: 1367px){

}

@media (max-width: 1230px){
	#fechas_header {
		display: flex;
	}

}


@media (max-width: 1200px){
	.formul-cont-mitad2{
		display: flex;
		flex-direction: column;
		
		padding: 20px 30px 50px 30px;
		overflow-y: scroll;
		overflow-x: clip;
		scrollbar-width: none;
		background-color: #fff;
		border-radius: 36px !important;
		box-shadow: 10px 10px 40px 0px rgb(0 0 0 / 16%);
		
		margin: 10px;
	}
	
	.img-visible{
		display: none;
	}

	.formul-cont {
		padding: 20px 30px 10px 30px;
	}

	#dashboardCliente {
		display: flex;
		flex-direction: column;
		margin-top: 40px !important;
	}

	#dashboardCliente .col-9{
		width: 100% !important;
	}

	/* #dashboardCliente .col-3{
		width: 100% !important;
	} */

	#fechas_header {
		flex-direction: column;
		margin-top: 0px;
	}

	#cont-modal_info{
		width: 100% !important;
	}

	.header_info, .contenido, .contenido-2{
		margin: 10px 0px 10px -40px !important;
	}

	.contenido-3{
		
	}

	#w100-modal-info {
		width: 100%;
	}

	#cont_cuenta {
		min-width: 30%;
	}

}


@media (max-width: 1115px){
	.contenido, .contenido-2{
		flex-direction: column;
		align-content: center;
		gap: 10px;
	}

	.contenido, .contenido-3{
		
		gap: 10px;
	}

	.cont_btn_dbClientes {
		flex-direction: row;
		align-items: baseline;
	}

	#header_container {
		flex-direction: row;
	}
}

@media (max-width: 976px){
	#fechas_header {
		display: flex;
		flex-direction: row;
	}

	.cont_btn_dbClientes {
		flex-direction: column;
		align-items: center;
	}
}



@media (max-width:900px){

	.content-center{
		display: flex;
		height: fit-content;
		margin: 10px;
		justify-content: center;
			margin-top: 20px !important;
			margin-bottom: 10px !important;
			
	}
	.content-center-0{
		display: flex;
		height: fit-content;
		margin: 0px;
		justify-content: center;
			margin-top: 10px !important;
			margin-bottom: 10px !important;
			
	}
	.content-center-btn{
		display: flex;
		height: fit-content;
		margin: 10px;
		justify-content: center;
			margin-top: 20px !important;
			margin-bottom: 10px !important;
			display: block;
	}
	.modal_ejemplo_logo{
		flex-direction: row;
		  background-color: #F5F6FA;
		  border-radius: 27px;
		  color: black;
		  margin: 0px !important;
		  padding: 0px;
		  align-items: center;
		width: 70%;
		height: 120px;
	  }

	#header_container {
		display: flex;
        position: initial;
        top: 0px;
        width: -moz-available;
        height: auto !important;
        margin-left: 0px;
        margin-right: 0px !important;
        padding-left: 20px !important;
        padding-right: 0px !important;
        background: #F7F8FA;
        border-top-left-radius: 0px;
		flex-direction: column;
    }

	#misClientes_hitorial {
		margin: 10px 0px 10px 0px !important;
	}

	#rfc_rz{
		display: none;
	}

	.modal_info_header-movil{
		display: flex;
		flex-direction: row !important;
		padding-right: 30px !important;
		background-color: transparent;
		justify-content: space-between;
	}

	.seccion_header{
		display: flex;
		-ms-align-items: center;
		align-items: center;
		padding-left: 0px !important;
		padding-top: 0px!important;
	  }

	.header_info .w50{
		width: 50% !important;
	}

	#contenedor_principal{
		width: auto;
		height: 100%;
		padding: 0px 50px 0px 90px !important;
		margin: 0px 0px 67px 0px !important;
		border-bottom-left-radius: 0px;
		background: #fff;
		scrollbar-width: none;
	}

	.header_info, .contenido, .contenido-2{
		margin: 10px 0px !important;
	}

	.contenido-3{
		flex-direction: column;
		align-content: center;
		margin: 10px 0px !important;
	}

	.modal_info_header{
		display: flex;
		background-color: #fff;
		border-radius: 27px;
		box-shadow: 30px 20px 20px 0 rgba(46, 71, 101, 0.08);
		color: black;
		-ms-align-items: center;
		align-items: center;
		padding-left: 30px;
		padding-top: 11px !important;
		margin-right: 50px;
		margin-left: -12px;
		height: fit-content;
		display: none;
	}

	.modal_info_header_rol{
		display: grid;
		grid-template-rows:  auto auto;
		grid-template-areas: "rfc" "rz";

		background-color: #fff;
		width: 100% !important;
		height: 50px !important;
		margin: 20px 40px;
		padding: 10px;
		padding-left: 20px !important;
		border-radius: 27px;
		
		cursor: pointer;
		/* border: solid 1px #00bf5d; */
	}

	#cont_rol {
		display: none;
	}

	#cont_rol_mov {
		display: flex;
	}
	#cont_rol_mov #seleccionar_rol_select{
		width: 100%;
		margin: 30px 15px 0px 30px;
	}

	.subtema {
		margin-left: 10px !important;
	  }

	.content-footer{
		justify-content: center;
		margin-top: 20px !important;
		margin-bottom: 20px !important;
	}

	.formul {
		box-shadow: 0px 0px 0px 0px;
		padding: 20px !important;
		top: 30px !important;
		bottom: 90px !important;
		left: 35px !important;
		right: 35px !important;
	}

	.formul_full {
		margin: 220px 0px 100px 0px !important;		
		box-shadow: 0px;
		padding: 0px 20px 0px 20px !important;
		top: 30px !important;
		bottom: 90px !important;
		left: 0 !important;
		right: 0 !important;
	}

	.formul_full_form {
		margin: 120px 0px 100px 0px !important;		
		box-shadow: 0 0 0 0;
		padding: 0px 20px 0px 20px !important;
		top: 30 !important;
		bottom: 90 !important;
		left: 0 !important;
		right: 0 !important;
	}

	#descargar_mes_actual, #descargar_annio_actual {
		width: 100%;
	}

	.formul-cont {
		padding: 10px;
	}

	#fechas_header {
		justify-content: center;
	}

	.contenido-2-btn {
		margin-right: 0px !important;
	}

	.modal_azul{
		width: 314.3px;
		height: 155px;
		margin: 10px 12px 10px 8px;
		padding: 0px 69.3px 50.1px 68px;
		border-radius: 27px;
		box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.08);
		background-color: #ffffff;
		margin-top: -40px !important;
		color: #242021;
		text-align: center;
	  }

	  .modal_verde{
		width: 314.3px;
		height: 130px;
		margin: 20px 2px 10px 0px;
		padding: 30px 69.3px 50.1px 68px;
		border-radius: 27px;
		box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.08);
		background-color: #27bf5d;
		margin-top: -40px !important;
		color: #fff;
	  }

	  .modal_blue{
		width: 314.3px;
		height: 130px;
		margin: 20px 2px 10px 0px;
		padding: 30px 69.3px 50.1px 68px;
		border-radius: 27px;
		box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.08);
		background-color: #4678eb;
		margin-top: -40px !important;
		color: #fff;
	  }

	  .modal_blue .txtBoldMini{
		  color: white;
	  }

	  .cont_desk{
		display: none;
	}

	.mostrar{
		display: block;
	}

	  .Rectngulo-5 {
		width: 100%;
		height: 40%;
		margin: 138.8px 122.3px 36.7px 0;
		padding: 30px 0px 20px 20px;
		border-radius: 27px;
		background-color: #fff;
	  }

	  .Rectngulo-grafica {
		width: 100%;
		height: auto;
		margin: 138.8px 122.3px 0px 0px;
		padding: 30px 20px 20px 20px;
		border-radius: 27px;
		background-color: rgba(255, 255, 255, 0);
	}

	  .Rectngulo-azul2 {
		width: 100%;
		height: 40%;
		margin: 138.8px 122.3px 36.7px 0px;
		padding: 0px 0px 0px 0px;
		border-radius: 27px;
		background-color: #fff;
		color: rgb(3, 3, 3);
		
	  }

	  .Rectngulo-azul-110 {
		position: relative;
		width: 109%;
		height: 90px;
		margin: 138.8px 122.3px 26.7px 0px;
		padding: 0px 0px 0px 0px;
		border-radius: 27px;
		
		background-color: #182951;
		color: #fff;
		z-index: 50 !important;
	  }
	  
	  .formul-cont-mitad{
		display: flex;
		flex-direction: column;
		
		padding: 20px 30px 50px 30px;
		overflow-y: scroll;
		overflow-x: clip;
		scrollbar-width: none;
		background-color: #fff;
		border-radius: 36px !important;
		box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 16%);
		width: 100%;
		
	}
	.formul-cont-pilar{
		display: flex;
		flex-direction: column;
		
		padding: 120px 30px 50px 30px;
		overflow-y: scroll;
		overflow-x: clip;
		scrollbar-width: none;
		background-color: #F7F8FA;
		border-radius: 36px !important;
		box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 16%);
		width: 100%;
		margin-top: -170px;
	}
	  .formul-cont-mitad2{
		display: flex;
		flex-direction: column;
		
		padding: 20px 30px 50px 30px;
		overflow-y: scroll;
		overflow-x: clip;
		scrollbar-width: none;
		background-color: #fff;
		border-radius: 36px !important;
		box-shadow: 10px 10px 40px 0px rgb(0 0 0 / 16%);
		display: none;
	}

	.option_menu_cuenta{
		top: 60px;
		margin-left: 0px;
	}
}


@media (max-width: 600px){
	.formul-cont .row{
		flex-direction: column;
	}
	.formul-cont{
		flex-direction: column;
		gap: 20px;
	}
}

.cont_deskt{
	display: block;
}
@media (min-width: 540px) {
	.cont_deskt{
		display: none;
	}
}

.cont_mostrar{
	display: none;
}
@media (min-width: 540px) {
	.cont_mostrar{
		display: block;
	}
}