html,
body {
    height: 100%;
}

body {
    display: flex;
    align-items: center;
    /*padding-top: 15px;*/
    padding-bottom: 35px;
    background-color: #f5f5f5;
}

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

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

    .form-signin .form-floating:focus-within {
        z-index: 2;
    }

    .form-signin input[type="email"] {
        margin-bottom: -1px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .form-signin input[type="password"] {
        margin-bottom: 10px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

/*----------------------------*/


.line {
    height: 1px;
    width: 45%;
    background-color: #E0E0E0;
    margin-top: 10px
}

.or {
    width: 10%;
    font-weight: bold
}

/*---------------------------*/
@import url(https://fonts.googleapis.com/css?family=Roboto:500);

.provider-btn {
    display: flex;
    /*width: 130px;*/
    height: 42px;
    background-color: #4285f4;
    border-radius: 2px;
    box-shadow: 0 3px 4px 0 rgba(0,0,0,.25);
}

    .provider-btn .provider-icon-wrapper {
        position: absolute;
        margin-top: 1px;
        margin-left: 1px;
        width: 40px;
        height: 40px;
        border-radius: 2px;
        background-color: #fff;
        justify-content: center;
        display: flex;
    }

    .provider-btn .facebook-icon-wrapper {
        position: absolute;
        margin-top: 1px;
        margin-left: 1px;
        width: 40px;
        height: 40px;
        border-radius: 2px;
        /*background-color: #fff;*/
        justify-content: center;
        display: flex;
    }

    .provider-btn .provider-icon {
        /*position: absolute;*/
        /*margin-top: 8px;*/
        /*margin-left: 11px;
        width: 18px;
        height: 18px*/
    }

    .provider-btn .btn-text {
        padding-left: 55px;
        /*float: right;*/
        margin: 11px 11px 0 0;
        color: #fff;
        font-size: 14px;
        letter-spacing: .2px;
        font-family: "Roboto"
    }

    .provider-btn:hover {
        box-shadow: 0 0 6px #4285f4
    }

    .provider-btn:active {
        background: #1669f2
    }