.MenuLateral a.item:hover, .MenuLateral a.item:active, .MenuLateral a.item:focus{
  background-color: #0f69b4;
  color: white;
}
.MenuLateral a.subItem {
  color: #0f69b4;
  padding: 5px 5px 5px 35px;
}

.MenuLateral a.subItem:last-child {
  border-bottom: 1px solid #0f69b4;
}
.noMargingBottom{
	margin-bottom:0px; 
}


/*CSS PARA QUE EL CHECKBOX ACTUE COMO UN TOGGLE*/
.switch {   
    position : relative ;   
    display : inline-block;   
    width : 40px;   
    height : 20px;   
    background-color: #eee;   
    border-radius: 20px; }
    
.switch::after {  
    content: '';  
    position: absolute;  
    width: 18px;  height: 18px;  
    border-radius: 50%;  
    background-color: white;  
    top: 1px; 
    left: 1px;  
    transition: all 0.3s;}
    
.checkbox:checked + .switch::after {  
    left : 20px; }.checkbox:checked + .switch {  
    background-color: #61B329;}
    
    
/*CSS PARA EL ESTADO DEL PERFIL*/

.boxEstado{
	width: 100%;
    height: 35px;
    text-align: center;
    display: table;
    margin-top: 10px;
}

.completo{
    background: #00881E;
}

.incompleto{
    background: #B82D27;
}

.boxEstado > span{
	color: white;
	display: table-cell;
    vertical-align: middle;
}

/*FIN*/

.text-beneficios{
	font-family: gobCL;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 140%;
	color: #1369B3!important;
}

/* Estilos para el banner del formulario */

#divBannerRegion{
    padding-bottom: 20px;
    display: initial;
    height: 180px;
    display: grid;
    grid-template-columns: 40% 60%;
    grid-template-rows: 70% 30%;
}

#divBannerRegionImg1{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 2;
}

#divBannerRegionImg1 img{
    height: 100%;
    width: 100%;
}

#divBannerRegionImg2{
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2;
}

#divBannerRegionImg2 img{
    height: 100%;
    width: 100%;
}

#divBannerRegionImg2{
    height: 100%;
    width: 100%;
}   
        
#divBannerRegionLogo{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 3;
    background: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
}

#divBannerRegionLogo img{
    height: 80%;
    width: 100%;
}

#divBannerRegionTexto{
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 3;
    background: #F18932;
    display: flex;
    align-items: center;
    justify-content: center;
}

#divBannerRegionTexto span{
    font-family: 'Arial';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0.395em;
    color: #FFFFFF;
}

#divBannerRegionTexto label{
    font-family: 'Arial';
    font-style: normal;
    font-weight: 400;
    font-size: 6px;
    line-height: 100%;
    letter-spacing: 0.395em;
    color: #FFFFFF;
}

.estadoEr{
    /* Pendiente: Documento de residencia */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px!important;
    color: #666666;
    padding-top: 20px;    
    padding-left: 2px;
    
}