/* ESTILO PARA AJUSTAR LOS STEPS DE DATOS PERSONALES */
#main-content { 
    background: #f8f8f8;
}
#datoPasos, #stepDatos  {
    padding: 0;
}
#datoPasos .ay-boxed-form_stepper, #stepDatos .ay-column--stepper {
    max-width: 100%;
}

#datoPasos .ay-column-layout {
    margin-top: 0;
    padding: 0;    
}
#stepDatos .ay-stepper {
    padding-left: 50px;
}
.center-link{
	display: table;
	margin: 0 auto;
}

.ie .ay-stepper-list__item-text{
	width: 140px; 
	-ms-word-wrap: break-word;
}
.ie #stepDatos .ay-stepper {
	padding-left: 0px;
}

@media only screen and (max-width: 1024px){
	.layout_30_90 .portlet-column {
	    width: 100%;
	}	
	#datoPasos .ay-column-layout {
	    margin-top: 0px;	    
	}
	#stepDatos .ay-stepper-list:before{
		width: 72%;
	}		
	#stepDatos .ay-stepper {
	    padding-left: 0px;
	    padding-top: 20px;
	}
	
	/* Media query para ajustar el properties de metodo de recaudo */
	
	.ay-stepper-list__item--active .ay-stepper-list__item-text br{
		display: none;
	}		
}

/* estilo para determinar le alto de las cajas  */

@media only screen and (min-width: 1024px){
	.portlet-layout.row{
		display: flex;
	}
	.ay-block-bg{
		overflow: hidden;
	}
	#stepDatos .ay-block-bg, .portlet-body, .portlet-content-container, .portlet-content, .portlet, .portlet-boundary, .portlet-dropzone, .portlet-layout, .portlet_center, .portlet-content > div, .ay-page__content {
		height: 100% !important;
	}
}

#stepDatos .ay-stepper {
	/*margin: 20px 30px 0 10px !important;*/
    padding-left: 0 ;
}


.ay-column-layout {
	width: 100% ;
    max-width: 100% ;
    padding: 0;
}
.ay-column--stepper {
	max-width: 100% ;
    padding-left: 25px;
    padding-right: 5vw;
    display: flex ;
    justify-content: center ;
    height: 55% ;
    border-bottom-right-radius: 50px;
}

#link-atras-desktop {
	display: flex;
	font-size: 1rem;
}

#link-atras-mobile {
	display: none;
}

.btn-menus {
	display: flex;
    justify-content: center;
    margin: 20px 10px;
}

#btn-logout button, #btn-logout a {
	border: 1px solid #aab400;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 30px;
    border-radius: 10px;
    color: #aab400;
    text-decoration: none;
    line-height: inherit;
}

.btn-logout {
    justify-content: center;
    margin-top: -40px;
    margin-bottom: 40px;
}

.exit-btn {
	margin: 0 auto 60px auto;
    text-decoration: none;
    border-bottom: 0;
    border: 2px solid;
    padding: 10px;
    width: 150px;
    text-align: center;
    border-radius: 15px;
}

@media only screen and (max-width: 1024px) {
	.ay-column--stepper {
		display: block;
    	padding: 0 0;
    	padding-top: 30px;
	}
	
	#stepDatos .ay-stepper {
		margin: 0;
		padding: 0;
	}
	
	.btn-menus {
	    justify-content: space-around;
    	margin: 30px;
	}
	
	.btn-logout {
		margin-top: 0;
	}
}

#datoPasos .ay-format-block {
    width: 65% ;   
    margin: 0 auto;
    padding: 20px 0;
    border-radius: 50px;
    float: none;
    background: #fff;       
}

@media only screen and (min-width: 1024px) {
	
	#datoPasos .ay-format-block {
    	width: 100%;
    	max-width: 65%;
    	margin: 50px auto;
    	padding: 50px 0;
    	border-radius: 50px;
	}	
	
	.exit-btn {
		margin: 0 auto 0 auto;
	}
	
	#link-atras-desktop {
		display: none;
	}
	
	#link-atras-mobile {
		display: flex;
    	margin: 0 auto 0 50px;
	}
}

@media only screen and (min-width: 1400px) {
 
 	#datoPasos .ay-format-block {
       width: 100% ;  
       padding: 50px 0; 
 	}
}

@media only screen and (max-width: 767px) {
	.ay-column-layout {
		padding: 0;
	}
	
	.ay-column--stepper {
		height: auto;
    	border-bottom-right-radius: 0;
	}
	
	#stepDatos .ay-stepper {
		padding-top: 0;
    	padding-bottom: 0;
	}
	
	.exit-btn {
    	margin: 15px auto 0 auto !important;
    }
    
    .ay-column--stepper.ay-block-white .ay-stepper .ay-stepper-list {
    	background: #f8f8f8;
    	margin: 0 auto;
    	margin-top: 0;
    	margin-bottom: 0;
    	padding-top: 50px;
    	padding-bottom: 25px;
	}
	
	.ay-column--stepper {
		padding-top: 0;
	}
	
	.btn-menus {
	    justify-content: space-around;
    	margin: 30px;
	}
}

@media only screen and (max-width: 520px) {
	.btn-menus {
	    justify-content: space-between;
    	margin: 20px 25px;
	}
}