.login-container{min-width: 100vw;min-height: 100vh; background: url(/assets/images/login-bg.png) center no-repeat; background-size: cover;}
.from-container{position: absolute;width: 462px;height: 650px;left:0;top: 0;  right:0;margin:80px auto 0;position: relative;background: #F6FBFF;box-shadow: 3px 4px 22px rgba(96, 124, 131, 0.16);border-radius: 20px;padding:56px;box-sizing: border-box;}
.from-container .forgot-password{text-align: right;}
.from-container .forgot-password a{color:#3ED9ED !important;font-size: 14px;}
.from-container  .form-control{height: 50px;line-height: 50px; border-radius: 5px;}
.from-container h2{text-align: center;color: #3B3B3B;font-size: 44px;font-weight: 700;}
.from-container .row{font-size: 14px;margin-top: 20px;}
.login-account,.login-google{width: 347px;height: 50px;border-radius: 5px;color:#fff; text-align: center;font-size: 16px;font-weight: 700; border: 0;}
.login-account{background-color: #0AB8E0;margin-top: 30px;}
.login-account .spinner-border{display: none;}
.login-account.disabled>span:first-child{display: none;}
.login-account.disabled .spinner-border{display: inline-block;}
.login-google{background-color: #404040; display: flex;justify-content: center; align-items: center;margin-top: 15px;}
.login-google i{display: block;width: 20px;height: 20px;background: url(/assets/icons/iconfinder_Google_12987451.png) center; background-size: 20px;margin-right: 10px;}
.from-container .join{bottom: 20px; text-align: center;font-size: 16px;font-weight: 400; width: 350px;margin-bottom: 48px;}
.from-container .join a{    color: #0AB8E0;}
.login-account:disabled{background-color: #ABEBFA;}
@media screen and (max-width: 640px) {
    .from-container{width: 100%;}
    .login-account,.login-google{width: 100%;}
    .from-container .join{width: 300px;}
}