*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body{
    background-color: #f5f5f9!important;
}
.fpass-wrapper{
    height: auto;
    width: 100%;
}
.fpass-wrapper .container .forgot-password{
    width: 350px;
    height: auto;
    margin: 180px auto;
    background-color: #ffffff;
    padding: 15px 30px 30px 30px;
    border-radius: 15px;
}
.fpass-wrapper .container .forgot-password .loading-bar{
    width: 100%;
    height: 4px;
    overflow: hidden;
    background-color: #fff;
}
.fpass-wrapper .container .forgot-password .loading-bar::before{
    display: block;
    position: relative;
    content: '';
    left: -200px;
    width: 200px;
    height: 4px;
    background-color: #0b57d0;
    -webkit-animation: loading-anim 1.5s linear infinite;
    animation: loading-anim 1.5s linear infinite;
}
@-webkit-keyframes loading-anim{
    from{
        left: -200px;
        width: 30%;
    }
    50%{
        width: 30%;
    }
    70%{
        width: 70%;
    }
    80%{
        left: 50%;
    }
    95%{
        left: 120%;
    }
    to{
        left: 100%;
    }
}
@keyframes loading-anim{
    from{
        left: -200px;
        width: 30%;
    }
    50%{
        width: 30%;
    }
    70%{
        width: 70%;
    }
    80%{
        left: 50%;
    }
    95%{
        left: 120%;
    }
    to{
        left: 100%;
    }
}
.fpass-wrapper .container .forgot-password #inputEmail{
    box-shadow: none;
}
.fpass-wrapper .container .forgot-password button{
    background-color: #f5f5f9;
    padding: 5px 20px;
    border-radius: 7px;
    border: 1px solid #ddd;
    color: #010101b8;
}
.fpass-wrapper .container .forgot-password button:hover{
    background-color: #e5e5e7b7;
}
.fpass-wrapper .container .forgot-password #errorMsg{
    color: red;
}