body {
    font-family: 'Segoe UI', sans-serif;
    background-color: #e4e5e6;
}

.form-signin {
    max-width: 330px;
    padding: 15px;
    margin: 0 auto;
}

    .form-signin .checkbox {
        font-weight: normal;
    }

    .form-signin .form-control {
        display: table;
        font-size: 16px;
        font-family: 'Segoe UI', sans-serif;
        height: 50px;
        width: 100%;
        border-radius: 0px 0px 0px 0px;
        -moz-border-radius: 0px 0px 0px 0px;
        -webkit-border-radius: 0px 0px 0px 0px;
        border: 0px none #000000;
        border-color: inherit;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-bottom: 1px solid #757576;
    }

        .form-signin .form-control:focus {
            outline: none;
            border-color: inherit;
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
            box-shadow: none !important;
            border-bottom: none !important;
        }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus input:-webkit-autofill,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-text-fill-color: green;
    transition: background-color 5000s ease-in-out 0s;
}


    .form-signin .border {
        height: 1px;
        background: #000;
        transition: .3s;
        -webkit-transition: .3s;
        -moz-transition: .3s;
    }

        .form-signin .border::before {
            content: " ";
            display: table;
            height: 3px;
            width: 0%;
            background: transparent;
            transition: .3s;
            -webkit-transition: .3s;
            -moz-transition: .3s;
            margin: 0 auto;
        }

    .form-signin input:focus ~ .border {
        background: transparent;
    }
        .form-signin input:focus ~ .border::before {
            width: 100%;
            background: #0071bc;
        }
    .form-signin input[type="text"]:valid ~ .border::before {
        width: 100%;
        background: #0071bc;
    }
    .form-signin input[type="password"]:valid ~ .border::before {
        width: 100%;
        background: #0071bc;
    }

    .form-signin .error-border {
        height: 3px;
        width: 100%;
        background: #c42300;
        transition: .3s;
        -webkit-transition: .3s;
        -moz-transition: .3s;
    }
.signin-button {
    background: #0071bc;
    padding-bottom: 35px;
    height: 30px;
    border-radius: 0px 0px 0px 0px;
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
    border: 0px solid #000000;
}

    .signin-button:hover {
        background: #005A96;
    }

    .signin-button:focus {
        background: #004370;
    }


.account-wall {
    margin-top: 20px;
    padding: 40px 0px 20px 0px;
    background-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #d3d3d3;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.profile-img {
    width: 100%;
    padding-bottom: 30px;
}

.error-login {
    font-size: 13px;
    font-family: 'Segoe UI', sans-serif;
    color: #c42300;
}