@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300&display=swap');

body{
  font-family:  'Roboto','Noto Sans TC', sans-serif;
  font-size: 0.8rem;
  font-weight: 400;
  color:#4c4c4c;
}

* {
    outline: none !important;
}

.auth-wrapper .lavalite-bg {
    height: 100vh;
    position: relative;
    width: 100%;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-image:url('../img/bg_student.jpg');
}

.auth-wrapper .lavalite-bg .lavalite-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(135deg, rgb(70 92 198 / 40%) 0%, #75a5da6b 100%);
}

.invalid-feedback {
    font-size: 0.8rem;
}

.auth-wrapper .authentication-form {
    width: 70%;
    display: block;
    padding: 70px 0;
}

.auth-wrapper .authentication-form .logo-centered {
    width: 100px;
    margin: 0 auto;
    margin-bottom: 20px;
}

.auth-wrapper .authentication-form h3 {
    font-size: 20px;
    color: #272d36;
    margin-bottom: 10px;
}

.auth-wrapper .form-group {
    position: relative;
    .form-control {
        padding-left: 35px;
        & ~ i {
            position: absolute;
            top: 13px;
            left: 10px;
            color:#6c757d;
        }
    }
}

.auth-wrapper .btn-theme {
    background: #48abf7;
    color: #fff;
}

.auth-wrapper .sign-btn {
    margin-top: 10px;
    margin-bottom: 10px;
}

.auth-wrapper a {
    color: ##007bff;
    -moz-transition: color 0.2s;
    -o-transition: color 0.2s;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
    text-decoration: none;
}

.auth-wrapper a:hover, a:focus, a:active {
    outline: 0;
    text-decoration: none;
    color: #007bff;
}

.auth-wrapper .authentication-form .register {
    margin-top: 20px;
    color:#888b8e;
}