.tip-form form {    
    margin-bottom: 1rem;
}

.tip-form input[type="text"],
.tip-form input[type="date"],
.tip-form input[type="datetime"],
.tip-form input[type="email"],
.tip-form input[type="number"],
.tip-form input[type="search"],
.tip-form input[type="time"],
.tip-form input[type="url"],
.tip-form textarea,
.tip-form select 
{
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    background: #fff;
    margin-bottom: 1rem;
    border: 1px solid #ccc;
    padding: 1rem;
    color: #555;
    font: 95% Arial, Helvetica, sans-serif;
}
.tip-form input[type="text"]:focus,
.tip-form input[type="date"]:focus,
.tip-form input[type="datetime"]:focus,
.tip-form input[type="email"]:focus,
.tip-form input[type="number"]:focus,
.tip-form input[type="search"]:focus,
.tip-form input[type="time"]:focus,
.tip-form input[type="url"]:focus,
.tip-form textarea:focus,
.tip-form select:focus
{
    box-shadow: 0 0 5px #34495E;
    padding: 1rem;
    border: 1px solid #34495E;
}

.tip-form input[type="submit"],
.tip-form input[type="button"]{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    padding: 1rem;
    background: #34495E;
    border-bottom: 2px solid #182e44;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;	
    color: #fff;
}
.tip-form input[type="submit"]:hover,
.tip-form input[type="button"]:hover{
    background: #182e44;
}

.tip-form input[type="submit"] {
    cursor: pointer;
}

.error {
	color: red;
}