.Input{
   width: 100%;
   padding:10px;
   box-sizing: border-box;
}

.Label{
   font-weight: 200;
   font-size: 10px;
   display: block;
   margin-bottom: 8px;
}
.InputEl{
   outline:none;
   border: 1px solid #ccc;
   background-color: white;
   font: inherit;
   padding: 6px 10px;
   display: block;
   width: 100%;
   box-shadow: 0 0 3px #ccc, 0 10px 15px #ebebeb inset;
}
.InputEl:focus{
   outline: none;
   background-color: #ccc;
   border: 2px solid lightblue;
}
.InputDiv{
    position: relative;
    color: #aaa;
    font-size: 16px;
}
.InputDiv input {
    text-indent: 32px;
}
.InputDiv .fa-user{
    position: absolute;
    top: 10px;
    left: 10px;
}

.Invalid{
    outline:none;
    border: 1px solid red;
    background-color: salmon;
    font: inherit;
    padding: 6px 10px;
    display: block;
    width: 100%;
    box-shadow: 0 0 3px #ccc,
    0 10px 15px #ebebeb inset;   
}