body{

}
  
#page {
    width: 100%;
    height: 100vh;
    position: relative; 
    margin: 0;
}

#username:focus, #password:focus{
    outline:none !important;
    outline-width: 0 !important;
    box-shadow: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
    background: transparent !important;
}

#form-login {
    width: 40%;
    height: 500px;
    border-radius: 10px;
    margin: 0 auto;
    position: relative;
    top: 10%;
}

#form-wrapper {
    width: 50%;
    margin: 0 auto;
    position: relative;
    top: 110px;
}

#img-logo {
    height: 100px;
}

.form-control {
    border-top: none;
    border-left: none;
    border-right: none;
    box-shadow: none;
    border-radius: 0;
    border-bottom: 2px solid #000000;
    background: transparent;
    color: #000;
}


#form-group-button #btn_submit {
    background: linear-gradient(270deg, #FCA10E 0.2%, #FF470B 99.8%);
    color: #fff;
    width: 100%;
    padding-top: 2%;
    padding-bottom: 2%;
    border-radius: 20px;
    border: none;
    font-weight: 600;
}

.form-group-emg:not(:first-child) {
    height: 100px;
    position: relative;
    z-index: 9;
}

#emg-lms-alert-box-login {
    width: 40%;
    margin: 0 auto;
    border-radius: 10px;
    margin-top: 80px;
}


@media only screen and (max-width: 1536px) {
    #form-login {
        width: 50%;
    }

    #emg-lms-alert-box-login {
        width: 50%;
    }
}

@media only screen and (max-width: 1440px) {
    #form-login {
        width: 52%;
    }

    #emg-lms-alert-box-login {
        width: 52%;
    }
}


@media only screen and (max-width: 1366px) {
    #form-login {
        width: 55%;
    }

    #emg-lms-alert-box-login {
        width: 55%;
    }
}

@media only screen and (max-width: 1280px) {
    #form-login {
        width: 59%;
    }

    #emg-lms-alert-box-login {
        width: 59%;
    }
}

@media only screen and (max-width: 1024px) {
    #form-login {
        width: 75%;
    }

    #emg-lms-alert-box-login {
        width: 75%;
    }
}

@media only screen and (max-width: 768px) {
    #form-login {
        width: 90%;
    }

    #emg-lms-alert-box-login {
        width: 90%;
    }
}

@media only screen and (max-width: 666px) {
    #form-login {
        width: 95%;
    }

    #emg-lms-alert-box-login {
        width: 95%;
    }
}

@media only screen and (max-width: 600px) {
    #form-login {
        width: 100%;
    }

    #emg-lms-alert-box-login {
        width: 100%;
    }

    #form-wrapper {
        top: 170px;
    }

    #form-group-information {
        display: none;
    }
}

@media only screen and (max-width: 414px) {
    #form-login {
        width: 100%;
    }

    #emg-lms-alert-box-login {
        width: 100%;
    }

    #form-wrapper {
        top: 170px;
    }

    #form-group-information {
        display: none;
    }
}