* {
    margin: 0;
    padding: 0;
}
body {
    width: 100%;
    height: 100vh;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
   font-family: "Inter", sans-serif;
   font-style: normal;
}

/* .background_image {
    background-image: url({{cloud("loginimages/nw_sats_bg_teacher.svg")}});
} */

.nw_sats_login_top_img img {
    width: 200px;
    position: absolute;
    left: 0px;
    top: -120px;
}

.nw_sats_login_top_img_teacher img {
    width: 280px;
    position: absolute;
    right: 0px;
    top: -200px;

}


.success_password_reset {
    color: #3abdc1;
    text-align: center;
    font-size: 20px;
}

.nw_sats_login_error {
    background-color: #ffce00;
    padding:10px;
    border-radius:10px;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5;
    box-sizing: border-box;
    /* text-align: center;
    justify-content: center; */
}
.nw_sats_login_error p{
    color: #2f2f2f;
}
.nw_sats_login_error svg{
    flex-shrink: 0;
    /* margin-right:8px; */
}

/* .nw_sats_login_error p{
    flex:1 1 0%;
} */

.nw_sats_login_card {
    max-width: 500px;
    width: 95%;
    background-color: white;
    padding: 30px;
    /* box-shadow: 0px 2px 6px 0px rgb(122 122 122 / 50%); */
    border-radius: 10px;
    position: relative;
}

.nw_sats_login_img {
    display: flex;
    justify-content: center;
}

.nw_sats_login_img img {
    width: 100px;
}

.nw_sats_login_title {
    font-size: 35px;
    text-align: center;
    color: #576cd3;
    font-weight: bold;
}

.nw_sats_login_form {
    margin-top: 15px;
    width: 80%;
    margin: 0 auto;
}

.nw_sats_login_form form {
    width: 100%;
}

.nw_sats_login_field_container {
    margin-top: 15px;
    width: 100%;
}

.nw_sats_login_label {
    color: #576cd3;
    font-size: 16px;
    padding: 0px 10px;
    display: block;
    line-height: 1.5;
}

.nw_sats_login_input_field {
    width: 100%;
    height: 40px;
    position: relative;
    border-radius: 25px;
    border: 2px solid #cacaca;
    box-sizing: border-box;
    margin-top:35px;
}

.nw_sats_login_input_field input {
    width: 100%;
    overflow: hidden;
    height: 100%;
    border-radius: 25px;
    border: none;
    font-size: 1rem;
    box-sizing: border-box;
    padding: 0px 12px;
}

input:-webkit-autofill {
    background-color: #FFFFFF !important; 
    -webkit-box-shadow: 0 0 0px 1000px #FFFFFF inset !important; 
    color: #000 !important; 
}

.nw_sats_login_input_field input:focus {
    outline: none;
}

.nw_sats_login_input_icon {
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    right: 15px;
}

.nw_sats_login_forget {
    text-decoration: underline;
    font-size: 17px;
    margin: 10px;
    color: #6377d8;
    display: block;
}

.nw_sats_login_btn {
    height: 40px;
    border-radius: 25px;
    width: 200px;
    font-size: 18px;
    margin: 25px auto;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    cursor: pointer;
    background-image: linear-gradient(to right, #485ee5, #7343dd);
}

.nw_sats_login_btn_reset_link{
    height: 40px;
    border-radius: 25px;
    width: 100%;
    font-size: 18px;
    margin: 25px auto;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    cursor: pointer;
    background-image: linear-gradient(to right, #485ee5, #7343dd);
}

.nw_sats_login_btm_txts {
    text-align: center;
    color: gray;
    margin: 15px 0px;
    font-size: 16px;
    line-height: 1.4;
}

.nw_sats_login_recomend_browser {
    display: flex;
    justify-content: center;
    align-items: center;
}

.nw_sats_login_recomend_browser img {
    width: 50px;
    margin: 0px 15px;
}
.nw_sats_login_forgot_title{
    font-size: 35px;
    text-align: center;
    color: #576cd3;
    font-weight: bold;
    margin-top:35px;
    margin-bottom:42px;
}

@media (min-width: 761px) {
    .nw_sats_login_card {
        max-width: 600px;
        width: 60%;
        background-color: white;
        padding: 15px;
        box-shadow: 0px 2px 6px 0px rgb(122 122 122 / 50%);
        border-radius: 10px;
        box-sizing: border-box;
    }

    .nw_sats_login_top_img_teacher img {
        right: -168px;
        top: -30px;
    }
    .nw_sats_login_btn_reset_link{
        width: 75%;
    }
}

@media (min-width: 991px) {
    .nw_sats_login_top_img img {
        width: 300px;
        position: absolute;
        top: -20px;
        left: -185px;
    }

    .nw_sats_login_card {
        max-width: 500px;
        width: 35%;
        background-color: white;
        box-shadow: 0px 2px 6px 0px rgb(122 122 122 / 50%);
        border-radius: 10px;
    }
}