a:hover{text-decoration: none;}

body{
    font-family: 'Roboto', sans-serif;
    color: #b3b3d5;
    font-size: 16px;
    font-weight: normal;
}

.sign-page-main{
    background-color: #f9f9f9;
    height: calc(100vh - 60px);
    padding: 15px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align:center;
    align-items: center;
    -ms-flex-pack:center;
    justify-content: center;
}
.sign-page-logo img{width: 100%;max-width: 350px;}
.sign-form{
    margin-top:60px;
    margin-bottom: 50px;
}
.sign-page-inner{
    width: 100%;
    max-width:550px;
}
input.form-control{
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: 300;
    border: 1px solid #ced4da;
    color: #b3b3d5;
    padding: 10px 15px 10px 50px;
    background-color: #fff;
    border-radius: 5px;
    background-size: 18px;
    line-height: normal;
    background-repeat: no-repeat;
    background-position: 15px center;
}
.sign-form input.form-control{padding: 10px 15px 10px 50px;}
input[name="email"]{background-image: url(../images/email-icon.png);}
input[name="password"]{background-image: url(../images/password-icon.png);}
input[name="name"]{background-image: url(../images/user-icon.png);}
.form-control:focus{
    color: #b3b3d5;
    border-color: #6494C2;
    outline: 0;
    box-shadow: 0 0 0px 3px rgba(24, 187, 97, 0.2);
}
.form-control:hover{
    color: #b3b3d5;
    border-color: #6494C2;
    outline: 0;
}

input.form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #b3b3d5;
}
input.form-control::-moz-placeholder { /* Firefox 19+ */
  color: #b3b3d5;
}
input.form-control:-ms-input-placeholder { /* IE 10+ */
  color: #b3b3d5;
}
input.form-control:-moz-placeholder { /* Firefox 18- */
  color: #b3b3d5;
}


form .form-group{margin-bottom: 40px;}
form .green-btn{
    background-color: #6494C2;
    transition: all 0.5s;
    border: 0;
    width: 100%;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    font-size: 20px;
    padding: 10px;
    line-height: 26px;
    border-radius: 5px;
    position: relative;
}
form .green-btn:hover{
    background-color: #466991;
    transition: all 0.5s;
}
form .green-btn:after{
    content: url(../images/btn-arrow.png);
    position: absolute;
    line-height: 0;
    top: 50%;
    transform: translateY(-50%);
    right: 25%;
}
.form-back-link a{
    color: #3789e0;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 20px;
    letter-spacing: 0.2px;
}
.form-back-link{margin: 20px 0;}
.sign-page-footer{
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    color: #fff;
    background-color: #6494C2;
    font-weight: 300;
    text-align: center;
    letter-spacing: 0.2px;
    padding: 15px;
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
}

@media screen and (max-width: 768px){
    .sign-page-footer{font-size:18px;}
    input.form-control, .form-back-link a{font-size: 16px;}
    form .green-btn{font-size: 20px;line-height: 30px;}
    form .form-group{margin-bottom: 30px;}
    .sign-form{margin-top: 50px; margin-bottom: 40px;}
}
@media screen and (max-width: 576px){
    .sign-page-footer{position: relative;}
    .sign-page-main{height: auto;min-height: calc(100vh - 80px);padding:60px 15px;}
}

.error{
	color:#dc3545;
}