/* #####################################################################
   #
   #   Project       : Modal contact with jQuery Effects
   #   Author        : Rodrigo Amarante (rodrigockamarante)
   #   Version       : 1.0
   #   Created       : 07/28/2015
   #   Last Change   : 08/02/2015
   #
   ##################################################################### */
   
#div-contact-msg{
    border: 1px solid #dadfe1;
    height: 30px;
    line-height: 28px;
    transition: all ease-in-out 500ms;
    margin-bottom:10px;
}

#div-contact-msg.success {
    border: 1px solid #68c3a3;
    background-color: #c8f7c5;
}

#div-contact-msg.error {
    border: 1px solid #eb575b;
    background-color: #ffcad1;
}

#icon-contact-msg {
    width: 30px;
    float: left;
    line-height: 28px;
    text-align: center;
    background-color: #dadfe1;
    margin-right: 5px;
    transition: all ease-in-out 500ms;
}

#icon-contact-msg.success {
    background-color: #68c3a3 !important;
}

#icon-contact-msg.error {
    background-color: #eb575b !important;
}

input:-webkit-autofill {
    -webkit-box-shadow:0 0 0 50px white inset; /* Change the color to your own background color */
    -webkit-text-fill-color: #333;
}

input:-webkit-autofill:focus {
    -webkit-box-shadow: /*your box-shadow*/,0 0 0 50px white inset;
    -webkit-text-fill-color: #333;
}