* {
    outline: none !important; }

html, body {
    width: 100%;
    height: 100%; }

body {
    padding: 3em 15px;
    background: #006064;
    /*background: rgb(93,101,144);  Old browsers 
    background: -moz-linear-gradient(-45deg,  rgba(93,101,144,1) 0%, rgba(54,169,225,1) 100%);  FF3.6-15 
    background: -webkit-linear-gradient(-45deg,  rgba(93,101,144,1) 0%,rgba(54,169,225,1) 100%);  Chrome10-25,Safari5.1-6 
    background: linear-gradient(135deg,  rgba(93,101,144,1) 0%,rgba(54,169,225,1) 100%);  W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d6590', endColorstr='#36a9e1',GradientType=1 );  IE6-9 fallback on horizontal gradient */

    /*  display: table;*/
    font-family: "Raleway", sans-serif;
}

.wrapper {
    display: table-cell;
    vertical-align: middle; }

.form-header {
    text-align: center;
    color: white; }
.form-header .fa {
    font-size: 48px;
    margin-bottom: 5px; }
.form-header h1 {
    font-weight: 300;
    margin-bottom: 15px;
    letter-spacing: 0.3em;
    font-size: 24px; }

.form-header h2 {
    font-weight: 300;
    margin-bottom: 30px;
    letter-spacing: 0.3em;
    font-size: 20px; }

.has-feedback .form-control-feedback {
    top: 4px;
    width: 40px;
    font-size: 18px;
    color: #6fd653;
    opacity: 0; }
.error { color:#d74242; margin-bottom:0px; padding-top:3px;}

@media (max-width:340px){
    .error{
        font-size: 13px;
    }
}