input { 
    font-family:   'Barlow-L' ;
    font-style: normal;
	//font-size: 1em;
    outline:none;
}


.input_icon { 
    position:relative;
    width:100%;
    font-family:   'Barlow-L' , Verdana, sans-serif;
    margin: 0.5em;
}

.input_icon input {
     width:100%;
     padding: 0.4em;
     padding-left: 3.2em;
	 border:  1px solid #0978B7;
	// border-top-right-radius: 0.5em;
    // border-top-left-radius:  0.5em;
    // border-bottom-right-radius:  0.5em;
    // border-bottom-left-radius:  0.5em;
} 

.input_icon input:focus { 
   border:  1px solid blue;
   box-shadow: 0px 0px 10px  blue;
}
 

.input_icon i {
    position:absolute;
    top: 0.15em;
    left: 0.15em;
    padding: 0.36em 0.8em ;

}

.input_icon textarea {
     width:100%;
     padding: 0.4em;
     padding-left: 3.2em;
	 border:  1px solid #0978B7;
	// border-top-right-radius: 0.5em;
    // border-top-left-radius:  0.5em;
    // border-bottom-right-radius:  0.5em;
    // border-bottom-left-radius:  0.5em;
} 

.input_icon textarea:focus { 
   //border:  1px solid blue;
    outline: none !important;   /// esto quita el border negro al hacer focus en un area de texto
   box-shadow: 0px 0px 10px  blue;
}