/*----------- Login page ------------*/
.login{
    background: #333;
}
.login-form{
    
    background-color: #fff;
    border-radius: 8px;
    padding: 15px 10px 0px;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.43);
}
.login-title{
    margin: 15% auto 0;
}
.login-title h1{ 
    color: #fff; 
    text-align: center;
}
.login-title hr { 
    padding: 0;
    margin-top: 0rem;
    color: #e5e5e5;
    text-align: center;
    font-family: 'FontAwesome', sans-serif;
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0)); 
    background-image:    -moz-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0)); 
    background-image:     -ms-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0)); 
    background-image:      -o-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0));}
.login-title hr:after {
    content: "\f090";
    display: inline-block;
    position: relative; 
    top: -0.5em;  
    font-size: 1.5em;
    padding: 0 0.25em;
    background: #333;
}
.login-form input[type="text"]:focus{border-bottom: 4px solid #dd4b39;}
.login-form input[type="password"]:focus{border-bottom: 4px solid #00933b;}
.login-form button[type="submit"]{
    font-family: 'Roboto', sans-serif;
    font-size: 1.2em;
    padding: 0.5em; 
    margin: 0 0 0.5em;
}
.login-form span.remember{
    font-size: 15px;
    color: #333;
    position: relative;
    top: -2px;
}
.login-form .create-account,
.login-form .troubleshoot{
    margin-bottom: 15px;
}
/*-----------------------------------*/